@integrigo/integrigo-ui 1.6.14-a → 1.6.14-d

package/lib/src/components/atoms/Icon/Icon.d.ts

@@ -1,40 +1,40 @@
 import React from "react";
 export declare const iconHashMap: {
-    "angle-down": string;
-    "arrow-left": string;
-    "arrow-right": string;
-    bars: string;
-    bell: string;
-    "check-circle": string;
-    "check-square": string;
-    "clipboad-notes": string;
-    close: string;
-    "create-dashboard": string;
-    "dice-five": string;
-    edit: string;
-    "ellipsis-horizontal": string;
-    "ellipsis-vertical": string;
-    envelope: string;
-    "exclamation-circle": string;
-    "exclamation-triangle": string;
-    exit: string;
-    facebook: string;
-    home: string;
-    "image-edit": string;
-    instagram: string;
-    linkedin: string;
-    lock: string;
-    minus: string;
-    phone: string;
-    plus: string;
-    process: string;
-    "points-circle": string;
-    redo: string;
-    setting: string;
-    user: string;
-    "user-circle": string;
-    "user-plus": string;
-    users: string;
+    "angle-down": React.LazyExoticComponent<React.FCS<{}>>;
+    "arrow-left": React.LazyExoticComponent<React.FCS<{}>>;
+    "arrow-right": React.LazyExoticComponent<React.FCS<{}>>;
+    bars: React.LazyExoticComponent<React.FCS<{}>>;
+    bell: React.LazyExoticComponent<React.FCS<{}>>;
+    "check-circle": React.LazyExoticComponent<React.FCS<{}>>;
+    "check-square": React.LazyExoticComponent<React.FCS<{}>>;
+    "clipboad-notes": React.LazyExoticComponent<React.FCS<{}>>;
+    close: React.LazyExoticComponent<React.FCS<{}>>;
+    "create-dashboard": React.LazyExoticComponent<React.FCS<{}>>;
+    "dice-five": React.LazyExoticComponent<React.FCS<{}>>;
+    edit: React.LazyExoticComponent<React.FCS<{}>>;
+    "ellipsis-horizontal": React.LazyExoticComponent<React.FCS<{}>>;
+    "ellipsis-vertical": React.LazyExoticComponent<React.FCS<{}>>;
+    envelope: React.LazyExoticComponent<React.FCS<{}>>;
+    "exclamation-circle": React.LazyExoticComponent<React.FCS<{}>>;
+    "exclamation-triangle": React.LazyExoticComponent<React.FCS<{}>>;
+    exit: React.LazyExoticComponent<React.FCS<{}>>;
+    facebook: React.LazyExoticComponent<React.FCS<{}>>;
+    home: React.LazyExoticComponent<React.FCS<{}>>;
+    "image-edit": React.LazyExoticComponent<React.FCS<{}>>;
+    instagram: React.LazyExoticComponent<React.FCS<{}>>;
+    linkedin: React.LazyExoticComponent<React.FCS<{}>>;
+    lock: React.LazyExoticComponent<React.FCS<{}>>;
+    minus: React.LazyExoticComponent<React.FCS<{}>>;
+    phone: React.LazyExoticComponent<React.FCS<{}>>;
+    plus: React.LazyExoticComponent<React.FCS<{}>>;
+    process: React.LazyExoticComponent<React.FCS<{}>>;
+    "points-circle": React.LazyExoticComponent<React.FCS<{}>>;
+    redo: React.LazyExoticComponent<React.FCS<{}>>;
+    setting: React.LazyExoticComponent<React.FCS<{}>>;
+    user: React.LazyExoticComponent<React.FCS<{}>>;
+    "user-circle": React.LazyExoticComponent<React.FCS<{}>>;
+    "user-plus": React.LazyExoticComponent<React.FCS<{}>>;
+    users: React.LazyExoticComponent<React.FCS<{}>>;
 };
 export declare type IconType = keyof typeof iconHashMap;
 declare type IconProps = React.SVGProps<SVGSVGElement> & {

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/integrigo"
   },
-  "version": "1.6.14a",
+  "version": "1.6.14d",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",
   "types": "lib/index.d.ts",

package/src/components/atoms/Icon/Icon.tsx

@@ -1,42 +1,82 @@
 import React, { Suspense } from "react";
 import { Color } from "../../../styles";
 
+const AngleDown = React.lazy(() => import("./icons/AngleDown"));
+const ArrowLeft = React.lazy(() => import("./icons/ArrowLeft"));
+const ArrowRight = React.lazy(() => import("./icons/ArrowRight"));
+const Bars = React.lazy(() => import("./icons/Bars"));
+const Bell = React.lazy(() => import("./icons/Bell"));
+const CheckCircle = React.lazy(() => import("./icons/CheckCircle"));
+const CheckSquare = React.lazy(() => import("./icons/CheckSquare"));
+const ClipboardNotes = React.lazy(() => import("./icons/ClipboardNotes"));
+const Close = React.lazy(() => import("./icons/Close"));
+const CreateDashboard = React.lazy(() => import("./icons/CreateDashboard"));
+const DiceFive = React.lazy(() => import("./icons/DiceFive"));
+const Edit = React.lazy(() => import("./icons/Edit"));
+const EllipsisVertical = React.lazy(() => import("./icons/EllipsisVertical"));
+const EllipsisHorizontal = React.lazy(
+  () => import("./icons/EllipsisHorizontal")
+);
+const Envelope = React.lazy(() => import("./icons/Envelope"));
+const ExclamationCircle = React.lazy(() => import("./icons/ExclamationCircle"));
+const ExclamationTriangle = React.lazy(
+  () => import("./icons/ExclamationTriangle")
+);
+const Exit = React.lazy(() => import("./icons/Exit"));
+const Facebook = React.lazy(() => import("./icons/Facebook"));
+const Home = React.lazy(() => import("./icons/Home"));
+const ImageEdit = React.lazy(() => import("./icons/ImageEdit"));
+const Instagram = React.lazy(() => import("./icons/Instagram"));
+const Linkedin = React.lazy(() => import("./icons/Linkedin"));
+const Lock = React.lazy(() => import("./icons/Lock"));
+const Minus = React.lazy(() => import("./icons/Minus"));
+const Phone = React.lazy(() => import("./icons/Phone"));
+const Plus = React.lazy(() => import("./icons/Plus"));
+const PointsCircle = React.lazy(() => import("./icons/PointsCircle"));
+const Process = React.lazy(() => import("./icons/Process"));
+const Redo = React.lazy(() => import("./icons/Redo"));
+const Setting = React.lazy(() => import("./icons/Setting"));
+const User = React.lazy(() => import("./icons/User"));
+const UserCircle = React.lazy(() => import("./icons/UserCircle"));
+const UserPlus = React.lazy(() => import("./icons/UserPlus"));
+const Users = React.lazy(() => import("./icons/Users"));
+
 export const iconHashMap = {
-  "angle-down": "AngleDown",
-  "arrow-left": "ArrowLeft",
-  "arrow-right": "ArrowRight",
-  bars: "Bars",
-  bell: "Bell",
-  "check-circle": "CheckCircle",
-  "check-square": "CheckSquare",
-  "clipboad-notes": "ClipboardNotes",
-  close: "Close",
-  "create-dashboard": "CreateDashboard",
-  "dice-five": "DiceFive",
-  edit: "Edit",
-  "ellipsis-horizontal": "EllipsisHorizontal",
-  "ellipsis-vertical": "EllipsisVertical",
-  envelope: "Envelope",
-  "exclamation-circle": "ExclamationCircle",
-  "exclamation-triangle": "ExclamationTriangle",
-  exit: "Exit",
-  facebook: "Facebook",
-  home: "Home",
-  "image-edit": "ImageEdit",
-  instagram: "Instagram",
-  linkedin: "Linkedin",
-  lock: "Lock",
-  minus: "Minus",
-  phone: "Phone",
-  plus: "Plus",
-  process: "Process",
-  "points-circle": "PointsCircle",
-  redo: "Redo",
-  setting: "Setting",
-  user: "User",
-  "user-circle": "UserCircle",
-  "user-plus": "UserPlus",
-  users: "Users",
+  "angle-down": AngleDown,
+  "arrow-left": ArrowLeft,
+  "arrow-right": ArrowRight,
+  bars: Bars,
+  bell: Bell,
+  "check-circle": CheckCircle,
+  "check-square": CheckSquare,
+  "clipboad-notes": ClipboardNotes,
+  close: Close,
+  "create-dashboard": CreateDashboard,
+  "dice-five": DiceFive,
+  edit: Edit,
+  "ellipsis-horizontal": EllipsisHorizontal,
+  "ellipsis-vertical": EllipsisVertical,
+  envelope: Envelope,
+  "exclamation-circle": ExclamationCircle,
+  "exclamation-triangle": ExclamationTriangle,
+  exit: Exit,
+  facebook: Facebook,
+  home: Home,
+  "image-edit": ImageEdit,
+  instagram: Instagram,
+  linkedin: Linkedin,
+  lock: Lock,
+  minus: Minus,
+  phone: Phone,
+  plus: Plus,
+  process: Process,
+  "points-circle": PointsCircle,
+  redo: Redo,
+  setting: Setting,
+  user: User,
+  "user-circle": UserCircle,
+  "user-plus": UserPlus,
+  users: Users,
 };
 
 export type IconType = keyof typeof iconHashMap;
@@ -76,7 +116,7 @@ export const Icon: React.FCS<IconProps> = ({
   size = "ultra-small",
   ...props
 }) => {
-  const Component = React.lazy(() => import("./icons/" + iconHashMap[type]));
+  const Component = iconHashMap[type];
   const sizes = typeof size === "string" ? sizeHashMap[size] : size;
 
   return (