@modul/mbui 0.0.27-beta-pv-53383-2a4c8397 → 0.0.27-beta-pv-53496-11a5e38e

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.
Files changed (64) hide show
  1. package/dist/BankCardImage/BankCardImage.d.ts +8 -0
  2. package/dist/BankCardImage/BankCardImage.js +20 -0
  3. package/dist/BankCardImage/BankCardImage.js.map +1 -0
  4. package/dist/BankCardImage/index.d.ts +1 -0
  5. package/dist/BankCardImage/index.js +6 -0
  6. package/dist/BankCardImage/index.js.map +1 -0
  7. package/dist/index.d.ts +2 -2
  8. package/dist/index.js +3 -5
  9. package/dist/index.js.map +1 -1
  10. package/package.json +1 -2
  11. package/src/BankCardImage/BankCardImage.tsx +43 -0
  12. package/src/BankCardImage/index.ts +1 -0
  13. package/src/assets/images/bankcards/empty-bg.svg +1 -0
  14. package/src/assets/images/bankcards/empty.svg +1 -0
  15. package/src/assets/images/bankcards/mabl5-bg.svg +1 -0
  16. package/src/assets/images/bankcards/mabl5.svg +1 -0
  17. package/src/assets/images/bankcards/mamo2-bg.svg +1 -0
  18. package/src/assets/images/bankcards/mamo2.svg +1 -0
  19. package/src/assets/images/bankcards/maod2-bg.svg +1 -0
  20. package/src/assets/images/bankcards/maod2.svg +1 -0
  21. package/src/assets/images/bankcards/mb06-bg.svg +1 -0
  22. package/src/assets/images/bankcards/mb06.svg +1 -0
  23. package/src/assets/images/bankcards/mir1-bg.svg +1 -0
  24. package/src/assets/images/bankcards/mir1.svg +1 -0
  25. package/src/assets/images/bankcards/mir1d-bg.svg +1 -0
  26. package/src/assets/images/bankcards/mir1d.svg +1 -0
  27. package/src/assets/images/bankcards/mirmd-bg.svg +1 -0
  28. package/src/assets/images/bankcards/mirmd.svg +1 -0
  29. package/src/assets/images/bankcards/mirn-bg.svg +1 -0
  30. package/src/assets/images/bankcards/mirn.svg +1 -0
  31. package/src/assets/images/bankcards/mirp-bg.svg +1 -0
  32. package/src/assets/images/bankcards/mirp.svg +1 -0
  33. package/src/assets/images/bankcards/mirs-bg.svg +1 -0
  34. package/src/assets/images/bankcards/mirs.svg +1 -0
  35. package/src/assets/images/bankcards/mirsd-bg.svg +1 -0
  36. package/src/assets/images/bankcards/mirsd.svg +1 -0
  37. package/src/assets/images/bankcards/mirst-bg.svg +1 -0
  38. package/src/assets/images/bankcards/mirst.svg +1 -0
  39. package/src/assets/images/bankcards/mov02-bg.svg +1 -0
  40. package/src/assets/images/bankcards/mov02.svg +1 -0
  41. package/src/assets/images/bankcards/pvd01-bg.svg +1 -0
  42. package/src/assets/images/bankcards/pvd01.svg +1 -0
  43. package/src/assets/images/bankcards/vabmo-bg.svg +1 -0
  44. package/src/assets/images/bankcards/vabmo.svg +1 -0
  45. package/src/assets/images/bankcards/vb01-bg.svg +1 -0
  46. package/src/assets/images/bankcards/vb01.svg +1 -0
  47. package/src/assets/images/bankcards/vb02-bg.svg +1 -0
  48. package/src/assets/images/bankcards/vb02.svg +1 -0
  49. package/src/assets/images/bankcards/vb03-bg.svg +1 -0
  50. package/src/assets/images/bankcards/vb03.svg +1 -0
  51. package/src/assets/images/bankcards/vb05-bg.svg +1 -0
  52. package/src/assets/images/bankcards/vb05.svg +1 -0
  53. package/src/assets/images/bankcards/vb07-bg.svg +1 -0
  54. package/src/assets/images/bankcards/vb07.svg +1 -0
  55. package/src/assets/images/icons/banks/sprite.svg +1 -0
  56. package/src/index.ts +2 -8
  57. package/dist/Carousel/Carousel.d.ts +0 -16
  58. package/dist/Carousel/Carousel.js +0 -144
  59. package/dist/Carousel/Carousel.js.map +0 -1
  60. package/dist/Carousel/index.d.ts +0 -1
  61. package/dist/Carousel/index.js +0 -8
  62. package/dist/Carousel/index.js.map +0 -1
  63. package/src/Carousel/Carousel.tsx +0 -249
  64. package/src/Carousel/index.ts +0 -7
@@ -1,144 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.CarouselItem = exports.CarouselContent = exports.Carousel = void 0;
4
- const tslib_1 = require("tslib");
5
- const React = (0, tslib_1.__importStar)(require("react"));
6
- const embla_carousel_react_1 = (0, tslib_1.__importDefault)(require("embla-carousel-react"));
7
- const utils_1 = require("../@/lib/utils");
8
- const CarouselContext = React.createContext(null);
9
- function useCarousel() {
10
- const context = React.useContext(CarouselContext);
11
- if (!context) {
12
- throw new Error("useCarousel must be used within a <Carousel />");
13
- }
14
- return context;
15
- }
16
- exports.Carousel = React.forwardRef(({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }, ref) => {
17
- const [carouselRef, api] = (0, embla_carousel_react_1.default)({
18
- ...opts,
19
- axis: orientation === "horizontal" ? "x" : "y",
20
- }, plugins);
21
- const [canScrollPrev, setCanScrollPrev] = React.useState(false);
22
- const [canScrollNext, setCanScrollNext] = React.useState(false);
23
- const onSelect = React.useCallback((api) => {
24
- if (!api) {
25
- return;
26
- }
27
- setCanScrollPrev(api.canScrollPrev());
28
- setCanScrollNext(api.canScrollNext());
29
- }, []);
30
- const scrollPrev = React.useCallback(() => {
31
- api?.scrollPrev();
32
- }, [api]);
33
- const scrollNext = React.useCallback(() => {
34
- api?.scrollNext();
35
- }, [api]);
36
- const handleKeyDown = React.useCallback((event) => {
37
- if (event.key === "ArrowLeft") {
38
- event.preventDefault();
39
- scrollPrev();
40
- }
41
- else if (event.key === "ArrowRight") {
42
- event.preventDefault();
43
- scrollNext();
44
- }
45
- }, [scrollPrev, scrollNext]);
46
- React.useEffect(() => {
47
- if (!api || !setApi) {
48
- return;
49
- }
50
- setApi(api);
51
- }, [api, setApi]);
52
- React.useEffect(() => {
53
- if (!api) {
54
- return;
55
- }
56
- onSelect(api);
57
- api.on("reInit", onSelect);
58
- api.on("select", onSelect);
59
- return () => {
60
- api?.off("select", onSelect);
61
- };
62
- }, [api, onSelect]);
63
- return (React.createElement(CarouselContext.Provider, { value: {
64
- carouselRef,
65
- api: api,
66
- opts,
67
- orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
68
- scrollPrev,
69
- scrollNext,
70
- canScrollPrev,
71
- canScrollNext,
72
- } },
73
- React.createElement("div", { ref: ref, onKeyDownCapture: handleKeyDown, className: (0, utils_1.cn)("relative", className), role: "region", "aria-roledescription": "carousel", ...props }, children)));
74
- });
75
- exports.Carousel.displayName = "Carousel";
76
- exports.CarouselContent = React.forwardRef(({ className, ...props }, ref) => {
77
- const { carouselRef, orientation } = useCarousel();
78
- return (React.createElement("div", { ref: carouselRef, className: "overflow-hidden" },
79
- React.createElement("div", { ref: ref, className: (0, utils_1.cn)("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className), ...props })));
80
- });
81
- exports.CarouselContent.displayName = "CarouselContent";
82
- exports.CarouselItem = React.forwardRef(({ className, ...props }, ref) => {
83
- const { orientation } = useCarousel();
84
- return (React.createElement("div", { ref: ref, role: "group", "aria-roledescription": "slide", className: (0, utils_1.cn)("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className), ...props }));
85
- });
86
- exports.CarouselItem.displayName = "CarouselItem";
87
- // const CarouselPrevious = React.forwardRef<
88
- // HTMLButtonElement,
89
- // React.ComponentProps<typeof Button>
90
- // >(({ className, variant = "outline", size = "icon", ...props }, ref) => {
91
- // const { orientation, scrollPrev, canScrollPrev } = useCarousel()
92
- //
93
- // return (
94
- // <Button
95
- // ref={ref}
96
- // variant={variant}
97
- // size={size}
98
- // className={cn(
99
- // "absolute h-8 w-8 rounded-full",
100
- // orientation === "horizontal"
101
- // ? "-left-12 top-1/2 -translate-y-1/2"
102
- // : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
103
- // className
104
- // )}
105
- // disabled={!canScrollPrev}
106
- // onClick={scrollPrev}
107
- // {...props}
108
- // >
109
- // <ArrowLeft className="h-4 w-4" />
110
- // <span className="sr-only">Previous slide</span>
111
- // </Button>
112
- // )
113
- // })
114
- // CarouselPrevious.displayName = "CarouselPrevious"
115
- //
116
- // const CarouselNext = React.forwardRef<
117
- // HTMLButtonElement,
118
- // React.ComponentProps<typeof Button>
119
- // >(({ className, variant = "outline", size = "icon", ...props }, ref) => {
120
- // const { orientation, scrollNext, canScrollNext } = useCarousel()
121
- //
122
- // return (
123
- // <Button
124
- // ref={ref}
125
- // variant={variant}
126
- // size={size}
127
- // className={cn(
128
- // "absolute h-8 w-8 rounded-full",
129
- // orientation === "horizontal"
130
- // ? "-right-12 top-1/2 -translate-y-1/2"
131
- // : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
132
- // className
133
- // )}
134
- // disabled={!canScrollNext}
135
- // onClick={scrollNext}
136
- // {...props}
137
- // >
138
- // <ArrowRight className="h-4 w-4" />
139
- // <span className="sr-only">Next slide</span>
140
- // </Button>
141
- // )
142
- // })
143
- // CarouselNext.displayName = "CarouselNext"
144
- //# sourceMappingURL=Carousel.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../src/Carousel/Carousel.tsx"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- export { Carousel, CarouselContent, CarouselItem, } from "./Carousel";
@@ -1,8 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.CarouselItem = exports.CarouselContent = exports.Carousel = void 0;
4
- var Carousel_1 = require("./Carousel");
5
- Object.defineProperty(exports, "Carousel", { enumerable: true, get: function () { return Carousel_1.Carousel; } });
6
- Object.defineProperty(exports, "CarouselContent", { enumerable: true, get: function () { return Carousel_1.CarouselContent; } });
7
- Object.defineProperty(exports, "CarouselItem", { enumerable: true, get: function () { return Carousel_1.CarouselItem; } });
8
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Carousel/index.ts"],"names":[],"mappings":";;;AAAA,uCAMmB;AALlB,oGAAA,QAAQ,OAAA;AACR,2GAAA,eAAe,OAAA;AACf,wGAAA,YAAY,OAAA"}
@@ -1,249 +0,0 @@
1
- import * as React from "react"
2
- import useEmblaCarousel, {
3
- type UseEmblaCarouselType,
4
- } from "embla-carousel-react"
5
-
6
- import { cn } from '../@/lib/utils'
7
-
8
- type CarouselApi = UseEmblaCarouselType[1]
9
- type UseCarouselParameters = Parameters<typeof useEmblaCarousel>
10
- type CarouselOptions = UseCarouselParameters[0]
11
- type CarouselPlugin = UseCarouselParameters[1]
12
-
13
- type CarouselProps = {
14
- opts?: CarouselOptions
15
- plugins?: CarouselPlugin
16
- orientation?: "horizontal" | "vertical"
17
- setApi?: (api: CarouselApi) => void
18
- }
19
-
20
- type CarouselContextProps = {
21
- carouselRef: ReturnType<typeof useEmblaCarousel>[0]
22
- api: ReturnType<typeof useEmblaCarousel>[1]
23
- scrollPrev: () => void
24
- scrollNext: () => void
25
- canScrollPrev: boolean
26
- canScrollNext: boolean
27
- } & CarouselProps
28
-
29
- const CarouselContext = React.createContext<CarouselContextProps | null>(null)
30
-
31
- function useCarousel() {
32
- const context = React.useContext(CarouselContext)
33
-
34
- if (!context) {
35
- throw new Error("useCarousel must be used within a <Carousel />")
36
- }
37
-
38
- return context
39
- }
40
-
41
- export const Carousel = React.forwardRef<
42
- HTMLDivElement,
43
- React.HTMLAttributes<HTMLDivElement> & CarouselProps
44
- >(
45
- (
46
- {
47
- orientation = "horizontal",
48
- opts,
49
- setApi,
50
- plugins,
51
- className,
52
- children,
53
- ...props
54
- },
55
- ref
56
- ) => {
57
- const [carouselRef, api] = useEmblaCarousel(
58
- {
59
- ...opts,
60
- axis: orientation === "horizontal" ? "x" : "y",
61
- },
62
- plugins
63
- )
64
- const [canScrollPrev, setCanScrollPrev] = React.useState(false)
65
- const [canScrollNext, setCanScrollNext] = React.useState(false)
66
-
67
- const onSelect = React.useCallback((api: CarouselApi) => {
68
- if (!api) {
69
- return
70
- }
71
-
72
- setCanScrollPrev(api.canScrollPrev())
73
- setCanScrollNext(api.canScrollNext())
74
- }, [])
75
-
76
- const scrollPrev = React.useCallback(() => {
77
- api?.scrollPrev()
78
- }, [api])
79
-
80
- const scrollNext = React.useCallback(() => {
81
- api?.scrollNext()
82
- }, [api])
83
-
84
- const handleKeyDown = React.useCallback(
85
- (event: React.KeyboardEvent<HTMLDivElement>) => {
86
- if (event.key === "ArrowLeft") {
87
- event.preventDefault()
88
- scrollPrev()
89
- } else if (event.key === "ArrowRight") {
90
- event.preventDefault()
91
- scrollNext()
92
- }
93
- },
94
- [scrollPrev, scrollNext]
95
- )
96
-
97
- React.useEffect(() => {
98
- if (!api || !setApi) {
99
- return
100
- }
101
-
102
- setApi(api)
103
- }, [api, setApi])
104
-
105
- React.useEffect(() => {
106
- if (!api) {
107
- return
108
- }
109
-
110
- onSelect(api)
111
- api.on("reInit", onSelect)
112
- api.on("select", onSelect)
113
-
114
- return () => {
115
- api?.off("select", onSelect)
116
- }
117
- }, [api, onSelect])
118
-
119
- return (
120
- <CarouselContext.Provider
121
- value={{
122
- carouselRef,
123
- api: api,
124
- opts,
125
- orientation:
126
- orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
127
- scrollPrev,
128
- scrollNext,
129
- canScrollPrev,
130
- canScrollNext,
131
- }}
132
- >
133
- <div
134
- ref={ref}
135
- onKeyDownCapture={handleKeyDown}
136
- className={cn("relative", className)}
137
- role="region"
138
- aria-roledescription="carousel"
139
- {...props}
140
- >
141
- {children}
142
- </div>
143
- </CarouselContext.Provider>
144
- )
145
- }
146
- )
147
- Carousel.displayName = "Carousel"
148
-
149
- export const CarouselContent = React.forwardRef<
150
- HTMLDivElement,
151
- React.HTMLAttributes<HTMLDivElement>
152
- >(({ className, ...props }, ref) => {
153
- const { carouselRef, orientation } = useCarousel()
154
-
155
- return (
156
- <div ref={carouselRef} className="overflow-hidden">
157
- <div
158
- ref={ref}
159
- className={cn(
160
- "flex",
161
- orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
162
- className
163
- )}
164
- {...props}
165
- />
166
- </div>
167
- )
168
- })
169
- CarouselContent.displayName = "CarouselContent"
170
-
171
- export const CarouselItem = React.forwardRef<
172
- HTMLDivElement,
173
- React.HTMLAttributes<HTMLDivElement>
174
- >(({ className, ...props }, ref) => {
175
- const { orientation } = useCarousel()
176
-
177
- return (
178
- <div
179
- ref={ref}
180
- role="group"
181
- aria-roledescription="slide"
182
- className={cn(
183
- "min-w-0 shrink-0 grow-0 basis-full",
184
- orientation === "horizontal" ? "pl-4" : "pt-4",
185
- className
186
- )}
187
- {...props}
188
- />
189
- )
190
- })
191
- CarouselItem.displayName = "CarouselItem"
192
-
193
- // const CarouselPrevious = React.forwardRef<
194
- // HTMLButtonElement,
195
- // React.ComponentProps<typeof Button>
196
- // >(({ className, variant = "outline", size = "icon", ...props }, ref) => {
197
- // const { orientation, scrollPrev, canScrollPrev } = useCarousel()
198
- //
199
- // return (
200
- // <Button
201
- // ref={ref}
202
- // variant={variant}
203
- // size={size}
204
- // className={cn(
205
- // "absolute h-8 w-8 rounded-full",
206
- // orientation === "horizontal"
207
- // ? "-left-12 top-1/2 -translate-y-1/2"
208
- // : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
209
- // className
210
- // )}
211
- // disabled={!canScrollPrev}
212
- // onClick={scrollPrev}
213
- // {...props}
214
- // >
215
- // <ArrowLeft className="h-4 w-4" />
216
- // <span className="sr-only">Previous slide</span>
217
- // </Button>
218
- // )
219
- // })
220
- // CarouselPrevious.displayName = "CarouselPrevious"
221
- //
222
- // const CarouselNext = React.forwardRef<
223
- // HTMLButtonElement,
224
- // React.ComponentProps<typeof Button>
225
- // >(({ className, variant = "outline", size = "icon", ...props }, ref) => {
226
- // const { orientation, scrollNext, canScrollNext } = useCarousel()
227
- //
228
- // return (
229
- // <Button
230
- // ref={ref}
231
- // variant={variant}
232
- // size={size}
233
- // className={cn(
234
- // "absolute h-8 w-8 rounded-full",
235
- // orientation === "horizontal"
236
- // ? "-right-12 top-1/2 -translate-y-1/2"
237
- // : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
238
- // className
239
- // )}
240
- // disabled={!canScrollNext}
241
- // onClick={scrollNext}
242
- // {...props}
243
- // >
244
- // <ArrowRight className="h-4 w-4" />
245
- // <span className="sr-only">Next slide</span>
246
- // </Button>
247
- // )
248
- // })
249
- // CarouselNext.displayName = "CarouselNext"
@@ -1,7 +0,0 @@
1
- export {
2
- Carousel,
3
- CarouselContent,
4
- CarouselItem,
5
- // CarouselPrevious,
6
- // CarouselNext,
7
- } from "./Carousel"