@jetbrains/kotlin-web-site-ui 4.0.0-alpha.1 → 4.0.0

package/out/components/youtube-player/youtube-player.js

@@ -1,5 +1,4 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useRef, useEffect } from 'react';
+import React__default, { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import styles from './youtube-player.module.pcss.js';
 import SvgPlay24 from './play_24.svg.js';
@@ -108,7 +107,7 @@ const YoutubePlayer = ({
       }
     };
   }, [isAPILoaded, showVideo, startTime, id, mode]);
-  return jsxs("div", Object.assign({
+  return React__default.createElement("div", {
     ref: playerWrapperDivRef,
     onClick: e => {
       e.preventDefault();
@@ -119,34 +118,28 @@ const YoutubePlayer = ({
       [styles.showVideo]: showVideo
     }),
     style: wrapperStyles
-  }, {
-    children: [jsxs("div", Object.assign({
-      className: classNames(styles.preview, {
-        [styles.previewPlaylist]: !preview && !imgPreview && mode === YoutubePlayerMode.Playlist
-      })
-    }, {
-      children: [preview ? preview : imgPreview && jsx("img", {
-        src: imgPreview,
-        alt: previewImgAlt ? previewImgAlt : '',
-        className: styles.imagePreview
-      }, void 0), jsx("button", Object.assign({
-        type: "button",
-        className: classNames(styles.playButton, {
-          [styles.hide]: showVideo && !videoLoading,
-          [styles.playButtonWhite]: playButtonMode === YoutubePlayButtonMode.White,
-          [styles.playButtonBlack]: playButtonMode === YoutubePlayButtonMode.Black,
-          [styles.playButtonPrimary]: playButtonMode === YoutubePlayButtonMode.Primary
-        })
-      }, {
-        children: videoLoading ? jsx(SvgLoading24, {
-          className: styles.iconLoading
-        }, void 0) : jsx(SvgPlay24, {}, void 0)
-      }), void 0)]
-    }), void 0), jsx("div", {
-      className: styles.player,
-      ref: playerDivRef
-    }, void 0)]
-  }), void 0);
+  }, React__default.createElement("div", {
+    className: classNames(styles.preview, {
+      [styles.previewPlaylist]: !preview && !imgPreview && mode === YoutubePlayerMode.Playlist
+    })
+  }, preview ? preview : imgPreview && React__default.createElement("img", {
+    src: imgPreview,
+    alt: previewImgAlt ? previewImgAlt : '',
+    className: styles.imagePreview
+  }), React__default.createElement("button", {
+    type: "button",
+    className: classNames(styles.playButton, {
+      [styles.hide]: showVideo && !videoLoading,
+      [styles.playButtonWhite]: playButtonMode === YoutubePlayButtonMode.White,
+      [styles.playButtonBlack]: playButtonMode === YoutubePlayButtonMode.Black,
+      [styles.playButtonPrimary]: playButtonMode === YoutubePlayButtonMode.Primary
+    })
+  }, videoLoading ? React__default.createElement(SvgLoading24, {
+    className: styles.iconLoading
+  }) : React__default.createElement(SvgPlay24, null))), React__default.createElement("div", {
+    className: styles.player,
+    ref: playerDivRef
+  }));
 };
 
 export { YoutubePlayButtonMode, YoutubePlayer, YoutubePlayerMode };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@jetbrains/kotlin-web-site-ui",
   "description": "UI components for Kotlin web sites development",
-  "version": "4.0.0-alpha.1",
+  "version": "4.0.0",
   "license": "Apache-2.0",
   "author": "JetBrains",
   "files": [
@@ -17,12 +17,10 @@
   "scripts": {
     "codegeneration": "node ./scripts/build.js && yarn run copy-static",
     "copy-static": "copyfiles -f src/svg/*.svg out/svg",
-    "build": "webpack --mode production --devtool source-map",
-    "watch": "webpack --mode development --watch",
     "storybook": "yarn & start-storybook -p 6006",
     "build-storybook": "build-storybook",
     "storybook-docs": "start-storybook --docs --no-manager-cache",
-    "release:ci": "npm run build && standard-version && git push --follow-tags origin master && npm publish"
+    "release:ci": "npm run codegeneration && standard-version && git push --follow-tags origin master && npm publish"
   },
   "peerDependencies": {
     "@rescui/checkbox": "0.x",
@@ -33,10 +31,13 @@
     "@rescui/ui-contexts": "0.x",
     "formik": "2.x",
     "react": ">= 16.8.6 < 18",
-    "react-dom": ">= 16.8.6 < 18"
+    "react-dom": ">= 16.8.6 < 18",
+    "react-swipeable-views": "0.x",
+    "sha.js": "2.x"
   },
   "devDependencies": {
     "@babel/core": "^7.11.6",
+    "@babel/plugin-transform-runtime": "^7.17.0",
     "@babel/preset-env": "^7.11.5",
     "@babel/preset-react": "^7.13.13",
     "@babel/preset-typescript": "^7.13.0",
@@ -80,7 +81,6 @@
     "copyfiles": "^2.4.1",
     "core-js": "^3.10.0",
     "css-loader": "^5.2.0",
-    "csso-webpack-plugin": "^2.0.0-beta.3",
     "eslint": "^7.24.0",
     "eslint-config-prettier": "^8.2.0",
     "eslint-plugin-import": "^2.22.1",
@@ -112,7 +112,6 @@
     "sha.js": "^2.4.11",
     "standard-version": "^9.2.0",
     "svgo-loader": "^3.0.0",
-    "terser-webpack-plugin": "^5.1.1",
     "typescript": "^4.2.4",
     "webpack": "^5.30.0",
     "webpack-cli": "^4.6.0",

package/out/components/header/menu-popup/menu-button/menu-button.pcss.js

@@ -1,2 +0,0 @@
-var styles = undefined;
-export { styles as default };