@websline/system-components 1.3.6 → 1.3.7

package/dist/components/atoms/icon/index.d.ts

@@ -1,6 +1,5 @@
-export const registry: {
-    [k: string]: any;
-};
+export function addIconsToRegistry(pathModuleRecord: any): void;
+export const registry: {};
 export const synonyms: {
     "checkbox-stack": string;
     "file-pdf": string;

package/dist/components/atoms/icon/index.js

@@ -1,28 +1,34 @@
+// paths within the components folder are imported as component names automatically
+// e.g. ./components/subDir/testIcon.svelte -> subDirTestIcon
+// Check the icon story in Storybook to easily extract the icon name
+// NOTE: this doesn't return anything outside of this package, so a custom import is required in the consuming project
 const moduleRegistry = import.meta.glob("./**/*.svelte", {
 	eager: true,
 	base: "./components",
 	import: "default",
 });
 
-// paths within the components folder are imported as component names automatically
-// e.g. ./components/subDir/testIcon.svelte -> subDirTestIcon
-// Check the icon story in Storybook to easily extract the icon name
-const registry = Object.fromEntries(
-	Object.entries(moduleRegistry).map(([path, module]) => {
-		const name = path
-			// remove extension
-			.replace(/\.[^/.]+$/, "")
-			// squash any non-alphanumeric into single hyphen (handles underscores)
-			.replace(/[^a-zA-Z0-9]+/g, "-")
-			// replace "-" w/ uppercase of the following letter
-			.replace(/-([a-z])/g, (m, p1) => p1.toUpperCase())
-			// remove remaining "-"
-			.replaceAll("-", "")
-			// first letter lowercase
-			.replace(/^([A-Z])/, (m, p1) => p1.toLowerCase());
-		return [name, module];
-	}),
-);
+const registry = {};
+
+const addIconsToRegistry = (pathModuleRecord) => {
+	const map = Object.fromEntries(
+		Object.entries(pathModuleRecord).map(([path, module]) => {
+			const name = path
+				// remove extension
+				.replace(/\.[^/.]+$/, "")
+				// squash any non-alphanumeric into single hyphen (handles underscores)
+				.replace(/[^a-zA-Z0-9]+/g, "-")
+				// replace "-" w/ uppercase of the following letter
+				.replace(/-([a-z])/g, (m, p1) => p1.toUpperCase())
+				// remove remaining "-"
+				.replaceAll("-", "")
+				// first letter lowercase
+				.replace(/^([A-Z])/, (m, p1) => p1.toLowerCase());
+			return [name, module];
+		}),
+	);
+	Object.assign(registry, map);
+};
 
 // e.g. for backwards compatibility
 const synonyms = {
@@ -31,6 +37,8 @@ const synonyms = {
 	unlink: "connectCrossed",
 };
 
+addIconsToRegistry(moduleRegistry);
+
 // attach synonyms to registry, with error handling for duplicates
 Object.entries(synonyms).map(([k, v]) => {
 	if (registry[k]) {
@@ -42,4 +50,4 @@ Object.entries(synonyms).map(([k, v]) => {
 	registry[k] = registry[v];
 });
 
-export { registry, synonyms };
+export { addIconsToRegistry, registry, synonyms };

package/dist/index.d.ts

@@ -8,6 +8,7 @@ export { default as Chip } from "./components/atoms/chip/Chip.svelte";
 export { default as CloseButton } from "./components/atoms/actions/closeButton/CloseButton.svelte";
 export { default as ColorChip } from "./components/atoms/colorChip/ColorChip.svelte";
 export { default as HelperText } from "./components/atoms/helperText/HelperText.svelte";
+export { addIconsToRegistry } from "./components/atoms/icon/index.js";
 export { default as Icon } from "./components/atoms/icon/Icon.svelte";
 export { default as IconButton } from "./components/atoms/actions/iconButton/IconButton.svelte";
 export { default as Input } from "./components/atoms/input/Input.svelte";

package/dist/index.js

@@ -13,6 +13,7 @@ export { default as Chip } from "./components/atoms/chip/Chip.svelte";
 export { default as CloseButton } from "./components/atoms/actions/closeButton/CloseButton.svelte";
 export { default as ColorChip } from "./components/atoms/colorChip/ColorChip.svelte";
 export { default as HelperText } from "./components/atoms/helperText/HelperText.svelte";
+export { addIconsToRegistry } from "./components/atoms/icon/index.js";
 export { default as Icon } from "./components/atoms/icon/Icon.svelte";
 export { default as IconButton } from "./components/atoms/actions/iconButton/IconButton.svelte";
 export { default as Input } from "./components/atoms/input/Input.svelte";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@websline/system-components",
-  "version": "1.3.6",
+  "version": "1.3.7",
   "publishConfig": {
     "access": "public"
   },