@semcore/illustration 16.0.0-prerelease.9 → 16.0.0

package/CHANGELOG.md

@@ -2,12 +2,30 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [16.0.0] - 2025-03-26
+## [16.0.0] - 2025-05-19
 
 ### Added
 
 - Major version.
 
+## [2.44.2] - 2025-05-13
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/flex-box` [5.41.3 ~> 5.41.4], `@semcore/core` [2.39.3 ~> 2.39.4]).
+
+## [2.44.1] - 2025-05-09
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/flex-box` [5.41.2 ~> 5.41.3], `@semcore/core` [2.39.2 ~> 2.39.3]).
+
+## [2.44.0] - 2025-04-03
+
+### Added
+
+- Exports in `package.json` for correct ESM build.
+
 ## [2.43.1] - 2025-03-20
 
 ### Changed

package/lib/cjs/index.js

@@ -16,7 +16,7 @@ var formatName = function formatName(name) {
 };
 var getIllustrationPath = function getIllustrationPath(name) {
   var formattedName = formatName(name);
-  return "https://static.semrush.com/ui-kit/illustration/".concat(version, "/").concat(formattedName, ".svg");
+  return "https://static.semrush.com/intergalactic/illustrations/".concat(version, "/").concat(formattedName, ".svg");
 };
 exports.getIllustrationPath = getIllustrationPath;
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["version","formatName","name","split","map","el","toUpperCase","slice","join","getIllustrationPath","formattedName","concat","exports"],"sources":["../../src/index.ts"],"sourcesContent":["declare const preval: any;\n\nconst version = preval`module.exports = require('../package.json').version`;\n\n/**\n * Formats string from `access_denied` or `access-denied` to `AccessDenied`\n */\nconst formatName = (name: string) => {\n  return name\n    .split(/_|-/)\n    .map((el) => el[0].toUpperCase() + el.slice(1))\n    .join('');\n};\n\nexport const getIllustrationPath = (name: string) => {\n  const formattedName = formatName(name);\n\n  return `https://static.semrush.com/ui-kit/illustration/${version}/${formattedName}.svg`;\n};\n"],"mappings":";;;;;;AAEA,IAAMA,OAAO,WAA8D;;AAE3E;AACA;AACA;AACA,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAY,EAAK;EACnC,OAAOA,IAAI,CACRC,KAAK,CAAC,KAAK,CAAC,CACZC,GAAG,CAAC,UAACC,EAAE;IAAA,OAAKA,EAAE,CAAC,CAAC,CAAC,CAACC,WAAW,EAAE,GAAGD,EAAE,CAACE,KAAK,CAAC,CAAC,CAAC;EAAA,EAAC,CAC9CC,IAAI,CAAC,EAAE,CAAC;AACb,CAAC;AAEM,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIP,IAAY,EAAK;EACnD,IAAMQ,aAAa,GAAGT,UAAU,CAACC,IAAI,CAAC;EAEtC,yDAAAS,MAAA,CAAyDX,OAAO,OAAAW,MAAA,CAAID,aAAa;AACnF,CAAC;AAACE,OAAA,CAAAH,mBAAA,GAAAA,mBAAA"}
+{"version":3,"file":"index.js","names":["version","formatName","name","split","map","el","toUpperCase","slice","join","getIllustrationPath","formattedName","concat","exports"],"sources":["../../src/index.ts"],"sourcesContent":["declare const preval: any;\n\nconst version = preval`module.exports = require('../package.json').version`;\n\n/**\n * Formats string from `access_denied` or `access-denied` to `AccessDenied`\n */\nconst formatName = (name: string) => {\n  return name\n    .split(/_|-/)\n    .map((el) => el[0].toUpperCase() + el.slice(1))\n    .join('');\n};\n\nexport const getIllustrationPath = (name: string) => {\n  const formattedName = formatName(name);\n\n  return `https://static.semrush.com/intergalactic/illustrations/${version}/${formattedName}.svg`;\n};\n"],"mappings":";;;;;;AAEA,IAAMA,OAAO,WAA8D;;AAE3E;AACA;AACA;AACA,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAY,EAAK;EACnC,OAAOA,IAAI,CACRC,KAAK,CAAC,KAAK,CAAC,CACZC,GAAG,CAAC,UAACC,EAAE;IAAA,OAAKA,EAAE,CAAC,CAAC,CAAC,CAACC,WAAW,EAAE,GAAGD,EAAE,CAACE,KAAK,CAAC,CAAC,CAAC;EAAA,EAAC,CAC9CC,IAAI,CAAC,EAAE,CAAC;AACb,CAAC;AAEM,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIP,IAAY,EAAK;EACnD,IAAMQ,aAAa,GAAGT,UAAU,CAACC,IAAI,CAAC;EAEtC,iEAAAS,MAAA,CAAiEX,OAAO,OAAAW,MAAA,CAAID,aAAa;AAC3F,CAAC;AAACE,OAAA,CAAAH,mBAAA,GAAAA,mBAAA"}

package/lib/es6/index.js

@@ -10,6 +10,6 @@ var formatName = function formatName(name) {
 };
 export var getIllustrationPath = function getIllustrationPath(name) {
   var formattedName = formatName(name);
-  return "https://static.semrush.com/ui-kit/illustration/".concat(version, "/").concat(formattedName, ".svg");
+  return "https://static.semrush.com/intergalactic/illustrations/".concat(version, "/").concat(formattedName, ".svg");
 };
 //# sourceMappingURL=index.js.map

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["version","formatName","name","split","map","el","toUpperCase","slice","join","getIllustrationPath","formattedName","concat"],"sources":["../../src/index.ts"],"sourcesContent":["declare const preval: any;\n\nconst version = preval`module.exports = require('../package.json').version`;\n\n/**\n * Formats string from `access_denied` or `access-denied` to `AccessDenied`\n */\nconst formatName = (name: string) => {\n  return name\n    .split(/_|-/)\n    .map((el) => el[0].toUpperCase() + el.slice(1))\n    .join('');\n};\n\nexport const getIllustrationPath = (name: string) => {\n  const formattedName = formatName(name);\n\n  return `https://static.semrush.com/ui-kit/illustration/${version}/${formattedName}.svg`;\n};\n"],"mappings":"AAEA,IAAMA,OAAO,WAA8D;;AAE3E;AACA;AACA;AACA,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAY,EAAK;EACnC,OAAOA,IAAI,CACRC,KAAK,CAAC,KAAK,CAAC,CACZC,GAAG,CAAC,UAACC,EAAE;IAAA,OAAKA,EAAE,CAAC,CAAC,CAAC,CAACC,WAAW,EAAE,GAAGD,EAAE,CAACE,KAAK,CAAC,CAAC,CAAC;EAAA,EAAC,CAC9CC,IAAI,CAAC,EAAE,CAAC;AACb,CAAC;AAED,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIP,IAAY,EAAK;EACnD,IAAMQ,aAAa,GAAGT,UAAU,CAACC,IAAI,CAAC;EAEtC,yDAAAS,MAAA,CAAyDX,OAAO,OAAAW,MAAA,CAAID,aAAa;AACnF,CAAC"}
+{"version":3,"file":"index.js","names":["version","formatName","name","split","map","el","toUpperCase","slice","join","getIllustrationPath","formattedName","concat"],"sources":["../../src/index.ts"],"sourcesContent":["declare const preval: any;\n\nconst version = preval`module.exports = require('../package.json').version`;\n\n/**\n * Formats string from `access_denied` or `access-denied` to `AccessDenied`\n */\nconst formatName = (name: string) => {\n  return name\n    .split(/_|-/)\n    .map((el) => el[0].toUpperCase() + el.slice(1))\n    .join('');\n};\n\nexport const getIllustrationPath = (name: string) => {\n  const formattedName = formatName(name);\n\n  return `https://static.semrush.com/intergalactic/illustrations/${version}/${formattedName}.svg`;\n};\n"],"mappings":"AAEA,IAAMA,OAAO,WAA8D;;AAE3E;AACA;AACA;AACA,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAY,EAAK;EACnC,OAAOA,IAAI,CACRC,KAAK,CAAC,KAAK,CAAC,CACZC,GAAG,CAAC,UAACC,EAAE;IAAA,OAAKA,EAAE,CAAC,CAAC,CAAC,CAACC,WAAW,EAAE,GAAGD,EAAE,CAACE,KAAK,CAAC,CAAC,CAAC;EAAA,EAAC,CAC9CC,IAAI,CAAC,EAAE,CAAC;AACb,CAAC;AAED,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIP,IAAY,EAAK;EACnD,IAAMQ,aAAa,GAAGT,UAAU,CAACC,IAAI,CAAC;EAEtC,iEAAAS,MAAA,CAAiEX,OAAO,OAAAW,MAAA,CAAID,aAAa;AAC3F,CAAC"}

package/lib/esm/index.mjs

@@ -0,0 +1,13 @@
+var version = "16.0.0";
+var formatName = function formatName2(name) {
+  return name.split(/_|-/).map(function(el) {
+    return el[0].toUpperCase() + el.slice(1);
+  }).join("");
+};
+var getIllustrationPath = function getIllustrationPath2(name) {
+  var formattedName = formatName(name);
+  return "https://static.semrush.com/intergalactic/illustrations/".concat(version, "/").concat(formattedName, ".svg");
+};
+export {
+  getIllustrationPath
+};

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@semcore/illustration",
   "description": "Semrush Illustration Component",
-  "version": "16.0.0-prerelease.9",
+  "version": "16.0.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>",
@@ -13,7 +13,7 @@
     "colorjs.io": "0.4.3"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0-prerelease.9"
+    "@semcore/base-components": "^16.0.0"
   },
   "repository": {
     "type": "git",
@@ -23,12 +23,281 @@
   "devDependencies": {
     "esbuild": "0.14.29",
     "happy-dom": "9.20.3",
-    "svg-to-jsx": "^1.0.4",
+    "fs-extra": "8.1.0",
+    "svg-to-jsx": "1.0.4",
+    "@semcore/testing-utils": "1.0.0",
     "@types/react": "18.0.21",
-    "@semcore/testing-utils": "1.0.0"
+    "@types/fs-extra": "8.1.0"
+  },
+  "exports": {
+    ".": {
+      "require": "./lib/cjs/index.js",
+      "import": "./lib/esm/index.mjs",
+      "types": "./lib/types/index.d.ts"
+    },
+    "./AccessDenied": {
+      "require": "./AccessDenied/index.js",
+      "import": "./AccessDenied/index.mjs",
+      "types": "./AccessDenied/index.d.ts"
+    },
+    "./AccessLogIn": {
+      "require": "./AccessLogIn/index.js",
+      "import": "./AccessLogIn/index.mjs",
+      "types": "./AccessLogIn/index.d.ts"
+    },
+    "./AreaChart": {
+      "require": "./AreaChart/index.js",
+      "import": "./AreaChart/index.mjs",
+      "types": "./AreaChart/index.d.ts"
+    },
+    "./Blocked": {
+      "require": "./Blocked/index.js",
+      "import": "./Blocked/index.mjs",
+      "types": "./Blocked/index.d.ts"
+    },
+    "./ChoroplethMapChart": {
+      "require": "./ChoroplethMapChart/index.js",
+      "import": "./ChoroplethMapChart/index.mjs",
+      "types": "./ChoroplethMapChart/index.d.ts"
+    },
+    "./Coffee": {
+      "require": "./Coffee/index.js",
+      "import": "./Coffee/index.mjs",
+      "types": "./Coffee/index.d.ts"
+    },
+    "./Collection": {
+      "require": "./Collection/index.js",
+      "import": "./Collection/index.mjs",
+      "types": "./Collection/index.d.ts"
+    },
+    "./CombinedChart": {
+      "require": "./CombinedChart/index.js",
+      "import": "./CombinedChart/index.mjs",
+      "types": "./CombinedChart/index.d.ts"
+    },
+    "./Configuration": {
+      "require": "./Configuration/index.js",
+      "import": "./Configuration/index.mjs",
+      "types": "./Configuration/index.d.ts"
+    },
+    "./Confirmation": {
+      "require": "./Confirmation/index.js",
+      "import": "./Confirmation/index.mjs",
+      "types": "./Confirmation/index.d.ts"
+    },
+    "./Congrats": {
+      "require": "./Congrats/index.js",
+      "import": "./Congrats/index.mjs",
+      "types": "./Congrats/index.d.ts"
+    },
+    "./ConnectionLost": {
+      "require": "./ConnectionLost/index.js",
+      "import": "./ConnectionLost/index.mjs",
+      "types": "./ConnectionLost/index.d.ts"
+    },
+    "./DeletedAccount": {
+      "require": "./DeletedAccount/index.js",
+      "import": "./DeletedAccount/index.mjs",
+      "types": "./DeletedAccount/index.d.ts"
+    },
+    "./DeletedPage": {
+      "require": "./DeletedPage/index.js",
+      "import": "./DeletedPage/index.mjs",
+      "types": "./DeletedPage/index.d.ts"
+    },
+    "./Dns": {
+      "require": "./Dns/index.js",
+      "import": "./Dns/index.mjs",
+      "types": "./Dns/index.d.ts"
+    },
+    "./DonutChart": {
+      "require": "./DonutChart/index.js",
+      "import": "./DonutChart/index.mjs",
+      "types": "./DonutChart/index.d.ts"
+    },
+    "./Duplicates": {
+      "require": "./Duplicates/index.js",
+      "import": "./Duplicates/index.mjs",
+      "types": "./Duplicates/index.d.ts"
+    },
+    "./Feedback": {
+      "require": "./Feedback/index.js",
+      "import": "./Feedback/index.mjs",
+      "types": "./Feedback/index.d.ts"
+    },
+    "./FunnelChart": {
+      "require": "./FunnelChart/index.js",
+      "import": "./FunnelChart/index.mjs",
+      "types": "./FunnelChart/index.d.ts"
+    },
+    "./Good": {
+      "require": "./Good/index.js",
+      "import": "./Good/index.mjs",
+      "types": "./Good/index.d.ts"
+    },
+    "./HeatMapChart": {
+      "require": "./HeatMapChart/index.js",
+      "import": "./HeatMapChart/index.mjs",
+      "types": "./HeatMapChart/index.d.ts"
+    },
+    "./HorizontalBarChart": {
+      "require": "./HorizontalBarChart/index.js",
+      "import": "./HorizontalBarChart/index.mjs",
+      "types": "./HorizontalBarChart/index.d.ts"
+    },
+    "./KagiChart": {
+      "require": "./KagiChart/index.js",
+      "import": "./KagiChart/index.mjs",
+      "types": "./KagiChart/index.d.ts"
+    },
+    "./LineChart": {
+      "require": "./LineChart/index.js",
+      "import": "./LineChart/index.mjs",
+      "types": "./LineChart/index.d.ts"
+    },
+    "./LollipopChart": {
+      "require": "./LollipopChart/index.js",
+      "import": "./LollipopChart/index.mjs",
+      "types": "./LollipopChart/index.d.ts"
+    },
+    "./MailSent": {
+      "require": "./MailSent/index.js",
+      "import": "./MailSent/index.mjs",
+      "types": "./MailSent/index.d.ts"
+    },
+    "./Maintenance": {
+      "require": "./Maintenance/index.js",
+      "import": "./Maintenance/index.mjs",
+      "types": "./Maintenance/index.d.ts"
+    },
+    "./Nexttime": {
+      "require": "./Nexttime/index.js",
+      "import": "./Nexttime/index.mjs",
+      "types": "./Nexttime/index.d.ts"
+    },
+    "./NoPayment": {
+      "require": "./NoPayment/index.js",
+      "import": "./NoPayment/index.mjs",
+      "types": "./NoPayment/index.d.ts"
+    },
+    "./NothingFound": {
+      "require": "./NothingFound/index.js",
+      "import": "./NothingFound/index.mjs",
+      "types": "./NothingFound/index.d.ts"
+    },
+    "./OtherData": {
+      "require": "./OtherData/index.js",
+      "import": "./OtherData/index.mjs",
+      "types": "./OtherData/index.d.ts"
+    },
+    "./PageError": {
+      "require": "./PageError/index.js",
+      "import": "./PageError/index.mjs",
+      "types": "./PageError/index.d.ts"
+    },
+    "./PageNotFound": {
+      "require": "./PageNotFound/index.js",
+      "import": "./PageNotFound/index.mjs",
+      "types": "./PageNotFound/index.d.ts"
+    },
+    "./PieChart": {
+      "require": "./PieChart/index.js",
+      "import": "./PieChart/index.mjs",
+      "types": "./PieChart/index.d.ts"
+    },
+    "./Processing": {
+      "require": "./Processing/index.js",
+      "import": "./Processing/index.mjs",
+      "types": "./Processing/index.d.ts"
+    },
+    "./ProjectNotFound": {
+      "require": "./ProjectNotFound/index.js",
+      "import": "./ProjectNotFound/index.mjs",
+      "types": "./ProjectNotFound/index.d.ts"
+    },
+    "./RadarChart": {
+      "require": "./RadarChart/index.js",
+      "import": "./RadarChart/index.mjs",
+      "types": "./RadarChart/index.d.ts"
+    },
+    "./RadialTreeChart": {
+      "require": "./RadialTreeChart/index.js",
+      "import": "./RadialTreeChart/index.mjs",
+      "types": "./RadialTreeChart/index.d.ts"
+    },
+    "./SankeyChart": {
+      "require": "./SankeyChart/index.js",
+      "import": "./SankeyChart/index.mjs",
+      "types": "./SankeyChart/index.d.ts"
+    },
+    "./ScatterPlotChart": {
+      "require": "./ScatterPlotChart/index.js",
+      "import": "./ScatterPlotChart/index.mjs",
+      "types": "./ScatterPlotChart/index.d.ts"
+    },
+    "./StackedAreaChart": {
+      "require": "./StackedAreaChart/index.js",
+      "import": "./StackedAreaChart/index.mjs",
+      "types": "./StackedAreaChart/index.d.ts"
+    },
+    "./Suggestion": {
+      "require": "./Suggestion/index.js",
+      "import": "./Suggestion/index.mjs",
+      "types": "./Suggestion/index.d.ts"
+    },
+    "./Suggestions": {
+      "require": "./Suggestions/index.js",
+      "import": "./Suggestions/index.mjs",
+      "types": "./Suggestions/index.d.ts"
+    },
+    "./Table": {
+      "require": "./Table/index.js",
+      "import": "./Table/index.mjs",
+      "types": "./Table/index.d.ts"
+    },
+    "./TagCloud": {
+      "require": "./TagCloud/index.js",
+      "import": "./TagCloud/index.mjs",
+      "types": "./TagCloud/index.d.ts"
+    },
+    "./TextLinksEtc": {
+      "require": "./TextLinksEtc/index.js",
+      "import": "./TextLinksEtc/index.mjs",
+      "types": "./TextLinksEtc/index.d.ts"
+    },
+    "./Timeout": {
+      "require": "./Timeout/index.js",
+      "import": "./Timeout/index.mjs",
+      "types": "./Timeout/index.d.ts"
+    },
+    "./UnderConstruction": {
+      "require": "./UnderConstruction/index.js",
+      "import": "./UnderConstruction/index.mjs",
+      "types": "./UnderConstruction/index.d.ts"
+    },
+    "./VennChart": {
+      "require": "./VennChart/index.js",
+      "import": "./VennChart/index.mjs",
+      "types": "./VennChart/index.d.ts"
+    },
+    "./VerticalBarChart": {
+      "require": "./VerticalBarChart/index.js",
+      "import": "./VerticalBarChart/index.mjs",
+      "types": "./VerticalBarChart/index.d.ts"
+    },
+    "./Waiting": {
+      "require": "./Waiting/index.js",
+      "import": "./Waiting/index.mjs",
+      "types": "./Waiting/index.d.ts"
+    },
+    "./Warning": {
+      "require": "./Warning/index.js",
+      "import": "./Warning/index.mjs",
+      "types": "./Warning/index.d.ts"
+    }
   },
   "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

@@ -1,5 +1,5 @@
-import fs from 'fs/promises';
-import { resolve as resolvePath } from 'path';
+import fs from 'fs-extra';
+import path, { resolve as resolvePath } from 'path';
 import svgToJsx from 'svg-to-jsx';
 import { Window } from 'happy-dom';
 import esbuild from 'esbuild';
@@ -181,3 +181,36 @@ export default Illustration;
     await fs.writeFile(resolvePath(illustration, 'index.d.ts'), typesDeclaration);
   }),
 );
+
+async function patchExports(illustrations: string[]) {
+  const rootDir = process.cwd();
+  const packageJsonPath = path.resolve(rootDir, 'package.json');
+  const packageJson = await fs.readJson(packageJsonPath);
+
+  const exports: Record<string, any> = {
+    '.': {
+      require: './lib/cjs/index.js',
+      import: './lib/es6/index.js',
+      types: './lib/types/index.d.ts',
+    },
+  };
+
+  illustrations.forEach((item) => {
+    const name = item.replace('.svg', '');
+
+    exports[`./${name}`] = {
+      require: `./${name}/index.js`,
+      import: `./${name}/index.mjs`,
+      types: `./${name}/index.d.ts`,
+    };
+  });
+
+  packageJson.exports = exports;
+
+  await fs.writeJSON(packageJsonPath, packageJson, { spaces: 2 });
+
+  // biome-ignore lint/suspicious/noConsoleLog:
+  console.log('Patched exports in package.json.');
+}
+
+await patchExports(illustrations);

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',
+        ],
+      },
+    },
+  }),
+);