@gem-sdk/core 1.14.0-dev.527 → 1.14.0-dev.533

package/dist/cjs/hooks/animation/useAnimationConfig.js

@@ -1 +1 @@
-"use strict";var react=require("react"),useCurrentDevice=require("../use-current-device.js"),animations=require("../../types/animations.js");const useAnimationConfig=e=>{let i=useCurrentDevice.useCurrentDevice(),n=react.useMemo(()=>e?.advanced?.animation?.[i],[i,e?.advanced?.animation]),r=()=>{let{trigger:e,triggerConfig:i}=n,{animation:r,setting:t}=i[e];return{type:r,setting:t[r]}},t=react.useMemo(()=>n?.enabled&&n?.triggerConfig[n?.trigger||animations.AnimationTriggerType.Appear].animation!==animations.AnimationType.None,[n?.enabled,n?.trigger,n?.triggerConfig]);return{isEnabledAnimation:t,getAnimationConfig:r}};exports.useAnimationConfig=useAnimationConfig;
+"use strict";var react=require("react"),useCurrentDevice=require("../use-current-device.js");const useAnimationConfig=e=>{let n=useCurrentDevice.useCurrentDevice(),t=react.useMemo(()=>e?.advanced?.animation?.[n],[n,e?.advanced?.animation]),r=()=>{let{trigger:e,triggerConfig:n}=t,{animation:r,setting:i}=n[e];return{type:r,setting:i[r]}},i=t?.enabled;return{isEnabledAnimation:i,getAnimationConfig:r}};exports.useAnimationConfig=useAnimationConfig;

package/dist/cjs/hooks/animation/useAnimationTarget.js

@@ -1 +1 @@
-"use strict";var react=require("react");const useAnimationTarget=({componentUid:e,componentTag:r})=>{let t=react.useRef(null),u=react.useRef(null),c=react.useRef(null),a=react.useRef(null),n=react.useRef(null),l=react.useRef(null),o=react.useCallback((e,r)=>{e&&(e.style.visibility=r)},[]),s=react.useCallback(e=>{o(u.current,e),o(c.current,e),o(a.current,e),o(n.current,e),o(l.current,e)},[o]);return react.useEffect(()=>{t.current=document.querySelector(`[data-uid="${e}"]`),t.current&&(u.current=t.current.querySelector("[data-toolbar]"),c.current=t.current.querySelector("[data-outline]"),a.current=t.current.querySelector("[data-spacing]"),"Section"===r&&(n.current=t.current.querySelector("[data-toolbar-add-top]"),l.current=t.current.querySelector("[data-toolbar-add-bottom]")))},[e,r]),{setToolbarVisibility:s,target:t.current}};exports.useAnimationTarget=useAnimationTarget;
+"use strict";var react=require("react");const useAnimationTarget=({componentUid:e,componentTag:t})=>{let r=react.useRef(null),u=react.useRef(null),c=react.useRef(null),a=react.useRef(null),n=react.useRef(null),l=react.useRef(null),o=react.useCallback((e,t)=>{e&&(e.style.visibility=t)},[]),i=react.useCallback(e=>{o(u.current,e),o(c.current,e),o(a.current,e),o(n.current,e),o(l.current,e)},[o]);return react.useEffect(()=>{let o=document.querySelector(`[data-uid="${e}"]`);if(o)switch(u.current=o.querySelector("[data-toolbar]"),c.current=o.querySelector("[data-outline]"),a.current=o.querySelector("[data-spacing]"),t){case"Button":case"SubmitButton":case"ProductButton":case"DynamicCheckout":r.current=o.querySelector("button");break;case"ProductProperties":r.current=o.querySelector("input");break;case"Section":{r.current=o;let[e]=Array.from(r.current.children).filter(e=>null!==e.getAttribute("data-toolbar")),[t]=Array.from(r.current.children).filter(e=>null!==e.getAttribute("data-outline"));u.current=e,c.current=t,n.current=r.current.querySelector("[data-toolbar-add-top]"),l.current=r.current.querySelector("[data-toolbar-add-bottom]");break}default:r.current=o}},[e,t]),{setToolbarVisibility:i,target:r.current}};exports.useAnimationTarget=useAnimationTarget;

package/dist/esm/hooks/animation/useAnimationConfig.js

@@ -1 +1 @@
-import{useMemo as e}from"react";import{useCurrentDevice as i}from"../use-current-device.js";import{AnimationTriggerType as n,AnimationType as t}from"../../types/animations.js";let useAnimationConfig=r=>{let a=i(),o=e(()=>r?.advanced?.animation?.[a],[a,r?.advanced?.animation]),g=()=>{let{trigger:e,triggerConfig:i}=o,{animation:n,setting:t}=i[e];return{type:n,setting:t[n]}},m=e(()=>o?.enabled&&o?.triggerConfig[o?.trigger||n.Appear].animation!==t.None,[o?.enabled,o?.trigger,o?.triggerConfig]);return{isEnabledAnimation:m,getAnimationConfig:g}};export{useAnimationConfig};
+import{useMemo as e}from"react";import{useCurrentDevice as n}from"../use-current-device.js";let useAnimationConfig=t=>{let i=n(),a=e(()=>t?.advanced?.animation?.[i],[i,t?.advanced?.animation]),r=()=>{let{trigger:e,triggerConfig:n}=a,{animation:t,setting:i}=n[e];return{type:t,setting:i[t]}},o=a?.enabled;return{isEnabledAnimation:o,getAnimationConfig:r}};export{useAnimationConfig};

package/dist/esm/hooks/animation/useAnimationTarget.js

@@ -1 +1 @@
-import{useRef as r,useCallback as t,useEffect as e}from"react";let useAnimationTarget=({componentUid:u,componentTag:n})=>{let c=r(null),l=r(null),a=r(null),o=r(null),i=r(null),d=r(null),y=t((r,t)=>{r&&(r.style.visibility=t)},[]),S=t(r=>{y(l.current,r),y(a.current,r),y(o.current,r),y(i.current,r),y(d.current,r)},[y]);return e(()=>{c.current=document.querySelector(`[data-uid="${u}"]`),c.current&&(l.current=c.current.querySelector("[data-toolbar]"),a.current=c.current.querySelector("[data-outline]"),o.current=c.current.querySelector("[data-spacing]"),"Section"===n&&(i.current=c.current.querySelector("[data-toolbar-add-top]"),d.current=c.current.querySelector("[data-toolbar-add-bottom]")))},[u,n]),{setToolbarVisibility:S,target:c.current}};export{useAnimationTarget};
+import{useRef as r,useCallback as t,useEffect as e}from"react";let useAnimationTarget=({componentUid:u,componentTag:n})=>{let c=r(null),a=r(null),l=r(null),o=r(null),i=r(null),d=r(null),b=t((r,t)=>{r&&(r.style.visibility=t)},[]),s=t(r=>{b(a.current,r),b(l.current,r),b(o.current,r),b(i.current,r),b(d.current,r)},[b]);return e(()=>{let r=document.querySelector(`[data-uid="${u}"]`);if(r)switch(a.current=r.querySelector("[data-toolbar]"),l.current=r.querySelector("[data-outline]"),o.current=r.querySelector("[data-spacing]"),n){case"Button":case"SubmitButton":case"ProductButton":case"DynamicCheckout":c.current=r.querySelector("button");break;case"ProductProperties":c.current=r.querySelector("input");break;case"Section":{c.current=r;let[t]=Array.from(c.current.children).filter(r=>null!==r.getAttribute("data-toolbar")),[e]=Array.from(c.current.children).filter(r=>null!==r.getAttribute("data-outline"));a.current=t,l.current=e,i.current=c.current.querySelector("[data-toolbar-add-top]"),d.current=c.current.querySelector("[data-toolbar-add-bottom]");break}default:c.current=r}},[u,n]),{setToolbarVisibility:s,target:c.current}};export{useAnimationTarget};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.14.0-dev.527",
+  "version": "1.14.0-dev.533",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",