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

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

@@ -1 +1 @@
-"use strict";var react=require("react"),useAnimationTarget=require("./useAnimationTarget.js");const useAnimationPreview=({componentUid:e,componentTag:i,playAnimation:t,cancelAnimation:r,setAnimationOnFinish:a})=>{let{setToolbarVisibility:n}=useAnimationTarget.useAnimationTarget({componentUid:e,componentTag:i}),s=react.useCallback(i=>{let{uid:s,isCancel:u}=i.detail;e===s&&(r(),u||(t(),n("hidden"),a(()=>{n("visible")})))},[e,r,t,a,n]);return{previewAnimation:s}};exports.useAnimationPreview=useAnimationPreview;
+"use strict";var react=require("react"),useAnimationTarget=require("./useAnimationTarget.js");const useAnimationPreview=({componentUid:e,componentTag:i,playAnimation:t,cancelAnimation:r,setAnimationOnFinish:a})=>{let{setToolbarActive:n}=useAnimationTarget.useAnimationTarget({componentUid:e,componentTag:i}),s=react.useCallback(i=>{let{uid:s,isCancel:u}=i.detail;if(e===s){if(r(),u){n(!0);return}t(),n(!1),a(()=>{n(!0)})}},[e,r,t,a,n]);return{previewAnimation:s}};exports.useAnimationPreview=useAnimationPreview;

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

@@ -1 +1 @@
-"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;
+"use strict";var react=require("react");const SPACING_ACTIVE_ATTRIBUTE="data-spacing",TOOLBAR_ACTIVE_ATTRIBUTE="data-toolbar-active",OUTLINE_ACTIVE_ATTRIBUTE="data-outline-active",TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE="data-toolbar-add-active",useAnimationTarget=({componentUid:t,componentTag:e})=>{let r=react.useRef(null),u=react.useRef(null),T=react.useRef(null),a=react.useRef(null),c=react.useRef(null),A=react.useRef(null),n=react.useCallback(t=>{t?(u.current?.setAttribute(TOOLBAR_ACTIVE_ATTRIBUTE,"true"),T.current?.setAttribute(OUTLINE_ACTIVE_ATTRIBUTE,"true"),a.current?.setAttribute(SPACING_ACTIVE_ATTRIBUTE,"true"),c.current?.setAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE,"true"),A.current?.setAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE,"true")):(u.current?.removeAttribute(TOOLBAR_ACTIVE_ATTRIBUTE),T.current?.removeAttribute(OUTLINE_ACTIVE_ATTRIBUTE),a.current?.removeAttribute(SPACING_ACTIVE_ATTRIBUTE),c.current?.removeAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE),A.current?.removeAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE))},[]);return react.useEffect(()=>{let n=document.querySelector(`[data-uid="${t}"]`);if(n)switch(u.current=n.querySelector("[data-toolbar]"),T.current=n.querySelector("[data-outline]"),a.current=n.querySelector("[data-spacing]"),e){case"Button":case"SubmitButton":case"ProductButton":case"DynamicCheckout":r.current=n.querySelector("button");break;case"ProductProperties":r.current=n.querySelector("input");break;case"Section":{r.current=n;let[t]=Array.from(r.current.children).filter(t=>null!==t.getAttribute("data-toolbar")),[e]=Array.from(r.current.children).filter(t=>null!==t.getAttribute("data-outline"));u.current=t,T.current=e,c.current=r.current.querySelector("[data-toolbar-add-top]"),A.current=r.current.querySelector("[data-toolbar-add-bottom]");break}default:r.current=n}},[t,e]),{setToolbarActive:n,target:r.current}};exports.useAnimationTarget=useAnimationTarget;

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

@@ -1 +1 @@
-import{useCallback as e}from"react";import{useAnimationTarget as i}from"./useAnimationTarget.js";let useAnimationPreview=({componentUid:t,componentTag:r,playAnimation:n,cancelAnimation:o,setAnimationOnFinish:m})=>{let{setToolbarVisibility:a}=i({componentUid:t,componentTag:r}),l=e(e=>{let{uid:i,isCancel:r}=e.detail;t===i&&(o(),r||(n(),a("hidden"),m(()=>{a("visible")})))},[t,o,n,m,a]);return{previewAnimation:l}};export{useAnimationPreview};
+import{useCallback as e}from"react";import{useAnimationTarget as t}from"./useAnimationTarget.js";let useAnimationPreview=({componentUid:i,componentTag:r,playAnimation:n,cancelAnimation:o,setAnimationOnFinish:m})=>{let{setToolbarActive:a}=t({componentUid:i,componentTag:r}),u=e(e=>{let{uid:t,isCancel:r}=e.detail;if(i===t){if(o(),r){a(!0);return}n(),a(!1),m(()=>{a(!0)})}},[i,o,n,m,a]);return{previewAnimation:u}};export{useAnimationPreview};

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),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};
+import{useRef as t,useCallback as r,useEffect as e}from"react";let SPACING_ACTIVE_ATTRIBUTE="data-spacing",TOOLBAR_ACTIVE_ATTRIBUTE="data-toolbar-active",OUTLINE_ACTIVE_ATTRIBUTE="data-outline-active",TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE="data-toolbar-add-active",useAnimationTarget=({componentUid:u,componentTag:T})=>{let A=t(null),a=t(null),c=t(null),n=t(null),o=t(null),l=t(null),I=r(t=>{t?(a.current?.setAttribute(TOOLBAR_ACTIVE_ATTRIBUTE,"true"),c.current?.setAttribute(OUTLINE_ACTIVE_ATTRIBUTE,"true"),n.current?.setAttribute(SPACING_ACTIVE_ATTRIBUTE,"true"),o.current?.setAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE,"true"),l.current?.setAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE,"true")):(a.current?.removeAttribute(TOOLBAR_ACTIVE_ATTRIBUTE),c.current?.removeAttribute(OUTLINE_ACTIVE_ATTRIBUTE),n.current?.removeAttribute(SPACING_ACTIVE_ATTRIBUTE),o.current?.removeAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE),l.current?.removeAttribute(TOOLBAR_ADD_SECTION_ACTIVE_ATTRIBUTE))},[]);return e(()=>{let t=document.querySelector(`[data-uid="${u}"]`);if(t)switch(a.current=t.querySelector("[data-toolbar]"),c.current=t.querySelector("[data-outline]"),n.current=t.querySelector("[data-spacing]"),T){case"Button":case"SubmitButton":case"ProductButton":case"DynamicCheckout":A.current=t.querySelector("button");break;case"ProductProperties":A.current=t.querySelector("input");break;case"Section":{A.current=t;let[r]=Array.from(A.current.children).filter(t=>null!==t.getAttribute("data-toolbar")),[e]=Array.from(A.current.children).filter(t=>null!==t.getAttribute("data-outline"));a.current=r,c.current=e,o.current=A.current.querySelector("[data-toolbar-add-top]"),l.current=A.current.querySelector("[data-toolbar-add-bottom]");break}default:A.current=t}},[u,T]),{setToolbarActive:I,target:A.current}};export{useAnimationTarget};

package/package.json

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