@reach/utils - npm Package Compare versions

Comparing version 0.18.0-pre.3 to 0.18.0-pre.4

CHANGELOG.md

 # @reach/utils
 
+## 0.18.0-pre.4
+
+### Minor Changes
+
+- Removed the `useCheckStyles` export ([`69df3a03`](https://github.com/reach/reach-ui/commit/69df3a038d12c0e731778c9ac6e18ba6f81fbb49))
+- All `Polymorphic` types that were previously exported from `@reach/utils` have been moved to a separate package `@reach/polymorphic`. As `@reach/utils` is an internal package, this [breaking] change should not affect you [if you listened to us and did not use the package directly]. ([`e0f6dab0`](https://github.com/reach/reach-ui/commit/e0f6dab0c018a95d921bbeef0433bcb3a23365ee))
+
 ## 0.18.0-pre.3
@@ -4,0 +11,0 @@

dist/reach-utils.cjs.dev.js

 "use strict";
 /**
-  * @reach/utils v0.18.0-pre.3
+  * @reach/utils v0.18.0-pre.4
   *
@@ -53,3 +53,2 @@ * Copyright (c) 2018-2022, React Training LLC
   canUseDOM: () => canUseDOM,
-  checkStyles: () => checkStyles,
   cloneValidElement: () => cloneValidElement,
@@ -73,3 +72,2 @@ composeEventHandlers: () => composeEventHandlers,
   noop: () => noop,
-  useCheckStyles: () => useCheckStyles,
   useComposedRefs: () => useComposedRefs,
@@ -207,33 +205,2 @@ useConstant: () => useConstant,
 var import_react3 = require("react");
-var checkedPkgs = {};
-function checkStyles(packageName) {
-  if (true) {
-    if (checkedPkgs[packageName])
-      return;
-    checkedPkgs[packageName] = true;
-    if (parseInt(window.getComputedStyle(document.body).getPropertyValue(`--reach-${packageName}`), 10) !== 1) {
-      console.warn(`@reach/${packageName} styles not found. If you are using a bundler like webpack or parcel include this in the entry file of your app before any of your own styles:
-
-      import "@reach/${packageName}/styles.css";
-
-    Otherwise you'll need to include them some other way:
-
-      <link rel="stylesheet" type="text/css" href="node_modules/@reach/${packageName}/styles.css" />
-
-    For more information visit https://ui.reach.tech/styling.
-    `);
-    }
-  }
-}
-function useCheckStyles(packageName) {
-  if (true) {
-    let warned = (0, import_react3.useRef)(false);
-    (0, import_react3.useEffect)(() => {
-      if (!warned.current) {
-        warned.current = true;
-        checkStyles(packageName);
-      }
-    }, []);
-  }
-}
 function useControlledSwitchWarning(controlledValue, controlledPropName, componentName) {
@@ -475,3 +442,2 @@ if (true) {
   canUseDOM,
-  checkStyles,
   cloneValidElement,
@@ -495,3 +461,2 @@ composeEventHandlers,
   noop,
-  useCheckStyles,
   useComposedRefs,
@@ -498,0 +463,0 @@ useConstant,

dist/reach-utils.cjs.prod.js

@@ -1,1 +0,1 @@
-"use strict";var O=Object.create;var y=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames,S=Object.getOwnPropertySymbols,j=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var P=(e,t)=>{var n={};for(var o in e)_.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(e!=null&&S)for(var o of S(e))t.indexOf(o)<0&&H.call(e,o)&&(n[o]=e[o]);return n};var I=(e,t)=>{for(var n in t)y(e,n,{get:t[n],enumerable:!0})},N=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of A(t))!_.call(e,r)&&r!==n&&y(e,r,{get:()=>t[r],enumerable:!(o=M(t,r))||o.enumerable});return e};var U=(e,t,n)=>(n=e!=null?O(j(e)):{},N(t||!e||!e.__esModule?y(n,"default",{value:e,enumerable:!0}):n,e)),K=e=>N(y({},"__esModule",{value:!0}),e);var Re={};I(Re,{assignRef:()=>W,canUseDOM:()=>f,checkStyles:()=>ee,cloneValidElement:()=>X,composeEventHandlers:()=>Y,createContext:()=>Z,createNamedContext:()=>Q,getComputedStyle:()=>J,getComputedStyles:()=>L,getDocumentDimensions:()=>oe,getOwnerDocument:()=>h,getOwnerWindow:()=>p,getScrollPosition:()=>re,getScrollbarOffset:()=>le,isBoolean:()=>z,isFunction:()=>T,isNumber:()=>B,isRightClick:()=>ce,isString:()=>q,makeId:()=>ae,noop:()=>ue,useCheckStyles:()=>te,useComposedRefs:()=>G,useConstant:()=>ie,useControlledState:()=>se,useControlledSwitchWarning:()=>ne,useEventListener:()=>fe,useFocusChange:()=>pe,useForceUpdate:()=>de,useIsomorphicLayoutEffect:()=>b,useLazyRef:()=>me,usePrevious:()=>ye,useStableCallback:()=>xe,useStableLayoutCallback:()=>he,useStatefulRefValue:()=>Ee,useUpdateEffect:()=>ge});module.exports=K(Re);function f(){return!!(typeof window!="undefined"&&window.document&&window.document.createElement)}var x=require("react");function X(e,t,...n){return(0,x.isValidElement)(e)?(0,x.cloneElement)(e,t,...n):e}function Y(e,t){return n=>{if(e&&e(n),!n.defaultPrevented)return t(n)}}var D=require("react");function z(e){return typeof e=="boolean"}function T(e){return!!(e&&{}.toString.call(e)=="[object Function]")}function B(e){return typeof e=="number"&&!isNaN(e)}function q(e){return typeof e=="string"}function W(e,t){if(e!=null)if(T(e))e(t);else try{e.current=t}catch(n){throw new Error(`Cannot assign value "${t}" to ref "${e}"`)}}function G(...e){return(0,D.useCallback)(t=>{for(let n of e)W(n,t)},e)}function h(e){return f()?e?e.ownerDocument:document:null}function p(e){let t=h(e);return t?t.defaultView||window:null}function L(e){let t=p(e);return t?t.getComputedStyle(e,null):null}function J(e,t){var n;return((n=L(e))==null?void 0:n.getPropertyValue(t))||null}var a=U(require("react"));function Q(e,t){let n=a.createContext(t);return n.displayName=e,n}function Z(e,t){let n=a.createContext(t);function o(l){let k=l,{children:c}=k,s=P(k,["children"]),m=a.useMemo(()=>s,Object.values(s));return a.createElement(n.Provider,{value:m},c)}function r(l){let c=a.useContext(n);if(c)return c;if(t)return t;throw Error(`${l} must be rendered inside of a ${e} component.`)}return n.displayName=`${e}Context`,o.displayName=`${e}Provider`,[o,r]}var We=require("react");function ee(e){}function te(e){}function ne(e,t,n){}function oe(e){var o,r;let t=h(e),n=t.defaultView||window;return t?{width:(o=t.documentElement.clientWidth)!=null?o:n.innerWidth,height:(r=t.documentElement.clientHeight)!=null?r:n.innerHeight}:{width:0,height:0}}function re(e){let t=p(e);return t?{scrollX:t.scrollX,scrollY:t.scrollY}:{scrollX:0,scrollY:0}}function le(){try{if(window.innerWidth>document.documentElement.clientWidth)return window.innerWidth-document.documentElement.clientWidth}catch(e){}return 0}function ce(e){return"which"in e?e.which===3:"button"in e?e.button===2:!1}function ae(...e){return e.filter(t=>t!=null).join("--")}function ue(){}var F=require("react");function ie(e){let t=(0,F.useRef)();return t.current||(t.current={v:e()}),t.current.v}var u=require("react");function se({controlledValue:e,defaultValue:t,calledFrom:n="A component"}){let r=(0,u.useRef)(e!==void 0),[l,c]=(0,u.useState)(r.current?e:t),s=(0,u.useCallback)(m=>{r.current||c(m)},[]);return[r.current?e:l,s]}var d=require("react");function fe(e,t,n=window){let o=(0,d.useRef)(t);(0,d.useEffect)(()=>{o.current=t},[t]),(0,d.useEffect)(()=>{if(!(n&&n.addEventListener))return;function l(c){o.current(c)}return n.addEventListener(e,l),()=>{n.removeEventListener(e,l)}},[e,n])}var E=require("react");function pe(e=console.log,t="focus",n=document){let o=(0,E.useRef)(n.activeElement);(0,E.useEffect)(()=>{o.current=n.activeElement;function r(l){o.current!==n.activeElement&&(e(n.activeElement,o.current,l),o.current=n.activeElement)}return n.addEventListener(t,r,!0),()=>{n.removeEventListener(t,r)}},[t,e,n])}var g=require("react");function de(){let[,e]=(0,g.useState)(Object.create(null));return(0,g.useCallback)(()=>{e(Object.create(null))},[])}var R=require("react");var b=f()?R.useLayoutEffect:R.useEffect;var V=require("react");function me(e){let t=(0,V.useRef)(!1),n=(0,V.useRef)();return t.current||(t.current=!0,n.current=e()),n}var w=require("react");function ye(e){let t=(0,w.useRef)(null);return(0,w.useEffect)(()=>{t.current=e},[e]),t.current}var i=require("react");function $(e,t){let n=(0,i.useRef)(t);return e(()=>{n.current=t}),(0,i.useCallback)((...o)=>{n.current&&n.current(...o)},[])}function xe(e){return $(i.useEffect,e)}function he(e){return $(b,e)}var C=require("react");function Ee(e,t){let[n,o]=(0,C.useState)(t),r=(0,C.useCallback)(l=>{e.current=l,o(l)},[]);return[n,r]}var v=require("react");function ge(e,t){let n=(0,v.useRef)(!1);(0,v.useEffect)(()=>{n.current?e():n.current=!0},t)}0&&(module.exports={assignRef,canUseDOM,checkStyles,cloneValidElement,composeEventHandlers,createContext,createNamedContext,getComputedStyle,getComputedStyles,getDocumentDimensions,getOwnerDocument,getOwnerWindow,getScrollPosition,getScrollbarOffset,isBoolean,isFunction,isNumber,isRightClick,isString,makeId,noop,useCheckStyles,useComposedRefs,useConstant,useControlledState,useControlledSwitchWarning,useEventListener,useFocusChange,useForceUpdate,useIsomorphicLayoutEffect,useLazyRef,usePrevious,useStableCallback,useStableLayoutCallback,useStatefulRefValue,useUpdateEffect});
+"use strict";var M=Object.create;var x=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames,P=Object.getOwnPropertySymbols,j=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var N=(e,t)=>{var n={};for(var o in e)_.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(e!=null&&P)for(var o of P(e))t.indexOf(o)<0&&H.call(e,o)&&(n[o]=e[o]);return n};var U=(e,t)=>{for(var n in t)x(e,n,{get:t[n],enumerable:!0})},D=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of A(t))!_.call(e,r)&&r!==n&&x(e,r,{get:()=>t[r],enumerable:!(o=$(t,r))||o.enumerable});return e};var K=(e,t,n)=>(n=e!=null?M(j(e)):{},D(t||!e||!e.__esModule?x(n,"default",{value:e,enumerable:!0}):n,e)),I=e=>D(x({},"__esModule",{value:!0}),e);var Re={};U(Re,{assignRef:()=>L,canUseDOM:()=>s,cloneValidElement:()=>X,composeEventHandlers:()=>Y,createContext:()=>Z,createNamedContext:()=>Q,getComputedStyle:()=>J,getComputedStyles:()=>k,getDocumentDimensions:()=>te,getOwnerDocument:()=>E,getOwnerWindow:()=>d,getScrollPosition:()=>ne,getScrollbarOffset:()=>oe,isBoolean:()=>z,isFunction:()=>g,isNumber:()=>B,isRightClick:()=>re,isString:()=>q,makeId:()=>le,noop:()=>ue,useComposedRefs:()=>G,useConstant:()=>ce,useControlledState:()=>ae,useControlledSwitchWarning:()=>ee,useEventListener:()=>ie,useFocusChange:()=>fe,useForceUpdate:()=>se,useIsomorphicLayoutEffect:()=>b,useLazyRef:()=>de,usePrevious:()=>pe,useStableCallback:()=>me,useStableLayoutCallback:()=>xe,useStatefulRefValue:()=>ye,useUpdateEffect:()=>Ee});module.exports=I(Re);function s(){return!!(typeof window!="undefined"&&window.document&&window.document.createElement)}var y=require("react");function X(e,t,...n){return(0,y.isValidElement)(e)?(0,y.cloneElement)(e,t,...n):e}function Y(e,t){return n=>{if(e&&e(n),!n.defaultPrevented)return t(n)}}var W=require("react");function z(e){return typeof e=="boolean"}function g(e){return!!(e&&{}.toString.call(e)=="[object Function]")}function B(e){return typeof e=="number"&&!isNaN(e)}function q(e){return typeof e=="string"}function L(e,t){if(e!=null)if(g(e))e(t);else try{e.current=t}catch(n){throw new Error(`Cannot assign value "${t}" to ref "${e}"`)}}function G(...e){return(0,W.useCallback)(t=>{for(let n of e)L(n,t)},e)}function E(e){return s()?e?e.ownerDocument:document:null}function d(e){let t=E(e);return t?t.defaultView||window:null}function k(e){let t=d(e);return t?t.getComputedStyle(e,null):null}function J(e,t){var n;return((n=k(e))==null?void 0:n.getPropertyValue(t))||null}var c=K(require("react"));function Q(e,t){let n=c.createContext(t);return n.displayName=e,n}function Z(e,t){let n=c.createContext(t);function o(l){let S=l,{children:u}=S,f=N(S,["children"]),m=c.useMemo(()=>f,Object.values(f));return c.createElement(n.Provider,{value:m},u)}function r(l){let u=c.useContext(n);if(u)return u;if(t)return t;throw Error(`${l} must be rendered inside of a ${e} component.`)}return n.displayName=`${e}Context`,o.displayName=`${e}Provider`,[o,r]}var De=require("react");function ee(e,t,n){}function te(e){var o,r;let t=E(e),n=t.defaultView||window;return t?{width:(o=t.documentElement.clientWidth)!=null?o:n.innerWidth,height:(r=t.documentElement.clientHeight)!=null?r:n.innerHeight}:{width:0,height:0}}function ne(e){let t=d(e);return t?{scrollX:t.scrollX,scrollY:t.scrollY}:{scrollX:0,scrollY:0}}function oe(){try{if(window.innerWidth>document.documentElement.clientWidth)return window.innerWidth-document.documentElement.clientWidth}catch(e){}return 0}function re(e){return"which"in e?e.which===3:"button"in e?e.button===2:!1}function le(...e){return e.filter(t=>t!=null).join("--")}function ue(){}var F=require("react");function ce(e){let t=(0,F.useRef)();return t.current||(t.current={v:e()}),t.current.v}var a=require("react");function ae({controlledValue:e,defaultValue:t,calledFrom:n="A component"}){let r=(0,a.useRef)(e!==void 0),[l,u]=(0,a.useState)(r.current?e:t),f=(0,a.useCallback)(m=>{r.current||u(m)},[]);return[r.current?e:l,f]}var p=require("react");function ie(e,t,n=window){let o=(0,p.useRef)(t);(0,p.useEffect)(()=>{o.current=t},[t]),(0,p.useEffect)(()=>{if(!(n&&n.addEventListener))return;function l(u){o.current(u)}return n.addEventListener(e,l),()=>{n.removeEventListener(e,l)}},[e,n])}var R=require("react");function fe(e=console.log,t="focus",n=document){let o=(0,R.useRef)(n.activeElement);(0,R.useEffect)(()=>{o.current=n.activeElement;function r(l){o.current!==n.activeElement&&(e(n.activeElement,o.current,l),o.current=n.activeElement)}return n.addEventListener(t,r,!0),()=>{n.removeEventListener(t,r)}},[t,e,n])}var C=require("react");function se(){let[,e]=(0,C.useState)(Object.create(null));return(0,C.useCallback)(()=>{e(Object.create(null))},[])}var v=require("react");var b=s()?v.useLayoutEffect:v.useEffect;var V=require("react");function de(e){let t=(0,V.useRef)(!1),n=(0,V.useRef)();return t.current||(t.current=!0,n.current=e()),n}var h=require("react");function pe(e){let t=(0,h.useRef)(null);return(0,h.useEffect)(()=>{t.current=e},[e]),t.current}var i=require("react");function O(e,t){let n=(0,i.useRef)(t);return e(()=>{n.current=t}),(0,i.useCallback)((...o)=>{n.current&&n.current(...o)},[])}function me(e){return O(i.useEffect,e)}function xe(e){return O(b,e)}var T=require("react");function ye(e,t){let[n,o]=(0,T.useState)(t),r=(0,T.useCallback)(l=>{e.current=l,o(l)},[]);return[n,r]}var w=require("react");function Ee(e,t){let n=(0,w.useRef)(!1);(0,w.useEffect)(()=>{n.current?e():n.current=!0},t)}0&&(module.exports={assignRef,canUseDOM,cloneValidElement,composeEventHandlers,createContext,createNamedContext,getComputedStyle,getComputedStyles,getDocumentDimensions,getOwnerDocument,getOwnerWindow,getScrollPosition,getScrollbarOffset,isBoolean,isFunction,isNumber,isRightClick,isString,makeId,noop,useComposedRefs,useConstant,useControlledState,useControlledSwitchWarning,useEventListener,useFocusChange,useForceUpdate,useIsomorphicLayoutEffect,useLazyRef,usePrevious,useStableCallback,useStableLayoutCallback,useStatefulRefValue,useUpdateEffect});

dist/reach-utils.d.ts

 /**
-  * @reach/utils v0.18.0-pre.3
+  * @reach/utils v0.18.0-pre.4
   *
@@ -15,48 +15,2 @@ * Copyright (c) 2018-2022, React Training LLC
 
-declare type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
-/**
- * Infers the OwnProps if E is a ForwardRefExoticComponentWithAs
- */
-declare type OwnProps<E> = E extends ForwardRefComponent<any, infer P> ? P : {};
-/**
- * Infers the JSX.IntrinsicElement if E is a ForwardRefExoticComponentWithAs
- */
-declare type IntrinsicElement<E> = E extends ForwardRefComponent<infer I, any> ? I : never;
-declare type ForwardRefExoticComponent<E, OwnProps> = React$1.ForwardRefExoticComponent<Merge<E extends React$1.ElementType ? React$1.ComponentPropsWithRef<E> : never, OwnProps & {
-    as?: E;
-}>>;
-interface ForwardRefComponent<IntrinsicElementString, OwnProps = {}> extends ForwardRefExoticComponent<IntrinsicElementString, OwnProps> {
-    <As = IntrinsicElementString>(props: As extends "" ? {
-        as: keyof JSX.IntrinsicElements;
-    } : As extends React$1.ComponentType<infer P> ? Merge<P, OwnProps & {
-        as: As;
-    }> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], OwnProps & {
-        as: As;
-    }> : never): React$1.ReactElement | null;
-}
-interface MemoComponent<IntrinsicElementString, OwnProps = {}> extends React$1.MemoExoticComponent<ForwardRefComponent<IntrinsicElementString, OwnProps>> {
-    <As = IntrinsicElementString>(props: As extends "" ? {
-        as: keyof JSX.IntrinsicElements;
-    } : As extends React$1.ComponentType<infer P> ? Merge<P, OwnProps & {
-        as: As;
-    }> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], OwnProps & {
-        as: As;
-    }> : never): React$1.ReactElement | null;
-}
-
-type polymorphic_ForwardRefComponent<IntrinsicElementString, OwnProps = {}> = ForwardRefComponent<IntrinsicElementString, OwnProps>;
-type polymorphic_IntrinsicElement<E> = IntrinsicElement<E>;
-type polymorphic_MemoComponent<IntrinsicElementString, OwnProps = {}> = MemoComponent<IntrinsicElementString, OwnProps>;
-type polymorphic_Merge<P1 = {}, P2 = {}> = Merge<P1, P2>;
-type polymorphic_OwnProps<E> = OwnProps<E>;
-declare namespace polymorphic {
-  export {
-    polymorphic_ForwardRefComponent as ForwardRefComponent,
-    polymorphic_IntrinsicElement as IntrinsicElement,
-    polymorphic_MemoComponent as MemoComponent,
-    polymorphic_Merge as Merge,
-    polymorphic_OwnProps as OwnProps,
-  };
-}
-
 declare function canUseDOM(): boolean;
@@ -163,16 +117,2 @@
 /**
- * When in dev mode, checks that styles for a given `@reach` package are loaded.
- *
- * @param packageName Name of the package to check.
- * @example checkStyles("dialog") will check for styles for @reach/dialog
- */
-declare function checkStyles(packageName: string): void;
-/**
- * When in dev mode, checks that styles for a given `@reach` package are loaded.
- *
- * @param packageName Name of the package to check.
- * @example useCheckStyles("dialog") will check for styles for @reach/dialog
- */
-declare function useCheckStyles(packageName: string): void;
-/**
  * Logs a warning in dev mode when a component switches from controlled to
@@ -375,2 +315,2 @@ * uncontrolled, or vice versa
 
-export { AssignableRef, DistributiveOmit, ElementTagNameMap, polymorphic as Polymorphic, SingleOrArray, assignRef, canUseDOM, checkStyles, cloneValidElement, composeEventHandlers, createContext, createNamedContext, getComputedStyle, getComputedStyles, getDocumentDimensions, getOwnerDocument, getOwnerWindow, getScrollPosition, getScrollbarOffset, isBoolean, isFunction, isNumber, isRightClick, isString, makeId, noop, useCheckStyles, useComposedRefs, useConstant, useControlledState, useControlledSwitchWarning, useEventListener, useFocusChange, useForceUpdate, useIsomorphicLayoutEffect, useLazyRef, usePrevious, useStableCallback, useStableLayoutCallback, useStatefulRefValue, useUpdateEffect };
+export { AssignableRef, DistributiveOmit, ElementTagNameMap, SingleOrArray, assignRef, canUseDOM, cloneValidElement, composeEventHandlers, createContext, createNamedContext, getComputedStyle, getComputedStyles, getDocumentDimensions, getOwnerDocument, getOwnerWindow, getScrollPosition, getScrollbarOffset, isBoolean, isFunction, isNumber, isRightClick, isString, makeId, noop, useComposedRefs, useConstant, useControlledState, useControlledSwitchWarning, useEventListener, useFocusChange, useForceUpdate, useIsomorphicLayoutEffect, useLazyRef, usePrevious, useStableCallback, useStableLayoutCallback, useStatefulRefValue, useUpdateEffect };

package.json

 {
   "name": "@reach/utils",
-  "version": "0.18.0-pre.3",
+  "version": "0.18.0-pre.4",
   "description": "Internal, shared utilities for Reach UI.",
@@ -5,0 +5,0 @@ "author": "React Training <[e-mail]>",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

76226

decreased by-8.27%

Lines of code

1126

decreased by-9.49%

No dependency changes