@publicapps/icons 0.3.1

package/Icon.js

@@ -0,0 +1 @@
+"use strict";"use client";var e=require("@babel/runtime/helpers/interopRequireDefault").default;var t=require("@babel/runtime/helpers/interopRequireWildcard").default;Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var i=t(require("react"));var s=require("@publicapps/styles");var n=e(require("./IconStyle"));var r=e(require("./IconBody"));var c=require("react/jsx-runtime");const o=(0,i.forwardRef)(((e,t)=>{const{icon:o,color:l,size:u,title:a,sx:d,hidden:f,disabled:h,dir:m,id:y,className:p,...x}=e;const v=y||String((0,i.useId)()).slice(1,-1)+"icon";const b=(0,i.useContext)(s.ContextThemeProvider);const{classesName:g,style:C,styleSx:k}=(0,n.default)(b);const q=C();const F=k({sx:d,color:l,disabled:h,onClick:e?.onClick?true:false});const I=s.styleFunction.getClassName(q?.[g?.icon_container],F?.[g?.icon_container],F?.[g?.sx],s.styleFunction.CheckDirectionItem(m),s.styleFunction.CheckDisabledItem(h),s.styleFunction.CheckHiddenItem(f),s.styleFunction.checkExistsMargin(x),s.styleFunction.checkExistsPadding(x),p);const j=(0,i.useMemo)((()=>{const e=(0,s.getSpecificCssRule)(["fontSize"],d,((e,t)=>({height:t,width:t})));if(!Object.keys(e||{})?.length)return null;return e}),[d]);return e?.onClick?(0,c.jsx)("button",{className:I,title:a||"",id:v,...s.styleFunction?.getRestProps(x),ref:t,children:typeof o==="string"?(0,c.jsx)(r.default,{icon:o,theTheme:b,comID:v,size:u,fontSize:j}):null}):(0,c.jsx)("div",{className:I,title:a||"",id:v,...s.styleFunction?.getRestProps(x),ref:t,children:typeof o==="string"?(0,c.jsx)(r.default,{icon:o,theTheme:b,comID:v,size:u,fontSize:j}):null})}));var l=exports.default=o;

package/IconBody.js

@@ -0,0 +1 @@
+"use strict";"use client";var e=require("@babel/runtime/helpers/interopRequireWildcard").default;var n=require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var r=n(require("@babel/runtime/helpers/interopRequireWildcard"));var t=e(require("react"));var o=require("./index");var s=n(require("./IconStyle"));var c=require("react/jsx-runtime");function l({icon:e,theTheme:n,comID:l,size:i,fontSize:u}){const a=(0,t.useRef)({strIconName:null});const[d,f]=(0,t.useState)(null);const{classesName:p,styleIconBody:h,styleSxIconBody:g}=(0,s.default)(n);const m=h();const I=g({size:i,fontSize:u});(0,t.useEffect)((()=>{const n=()=>{try{const n=String(e).toLowerCase().trim();if(a?.current?.strIconName===n)return;const t=(e=>new Promise((n=>n(`${e}`))).then((e=>(0,r.default)(require(e)))))("node"==="node"?`./icons.json`:`../icons.json`);return t.then((e=>{let r=e?.default||e;r=typeof r==="string"?JSON.parse(r):r;let t=r?.[n];a.current.strIconName=n;f(t)})).catch((t=>{if(o.pkgConfigIcon?.blnIsTestingMode)if(typeof"node"==="undefined")try{return(e=>new Promise((n=>n(e))).then((e=>(0,r.default)(require(e)))))(`./icons.json`).then((e=>{let r=e?.default||e;r=typeof r==="string"?JSON.parse(r):r;let t=r?.[n];f(t)})).catch((n=>{if(o.pkgConfigIcon?.blnIsTestingMode){console.log(n);console.error("Icon ( "+e+" ) not found.")}f(null)}))}catch(t){if(o.pkgConfigIcon?.blnIsTestingMode){console.log(t);console.error("Icon ( "+e+" ) not found.")}f(null)}console.log(t);console.error("Icon ( "+e+" ) not found.");a.current.strIconName=n;f(null)}))}catch(n){if(o.pkgConfigIcon?.blnIsTestingMode)console.error("Icon ( "+e+" ) not found.");a.current.strIconName=null;f(null)}};n()}),[e]);return(0,c.jsx)(t.default.Fragment,{children:(0,c.jsx)("svg",{className:`${m?.[p?.icon]} ${I?.[p?.icon]}`,viewBox:"0 0 24 24",children:!d?null:(0,c.jsxs)(c.Fragment,{children:[d?.["circle"]?d?.["circle"].map(((e,n)=>(0,c.jsx)("circle",{cx:e["cx"],cy:e["cy"],r:e["r"]},n))):null,d?.["path"]?d?.["path"].map(((e,n)=>(0,c.jsx)("path",{d:e},n))):null,d?.["line"]?d["line"].map(((e,n)=>(0,c.jsx)("line",{x1:e["x1"],y1:e["y1"],x2:e["x2"],y2:e["y2"],strokeWidth:e["strokeWidth"]?e["strokeWidth"]:"",strokeLinecap:e["strokeLinecap"]?e["strokeLinecap"]:"",stroke:"currentColor"},n))):null]})})})}var i=exports.default=l;

package/IconStyle.js

@@ -0,0 +1 @@
+"use strict";"use client";Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var e=require("@publicapps/styles");var t=t=>{const s=t?.cssObject?t?.cssObject:e.mainTheme?.cssObject;const o={icon_container:`${e.styleVariables?.prefixDefaultClassName}_icon_container`,icon:`${e.styleVariables?.prefixDefaultClassName}_icon`,sx:`${e.styleVariables?.prefixDefaultClassName}_icon_sx`};const l=(0,e.StyleBuilder)({blnRandomPrefix:false,blnIsDefaultStyle:true,blnCbmisStyle:true,objStyles:{[o?.icon_container]:{position:"relative",background:s?.color?.[e.cssKeys?.transparent],backgroundColor:s?.color?.[e.cssKeys?.transparent],margin:"auto",padding:0,zIndex:1,display:"flex",alignItems:"center",justifyContent:"center",placeContent:"center",outline:"none",border:"none",height:"fit-content",width:"fit-content",boxSizing:s?.boxSizing?.[e.cssKeys?.borderBox],overflow:"hidden"}}});const n=(0,e.StyleBuilder)({blnRandomPrefix:true,blnIsDefaultStyle:false,blnCbmisStyle:true,objStyles:{[o?.icon_container]:t=>({"&hover":t?.onClick?{background:s?.color?.[e.cssKeys?.bodyColorBgLight],cursor:"pointer"}:null,color:e.styleFunction.checkColorReturnValue(t?.color||s?.color?.[e.cssKeys?.currentColor])}),[o?.sx]:e=>({...e?.sx})}});const r=(0,e.StyleBuilder)({blnRandomPrefix:false,blnIsDefaultStyle:true,blnCbmisStyle:true,objStyles:{[o?.icon]:{fill:s?.color?.[e.cssKeys?.currentColor]}}});const i=(0,e.StyleBuilder)({blnRandomPrefix:true,blnIsDefaultStyle:false,blnCbmisStyle:true,objStyles:{[o?.icon]:t=>{if(t?.size)return{width:t?.size,height:t?.size};if(t?.fontSize)return{...t?.fontSize};return{width:s?.text?.[e.cssKeys?.size]?.[e.cssKeys?.body1],height:s?.text?.[e.cssKeys?.size]?.[e.cssKeys?.body1]}}}});return{classesName:o,style:l,styleSx:n,styleIconBody:r,styleSxIconBody:i}};exports.default=t;