@jetbrains/kotlin-web-site-ui 4.0.0-alpha.2 → 4.0.0-alpha.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/out/blocks/formik-wrapper/input.js +3 -3
- package/out/blocks/formik-wrapper/privacy-checkbox.js +17 -21
- package/out/blocks/formik-wrapper/privacy-notice.js +19 -28
- package/out/blocks/formik-wrapper/submit-button.js +3 -3
- package/out/components/cta-block/cta-block.js +17 -33
- package/out/components/footer/footer.js +30 -48
- package/out/components/footer/logo/logo.js +3 -5
- package/out/components/footer/nav/nav-item.js +11 -15
- package/out/components/footer/nav/nav-list.js +8 -11
- package/out/components/footer/social-list/social-item/social-item.js +3 -5
- package/out/components/footer/social-list/social-list.js +6 -7
- package/out/components/header/header.js +27 -32
- package/out/components/header/horizontal-menu/horizontal-menu.js +43 -53
- package/out/components/header/logo-large/logo-large.js +11 -17
- package/out/components/header/logo-small/logo-small.js +11 -17
- package/out/components/header/menu-popup/menu-button/menu-button.js +3 -5
- package/out/components/header/menu-popup/menu-popup.js +28 -37
- package/out/components/header/search-button/search-button.js +3 -5
- package/out/components/popup/popup.js +34 -40
- package/out/components/quotes-slider/quites-slider.js +33 -63
- package/out/components/top-menu/dropdown-menu/dropdown-menu.js +28 -40
- package/out/components/top-menu/horizontal-menu/horizontal-menu.js +13 -17
- package/out/components/top-menu/top-menu.js +19 -23
- package/out/components/youtube-player/youtube-player.js +24 -31
- package/package.json +5 -2
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { useState, useRef, useEffect } from 'react';
|
|
1
|
+
import React__default, { useState, useRef, useEffect } from 'react';
|
|
3
2
|
import classNames from 'classnames';
|
|
4
3
|
import styles from './youtube-player.module.pcss.js';
|
|
5
4
|
import SvgPlay24 from './play_24.svg.js';
|
|
@@ -108,7 +107,7 @@ const YoutubePlayer = ({
|
|
|
108
107
|
}
|
|
109
108
|
};
|
|
110
109
|
}, [isAPILoaded, showVideo, startTime, id, mode]);
|
|
111
|
-
return
|
|
110
|
+
return React__default.createElement("div", {
|
|
112
111
|
ref: playerWrapperDivRef,
|
|
113
112
|
onClick: e => {
|
|
114
113
|
e.preventDefault();
|
|
@@ -119,34 +118,28 @@ const YoutubePlayer = ({
|
|
|
119
118
|
[styles.showVideo]: showVideo
|
|
120
119
|
}),
|
|
121
120
|
style: wrapperStyles
|
|
122
|
-
}, {
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
}), void 0)]
|
|
145
|
-
}), void 0), jsx("div", {
|
|
146
|
-
className: styles.player,
|
|
147
|
-
ref: playerDivRef
|
|
148
|
-
}, void 0)]
|
|
149
|
-
}), void 0);
|
|
121
|
+
}, React__default.createElement("div", {
|
|
122
|
+
className: classNames(styles.preview, {
|
|
123
|
+
[styles.previewPlaylist]: !preview && !imgPreview && mode === YoutubePlayerMode.Playlist
|
|
124
|
+
})
|
|
125
|
+
}, preview ? preview : imgPreview && React__default.createElement("img", {
|
|
126
|
+
src: imgPreview,
|
|
127
|
+
alt: previewImgAlt ? previewImgAlt : '',
|
|
128
|
+
className: styles.imagePreview
|
|
129
|
+
}), React__default.createElement("button", {
|
|
130
|
+
type: "button",
|
|
131
|
+
className: classNames(styles.playButton, {
|
|
132
|
+
[styles.hide]: showVideo && !videoLoading,
|
|
133
|
+
[styles.playButtonWhite]: playButtonMode === YoutubePlayButtonMode.White,
|
|
134
|
+
[styles.playButtonBlack]: playButtonMode === YoutubePlayButtonMode.Black,
|
|
135
|
+
[styles.playButtonPrimary]: playButtonMode === YoutubePlayButtonMode.Primary
|
|
136
|
+
})
|
|
137
|
+
}, videoLoading ? React__default.createElement(SvgLoading24, {
|
|
138
|
+
className: styles.iconLoading
|
|
139
|
+
}) : React__default.createElement(SvgPlay24, null))), React__default.createElement("div", {
|
|
140
|
+
className: styles.player,
|
|
141
|
+
ref: playerDivRef
|
|
142
|
+
}));
|
|
150
143
|
};
|
|
151
144
|
|
|
152
145
|
export { YoutubePlayButtonMode, YoutubePlayer, YoutubePlayerMode };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jetbrains/kotlin-web-site-ui",
|
|
3
3
|
"description": "UI components for Kotlin web sites development",
|
|
4
|
-
"version": "4.0.0-alpha.
|
|
4
|
+
"version": "4.0.0-alpha.3",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "JetBrains",
|
|
7
7
|
"files": [
|
|
@@ -33,10 +33,13 @@
|
|
|
33
33
|
"@rescui/ui-contexts": "0.x",
|
|
34
34
|
"formik": "2.x",
|
|
35
35
|
"react": ">= 16.8.6 < 18",
|
|
36
|
-
"react-dom": ">= 16.8.6 < 18"
|
|
36
|
+
"react-dom": ">= 16.8.6 < 18",
|
|
37
|
+
"react-swipeable-views": "0.x",
|
|
38
|
+
"sha.js": "2.x"
|
|
37
39
|
},
|
|
38
40
|
"devDependencies": {
|
|
39
41
|
"@babel/core": "^7.11.6",
|
|
42
|
+
"@babel/plugin-transform-runtime": "^7.17.0",
|
|
40
43
|
"@babel/preset-env": "^7.11.5",
|
|
41
44
|
"@babel/preset-react": "^7.13.13",
|
|
42
45
|
"@babel/preset-typescript": "^7.13.0",
|