@sanity/visual-editing/dist/overlay-components/index.cjs

[](https://npm-stat.com/charts.html?package=@sanity/visual-editing) [](https://

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_chunks-cjs/PointerEvents.cjs"),t=require("react/jsx-runtime"),o=require("react-compiler-runtime"),n=require("react"),r=require("../_chunks-cjs/mutations.cjs");const i=e.d(e.B)`
  position: relative;
  transform: var(--add-button-position);

  --add-button-position: translateY(0);
  [data-position='top'] & {
    --add-button-position: translateY(-50%);
  }
  [data-position='right'] & {
    --add-button-position: translateX(50%);
  }
  [data-position='bottom'] & {
    --add-button-position: translateY(50%);
  }
  [data-position='left'] & {
    --add-button-position: translateX(-50%);
  }
`,a=e.d(e.F)`
  pointer-events: all;
  height: var(--hover-area-height);
  width: var(--hover-area-width);

  --hover-area-height: 100%;
  --hover-area-width: 100%;
  &[data-position='top'],
  &[data-position='bottom'] {
    --hover-area-height: 48px;
  }
  &[data-position='right'],
  &[data-position='left'] {
    --hover-area-width: 48px;
  }
`,s=r=>{const s=o.c(27),{element:c,hoverAreaExtent:d,node:u,onAddUnion:p,position:h}=r,[m,f]=n.useState(!1);let v;s[0]===Symbol.for("react.memo_cache_sentinel")?(v=()=>{f(!0)},s[0]=v):v=s[0];const x=v;let b;s[1]===Symbol.for("react.memo_cache_sentinel")?(b=()=>{f(!1)},s[1]=b):b=s[1];const g=b,j=n.useRef(null);let y;s[2]!==c?(y=e=>{if(e.target===j.current){const t=new MouseEvent(e.type,{...e.nativeEvent,bubbles:!0,cancelable:!0});c.dispatchEvent(t)}},s[2]=c,s[3]=y):y=s[3];const E=y,[w,_]=n.useState(null),[A,M]=n.useState(!1);let S;s[4]===Symbol.for("react.memo_cache_sentinel")?(S=()=>{M(!1),f(!1)},s[4]=S):S=s[4];const q=S;let C;s[5]!==p||s[6]!==h?(C=e=>{M(!1),p("top"===h||"left"===h?"before":"after",e.name)},s[5]=p,s[6]=h,s[7]=C):C=s[7];const U=C,k="top"===h?"flex-start":"bottom"===h?"flex-end":"center",O="left"===h?"flex-start":"right"===h?"flex-end":"center",P="top"===h||"bottom"===h?"height":"width";let z,D,Y,F;return s[8]!==P||s[9]!==d?(z={[P]:d},s[8]=P,s[9]=d,s[10]=z):z=s[10],s[11]!==A||s[12]!==m?(D=(m||A)&&t.jsx(i,{ref:_,icon:e.A,mode:"ghost",onClick:()=>M(l),radius:"full",selected:A}),s[11]=A,s[12]=m,s[13]=D):D=s[13],s[14]!==A||s[15]!==u||s[16]!==U||s[17]!==w?(Y=A&&w&&t.jsx(e.I,{node:u,onDismiss:q,referenceElement:w,onSelect:U}),s[14]=A,s[15]=u,s[16]=U,s[17]=w,s[18]=Y):Y=s[18],s[19]!==k||s[20]!==O||s[21]!==h||s[22]!==E||s[23]!==z||s[24]!==D||s[25]!==Y?(F=t.jsxs(a,{align:k,"data-position":h,"data-sanity-overlay-element":!0,justify:O,onClick:E,onContextMenu:E,onMouseDown:E,onMouseEnter:x,onMouseLeave:g,onMouseUp:E,ref:j,style:z,children:[D,Y]}),s[19]=k,s[20]=O,s[21]=h,s[22]=E,s[23]=z,s[24]=D,s[25]=Y,s[26]=F):F=s[26],F};function l(e){return!e}exports.PointerEvents=e.P,exports.UnionInsertMenuOverlay=n=>{const i=o.c(19),{direction:a,element:l,hoverAreaExtent:c,node:d,parent:u}=n,p=void 0===a?"vertical":a,{getDocument:h}=r.u();let m;i[0]!==h||i[1]!==d?(m=(e,t)=>{const o=h(d.id),n=r.a(d,t,e);o.patch(n)},i[0]=h,i[1]=d,i[2]=m):m=i[2];const f=m;if(!u)return null;const v="horizontal"===p?"row":"column",x="horizontal"===p?"left":"top";let b;i[3]!==l||i[4]!==c||i[5]!==f||i[6]!==u||i[7]!==x?(b=t.jsx(s,{element:l,hoverAreaExtent:c,node:u,onAddUnion:f,position:x}),i[3]=l,i[4]=c,i[5]=f,i[6]=u,i[7]=x,i[8]=b):b=i[8];const g="horizontal"===p?"right":"bottom";let j,y;return i[9]!==l||i[10]!==c||i[11]!==f||i[12]!==u||i[13]!==g?(j=t.jsx(s,{element:l,hoverAreaExtent:c,node:u,onAddUnion:f,position:g}),i[9]=l,i[10]=c,i[11]=f,i[12]=u,i[13]=g,i[14]=j):j=i[14],i[15]!==v||i[16]!==b||i[17]!==j?(y=t.jsxs(e.F,{height:"fill",width:"fill",direction:v,justify:"space-between",children:[b,j]}),i[15]=v,i[16]=b,i[17]=j,i[18]=y):y=i[18],y},exports.defineOverlayComponent=function(e,t){return{component:e,props:t}},exports.defineOverlayComponents=function(e){return e};//# sourceMappingURL=index.cjs.map