@contentful/f36-utils - npm Package Compare versions

Comparing version 4.24.1 to 4.24.2

dist/esm/index.js

@@ -1,7 +0,8 @@
-import { useRef, useEffect, useCallback } from 'react';
+import u, { useRef, useEffect, useCallback, Children, isValidElement } from 'react';
 import { createPortal } from 'react-dom';
 
-function p({children:o,container:n}){let e=useRef(n),t=useRef(document.createElement("div"));return useEffect(()=>{e.current||(e.current=document.body);let r=t.current;return r.setAttribute("data-cf-ui-portal",""),e.current.appendChild(r),()=>{e.current&&e.current.removeChild(r);}},[]),t.current?createPortal(o,t.current):null}var m=o=>{let{ref:n,keys:e,event:t="keydown"}=o,r=document,c=useCallback(a=>{Object.prototype.hasOwnProperty.call(e,a.key)&&e[a.key](a);},[e]);useEffect(()=>(n&&n.current&&(r=n.current),r.addEventListener(t,c),()=>{r.removeEventListener(t,c);}),[t,c]);};function d(o,n){let e={before:"",match:"",after:""},t=n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),r=new RegExp(`(?<before>.*?)(?<match>${t})(?<after>.*)`,"i"),c=o.match(r);return c&&(e.before=c.groups.before,e.match=c.groups.match,e.after=c.groups.after),e}function b(o,n=1){let e=parseInt(o.slice(1,3),16),t=parseInt(o.slice(3,5),16),r=parseInt(o.slice(5,7),16);return `rgba(${e}, ${t}, ${r}, ${n})`}
+function y({children:t,container:r}){let e=useRef(r),o=useRef(document.createElement("div"));return useEffect(()=>{e.current||(e.current=document.body);let n=o.current;return n.setAttribute("data-cf-ui-portal",""),e.current.appendChild(n),()=>{e.current&&e.current.removeChild(n);}},[]),o.current?createPortal(t,o.current):null}var g=t=>{let{ref:r,keys:e,event:o="keydown"}=t,n=useRef(document),c=useCallback(s=>{Object.prototype.hasOwnProperty.call(e,s.key)&&e[s.key](s);},[e]);useEffect(()=>(r&&r.current&&(n.current=r.current),n.current.addEventListener(o,c),()=>{n.current.removeEventListener(o,c);}),[o,c,r]);};function h(t,r){let e={before:"",match:"",after:""},o=r.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),n=new RegExp(`(?<before>.*?)(?<match>${o})(?<after>.*)`,"i"),c=t.match(n);return c&&(e.before=c.groups.before,e.match=c.groups.match,e.after=c.groups.after),e}function R(t,r=1){let e=parseInt(t.slice(1,3),16),o=parseInt(t.slice(3,5),16),n=parseInt(t.slice(5,7),16);return `rgba(${e}, ${o}, ${n}, ${r})`}function E(t){return isValidElement(t)&&!!t.props.children}function p(t){let r="";return Children.toArray(t).map(e=>{isValidElement(e)&&E(e)?r+=p(e.props.children):(typeof e=="string"||typeof e=="number")&&(r=`${r}${e}`);}),r}var f=u.createContext("low"),v=()=>u.useContext(f),D=f.Provider;
 
-export { p as Portal, d as getStringMatch, b as hexToRGBA, m as useKeyboard };
+export { D as DensityProvider, y as Portal, h as getStringMatch, p as getTextFromChildren, R as hexToRGBA, v as useDensity, g as useKeyboard };
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

dist/index.d.ts

@@ -1,2 +0,2 @@
-import { MutableRefObject } from 'react';
+import React$1, { MutableRefObject, ReactNode } from 'react';
 
@@ -72,2 +72,15 @@ interface PortalProps {
 
-export { Portal, PortalProps, UseKeyboardProps, getStringMatch, hexToRGBA, useKeyboard };
+/**
+ * Recursively extracts text and numbers from React children to return as a
+ * combined string.
+ *
+ * @param children - React node to extract text from
+ * @returns String with all child nodes' text combined
+ */
+declare function getTextFromChildren(children: ReactNode): string;
+
+declare type Density = 'low' | 'high';
+declare const useDensity: () => Density;
+declare const DensityProvider: React$1.Provider<Density>;
+
+export { Density, DensityProvider, Portal, PortalProps, UseKeyboardProps, getStringMatch, getTextFromChildren, hexToRGBA, useDensity, useKeyboard };

dist/index.js

 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('react');
+var u = require('react');
 var reactDom = require('react-dom');
 
-function p({children:o,container:n}){let e=react.useRef(n),t=react.useRef(document.createElement("div"));return react.useEffect(()=>{e.current||(e.current=document.body);let r=t.current;return r.setAttribute("data-cf-ui-portal",""),e.current.appendChild(r),()=>{e.current&&e.current.removeChild(r);}},[]),t.current?reactDom.createPortal(o,t.current):null}var m=o=>{let{ref:n,keys:e,event:t="keydown"}=o,r=document,c=react.useCallback(a=>{Object.prototype.hasOwnProperty.call(e,a.key)&&e[a.key](a);},[e]);react.useEffect(()=>(n&&n.current&&(r=n.current),r.addEventListener(t,c),()=>{r.removeEventListener(t,c);}),[t,c]);};function d(o,n){let e={before:"",match:"",after:""},t=n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),r=new RegExp(`(?<before>.*?)(?<match>${t})(?<after>.*)`,"i"),c=o.match(r);return c&&(e.before=c.groups.before,e.match=c.groups.match,e.after=c.groups.after),e}function b(o,n=1){let e=parseInt(o.slice(1,3),16),t=parseInt(o.slice(3,5),16),r=parseInt(o.slice(5,7),16);return `rgba(${e}, ${t}, ${r}, ${n})`}
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-exports.Portal = p;
-exports.getStringMatch = d;
-exports.hexToRGBA = b;
-exports.useKeyboard = m;
+var u__default = /*#__PURE__*/_interopDefault(u);
+
+function y({children:t,container:r}){let e=u.useRef(r),o=u.useRef(document.createElement("div"));return u.useEffect(()=>{e.current||(e.current=document.body);let n=o.current;return n.setAttribute("data-cf-ui-portal",""),e.current.appendChild(n),()=>{e.current&&e.current.removeChild(n);}},[]),o.current?reactDom.createPortal(t,o.current):null}var g=t=>{let{ref:r,keys:e,event:o="keydown"}=t,n=u.useRef(document),c=u.useCallback(s=>{Object.prototype.hasOwnProperty.call(e,s.key)&&e[s.key](s);},[e]);u.useEffect(()=>(r&&r.current&&(n.current=r.current),n.current.addEventListener(o,c),()=>{n.current.removeEventListener(o,c);}),[o,c,r]);};function h(t,r){let e={before:"",match:"",after:""},o=r.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),n=new RegExp(`(?<before>.*?)(?<match>${o})(?<after>.*)`,"i"),c=t.match(n);return c&&(e.before=c.groups.before,e.match=c.groups.match,e.after=c.groups.after),e}function R(t,r=1){let e=parseInt(t.slice(1,3),16),o=parseInt(t.slice(3,5),16),n=parseInt(t.slice(5,7),16);return `rgba(${e}, ${o}, ${n}, ${r})`}function E(t){return u.isValidElement(t)&&!!t.props.children}function p(t){let r="";return u.Children.toArray(t).map(e=>{u.isValidElement(e)&&E(e)?r+=p(e.props.children):(typeof e=="string"||typeof e=="number")&&(r=`${r}${e}`);}),r}var f=u__default.default.createContext("low"),v=()=>u__default.default.useContext(f),D=f.Provider;
+
+exports.DensityProvider = D;
+exports.Portal = y;
+exports.getStringMatch = h;
+exports.getTextFromChildren = p;
+exports.hexToRGBA = R;
+exports.useDensity = v;
+exports.useKeyboard = g;
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@contentful/f36-utils",
-  "version": "4.24.1",
+  "version": "4.24.2",
   "description": "Forma 36: utils React Component",
@@ -5,0 +5,0 @@ "license": "MIT",

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

Improved metrics

Total package byte prevSize

25849

increased by46.3%

Number of package files

8

increased by14.29%

Lines of code

106

increased by23.26%

No dependency changes