@semcore/illustration 2.0.0-beta.0 → 2.0.0

package/CHANGELOG.md

@@ -8,6 +8,8 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Strict, backward incompatible typings.
 
+## [1.4.30] - 2023-06-30
+
 ## [1.4.29] - 2023-06-27
 
 ### Changed

package/lib/cjs/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getIllustrationPath = void 0;
-var version = "2.0.0-beta.0";
+var version = "2.0.0";
 
 /**
  * Formats string from `access_denied` or `access-denied` to `AccessDenied`

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) => {\n  const formattedName = formatName(name);\n\n  return `https://static.semrush.com/ui-kit/illustration/${version}/${formattedName}.svg`;\n};\n"],"mappings":";;;;;;AAEA,IAAMA,OAAO,iBAA8D;;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,IAAI,EAAK;EAC3C,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/ui-kit/illustration/${version}/${formattedName}.svg`;\n};\n"],"mappings":";;;;;;AAEA,IAAMA,OAAO,UAA8D;;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"}

package/lib/es6/index.js

@@ -1,4 +1,4 @@
-var version = "2.0.0-beta.0";
+var version = "2.0.0";
 
 /**
  * Formats string from `access_denied` or `access-denied` to `AccessDenied`

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) => {\n  const formattedName = formatName(name);\n\n  return `https://static.semrush.com/ui-kit/illustration/${version}/${formattedName}.svg`;\n};\n"],"mappings":"AAEA,IAAMA,OAAO,iBAA8D;;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,IAAI,EAAK;EAC3C,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/ui-kit/illustration/${version}/${formattedName}.svg`;\n};\n"],"mappings":"AAEA,IAAMA,OAAO,UAA8D;;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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/illustration",
   "description": "Semrush Illustration Component",
-  "version": "2.0.0-beta.0",
+  "version": "2.0.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -10,10 +10,10 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.17.9",
-    "@semcore/flex-box": "5.0.0-beta.0"
+    "@semcore/flex-box": "5.0.0"
   },
   "peerDependencies": {
-    "@semcore/core": "2.0.0-beta.0",
+    "@semcore/core": "2.0.0",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },
@@ -24,7 +24,7 @@
   },
   "devDependencies": {
     "esbuild": "0.14.29",
-    "happy-dom": "^9.20.3",
+    "happy-dom": "9.20.3",
     "svg-to-jsx": "^1.0.4",
     "@types/react": "18.0.21"
   },

package/transform.ts

@@ -37,9 +37,7 @@ await Promise.all(
     } = document.querySelector('svg') as any;
     const html = `<svg>${document.body.querySelector('svg').innerHTML}</svg>`;
 
-    let jsx: string = await new Promise((resolve, reject) =>
-      svgToJsx(html, {}, (error, result) => (error ? reject(error) : resolve(result))),
-    );
+    let jsx = await svgToJsx(html);
 
     jsx = jsx.replace('<svg>', '').replace('</svg>', '');
     for (const oldId in idReplacements) {

package/types/svg-to-jsx.d.ts

@@ -0,0 +1,4 @@
+declare module 'svg-to-jsx' {
+  const svgToJsx: (html: string, options?: {}, callback?: (error: Error, result: string) => void) => Promise<string>;
+  export default svgToJsx;
+}