@contentful/f36-utils
Advanced tools
Comparing version 4.24.1 to 4.24.2
@@ -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 |
@@ -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 }; |
'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 |
{ | ||
"name": "@contentful/f36-utils", | ||
"version": "4.24.1", | ||
"version": "4.24.2", | ||
"description": "Forma 36: utils React Component", | ||
@@ -5,0 +5,0 @@ "license": "MIT", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
25849
8
106