From 510f41637650e1d869a8d08fd5855d1b43200720 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Kuna?=
 <1282324+codecalm@users.noreply.github.com>
Date: Wed, 25 Jan 2023 23:24:16 +0100
Subject: [PATCH] support for Modularized Imports (#468)

---
 .build/build-icons.mjs           | 2 +-
 packages/icons-preact/build.mjs  | 2 +-
 packages/icons-react/build.mjs   | 4 ++--
 packages/icons-solidjs/build.mjs | 2 +-
 packages/icons-svelte/build.mjs  | 2 +-
 packages/icons-vue/build.mjs     | 2 +-
 6 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/.build/build-icons.mjs b/.build/build-icons.mjs
index 91fb4501a..a9faf590b 100644
--- a/.build/build-icons.mjs
+++ b/.build/build-icons.mjs
@@ -70,7 +70,7 @@ export const buildIcons = ({
       parser: 'babel'
     }) : component
 
-    let filePath = path.resolve(DIST_DIR, 'src/icons', `${svgFile.name}.${extension}`)
+    let filePath = path.resolve(DIST_DIR, 'src/icons', `${svgFile.namePascal}.${extension}`)
     fs.writeFileSync(filePath, output, 'utf-8')
 
     index.push(indexItemTemplate({
diff --git a/packages/icons-preact/build.mjs b/packages/icons-preact/build.mjs
index 7ab5eb255..1c266f6bf 100644
--- a/packages/icons-preact/build.mjs
+++ b/packages/icons-preact/build.mjs
@@ -13,7 +13,7 @@ export default createPreactComponent('${name}', '${namePascal}', ${JSON.stringif
 const indexItemTemplate = ({
   name,
   namePascal
-}) => `export { default as ${namePascal} } from './icons/${name}';`
+}) => `export { default as ${namePascal} } from './icons/${namePascal}';`
 
 const typeDefinitionsTemplate = () => `/// <reference types="preact" />
 import { JSX, RefObject } from 'preact'
diff --git a/packages/icons-react/build.mjs b/packages/icons-react/build.mjs
index 6305ede21..2523a8389 100644
--- a/packages/icons-react/build.mjs
+++ b/packages/icons-react/build.mjs
@@ -13,7 +13,7 @@ export default createReactComponent('${name}', '${namePascal}', ${JSON.stringify
 const indexItemTemplate = ({
   name,
   namePascal
-}) => `export { default as ${namePascal} } from './icons/${name}';`
+}) => `export { default as ${namePascal} } from './icons/${namePascal}';`
 
 const typeDefinitionsTemplate = () => `/// <reference types="react" />
 import { SVGAttributes } from 'react'
@@ -25,7 +25,7 @@ export interface TablerIconsProps extends Partial<React.SVGProps<SVGSVGElement>>
     size?: string | number
 }
 
-export declare const createReactComponent: (iconName: string, iconNode: any[]) => (props: TablerIconsProps) => JSX.Element;
+export declare const createReactComponent: (iconName: string, iconNamePascal: string, iconNode: any[]) => (props: TablerIconsProps) => JSX.Element;
 
 export type Icon = React.FC<TablerIconsProps>;
 
diff --git a/packages/icons-solidjs/build.mjs b/packages/icons-solidjs/build.mjs
index e20cf97d2..03e4442c3 100644
--- a/packages/icons-solidjs/build.mjs
+++ b/packages/icons-solidjs/build.mjs
@@ -13,7 +13,7 @@ export default createSolidComponent('${name}', '${namePascal}', ${JSON.stringify
 const indexItemTemplate = ({
   name,
   namePascal
-}) => `export { default as ${namePascal} } from './icons/${name}';`
+}) => `export { default as ${namePascal} } from './icons/${namePascal}';`
 
 const typeDefinitionsTemplate = () => `/// <reference types="solid-js" />
 import { JSX } from 'solid-js'
diff --git a/packages/icons-svelte/build.mjs b/packages/icons-svelte/build.mjs
index 039ac7b50..d3f54a8b6 100644
--- a/packages/icons-svelte/build.mjs
+++ b/packages/icons-svelte/build.mjs
@@ -21,7 +21,7 @@ const iconNode = ${JSON.stringify(children)};
 const indexItemTemplate = ({
   name,
   namePascal
-}) => `export { default as ${namePascal} } from './icons/${name}.svelte';`
+}) => `export { default as ${namePascal} } from './icons/${namePascal}.svelte';`
 
 const typeDefinitionsTemplate = () => `/// <reference types="svelte" />
 /// <reference types="svelte2tsx/svelte-jsx" />
diff --git a/packages/icons-vue/build.mjs b/packages/icons-vue/build.mjs
index 911c2fdf4..d5d661220 100644
--- a/packages/icons-vue/build.mjs
+++ b/packages/icons-vue/build.mjs
@@ -13,7 +13,7 @@ export default createVueComponent('${name}', '${namePascal}', ${JSON.stringify(c
 const indexItemTemplate = ({
   name,
   namePascal
-}) => `export { default as ${namePascal} } from './icons/${name}';`
+}) => `export { default as ${namePascal} } from './icons/${namePascal}';`
 
 const typeDefinitionsTemplate = () => `import { SVGAttributes, FunctionalComponent } from 'vue';
 declare module '@tabler/icons-vue'