@synerise/ds-icon 1.11.1 → 1.12.0

package/dist/icons/colorIcons/index.d.ts

@@ -1,14 +1,14 @@
-export { default as UserColor } from './UserColor';
 export { default as ShopingBagColor } from './ShopingBagColor';
-export { default as ScoreColor } from './ScoreColor';
+export { default as UserColor } from './UserColor';
+export { default as VisualSimilarityColor } from './VisualSimilarityColor';
 export { default as QueryDetailsColor } from './QueryDetailsColor';
+export { default as ScoreColor } from './ScoreColor';
+export { default as PredefinedColor } from './PredefinedColor';
+export { default as ProductBundleColor } from './ProductBundleColor';
 export { default as ProductsSimilarColor } from './ProductsSimilarColor';
+export { default as FormulaColor } from './FormulaColor';
 export { default as ProductLastSeenColor } from './ProductLastSeenColor';
-export { default as ProductBundleColor } from './ProductBundleColor';
-export { default as PredefinedColor } from './PredefinedColor';
-export { default as IntegrationColor } from './IntegrationColor';
 export { default as FunnelColor } from './FunnelColor';
-export { default as FormulaColor } from './FormulaColor';
-export { default as ABtestColor } from './ABtestColor';
 export { default as CreatingFromScratchColor } from './CreatingFromScratchColor';
-export { default as VisualSimilarityColor } from './VisualSimilarityColor';
+export { default as ABtestColor } from './ABtestColor';
+export { default as IntegrationColor } from './IntegrationColor';

package/dist/icons/colorIcons/index.js

@@ -1,14 +1,14 @@
-export { default as UserColor } from './UserColor';
 export { default as ShopingBagColor } from './ShopingBagColor';
-export { default as ScoreColor } from './ScoreColor';
+export { default as UserColor } from './UserColor';
+export { default as VisualSimilarityColor } from './VisualSimilarityColor';
 export { default as QueryDetailsColor } from './QueryDetailsColor';
+export { default as ScoreColor } from './ScoreColor';
+export { default as PredefinedColor } from './PredefinedColor';
+export { default as ProductBundleColor } from './ProductBundleColor';
 export { default as ProductsSimilarColor } from './ProductsSimilarColor';
+export { default as FormulaColor } from './FormulaColor';
 export { default as ProductLastSeenColor } from './ProductLastSeenColor';
-export { default as ProductBundleColor } from './ProductBundleColor';
-export { default as PredefinedColor } from './PredefinedColor';
-export { default as IntegrationColor } from './IntegrationColor';
 export { default as FunnelColor } from './FunnelColor';
-export { default as FormulaColor } from './FormulaColor';
-export { default as ABtestColor } from './ABtestColor';
 export { default as CreatingFromScratchColor } from './CreatingFromScratchColor';
-export { default as VisualSimilarityColor } from './VisualSimilarityColor';
+export { default as ABtestColor } from './ABtestColor';
+export { default as IntegrationColor } from './IntegrationColor';

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export * from './icons/colorIcons';
 export * from './icons/XL';
 export * from './icons/additional';
 export { default as MimeTypeIcon } from './MimeTypeIcon/MimeTypeIcon';
-export { DynamicIcon, type DynamicIconProps } from './DynamicIcon/DynamicIcon';
+export { DynamicIcon, type DynamicIconProps, type DynamicIconName, } from './DynamicIcon/DynamicIcon';
+export { useIconComponent, getIconComponent } from './useIconComponent';
 export type { MimeTypeIconsProps } from './MimeTypeIcon/MimeTypeIcon.types';
-export type { IconProps } from './Icon.types';
+export type { IconProps, IconName } from './Icon.types';

package/dist/index.js

@@ -8,4 +8,5 @@ export * from './icons/XL';
 // Some of this icons are duplicated in XL folder, consider removing it before uploading new version
 export * from './icons/additional';
 export { default as MimeTypeIcon } from './MimeTypeIcon/MimeTypeIcon';
-export { DynamicIcon } from './DynamicIcon/DynamicIcon';
+export { DynamicIcon } from './DynamicIcon/DynamicIcon';
+export { useIconComponent, getIconComponent } from './useIconComponent';

package/dist/useIconComponent.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentType, type SVGProps } from 'react';
+import { iconManifest } from './DynamicIcon/iconManifest';
+export type IconName = keyof typeof iconManifest;
+type IconComponent = ComponentType<SVGProps<SVGSVGElement>>;
+export declare const getIconComponent: (name: string) => IconComponent | null;
+export declare const useIconComponent: (name?: string) => IconComponent | null;
+export {};

package/dist/useIconComponent.js

@@ -0,0 +1,18 @@
+import { useMemo } from 'react';
+import { iconManifest } from './DynamicIcon/iconManifest';
+export var getIconComponent = function getIconComponent(name) {
+  var iconModule = iconManifest[name];
+  if (!iconModule) {
+    return null;
+  }
+  var component = iconModule[name];
+  return component && typeof component === 'function' ? component : null;
+};
+export var useIconComponent = function useIconComponent(name) {
+  return useMemo(function () {
+    if (!name) {
+      return null;
+    }
+    return getIconComponent(name);
+  }, [name]);
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-icon",
-  "version": "1.11.1",
+  "version": "1.12.0",
   "description": "Icon UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -51,5 +51,5 @@
     "glob": "^11.0.2",
     "string-hash": "^1.1.3"
   },
-  "gitHead": "ac8decd9736940735bf05198b24b3eeeb5900b18"
+  "gitHead": "4a93898aa311430f21ea9604d03438eaac780027"
 }