@purr-react-styled-components/components.icon 0.0.2 → 0.0.3

package/dist/_components.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
 import { IIconProps } from './_types';
 
-export declare const Icon: ({ name, loadingProps, htmlAttributes, color, width, height, className, }: IIconProps) => React.JSX.Element;
+export declare const Icon: ({ name, loadingProps, htmlAttributes, color, width, height, className, isSpaceReserved, }: IIconProps) => React.JSX.Element | null;

package/dist/_types.d.ts

@@ -13,4 +13,5 @@ export interface ISingleIconProps {
 }
 export interface IIconProps extends ISingleIconProps {
     loadingProps?: ILoadingEllipsisProps;
+    isSpaceReserved?: boolean;
 }

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("react"),m=require("@purr-core/utils.helpers"),v=require("@purr-react-styled-components/components.loading-ellipsis");function x(e){switch(e){case"./icons/_anchor.tsx":return Promise.resolve().then(()=>require("./_anchor-DqEe_oUR.cjs"));case"./icons/_arrow-down.tsx":return Promise.resolve().then(()=>require("./_arrow-down-BsJBynhn.cjs"));case"./icons/_arrow-left.tsx":return Promise.resolve().then(()=>require("./_arrow-left-CQjrZZgh.cjs"));case"./icons/_arrow-right.tsx":return Promise.resolve().then(()=>require("./_arrow-right-DRvlgmG0.cjs"));case"./icons/_arrow-up.tsx":return Promise.resolve().then(()=>require("./_arrow-up-Xe_VU3IJ.cjs"));case"./icons/_bomb.tsx":return Promise.resolve().then(()=>require("./_bomb-BYEw7m6v.cjs"));case"./icons/_bookmark.tsx":return Promise.resolve().then(()=>require("./_bookmark-B9Dvep1Q.cjs"));case"./icons/_chevron-down.tsx":return Promise.resolve().then(()=>require("./_chevron-down-GFMQRZNx.cjs"));case"./icons/_chevron-left.tsx":return Promise.resolve().then(()=>require("./_chevron-left-B-TBSDjO.cjs"));case"./icons/_chevron-right.tsx":return Promise.resolve().then(()=>require("./_chevron-right-Yw6BkWeH.cjs"));case"./icons/_chevron-up.tsx":return Promise.resolve().then(()=>require("./_chevron-up-CdMXAX5L.cjs"));case"./icons/_contact.tsx":return Promise.resolve().then(()=>require("./_contact-BYkvEKL1.cjs"));case"./icons/_copy.tsx":return Promise.resolve().then(()=>require("./_copy-C4ByBN2o.cjs"));case"./icons/_external-link.tsx":return Promise.resolve().then(()=>require("./_external-link-C_W2w9TM.cjs"));case"./icons/_facebook.tsx":return Promise.resolve().then(()=>require("./_facebook-B-AcMvzs.cjs"));case"./icons/_git-hub.tsx":return Promise.resolve().then(()=>require("./_git-hub-Dya6lYgh.cjs"));case"./icons/_info.tsx":return Promise.resolve().then(()=>require("./_info-BSJd6-mr.cjs"));case"./icons/_linked-in.tsx":return Promise.resolve().then(()=>require("./_linked-in-BYy6N0Vc.cjs"));case"./icons/_react-js.tsx":return Promise.resolve().then(()=>require("./_react-js-BroyTS3J.cjs"));case"./icons/_rss.tsx":return Promise.resolve().then(()=>require("./_rss-Dgkb3qGn.cjs"));case"./icons/_save.tsx":return Promise.resolve().then(()=>require("./_save-iLDLgr0H.cjs"));case"./icons/_script.tsx":return Promise.resolve().then(()=>require("./_script-DP5jWezM.cjs"));case"./icons/_settings.tsx":return Promise.resolve().then(()=>require("./_settings-BfjsMbt7.cjs"));case"./icons/_upwork.tsx":return Promise.resolve().then(()=>require("./_upwork-De9Rin2G.cjs"));case"./icons/_user-search.tsx":return Promise.resolve().then(()=>require("./_user-search-D5nTSgyL.cjs"));case"./icons/_x.tsx":return Promise.resolve().then(()=>require("./_x-C1zr7-ak.cjs"));default:return new Promise(function(t,r){(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(r.bind(null,new Error("Unknown variable dynamic import: "+e)))})}}const _=({name:e,loadingProps:t,htmlAttributes:r,color:u="#ffffff",width:l=24,height:a=24,className:h=""})=>{const[i,c]=n.useState(null);return n.useEffect(()=>{c(null),x(`./icons/_${e}.tsx`).then(s=>{c(()=>s[`Icon${m.toCamelCase(e)}`])}).catch(s=>console.error(`Icon not found: ${e}`,s))},[e]),i?o.jsx(n.Suspense,{children:o.jsx(i,{className:h,color:u,name:e,width:l,height:a,htmlAttributes:r})}):o.jsx(v.LoadingEllipsis,{size:4,color:"#ffffff",...t})};exports.Icon=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("react"),v=require("@purr-core/utils.helpers"),x=require("@purr-react-styled-components/components.loading-ellipsis");function _(e){switch(e){case"./icons/_anchor.tsx":return Promise.resolve().then(()=>require("./_anchor-DqEe_oUR.cjs"));case"./icons/_arrow-down.tsx":return Promise.resolve().then(()=>require("./_arrow-down-BsJBynhn.cjs"));case"./icons/_arrow-left.tsx":return Promise.resolve().then(()=>require("./_arrow-left-CQjrZZgh.cjs"));case"./icons/_arrow-right.tsx":return Promise.resolve().then(()=>require("./_arrow-right-DRvlgmG0.cjs"));case"./icons/_arrow-up.tsx":return Promise.resolve().then(()=>require("./_arrow-up-Xe_VU3IJ.cjs"));case"./icons/_bomb.tsx":return Promise.resolve().then(()=>require("./_bomb-BYEw7m6v.cjs"));case"./icons/_bookmark.tsx":return Promise.resolve().then(()=>require("./_bookmark-B9Dvep1Q.cjs"));case"./icons/_chevron-down.tsx":return Promise.resolve().then(()=>require("./_chevron-down-GFMQRZNx.cjs"));case"./icons/_chevron-left.tsx":return Promise.resolve().then(()=>require("./_chevron-left-B-TBSDjO.cjs"));case"./icons/_chevron-right.tsx":return Promise.resolve().then(()=>require("./_chevron-right-Yw6BkWeH.cjs"));case"./icons/_chevron-up.tsx":return Promise.resolve().then(()=>require("./_chevron-up-CdMXAX5L.cjs"));case"./icons/_contact.tsx":return Promise.resolve().then(()=>require("./_contact-BYkvEKL1.cjs"));case"./icons/_copy.tsx":return Promise.resolve().then(()=>require("./_copy-C4ByBN2o.cjs"));case"./icons/_external-link.tsx":return Promise.resolve().then(()=>require("./_external-link-C_W2w9TM.cjs"));case"./icons/_facebook.tsx":return Promise.resolve().then(()=>require("./_facebook-B-AcMvzs.cjs"));case"./icons/_git-hub.tsx":return Promise.resolve().then(()=>require("./_git-hub-Dya6lYgh.cjs"));case"./icons/_info.tsx":return Promise.resolve().then(()=>require("./_info-BSJd6-mr.cjs"));case"./icons/_linked-in.tsx":return Promise.resolve().then(()=>require("./_linked-in-BYy6N0Vc.cjs"));case"./icons/_react-js.tsx":return Promise.resolve().then(()=>require("./_react-js-BroyTS3J.cjs"));case"./icons/_rss.tsx":return Promise.resolve().then(()=>require("./_rss-Dgkb3qGn.cjs"));case"./icons/_save.tsx":return Promise.resolve().then(()=>require("./_save-iLDLgr0H.cjs"));case"./icons/_script.tsx":return Promise.resolve().then(()=>require("./_script-DP5jWezM.cjs"));case"./icons/_settings.tsx":return Promise.resolve().then(()=>require("./_settings-BfjsMbt7.cjs"));case"./icons/_upwork.tsx":return Promise.resolve().then(()=>require("./_upwork-De9Rin2G.cjs"));case"./icons/_user-search.tsx":return Promise.resolve().then(()=>require("./_user-search-D5nTSgyL.cjs"));case"./icons/_x.tsx":return Promise.resolve().then(()=>require("./_x-C1zr7-ak.cjs"));default:return new Promise(function(t,r){(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(r.bind(null,new Error("Unknown variable dynamic import: "+e)))})}}const q=({name:e,loadingProps:t,htmlAttributes:r,color:u="#ffffff",width:l=24,height:a=24,className:h="",isSpaceReserved:m=!0})=>{const[i,c]=n.useState(null);return n.useEffect(()=>{c(null),_(`./icons/_${e}.tsx`).then(s=>{c(()=>s[`Icon${v.toCamelCase(e)}`])}).catch(s=>console.error(`Icon not found: ${e}`,s))},[e]),i?o.jsx(n.Suspense,{children:o.jsx(i,{className:h,color:u,name:e,width:l,height:a,htmlAttributes:r})}):m?o.jsx(x.LoadingEllipsis,{size:4,color:"#ffffff",...t}):null};exports.Icon=q;

package/dist/index.js

@@ -1,8 +1,8 @@
 import { jsx as s } from "react/jsx-runtime";
-import { useState as p, useEffect as x, Suspense as _ } from "react";
-import { toCamelCase as f } from "@purr-core/utils.helpers";
-import { LoadingEllipsis as l } from "@purr-react-styled-components/components.loading-ellipsis";
-function h(r) {
+import { useState as x, useEffect as _, Suspense as f } from "react";
+import { toCamelCase as l } from "@purr-core/utils.helpers";
+import { LoadingEllipsis as h } from "@purr-react-styled-components/components.loading-ellipsis";
+function w(r) {
   switch (r) {
     case "./icons/_anchor.tsx":
       return import("./_anchor-UPuVvqOK.js");
@@ -64,22 +64,23 @@ function h(r) {
       });
   }
 }
-const v = ({
+const I = ({
   name: r,
   loadingProps: n,
   htmlAttributes: t,
   color: c = "#ffffff",
   width: u = 24,
   height: a = 24,
-  className: m = ""
+  className: m = "",
+  isSpaceReserved: p = !0
 }) => {
-  const [e, i] = p(null);
-  return x(() => {
-    i(null), h(`./icons/_${r}.tsx`).then((o) => {
-      i(() => o[`Icon${f(r)}`]);
+  const [e, i] = x(null);
+  return _(() => {
+    i(null), w(`./icons/_${r}.tsx`).then((o) => {
+      i(() => o[`Icon${l(r)}`]);
     }).catch((o) => console.error(`Icon not found: ${r}`, o));
-  }, [r]), e ? /* @__PURE__ */ s(_, { children: /* @__PURE__ */ s(e, { className: m, color: c, name: r, width: u, height: a, htmlAttributes: t }) }) : /* @__PURE__ */ s(l, { size: 4, color: "#ffffff", ...n });
+  }, [r]), e ? /* @__PURE__ */ s(f, { children: /* @__PURE__ */ s(e, { className: m, color: c, name: r, width: u, height: a, htmlAttributes: t }) }) : p ? /* @__PURE__ */ s(h, { size: 4, color: "#ffffff", ...n }) : null;
 };
 export {
-  v as Icon
+  I as Icon
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purr-react-styled-components/components.icon",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -24,9 +24,9 @@
     "typescript": "*",
     "react": "*",
     "clsx": "*",
-    "@purr-core/utils.definitions": "0.0.5",
-    "@purr-core/utils.helpers": "0.0.5",
-    "@purr-react-styled-components/components.loading-ellipsis": "0.0.2"
+    "@purr-core/utils.definitions": "0.0.6",
+    "@purr-core/utils.helpers": "0.0.6",
+    "@purr-react-styled-components/components.loading-ellipsis": "0.0.3"
   },
   "author": "@DinhThienPhuc",
   "license": "ISC",