@prismicio/editor-support - npm Package Compare versions

Comparing version 0.4.50-alpha.xru-test-extension.0 to 0.4.50

dist/React.cjs.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),S=require("./DOM.cjs.js");function v(e){const t=u.useCallback(n=>{const s=matchMedia(e);return s.addEventListener("change",n),()=>{s.removeEventListener("change",n)}},[e]);return u.useSyncExternalStore(t,()=>matchMedia(e).matches)}function d(e){const t=u.useRef(e);return u.useLayoutEffect(()=>{t.current=e}),u.useMemo(()=>(...n)=>{var s;return(s=t.current)==null?void 0:s.call(t,...n)},[])}function C(){const[e,t]=u.useState({});return u.useCallback(()=>t({}),[])}function l(e,t,n){const s=u.useRef(!1);m(e,()=>{s.current=!0}),u.useEffect(()=>{if(!s.current)return;s.current=!1;const r=setTimeout(()=>n(e),t);return()=>clearTimeout(r)},[n,t,e])}function m(e,t){const[n,s]=u.useState(e);n!==e&&(s(e),t(e))}function h(e){const{ms:t=300,startTransition:n=i=>i(),synchronize:s=!1}=e,r=e.synchronize?e.state:e.initialState,[o,c]=u.useState(r),[a,f]=u.useState(r);return l(o,t,d(()=>n(()=>f(o)))),s&&o!==r&&c(r),{debouncedValue:a,set:c,value:o}}function p(e,t={}){const{once:n=!1}=t,[s,r]=u.useState(!1);return u.useLayoutEffect(()=>{if(!e.current)return;S.isElementInView(e.current)&&r(!0);const c=new IntersectionObserver(a=>{var i;const f=((i=a[0])==null?void 0:i.isIntersecting)??!1;r(f),n&&f&&c.disconnect()});return c.observe(e.current),()=>c.disconnect()},[e,n]),s}function y(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function b(...e){return t=>e.forEach(n=>y(n,t))}function E(...e){return u.useCallback(b(...e),e)}function O(e){u.useEffect(()=>{function t(){document.visibilityState!=="hidden"&&e()}return document.addEventListener("visibilitychange",t),()=>document.removeEventListener("visibilitychange",t)})}function I(e,t){return!e.current||!(t instanceof Node)?!1:e.current.contains(t)}function V(e,t){const n=d(e);u.useEffect(()=>{function s(){n()}if(t!==null){const r=setInterval(s,t);return()=>clearInterval(r)}return()=>{}},[t,n])}function w(e,t){const n=d(t),s=d(()=>e);u.useEffect(()=>{function r(o){const c=o.target;if(!c||!c.isConnected)return;const a=s();(Array.isArray(a)?a.filter(i=>!!i.current).every(i=>i.current&&!i.current.contains(c)):a.current&&!a.current.contains(c))&&n(o)}return document.addEventListener("mousedown",r),()=>{document.removeEventListener("mousedown",r)}},[s,n])}function g(e,t){return u.isValidElement(e)&&e.type===t}exports.composeRefs=b;exports.isComponentOfType=g;exports.refContainsTarget=I;exports.useClickedOutside=w;exports.useComposedRefs=E;exports.useDebounce=l;exports.useDebounceState=h;exports.useForceUpdate=C;exports.useInView=p;exports.useInterval=V;exports.useMediaQuery=v;exports.useOnChange=m;exports.useStableCallback=d;exports.useTabFocus=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),S=require("./DOM.cjs.js");function v(e){const t=u.useCallback(n=>{const s=matchMedia(e);return s.addEventListener("change",n),()=>{s.removeEventListener("change",n)}},[e]);return u.useSyncExternalStore(t,()=>matchMedia(e).matches)}function d(e){const t=u.useRef(e);return u.useLayoutEffect(()=>{t.current=e}),u.useMemo(()=>(...n)=>{var s;return(s=t.current)==null?void 0:s.call(t,...n)},[])}function h(){const[e,t]=u.useState({});return u.useCallback(()=>t({}),[])}function l(e,t,n){const s=u.useRef(!1);b(e,()=>{s.current=!0}),u.useEffect(()=>{if(!s.current)return;s.current=!1;const r=setTimeout(()=>n(e),t);return()=>clearTimeout(r)},[n,t,e])}function b(e,t){const[n,s]=u.useState(e);n!==e&&(s(e),t(e))}function C(e){const{ms:t=300,startTransition:n=a=>a(),synchronize:s=!1}=e,r=e.synchronize?e.state:e.initialState,[c,i]=u.useState(r),[o,f]=u.useState(r);return l(c,t,d(()=>n(()=>f(c)))),s&&c!==r&&i(r),{debouncedValue:o,set:i,value:c}}function E(e,t={}){const{once:n=!1}=t,[s,r]=u.useState(!1);return u.useLayoutEffect(()=>{if(!e.current)return;S.isElementInView(e.current)&&r(!0);const i=new IntersectionObserver(o=>{var a;const f=((a=o[0])==null?void 0:a.isIntersecting)??!1;r(f),n&&f&&i.disconnect()});return i.observe(e.current),()=>i.disconnect()},[e,n]),s}function p(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function m(...e){return t=>e.forEach(n=>p(n,t))}function O(...e){return u.useCallback(m(...e),e)}function y(e){u.useEffect(()=>{function t(){document.visibilityState!=="hidden"&&e()}return document.addEventListener("visibilitychange",t),()=>document.removeEventListener("visibilitychange",t)})}function w(e,t){return!e.current||!(t instanceof Node)?!1:e.current.contains(t)}function I(e,t){const n=d(e);u.useEffect(()=>{function s(){n()}if(t!==null){const r=setInterval(s,t);return()=>clearInterval(r)}return()=>{}},[t,n])}function R(e,t){const n=d(t),s=d(()=>e);u.useEffect(()=>{function r(c){const i=c.target;if(!i||!i.isConnected)return;const o=s();(Array.isArray(o)?o.filter(a=>!!a.current).every(a=>a.current&&!a.current.contains(i)):o.current&&!o.current.contains(i))&&n(c)}return document.addEventListener("mousedown",r),()=>{document.removeEventListener("mousedown",r)}},[s,n])}function V(e,t){return u.isValidElement(e)&&e.type===t}function g(e,t){const n=u.useRef();return u.useCallback(s=>{var r;(r=n.current)==null||r.disconnect(),s!==null&&(n.current=new ResizeObserver(([c])=>{if(!c)return;const{height:i,width:o}=c.contentRect;e({blockSize:i,inlineSize:o},s)}),n.current.observe(s))},t)}exports.composeRefs=m;exports.isComponentOfType=V;exports.refContainsTarget=w;exports.useClickedOutside=R;exports.useComposedRefs=O;exports.useDebounce=l;exports.useDebounceState=C;exports.useElementSize=g;exports.useForceUpdate=h;exports.useInView=E;exports.useInterval=I;exports.useMediaQuery=v;exports.useOnChange=b;exports.useStableCallback=d;exports.useTabFocus=y;

dist/React.d.ts

@@ -1,2 +0,2 @@
-import { type JSXElementConstructor, type ReactNode, type RefObject, type TransitionStartFunction } from "react";
+import { type DependencyList, type JSXElementConstructor, type ReactNode, type RefCallback, type RefObject, type TransitionStartFunction } from "react";
 declare module "react" {
@@ -92,2 +92,7 @@ interface CSSProperties {
 export declare function isComponentOfType<T extends JSXElementConstructor<any>>(node: ReactNode, type: T): boolean;
+/**
+ * A custom hook that listens for the size of an element
+ * TODO: Performance to be improved in PBD-1815
+ */
+export declare function useElementSize<E extends Element>(callback: (size: ResizeObserverSize, element: E) => void, deps: DependencyList): RefCallback<E>;
 export {};

dist/React.es.js

@@ -1,5 +0,5 @@
-import { useCallback as m, useSyncExternalStore as h, useRef as v, useLayoutEffect as b, useMemo as p, useState as f, useEffect as l, isValidElement as E } from "react";
-import { isElementInView as S } from "./DOM.es.js";
-function L(e) {
-  const t = m(
+import { useCallback as l, useSyncExternalStore as h, useRef as b, useLayoutEffect as v, useMemo as S, useState as f, useEffect as m, isValidElement as p } from "react";
+import { isElementInView as E } from "./DOM.es.js";
+function R(e) {
+  const t = l(
     (n) => {
@@ -16,6 +16,6 @@ const r = matchMedia(e);
 function d(e) {
-  const t = v(e);
-  return b(() => {
+  const t = b(e);
+  return v(() => {
     t.current = e;
-  }), p(() => (...n) => {
+  }), S(() => (...n) => {
     var r;
@@ -25,16 +25,16 @@ return (r = t.current) == null ? void 0 : r.call(t, ...n);
 }
-function g() {
+function L() {
   const [e, t] = f({});
-  return m(() => t({}), []);
+  return l(() => t({}), []);
 }
-function y(e, t, n) {
-  const r = v(!1);
+function w(e, t, n) {
+  const r = b(!1);
   I(e, () => {
     r.current = !0;
-  }), l(() => {
+  }), m(() => {
     if (!r.current)
       return;
     r.current = !1;
-    const s = setTimeout(() => n(e), t);
-    return () => clearTimeout(s);
+    const i = setTimeout(() => n(e), t);
+    return () => clearTimeout(i);
   }, [n, t, e]);
@@ -46,35 +46,35 @@ }
 }
-function R(e) {
-  const { ms: t = 300, startTransition: n = (u) => u(), synchronize: r = !1 } = e, s = e.synchronize ? e.state : e.initialState, [o, i] = f(s), [c, a] = f(s);
-  return y(
-    o,
+function g(e) {
+  const { ms: t = 300, startTransition: n = (o) => o(), synchronize: r = !1 } = e, i = e.synchronize ? e.state : e.initialState, [c, s] = f(i), [u, a] = f(i);
+  return w(
+    c,
     t,
-    d(() => n(() => a(o)))
-  ), r && o !== s && i(s), { debouncedValue: c, set: i, value: o };
+    d(() => n(() => a(c)))
+  ), r && c !== i && s(i), { debouncedValue: u, set: s, value: c };
 }
-function T(e, t = {}) {
-  const { once: n = !1 } = t, [r, s] = f(!1);
-  return b(() => {
+function z(e, t = {}) {
+  const { once: n = !1 } = t, [r, i] = f(!1);
+  return v(() => {
     if (!e.current)
       return;
-    S(e.current) && s(!0);
-    const i = new IntersectionObserver((c) => {
-      var u;
-      const a = ((u = c[0]) == null ? void 0 : u.isIntersecting) ?? !1;
-      s(a), n && a && i.disconnect();
+    E(e.current) && i(!0);
+    const s = new IntersectionObserver((u) => {
+      var o;
+      const a = ((o = u[0]) == null ? void 0 : o.isIntersecting) ?? !1;
+      i(a), n && a && s.disconnect();
     });
-    return i.observe(e.current), () => i.disconnect();
+    return s.observe(e.current), () => s.disconnect();
   }, [e, n]), r;
 }
-function V(e, t) {
+function O(e, t) {
   typeof e == "function" ? e(t) : e != null && (e.current = t);
 }
-function w(...e) {
-  return (t) => e.forEach((n) => V(n, t));
+function V(...e) {
+  return (t) => e.forEach((n) => O(n, t));
 }
-function k(...e) {
-  return m(w(...e), e);
+function T(...e) {
+  return l(V(...e), e);
 }
-function M(e) {
-  l(() => {
+function k(e) {
+  m(() => {
     function t() {
@@ -86,8 +86,8 @@ document.visibilityState !== "hidden" && e();
 }
-function D(e, t) {
+function M(e, t) {
   return !e.current || !(t instanceof Node) ? !1 : e.current.contains(t);
 }
-function F(e, t) {
+function D(e, t) {
   const n = d(e);
-  l(() => {
+  m(() => {
     function r() {
@@ -97,4 +97,4 @@ n();
     if (t !== null) {
-      const s = setInterval(r, t);
-      return () => clearInterval(s);
+      const i = setInterval(r, t);
+      return () => clearInterval(i);
     }
@@ -105,35 +105,48 @@ return () => {
 }
-function x(e, t) {
+function F(e, t) {
   const n = d(t), r = d(() => e);
-  l(() => {
-    function s(o) {
-      const i = o.target;
-      if (!i || !i.isConnected)
+  m(() => {
+    function i(c) {
+      const s = c.target;
+      if (!s || !s.isConnected)
         return;
-      const c = r();
-      (Array.isArray(c) ? c.filter((u) => !!u.current).every((u) => u.current && !u.current.contains(i)) : c.current && !c.current.contains(i)) && n(o);
+      const u = r();
+      (Array.isArray(u) ? u.filter((o) => !!o.current).every((o) => o.current && !o.current.contains(s)) : u.current && !u.current.contains(s)) && n(c);
     }
-    return document.addEventListener("mousedown", s), () => {
-      document.removeEventListener("mousedown", s);
+    return document.addEventListener("mousedown", i), () => {
+      document.removeEventListener("mousedown", i);
     };
   }, [r, n]);
 }
-function z(e, t) {
-  return E(e) && e.type === t;
+function x(e, t) {
+  return p(e) && e.type === t;
 }
+function A(e, t) {
+  const n = b();
+  return l((r) => {
+    var i;
+    (i = n.current) == null || i.disconnect(), r !== null && (n.current = new ResizeObserver(([c]) => {
+      if (!c)
+        return;
+      const { height: s, width: u } = c.contentRect;
+      e({ blockSize: s, inlineSize: u }, r);
+    }), n.current.observe(r));
+  }, t);
+}
 export {
-  w as composeRefs,
-  z as isComponentOfType,
-  D as refContainsTarget,
-  x as useClickedOutside,
-  k as useComposedRefs,
-  y as useDebounce,
-  R as useDebounceState,
-  g as useForceUpdate,
-  T as useInView,
-  F as useInterval,
-  L as useMediaQuery,
+  V as composeRefs,
+  x as isComponentOfType,
+  M as refContainsTarget,
+  F as useClickedOutside,
+  T as useComposedRefs,
+  w as useDebounce,
+  g as useDebounceState,
+  A as useElementSize,
+  L as useForceUpdate,
+  z as useInView,
+  D as useInterval,
+  R as useMediaQuery,
   I as useOnChange,
   d as useStableCallback,
-  M as useTabFocus
+  k as useTabFocus
 };

package.json

@@ -9,2 +9,3 @@ {
     "@vitejs/plugin-react": "4.0.3",
+    "dom-confetti": "0.2.2",
     "eslint": "8.50.0",
@@ -68,3 +69,3 @@ "eslint-config-prettier": "8.5.0",
   },
-  "version": "0.4.50-alpha.xru-test-extension.0"
+  "version": "0.4.50"
 }

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

71225

increased by13.48%

Number of package files

53

increased by6%

Lines of code

1649

increased by11.27%

Number of medium supply chain risk alerts

2

decreased by-33.33%

Worsened metrics

Dev dependency count

17

increased by6.25%

Number of low quality alerts

8

increased by14.29%

Published versions last year

60

decreased by-1.64%

No dependency changes