@via-profit/ui-kit 0.2.1-alpha.3 → 0.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Autocomplete/AutocompleteContainer.d.ts +5 -4
- package/Autocomplete/AutocompleteContainer.js +146 -152
- package/Autocomplete/AutocompleteItem.js +1 -1
- package/Autocomplete/context.d.ts +3 -5
- package/Autocomplete/context.js +22 -14
- package/CountryFlags/SwiperOverview.d.ts +257 -0
- package/CountryFlags/SwiperOverview.js +524 -0
- package/Highlighted/index.js +10 -5
- package/Highlighted/splitTextIntoParts.d.ts +5 -0
- package/Highlighted/splitTextIntoParts.js +46 -0
- package/MaskedField/index.d.ts +1 -0
- package/MaskedField/index.js +44 -36
- package/MaskedField/useMasked.js +7 -5
- package/Menu/MenuContainer.d.ts +24 -2
- package/Menu/MenuContainer.js +194 -243
- package/Menu/MenuList.d.ts +1 -0
- package/Menu/MenuList.js +15 -16
- package/Popper/Popper.d.ts +3 -2
- package/Popper/Popper.js +9 -7
- package/Popper/PopperContainer.d.ts +0 -1
- package/Popper/PopperContainer.js +8 -3
- package/Popper/index.d.ts +1 -1
- package/Popper/index.js +1 -1
- package/Popper/usePopper.d.ts +111 -0
- package/Popper/usePopper.js +522 -0
- package/Selectbox/SelectboxButton.js +2 -27
- package/Selectbox/SelectboxMenu.d.ts +0 -2
- package/Selectbox/SelectboxMenu.js +13 -5
- package/Selectbox/index.d.ts +5 -3
- package/Selectbox/index.js +4 -4
- package/Swiper/Swiper.d.ts +28 -17
- package/Swiper/Swiper.js +294 -38
- package/Swiper/SwiperContainer.d.ts +3 -3
- package/Swiper/SwiperContainer.js +1 -0
- package/Swiper/SwiperSlide.d.ts +10 -5
- package/Swiper/SwiperSlide.js +6 -3
- package/Swiper/SwiperSlidesRenderer.d.ts +11 -0
- package/Swiper/SwiperSlidesRenderer.js +74 -0
- package/Swiper/SwiperTrack.d.ts +4 -0
- package/Swiper/SwiperTrack.js +4 -7
- package/Swiper/SwiperWrapper.d.ts +2 -0
- package/package.json +1 -1
package/Swiper/SwiperTrack.d.ts
CHANGED
|
@@ -4,11 +4,15 @@ export type SwiperTrackProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
|
4
4
|
readonly index: number;
|
|
5
5
|
readonly offset: number;
|
|
6
6
|
readonly dragging: boolean;
|
|
7
|
+
readonly disableAnimation?: boolean;
|
|
8
|
+
readonly slidesPerView: number;
|
|
7
9
|
};
|
|
8
10
|
export declare const SwiperTrack: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
|
9
11
|
readonly children: React.ReactNode;
|
|
10
12
|
readonly index: number;
|
|
11
13
|
readonly offset: number;
|
|
12
14
|
readonly dragging: boolean;
|
|
15
|
+
readonly disableAnimation?: boolean | undefined;
|
|
16
|
+
readonly slidesPerView: number;
|
|
13
17
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
14
18
|
export default SwiperTrack;
|
package/Swiper/SwiperTrack.js
CHANGED
|
@@ -43,16 +43,13 @@ const styled_1 = __importDefault(require("@emotion/styled"));
|
|
|
43
43
|
const StyledTrack = styled_1.default.div `
|
|
44
44
|
display: flex;
|
|
45
45
|
height: 100%;
|
|
46
|
-
transition: ${
|
|
46
|
+
transition: ${({ $dragging, $disableAnimation }) => $dragging || $disableAnimation ? 'none' : 'transform 0.3s ease'};
|
|
47
47
|
will-change: transform;
|
|
48
|
-
transform: ${({ $index, $offset }) => {
|
|
49
|
-
const trackX = `translateX(calc(${-($index * 100)}% + ${$offset}px))`;
|
|
50
|
-
return trackX;
|
|
51
|
-
}};
|
|
48
|
+
transform: ${({ $index, $offset, $slidesPerView }) => `translateX(calc(${-(($index * 100) / $slidesPerView)}% + ${$offset}px))`};
|
|
52
49
|
`;
|
|
53
50
|
exports.SwiperTrack = React.forwardRef((props, ref) => {
|
|
54
|
-
const { children, index, offset, dragging } = props, restProps = __rest(props, ["children", "index", "offset", "dragging"]);
|
|
55
|
-
return (React.createElement(StyledTrack, Object.assign({ "$dragging": dragging, "$index": index, "$offset": offset }, restProps, { ref: ref }), children));
|
|
51
|
+
const { children, index, offset, dragging, disableAnimation, slidesPerView } = props, restProps = __rest(props, ["children", "index", "offset", "dragging", "disableAnimation", "slidesPerView"]);
|
|
52
|
+
return (React.createElement(StyledTrack, Object.assign({ "$dragging": dragging, "$index": index, "$offset": offset, "$disableAnimation": disableAnimation, "$slidesPerView": slidesPerView }, restProps, { ref: ref }), children));
|
|
56
53
|
});
|
|
57
54
|
exports.SwiperTrack.displayName = 'SwiperTrack';
|
|
58
55
|
exports.default = exports.SwiperTrack;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export type SwiperWrapperProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
3
3
|
readonly draggable: boolean;
|
|
4
|
+
readonly slidesPerView: number;
|
|
4
5
|
};
|
|
5
6
|
export declare const StyledWrapper: import("@emotion/styled").StyledComponent<{
|
|
6
7
|
theme?: import("@emotion/react").Theme | undefined;
|
|
@@ -10,5 +11,6 @@ export declare const StyledWrapper: import("@emotion/styled").StyledComponent<{
|
|
|
10
11
|
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
11
12
|
declare const SwiperWrapper: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
|
12
13
|
readonly draggable: boolean;
|
|
14
|
+
readonly slidesPerView: number;
|
|
13
15
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
14
16
|
export default SwiperWrapper;
|