@julseb-lib/react 0.0.49 → 0.0.50

package/dist/index.cjs.js

@@ -3425,7 +3425,7 @@ React keys must be passed directly to JSX without using spread:
     background-color: ${M.GRAY_800};
     color: ${({$color:l,theme:e})=>l&&s.AllColors(l,e)};
     ${s.HideScrollbar}
-    /* tab-size: 4; */
+    tab-size: 4;
 
     & > code {
         color: ${({$color:l,theme:e})=>l&&s.AllColors(l,e)};
@@ -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.es.js

@@ -19228,7 +19228,7 @@ const Ni = C(
     background-color: ${v.GRAY_800};
     color: ${({ $color: l, theme: c }) => l && m.AllColors(l, c)};
     ${m.HideScrollbar}
-    /* tab-size: 4; */
+    tab-size: 4;
 
     & > code {
         color: ${({ $color: l, theme: c }) => l && m.AllColors(l, c)};
@@ -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

@@ -3425,7 +3425,7 @@ React keys must be passed directly to JSX without using spread:
     background-color: ${M.GRAY_800};
     color: ${({$color:l,theme:c})=>l&&s.AllColors(l,c)};
     ${s.HideScrollbar}
-    /* tab-size: 4; */
+    tab-size: 4;
 
     & > code {
         color: ${({$color:l,theme:c})=>l&&s.AllColors(l,c)};
@@ -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/components/CodeContainer/styles.tsx

@@ -20,7 +20,7 @@ const StyledCodeContainer = styled.div<{ $color?: LibAllColors }>`
     background-color: ${COLORS_LIGHT.GRAY_800};
     color: ${({ $color, theme }) => $color && Mixins.AllColors($color, theme)};
     ${Mixins.HideScrollbar}
-    /* tab-size: 4; */
+    tab-size: 4;
 
     & > code {
         color: ${({ $color, theme }) =>

package/package.json

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