@semcore/illustration 2.44.2 → 16.0.0-prerelease.0

package/package.json

@@ -1,22 +1,19 @@
 {
   "name": "@semcore/illustration",
   "description": "Semrush Illustration Component",
-  "version": "2.44.2",
+  "version": "16.0.0-prerelease.0",
   "main": "lib/cjs/index.js",
-  "module": "lib/es6/index.js",
+  "module": "lib/esm/index.mjs",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.17.9",
-    "@semcore/flex-box": "5.41.4",
     "colorjs.io": "0.4.3"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.17.5",
-    "react": "16.8 - 18",
-    "react-dom": "16.8 - 18"
+    "@semcore/base-components": "^16.0.0-prerelease.0"
   },
   "repository": {
     "type": "git",
@@ -27,7 +24,7 @@
     "esbuild": "0.14.29",
     "happy-dom": "9.20.3",
     "fs-extra": "8.1.0",
-    "svg-to-jsx": "^1.0.4",
+    "svg-to-jsx": "1.0.4",
     "@semcore/testing-utils": "1.0.0",
     "@types/react": "18.0.21",
     "@types/fs-extra": "8.1.0"
@@ -35,7 +32,7 @@
   "exports": {
     ".": {
       "require": "./lib/cjs/index.js",
-      "import": "./lib/es6/index.js",
+      "import": "./lib/esm/index.mjs",
       "types": "./lib/types/index.d.ts"
     },
     "./AccessDenied": {
@@ -300,7 +297,7 @@
     }
   },
   "scripts": {
-    "build": "pnpm clear && pnpm semcore-builder --source=js && pnpm run transform",
+    "build": "pnpm clear && pnpm semcore-builder --source=js && pnpm run transform && pnpm vite build",
     "transform": "tsm --require=../../.ci/tsm-filter-warnings.js transform.ts",
     "clear": "tsm --require=../../.ci/tsm-filter-warnings.js clear.ts",
     "upload-static": "gcs-upload svg/*.svg"

package/transform.ts

@@ -108,7 +108,7 @@ await Promise.all(
 import React from 'react';
 import { createBaseComponent } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
-import { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';
+import { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';
 
 const ${illustration} = ({${props.join(', ')}, ...props}, ref) => {
 ${prerenderLines.join('\n')}

package/vite.config.ts

@@ -0,0 +1,24 @@
+import { defineConfig, mergeConfig } from 'vite';
+
+import viteConfig from '../../commonVite.config';
+
+export default mergeConfig(
+  viteConfig,
+  defineConfig({
+    build: {
+      lib: {
+        entry: './src/index.ts',
+      },
+      rollupOptions: {
+        external: [
+          'react',
+          'react-dom',
+          'react/jsx-runtime',
+          /@babel\/runtime\/*/,
+          /@semcore\/*/,
+          'colorjs.io',
+        ],
+      },
+    },
+  }),
+);