@aracna/react 1.0.34 → 1.0.36

package/hooks/use-observable-element-component.js

@@ -0,0 +1 @@
+import{useCallback as i,useRef as c,useState as d}from"react";function b(t){const n=c(null),[r,l]=d({}),s=i(e=>{e.detail&&(t?.blacklist&&t.blacklist.includes(e.detail.name)||t?.whitelist&&!t.whitelist.includes(e.detail.name)||l(a=>e.detail?{...a,[e.detail.name]:e.detail.value}:a))},[t?.blacklist,t?.whitelist]),u=i(e=>{e.detail&&(t?.blacklist&&t.blacklist.includes(e.detail.name)||t?.whitelist&&!t.whitelist.includes(e.detail.name)||l(a=>e.detail?{...a,[e.detail.name]:e.detail.value}:a))},[t?.blacklist,t?.whitelist]);return{element:n.current,onAttributeChange:s,onStateChange:u,properties:r,ref:n}}export{b as useObservableElementComponent};

package/index.cjs

@@ -1 +1 @@
-"use strict";var h=Object.create;var p=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var A=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var S=(e,t)=>{for(var n in t)p(e,n,{get:t[n],enumerable:!0})},d=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of F(t))!k.call(e,r)&&r!==n&&p(e,r,{get:()=>t[r],enumerable:!(o=w(t,r))||o.enumerable});return e};var D=(e,t,n)=>(n=e!=null?h(A(e)):{},d(t||!e||!e.__esModule?p(n,"default",{value:e,enumerable:!0}):n,e)),H=e=>d(p({},"__esModule",{value:!0}),e);var q={};S(q,{ComponentLifeCycle:()=>v,createBaseElementComponent:()=>i,createElementComponent:()=>c,createFloatingElementComponent:()=>U,createFocusTrapElementComponent:()=>I,createFormFieldElementComponent:()=>j,forwardRef:()=>B,useBaseElementComponent:()=>V,useDispatch:()=>G,useEventListener:()=>E,useIntersectionObserver:()=>_,useLifeCycle:()=>f,useSafeRef:()=>W,useWindowEventListener:()=>z});module.exports=H(q);var v=(o=>(o.CONSTRUCTED="CONSTRUCTED",o.MOUNTED="MOUNTED",o.UNMOUNTED="UNMOUNTED",o))(v||{});var b=require("@aracna/core"),T=require("@lit-labs/react"),y=D(require("react"),1);var M={onAbort:"abort",onAnimationEnd:"animationend",onAnimationIteration:"animationiteration",onAnimationStart:"animationstart",onAuxClick:"auxclick",onBeforeInput:"beforeinput",onBlur:"blur",onCanPlay:"canplay",onCanPlayThrough:"canplaythrough",onChange:"change",onClick:"click",onCompositionEnd:"compositionend",onCompositionStart:"compositionstart",onCompositionUpdate:"compositionupdate",onContextMenu:"contextmenu",onCopy:"copy",onCut:"cut",onDoubleClick:"doubleclick",onDrag:"drag",onDragEnd:"dragend",onDragEnter:"dragenter",onDragExit:"dragexit",onDragLeave:"dragleave",onDragOver:"dragover",onDragStart:"dragstart",onDrop:"drop",onDurationChange:"durationchange",onEmptied:"emptied",onEncrypted:"encrypted",onEnded:"ended",onError:"error",onEventHandler:"eventhandler",onFocus:"focus",onInput:"input",onInvalid:"invalid",onKeyDown:"keydown",onKeyPress:"keypress",onKeyUp:"keyup",onLoad:"load",onLoadStart:"loadstart",onLoadedData:"loadeddata",onLoadedMetadata:"loadedmetadata",onMouseDown:"mousedown",onMouseEnter:"mouseenter",onMouseLeave:"mouseleave",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onPaste:"paste",onPause:"pause",onPlay:"play",onPlaying:"playing",onPointerCancel:"pointercancel",onPointerDown:"pointerdown",onPointerEnter:"pointerenter",onPointerLeave:"pointerleave",onPointerMove:"pointermove",onPointerOut:"pointerout",onPointerOver:"pointerover",onPointerUp:"pointerup",onProgress:"progress",onRateChange:"ratechange",onReset:"reset",onResize:"resize",onScroll:"scroll",onSeeked:"seeked",onSeeking:"seeking",onSelect:"select",onStalled:"stalled",onSubmit:"submit",onSuspend:"suspend",onTimeUpdate:"timeupdate",onTouchCancel:"touchcancel",onTouchEnd:"touchend",onTouchMove:"touchmove",onTouchStart:"touchstart",onTransitionEnd:"transitionend",onVolumeChange:"volumechange",onWaiting:"waiting",onWheel:"wheel"};function c(e,t,n=[]){return(0,T.createComponent)({elementClass:t,events:{...M,...n.reduce((o,r)=>({...o,["on"+(0,b.getPascalCaseString)(String(r))]:r}),{})},react:y.default,tagName:e})}function i(e,t,n=[]){return c(e,t,["attribute-change","state-change",...n])}function U(e,t,n){return i(e,t,n)}function I(e,t,n=[]){return i(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...n])}function j(e,t,n){return i(e,t,n)}var g=require("react");function B(...e){return(0,g.forwardRef)(e[0])}var l=require("react");var x=require("react");function E(e,t,n,o=[]){(0,x.useEffect)(()=>(e.current?.addEventListener(t,n),()=>e.current?.removeEventListener(t,n)),o)}function V(e){let t=(0,l.useRef)(null),[,n]=(0,l.useReducer)(()=>({}),{}),o=a=>{e?.attribute?.dispatch===!0&&a.detail&&(e.attribute.blacklist&&e.attribute.blacklist.includes(a.detail.name)||e.attribute.whitelist&&!e.attribute.whitelist.includes(a.detail.name)||n())},r=a=>{e?.state?.dispatch===!0&&a.detail&&(e.state.blacklist&&e.state.blacklist.includes(a.detail.name)||e.state.whitelist&&!e.state.whitelist.includes(a.detail.name)||n())};return E(t,"attribute-change",o,[t.current]),E(t,"state-change",r,[t.current]),(0,l.useEffect)(()=>n(),[t.current]),{element:t.current,ref:t}}var C=require("react");var u=require("react");function f(){let e=(0,u.useRef)("CONSTRUCTED");return(0,u.useEffect)(()=>(e.current="MOUNTED",()=>{e.current="UNMOUNTED"})),e}function G(e){let t=f(),n=(0,C.useReducer)(()=>({}),{});return()=>{switch(t.current){case"CONSTRUCTED":case"UNMOUNTED":break;case"MOUNTED":n[1](),e&&e();break}}}var s=require("react");function _(e,t){let n=(0,s.useRef)(),[o,r]=(0,s.useState)([]),a=(0,s.useMemo)(()=>o.some(m=>m.isIntersecting),[o]),K=(0,s.useMemo)(()=>o.every(m=>m.isIntersecting),[o]),N=a,L=m=>{r(m)};return(0,s.useEffect)(()=>{n.current=new IntersectionObserver(L,t);for(let m of e){if(!m.current)return;n.current.observe(m.current)}return()=>n.current?.disconnect()},[]),{entries:o,observer:n,areSomeIntersecting:a,isEveryIntersecting:K,isIntersecting:N}}var P=require("@aracna/core"),O=require("react");function W(e,t){return(0,O.useRef)(P.Environment.isWindowDefined?document.createElement(e,t):{current:{}})}var R=require("react");function z(e,t,n=[]){(0,R.useEffect)(()=>(window.addEventListener(e,t),()=>window.removeEventListener(e,t)),n)}
+"use strict";var h=Object.create;var u=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var S=(e,t)=>{for(var n in t)u(e,n,{get:t[n],enumerable:!0})},v=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of A(t))!k.call(e,a)&&a!==n&&u(e,a,{get:()=>t[a],enumerable:!(o=w(t,a))||o.enumerable});return e};var D=(e,t,n)=>(n=e!=null?h(F(e)):{},v(t||!e||!e.__esModule?u(n,"default",{value:e,enumerable:!0}):n,e)),H=e=>v(u({},"__esModule",{value:!0}),e);var Q={};S(Q,{ComponentLifeCycle:()=>b,Memo:()=>U,createBaseElementComponent:()=>l,createElementComponent:()=>d,createFloatingElementComponent:()=>j,createFocusTrapElementComponent:()=>I,createFormFieldElementComponent:()=>B,forwardRef:()=>V,useDispatch:()=>G,useEventListener:()=>_,useIntersectionObserver:()=>W,useLifeCycle:()=>f,useObservableElementComponent:()=>z,useSafeRef:()=>q,useWindowEventListener:()=>J});module.exports=H(Q);var M=require("react");function U(e){return(0,M.useMemo)(()=>e.children,e.deps)}var b=(o=>(o.CONSTRUCTED="CONSTRUCTED",o.MOUNTED="MOUNTED",o.UNMOUNTED="UNMOUNTED",o))(b||{});var T=require("@aracna/core"),g=require("@lit-labs/react"),x=D(require("react"),1);var y={onAbort:"abort",onAnimationEnd:"animationend",onAnimationIteration:"animationiteration",onAnimationStart:"animationstart",onAuxClick:"auxclick",onBeforeInput:"beforeinput",onBlur:"blur",onCanPlay:"canplay",onCanPlayThrough:"canplaythrough",onChange:"change",onClick:"click",onCompositionEnd:"compositionend",onCompositionStart:"compositionstart",onCompositionUpdate:"compositionupdate",onContextMenu:"contextmenu",onCopy:"copy",onCut:"cut",onDoubleClick:"doubleclick",onDrag:"drag",onDragEnd:"dragend",onDragEnter:"dragenter",onDragExit:"dragexit",onDragLeave:"dragleave",onDragOver:"dragover",onDragStart:"dragstart",onDrop:"drop",onDurationChange:"durationchange",onEmptied:"emptied",onEncrypted:"encrypted",onEnded:"ended",onError:"error",onEventHandler:"eventhandler",onFocus:"focus",onInput:"input",onInvalid:"invalid",onKeyDown:"keydown",onKeyPress:"keypress",onKeyUp:"keyup",onLoad:"load",onLoadStart:"loadstart",onLoadedData:"loadeddata",onLoadedMetadata:"loadedmetadata",onMouseDown:"mousedown",onMouseEnter:"mouseenter",onMouseLeave:"mouseleave",onMouseMove:"mousemove",onMouseOut:"mouseout",onMouseOver:"mouseover",onMouseUp:"mouseup",onPaste:"paste",onPause:"pause",onPlay:"play",onPlaying:"playing",onPointerCancel:"pointercancel",onPointerDown:"pointerdown",onPointerEnter:"pointerenter",onPointerLeave:"pointerleave",onPointerMove:"pointermove",onPointerOut:"pointerout",onPointerOver:"pointerover",onPointerUp:"pointerup",onProgress:"progress",onRateChange:"ratechange",onReset:"reset",onResize:"resize",onScroll:"scroll",onSeeked:"seeked",onSeeking:"seeking",onSelect:"select",onStalled:"stalled",onSubmit:"submit",onSuspend:"suspend",onTimeUpdate:"timeupdate",onTouchCancel:"touchcancel",onTouchEnd:"touchend",onTouchMove:"touchmove",onTouchStart:"touchstart",onTransitionEnd:"transitionend",onVolumeChange:"volumechange",onWaiting:"waiting",onWheel:"wheel"};function d(e,t,n=[]){return(0,g.createComponent)({elementClass:t,events:{...y,...n.reduce((o,a)=>({...o,["on"+(0,T.getPascalCaseString)(String(a))]:a}),{})},react:x.default,tagName:e})}function l(e,t,n=[]){return d(e,t,["attribute-change","state-change",...n])}function j(e,t,n){return l(e,t,n)}function I(e,t,n=[]){return l(e,t,["focus-trap-activate","focus-trap-deactivate","focus-trap-post-activate","focus-trap-post-deactivate",...n])}function B(e,t,n){return l(e,t,n)}var C=require("react");function V(...e){return(0,C.forwardRef)(e[0])}var P=require("react");var c=require("react");function f(){let e=(0,c.useRef)("CONSTRUCTED");return(0,c.useEffect)(()=>(e.current="MOUNTED",()=>{e.current="UNMOUNTED"})),e}function G(e){let t=f(),n=(0,P.useReducer)(()=>({}),{});return()=>{switch(t.current){case"CONSTRUCTED":case"UNMOUNTED":break;case"MOUNTED":n[1](),e&&e();break}}}var R=require("react");function _(e,t,n,o=[]){(0,R.useEffect)(()=>(e.current?.addEventListener(t,n),()=>e.current?.removeEventListener(t,n)),o)}var s=require("react");function W(e,t){let n=(0,s.useRef)(),[o,a]=(0,s.useState)([]),E=(0,s.useMemo)(()=>o.some(m=>m.isIntersecting),[o]),r=(0,s.useMemo)(()=>o.every(m=>m.isIntersecting),[o]),i=E,L=m=>{a(m)};return(0,s.useEffect)(()=>{n.current=new IntersectionObserver(L,t);for(let m of e){if(!m.current)return;n.current.observe(m.current)}return()=>n.current?.disconnect()},[]),{entries:o,observer:n,areSomeIntersecting:E,isEveryIntersecting:r,isIntersecting:i}}var p=require("react");function z(e){let t=(0,p.useRef)(null),[n,o]=(0,p.useState)({}),a=(0,p.useCallback)(r=>{r.detail&&(e?.blacklist&&e.blacklist.includes(r.detail.name)||e?.whitelist&&!e.whitelist.includes(r.detail.name)||o(i=>r.detail?{...i,[r.detail.name]:r.detail.value}:i))},[e?.blacklist,e?.whitelist]),E=(0,p.useCallback)(r=>{r.detail&&(e?.blacklist&&e.blacklist.includes(r.detail.name)||e?.whitelist&&!e.whitelist.includes(r.detail.name)||o(i=>r.detail?{...i,[r.detail.name]:r.detail.value}:i))},[e?.blacklist,e?.whitelist]);return{element:t.current,onAttributeChange:a,onStateChange:E,properties:n,ref:t}}var O=require("@aracna/core"),N=require("react");function q(e,t){return(0,N.useRef)(O.Environment.isWindowDefined?document.createElement(e,t):{current:{}})}var K=require("react");function J(e,t,n=[]){(0,K.useEffect)(()=>(window.addEventListener(e,t),()=>window.removeEventListener(e,t)),n)}