@julseb-lib/react 0.0.48 → 0.0.50

package/dist/index.cjs.js

@@ -3451,7 +3451,7 @@ React keys must be passed directly to JSX without using spread:
     position: absolute;
     top: ${L.S};
     right: ${L.M};
-`;S([j6,_6,S6]);const M1=24,Ad=v.forwardRef(({"data-testid":l,as:e,className:c,children:a,highlighterProps:h,highlighterStyle:d=Rd,color:r,hideCopyButton:i,tooltipTexts:f,icons:o,iconsSizes:p,iconsBaseUrl:z,...n},b)=>{const[k,g]=v.useState(!1),C=()=>{a&&(navigator.clipboard.writeText(a.toString()),g(!0)),setTimeout(()=>g(!1),1e3)},x={icon:(o==null?void 0:o.copy)??t.jsx(Nl,{"data-testid":l&&`${l}.CopyButton.IconCopy`,className:c&&"IconCopy",size:(p==null?void 0:p.copy)??r2(M1)}),tooltip:(f==null?void 0:f.copy)??"Copy"},H={icon:(o==null?void 0:o.copied)??t.jsx(J1,{"data-testid":l&&`${l}.CopyButton.IconCopied`,className:c&&"IconCopied",size:(p==null?void 0:p.copied)??r2(M1)}),tooltip:(f==null?void 0:f.copy)??"Copied!"};return t.jsxs(j6,{"data-testid":l,ref:b,className:c,as:e||r?"pre":"div",...n,children:[t.jsx(_6,{"data-testid":l&&`${l}.SyntaxHighlighter`,className:c&&"SyntaxHighlighter",style:d,$color:r,...h,children:a}),!i&&t.jsx(S6,{"data-testid":l&&`${l}.CopyButton`,className:c&&"CopyButton",onClick:C,icon:k?H.icon:x.icon,size:32,color:k?"success":"white",tooltip:k?H.tooltip:x.tooltip,iconBaseUrl:z,showTooltip:!0})]})}),I6=m.div`
+`;S([j6,_6,S6]);const M1=24,Ad=v.forwardRef(({"data-testid":l,as:e,className:c,children:a,highlighterProps:h,highlighterStyle:d=Rd,color:r,hideCopyButton:i,tooltipTexts:f,icons:o,iconsSizes:p,iconsBaseUrl:z,...n},b)=>{const[k,g]=v.useState(!1),C=()=>{if(a){let $=a.toString();$[0]==="$"&&($=$.replace("$ ","")),navigator.clipboard.writeText($),g(!0)}setTimeout(()=>g(!1),1e3)},x={icon:(o==null?void 0:o.copy)??t.jsx(Nl,{"data-testid":l&&`${l}.CopyButton.IconCopy`,className:c&&"IconCopy",size:(p==null?void 0:p.copy)??r2(M1)}),tooltip:(f==null?void 0:f.copy)??"Copy"},H={icon:(o==null?void 0:o.copied)??t.jsx(J1,{"data-testid":l&&`${l}.CopyButton.IconCopied`,className:c&&"IconCopied",size:(p==null?void 0:p.copied)??r2(M1)}),tooltip:(f==null?void 0:f.copy)??"Copied!"};return t.jsxs(j6,{"data-testid":l,ref:b,className:c,as:e||r?"pre":"div",...n,children:[t.jsx(_6,{"data-testid":l&&`${l}.SyntaxHighlighter`,className:c&&"SyntaxHighlighter",style:d,$color:r,...h,children:a}),!i&&t.jsx(S6,{"data-testid":l&&`${l}.CopyButton`,className:c&&"CopyButton",onClick:C,icon:k?H.icon:x.icon,size:32,color:k?"success":"white",tooltip:k?H.tooltip:x.tooltip,iconBaseUrl:z,showTooltip:!0})]})}),I6=m.div`
     opacity: 0;
     transform: translateX(calc(${L.S} * -1));
     transition: opacity 0.4s ease-out, transform 0.8s ease-out;

package/dist/index.css

@@ -418,6 +418,7 @@ body {
     line-height: var(--line-height-body);
     position: relative;
     overflow-x: hidden;
+    tab-size: 4;
 }
 
 body.dark {

package/dist/index.es.js

@@ -19277,7 +19277,11 @@ const L1 = 24, Vi = C(
     ...z
   }, g) => {
     const [M, n] = P(!1), H = () => {
-      a && (navigator.clipboard.writeText(a.toString()), n(!0)), setTimeout(() => n(!1), 1e3);
+      if (a) {
+        let $ = a.toString();
+        $[0] === "$" && ($ = $.replace("$ ", "")), navigator.clipboard.writeText($), n(!0);
+      }
+      setTimeout(() => n(!1), 1e3);
     }, u = {
       icon: (s == null ? void 0 : s.copy) ?? /* @__PURE__ */ t.jsx(
         Vl,

package/dist/index.umd.js

@@ -3451,7 +3451,7 @@ React keys must be passed directly to JSX without using spread:
     position: absolute;
     top: ${S.S};
     right: ${S.M};
-`;I([p6,n6,v6]);const M6=24,Re=n.forwardRef(({"data-testid":l,as:c,className:e,children:a,highlighterProps:h,highlighterStyle:d=Ae,color:f,hideCopyButton:i,tooltipTexts:r,icons:o,iconsSizes:z,iconsBaseUrl:p,...v},b)=>{const[k,g]=n.useState(!1),A=()=>{a&&(navigator.clipboard.writeText(a.toString()),g(!0)),setTimeout(()=>g(!1),1e3)},H={icon:(o==null?void 0:o.copy)??t.jsx(hl,{"data-testid":l&&`${l}.CopyButton.IconCopy`,className:e&&"IconCopy",size:(z==null?void 0:z.copy)??r2(M6)}),tooltip:(r==null?void 0:r.copy)??"Copy"},y={icon:(o==null?void 0:o.copied)??t.jsx(v1,{"data-testid":l&&`${l}.CopyButton.IconCopied`,className:e&&"IconCopied",size:(z==null?void 0:z.copied)??r2(M6)}),tooltip:(r==null?void 0:r.copy)??"Copied!"};return t.jsxs(p6,{"data-testid":l,ref:b,className:e,as:c||f?"pre":"div",...v,children:[t.jsx(n6,{"data-testid":l&&`${l}.SyntaxHighlighter`,className:e&&"SyntaxHighlighter",style:d,$color:f,...h,children:a}),!i&&t.jsx(v6,{"data-testid":l&&`${l}.CopyButton`,className:e&&"CopyButton",onClick:A,icon:k?y.icon:H.icon,size:32,color:k?"success":"white",tooltip:k?y.tooltip:H.tooltip,iconBaseUrl:p,showTooltip:!0})]})}),g6=m.div`
+`;I([p6,n6,v6]);const M6=24,Re=n.forwardRef(({"data-testid":l,as:c,className:e,children:a,highlighterProps:h,highlighterStyle:d=Ae,color:f,hideCopyButton:i,tooltipTexts:r,icons:o,iconsSizes:z,iconsBaseUrl:p,...v},b)=>{const[k,g]=n.useState(!1),A=()=>{if(a){let R=a.toString();R[0]==="$"&&(R=R.replace("$ ","")),navigator.clipboard.writeText(R),g(!0)}setTimeout(()=>g(!1),1e3)},H={icon:(o==null?void 0:o.copy)??t.jsx(hl,{"data-testid":l&&`${l}.CopyButton.IconCopy`,className:e&&"IconCopy",size:(z==null?void 0:z.copy)??r2(M6)}),tooltip:(r==null?void 0:r.copy)??"Copy"},y={icon:(o==null?void 0:o.copied)??t.jsx(v1,{"data-testid":l&&`${l}.CopyButton.IconCopied`,className:e&&"IconCopied",size:(z==null?void 0:z.copied)??r2(M6)}),tooltip:(r==null?void 0:r.copy)??"Copied!"};return t.jsxs(p6,{"data-testid":l,ref:b,className:e,as:c||f?"pre":"div",...v,children:[t.jsx(n6,{"data-testid":l&&`${l}.SyntaxHighlighter`,className:e&&"SyntaxHighlighter",style:d,$color:f,...h,children:a}),!i&&t.jsx(v6,{"data-testid":l&&`${l}.CopyButton`,className:e&&"CopyButton",onClick:A,icon:k?y.icon:H.icon,size:32,color:k?"success":"white",tooltip:k?y.tooltip:H.tooltip,iconBaseUrl:p,showTooltip:!0})]})}),g6=m.div`
     opacity: 0;
     transform: translateX(calc(${S.S} * -1));
     transition: opacity 0.4s ease-out, transform 0.8s ease-out;

package/dist/lib/components/CodeContainer/CodeContainer.tsx

@@ -53,7 +53,13 @@ export const CodeContainer = forwardRef<HTMLDivElement, ILibCodeContainer>(
 
         const copyToClipboard = () => {
             if (children) {
-                navigator.clipboard.writeText(children.toString())
+                let copyString = children.toString()
+
+                if (copyString[0] === "$") {
+                    copyString = copyString.replace("$ ", "")
+                }
+
+                navigator.clipboard.writeText(copyString)
                 setHasCopied(true)
             }
 

package/dist/lib/index.css

@@ -418,6 +418,7 @@ body {
     line-height: var(--line-height-body);
     position: relative;
     overflow-x: hidden;
+    tab-size: 4;
 }
 
 body.dark {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@julseb-lib/react",
-    "version": "0.0.48",
+    "version": "0.0.50",
     "type": "module",
     "license": "MIT",
     "scripts": {