react-wrap-balancer - npm Package Compare versions

Comparing version 0.1.5 to 0.2.0

dist/index.d.ts

@@ -5,2 +5,3 @@ import React from 'react';
     as?: string;
+    ratio?: number;
     children?: React.ReactNode;
@@ -7,0 +8,0 @@ };

dist/index.js

 "use client"
-var m=Object.create;var u=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var E=(e,t)=>{for(var r in t)u(e,r,{get:t[r],enumerable:!0})},f=(e,t,r,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of b(t))!v.call(e,n)&&n!==r&&u(e,n,{get:()=>t[n],enumerable:!(c=y(t,n))||c.enumerable});return e};var _=(e,t,r)=>(r=e!=null?m(h(e)):{},f(t||!e||!e.__esModule?u(r,"default",{value:e,enumerable:!0}):r,e)),g=e=>f(u({},"__esModule",{value:!0}),e);var w={};E(w,{default:()=>S});module.exports=g(w);var s=_(require("react")),a="__wrap_balancer",p=typeof window=="undefined",d=p?s.default.useEffect:s.default.useLayoutEffect;if(!p&&process.env.NODE_ENV!=="production"){let e=document.querySelector("[data-next-hide-fouc]");if(e){let t=c=>{for(let n of c)if(n.removedNodes.length){for(let o of n.removedNodes)if(o===e){r.disconnect();let i=document.querySelectorAll("[data-balancer]");for(let l of i)self[a](0,l)}}},r=new MutationObserver(t);r.observe(document.head,{childList:!0})}}var x=({as:e="span",children:t,...r})=>{let c=e,n=s.default.useId(),o=s.default.useRef();return d(()=>{!o.current||self[a](0,o.current)},[t]),d(()=>{if(!o.current)return;let i=o.current.parentElement;if(!i)return;let l=new ResizeObserver(()=>{!o.current||self[a](0,o.current)});return l.observe(i),()=>l.unobserve(i)},[]),s.default.createElement(s.default.Fragment,null,s.default.createElement(c,{...r,"data-balancer":n,ref:o,style:{display:"inline-block",verticalAlign:"top",textDecoration:"inherit"},suppressHydrationWarning:!0},t),s.default.createElement("script",{dangerouslySetInnerHTML:{__html:`self.${a}=((e,t)=>{let l;t=t||document.querySelector(\`[data-balancer="\${e}"]\`);let a=t.parentElement,f=e=>t.style.maxWidth=e+"px";t.style.maxWidth="";let o=a.clientWidth,d=a.clientHeight,i=o/2,r=o;if(!o)return;for(;i+1<r;)f(l=~~((i+r)/2)),a.clientHeight==d?r=l:i=l;f(r)});self.${a}("${n}")`}}))},S=x;0&&(module.exports={});
+var b=Object.create;var u=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var w=(e,t)=>{for(var r in t)u(e,r,{get:t[r],enumerable:!0})},d=(e,t,r,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of y(t))!E.call(e,n)&&n!==r&&u(e,n,{get:()=>t[n],enumerable:!(c=v(t,n))||c.enumerable});return e};var _=(e,t,r)=>(r=e!=null?b(h(e)):{},d(t||!e||!e.__esModule?u(r,"default",{value:e,enumerable:!0}):r,e)),x=e=>d(u({},"__esModule",{value:!0}),e);var L={};w(L,{default:()=>g});module.exports=x(L);var s=_(require("react")),a="__wrap_balancer",m=typeof window=="undefined",p=m?s.default.useEffect:s.default.useLayoutEffect;if(!m&&process.env.NODE_ENV!=="production"){let e=document.querySelector("[data-next-hide-fouc]");if(e){let t=c=>{for(let n of c)for(let l of n.removedNodes)if(l===e){r.disconnect();let o=document.querySelectorAll("[data-balancer]");for(let i of o)self[a](0,i)}},r=new MutationObserver(t);r.observe(document.head,{childList:!0})}}var S=({as:e="span",ratio:t=1,children:r,...c})=>{let n=e,l=s.default.useId(),o=s.default.useRef();return p(()=>{!o.current||self[a](0,t,o.current)},[r,t]),p(()=>{if(!o.current)return;let i=o.current.parentElement;if(!i)return;let f=new ResizeObserver(()=>{!o.current||self[a](0,t,o.current)});return f.observe(i),()=>f.unobserve(i)},[]),s.default.createElement(s.default.Fragment,null,s.default.createElement(n,{...c,"data-balancer":l,ref:o,style:{display:"inline-block",verticalAlign:"top",textDecoration:"inherit"},suppressHydrationWarning:!0},r),s.default.createElement("script",{dangerouslySetInnerHTML:{__html:`self.${a}=((e,v,t)=>{let l,w=t||document.querySelector(\`[data-balancer="\${e}"]\`),a=w.parentElement,f=e=>w.style.maxWidth=e+"px";w.style.maxWidth="";let o=a.clientWidth,d=a.clientHeight,i=o/2,r=o;if(!o)return;for(;i+1<r;)f(l=~~((i+r)/2)),a.clientHeight==d?r=l:i=l;f(r*v+o*(1-v))});self.${a}("${l}",${t})`}}))},g=S;0&&(module.exports={});
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "react-wrap-balancer",
-  "version": "0.1.5",
+  "version": "0.2.0",
   "description": "Better text wrapping.",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

19991

increased by0.85%

Lines of code

24

increased by4.35%

No dependency changes