@webstudio-is/sdk-components-react 0.91.0 → 0.92.0

package/lib/vimeo-preview-image.ws.js

@@ -1,3 +1,4 @@
+"use strict";
 import {
 } from "@webstudio-is/react-sdk";
 import {
@@ -6,17 +7,13 @@ import {
   meta as imageMeta
 } from "./image.ws";
 import { props } from "./__generated__/vimeo-preview-image.props";
-const meta = {
+export const meta = {
   ...imageMeta,
   category: "hidden",
   label: "Preview Image",
   requiredAncestors: ["Vimeo"]
 };
-const propsMeta = {
+export const propsMeta = {
   props: { ...props, ...imagePropsOverrides },
   initialProps: imagePropsMeta.initialProps
 };
-export {
-  meta,
-  propsMeta
-};

package/lib/vimeo-spinner.js

@@ -1,3 +1,4 @@
+"use strict";
 import { jsx } from "react/jsx-runtime";
 import {
   forwardRef,
@@ -5,7 +6,7 @@ import {
 } from "react";
 import { VimeoContext } from "./vimeo";
 const defaultTag = "div";
-const VimeoSpinner = forwardRef(
+export const VimeoSpinner = forwardRef(
   (props, ref) => {
     const vimeoContext = useContext(VimeoContext);
     if (vimeoContext.status !== "initialized") {
@@ -15,6 +16,3 @@ const VimeoSpinner = forwardRef(
   }
 );
 VimeoSpinner.displayName = "VimeoSpinner";
-export {
-  VimeoSpinner
-};

package/lib/vimeo-spinner.stories.js

@@ -0,0 +1,11 @@
+"use strict";
+import { VimeoSpinner as VimeoSpinnerPrimitive } from "./vimeo-spinner";
+export default {
+  title: "Components/Vimeo Spinner",
+  component: VimeoSpinnerPrimitive
+};
+export const VimeoSpinner = {
+  args: {
+    style: { minHeight: 20, outline: "1px solid black" }
+  }
+};

package/lib/vimeo-spinner.ws.js

@@ -1,3 +1,4 @@
+"use strict";
 import {
   defaultStates
 } from "@webstudio-is/react-sdk";
@@ -7,7 +8,7 @@ import { BoxIcon } from "@webstudio-is/icons/svg";
 const presetStyle = {
   div
 };
-const meta = {
+export const meta = {
   type: "container",
   icon: BoxIcon,
   states: defaultStates,
@@ -16,11 +17,7 @@ const meta = {
   label: "Spinner",
   requiredAncestors: ["Vimeo"]
 };
-const propsMeta = {
+export const propsMeta = {
   props,
   initialProps: ["id"]
 };
-export {
-  meta,
-  propsMeta
-};

package/lib/vimeo.js

@@ -1,3 +1,4 @@
+"use strict";
 import { jsx } from "react/jsx-runtime";
 import { colord } from "colord";
 import {
@@ -164,7 +165,7 @@ const useVimeo = ({
   }, [stableOptions, playerStatus]);
   return { previewImageUrl, playerStatus, setPlayerStatus, elementRef };
 };
-const Vimeo = forwardRef(
+export const Vimeo = forwardRef(
   ({
     url,
     autoplay = false,
@@ -270,13 +271,9 @@ const EmptyState = () => {
     }
   );
 };
-const VimeoContext = createContext({
+export const VimeoContext = createContext({
   // eslint-disable-next-line @typescript-eslint/no-empty-function
   onInitPlayer: () => {
   },
   status: "initial"
 });
-export {
-  Vimeo,
-  VimeoContext
-};

package/lib/vimeo.stories.js

@@ -0,0 +1,11 @@
+"use strict";
+import { Vimeo as VimeoPrimitive } from "./vimeo";
+export default {
+  title: "Components/Vimeo",
+  component: VimeoPrimitive
+};
+export const Vimeo = {
+  args: {
+    style: { minHeight: 20, outline: "1px solid black" }
+  }
+};

package/lib/vimeo.ws.js

@@ -1,3 +1,4 @@
+"use strict";
 import { PlayIcon, SpinnerIcon, VimeoIcon } from "@webstudio-is/icons/svg";
 import {
   defaultStates
@@ -8,7 +9,7 @@ import { Vimeo } from "./vimeo";
 const presetStyle = {
   div
 };
-const meta = {
+export const meta = {
   category: "media",
   type: "container",
   label: "Vimeo",
@@ -320,11 +321,7 @@ const initialProps = [
   "showControls",
   "controlsColor"
 ];
-const propsMeta = {
+export const propsMeta = {
   props,
   initialProps
 };
-export {
-  meta,
-  propsMeta
-};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react",
-  "version": "0.91.0",
+  "version": "0.92.0",
   "description": "Webstudio default library for react",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -10,26 +10,23 @@
   "sideEffects": false,
   "files": [
     "lib/*",
-    "src/*"
+    "!*.{test,stories}.*"
   ],
   "exports": {
     ".": {
       "source": "./src/components.ts",
       "types": "./lib/types/components.d.ts",
-      "import": "./lib/components.js",
-      "require": "./lib/cjs/components.js"
+      "import": "./lib/components.js"
     },
     "./metas": {
       "source": "./src/metas.ts",
       "types": "./lib/types/metas.d.ts",
-      "import": "./lib/metas.js",
-      "require": "./lib/cjs/metas.js"
+      "import": "./lib/metas.js"
     },
     "./props": {
       "source": "./src/props.ts",
       "types": "./lib/types/props.d.ts",
-      "import": "./lib/props.js",
-      "require": "./lib/cjs/props.js"
+      "import": "./lib/props.js"
     }
   },
   "peerDependencies": {
@@ -40,27 +37,26 @@
     "@react-aria/utils": "^3.19.0",
     "colord": "^2.9.3",
     "shallow-equal": "^3.1.0",
-    "@webstudio-is/css-vars": "^0.91.0",
-    "@webstudio-is/generate-arg-types": "^0.91.0",
-    "@webstudio-is/icons": "^0.91.0",
-    "@webstudio-is/image": "^0.91.0",
-    "@webstudio-is/react-sdk": "^0.91.0"
+    "@webstudio-is/css-vars": "^0.92.0",
+    "@webstudio-is/icons": "^0.92.0",
+    "@webstudio-is/image": "^0.92.0",
+    "@webstudio-is/react-sdk": "^0.92.0"
   },
   "devDependencies": {
-    "@storybook/react": "^7.2.1",
-    "@types/react": "^18.2.20",
+    "@storybook/react": "^7.4.0",
+    "@types/react": "^18.2.21",
     "@types/react-dom": "^18.2.7",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "typescript": "5.1.6",
-    "@webstudio-is/scripts": "^0.0.0",
+    "typescript": "5.2.2",
+    "@webstudio-is/generate-arg-types": "^0.92.0",
     "@webstudio-is/storybook-config": "^0.0.0",
     "@webstudio-is/tsconfig": "^1.0.7"
   },
   "scripts": {
-    "dev": "build-package --watch",
-    "build": "build-package",
-    "build:args": "generate-arg-types './src/*.tsx !./src/*.stories.tsx !./src/*.ws.tsx' && prettier --write \"**/*.props.ts\"",
+    "dev": "pnpm build --watch",
+    "build": "rm -rf lib && esbuild 'src/**/*.ts' 'src/**/*.tsx' --outdir=lib",
+    "build:args": "NODE_OPTIONS=--conditions=source generate-arg-types './src/*.tsx !./src/*.stories.tsx !./src/*.ws.tsx' && prettier --write \"**/*.props.ts\"",
     "dts": "tsc --project tsconfig.dts.json",
     "typecheck": "tsc",
     "checks": "pnpm typecheck",