efficient-easel 7.0.0 → 7.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import{AddBlockRow as e}from"../../chunk-6UNFME6S.js";import{slotChildRowName as n}from"../../chunk-TBF5CVPA.js";import{scrollPreviewToSection as o,gotoPreviewSlide as r}from"../../chunk-4ES5JGGX.js";import"../../chunk-IQ5TA7AM.js";import"../../chunk-DUVRZ456.js";import"../../chunk-6W7WLPZH.js";import{useEaselUndoKeys as t}from"../../chunk-DDOJANIE.js";import{SlotChildActionsProvider as s}from"../../chunk-KCBEE2MC.js";import{DEFAULT_PANEL_W as i}from"../../chunk-6TOYXESC.js";import{usePartBridge as c}from"../../chunk-UMUNJM5I.js";import{useSectionOps as p}from"../../chunk-GV3EVHZM.js";import"../../chunk-IYT6NN2J.js";import"../../chunk-I54UCYOU.js";import"../../chunk-GOTN2KY4.js";import"../../chunk-R5L2E7JX.js";import{useScreenDocument as l}from"../../chunk-64ZRPAWS.js";import"../../chunk-S4AWJX4Q.js";import"../../chunk-ERR437B5.js";import"../../chunk-KG7RJWOK.js";import"../../chunk-GMCZXMOV.js";import"../../chunk-RLBXE4EU.js";import"../../chunk-HNKB2ZYR.js";import"../../chunk-CLOS6SSX.js";import"../../chunk-VPFNZ7TB.js";import"../../chunk-LOMEH6DG.js";import"../../chunk-KCOBHPN6.js";import"../../chunk-O7Q4DDJT.js";import"../../chunk-RSCMJIWS.js";import"../../chunk-HQ4VVRIC.js";import{MediaSidePanel as m}from"../../chunk-5AVEAO36.js";import{SELECTION_MODE as d,useScreenPinned as a,useScreenCanvasFrame as u,useScreenInspectorPanel as h,useScreenPickFollowsSelection as k,sameInspectorMode as f,useStandaloneScreenBridges as j,useScreenBlockLook as S,useScreenBlockRules as
|
|
2
|
-
return G(Q,{children:[o.map(({child:e,zone:o,index:r})=>{const t=se?.props.id===e.props.id,s=
|
|
1
|
+
import{AddBlockRow as e}from"../../chunk-6UNFME6S.js";import{slotChildRowName as n}from"../../chunk-TBF5CVPA.js";import{scrollPreviewToSection as o,gotoPreviewSlide as r}from"../../chunk-4ES5JGGX.js";import"../../chunk-IQ5TA7AM.js";import"../../chunk-DUVRZ456.js";import"../../chunk-6W7WLPZH.js";import{useEaselUndoKeys as t}from"../../chunk-DDOJANIE.js";import{SlotChildActionsProvider as s}from"../../chunk-KCBEE2MC.js";import{DEFAULT_PANEL_W as i}from"../../chunk-6TOYXESC.js";import{usePartBridge as c}from"../../chunk-UMUNJM5I.js";import{useSectionOps as p}from"../../chunk-GV3EVHZM.js";import"../../chunk-IYT6NN2J.js";import"../../chunk-I54UCYOU.js";import"../../chunk-GOTN2KY4.js";import"../../chunk-R5L2E7JX.js";import{useScreenDocument as l}from"../../chunk-64ZRPAWS.js";import"../../chunk-S4AWJX4Q.js";import"../../chunk-ERR437B5.js";import"../../chunk-KG7RJWOK.js";import"../../chunk-GMCZXMOV.js";import"../../chunk-RLBXE4EU.js";import"../../chunk-HNKB2ZYR.js";import"../../chunk-CLOS6SSX.js";import"../../chunk-VPFNZ7TB.js";import"../../chunk-LOMEH6DG.js";import"../../chunk-KCOBHPN6.js";import"../../chunk-O7Q4DDJT.js";import"../../chunk-RSCMJIWS.js";import"../../chunk-HQ4VVRIC.js";import{MediaSidePanel as m}from"../../chunk-5AVEAO36.js";import{SELECTION_MODE as d,useScreenPinned as a,useScreenCanvasFrame as u,useScreenInspectorPanel as h,useScreenPickFollowsSelection as k,sameInspectorMode as f,useStandaloneScreenBridges as j,useScreenBlockLook as S,useScreenBlockRules as y}from"../../chunk-FKXEPECH.js";import{slotFieldsOf as N,nestsInTree as A}from"../../chunk-PLVEGYK6.js";import{useMediaPanel as C,usePanelPick as x,useCancelPanelPick as B}from"../../chunk-R6WTQWAC.js";import{useHostEscape as E}from"../../chunk-U3JP4VGF.js";import{DEFAULT_SCREEN_WORDS as O}from"../../chunk-5F3PKNT7.js";import{useEasel as P}from"../../chunk-P6EIA5NH.js";import"../../chunk-TBY3DFKS.js";import"../../chunk-CRWFB7MU.js";import"../../chunk-OZ72A6MY.js";import{LayersTree as M,Subtree as v,TreeRow as R,TreeRowAction as g,TreeSeam as w}from"../../chunk-4JSBIW5H.js";import"../../chunk-3ZJSLHHI.js";import{DEFAULT_TREE_WORDS as z}from"../../chunk-K56YDHYQ.js";import"../../chunk-KFV7N2DJ.js";import"../../chunk-YRLPFZW3.js";import"../../chunk-EA2HTX37.js";import"../../chunk-SOZUYCQZ.js";import"../../chunk-BDTITTMW.js";import{DEFAULT_SAVE_WORDS as F,saveIndicator as H}from"../../chunk-H6DDIBQ4.js";import{SaveState as T,panelWidthVars as b}from"../../chunk-UB4TLWVJ.js";import"../../chunk-Y2G7CU6A.js";import"../../chunk-THWO5YVZ.js";import"../../chunk-RE4LP46F.js";import"../../chunk-MJM6SFD3.js";import"../../chunk-2OAZYSWJ.js";import"../../chunk-CIHKZMNR.js";import"../../chunk-66LWADFP.js";import"../../chunk-QLD57GBB.js";import"../../chunk-FFYXVAAL.js";import"../../chunk-546BBOPE.js";import{useWords as W}from"../../chunk-MFIRYGHW.js";import"../../chunk-SSORUDHE.js";import"../../chunk-O2NLQBFX.js";import{useTreeDrag as D}from"../../chunk-67GNT6PF.js";import"../../chunk-AWJUYMX7.js";import"../../chunk-P2VEMZH5.js";import{zoneKey as L,parseZoneKey as Y}from"../../chunk-KRXQM65X.js";import"../../chunk-NKB3KVAB.js";import{useState as I,useRef as J,useEffect as V,useCallback as K,Fragment as Z}from"react";import{Tooltip as U}from"efficient-shell/ui";import{TrashIcon as X}from"efficient-shell/icons/efficient";import{jsxs as G,jsx as $,Fragment as Q}from"react/jsx-runtime";var q=e=>n=>{n.target.closest("button, input")||e()},_={rowClick:q};function ee(){const{saveState:ee,readOnly:ne,readOnlyReason:oe=null}=l(),re=p(),{appState:te,selectedItem:se,config:ie}=P(e=>e),[ce,pe]=I(d),le=W("screen",O),me=W("tree",z),de=W("save",F),{first:ae,last:ue,panelOf:he}=a(),ke=he(ae),fe=u(),je=h(),Se=te.data.content?.[0]??null,ye=Se?.props.id??null,Ne=Se?.type===ae,Ae=Se?.type===ue,Ce=J(null),xe=J(null);t(xe);const Be=C(),Ee=x(),Oe=B();k(se?.props.id),V(()=>{const e=xe.current;if(!Ee||!e)return;const n=e=>{"Escape"===e.key&&Oe()};return e.addEventListener("keydown",n),()=>e.removeEventListener("keydown",n)},[Ee]),E(null!==Ee,()=>Oe()),V(()=>{ye&&Ce.current!==ye&&(Ce.current=ye,Ne?pe(ke??d):se||re.select({index:0}))},[ye,se,re,Ne]);const Pe=K(e=>pe(n=>f(n,e)?n:e),[]),Me=j({kind:ce.kind,mode:ce,open:Pe,show:e=>pe(e),reveal:()=>{},select:(e,n)=>{pe(e=>f(e,n)?e:n),re.select(e)}}),{selectNode:ve}=c({mode:ce,setMode:pe,onOpenPart:o}),Re=S(),{labelAtLevel:ge,Icon:we}=Re,{canAddTo:ze}=y(),Fe=e=>ge(e,"block",ie.components[e]?.label??e),He=e=>ge(e,"section",Fe(e)),Te=!Ne&&"puck"===ce.kind&&se?.props.id===ye,be=Se?ze(Se.type)?.spec??null:null,We=Se&&be?`${Se.props.id}:${be.slot}`:null,De=Se&&be&&Array.isArray(Se.props[be.slot])?Se.props[be.slot]:[],Le=e=>n(e,Fe,Re.plainText),Ye=(e,n)=>{Se&&be&&We&&(pe(d),be.slider?(r(String(Se.props.id),e),re.select({index:e,zone:We}),o(String(Se.props.id))):(re.select({index:e,zone:We}),o(n)))},Ie=()=>{if(!Se||!be||!We)return;const e=De.length;re.insertComponent(We,be.childType,e),pe(d),be.slider?requestAnimationFrame(()=>{r(String(Se.props.id),e),re.select({index:e,zone:We})}):re.select({index:e,zone:We})},Je=e=>N(ie,e),Ve=e=>{const{parentId:n,slot:o}=Y(e),r=e=>{if(!e)return null;if(String(e.props.id)===n)return e;for(const n of Je(e.type)){const o=Array.isArray(e.props[n])?e.props[n]:[];for(const e of o){const n=r(e);if(n)return n}}return null},t=r(Se)?.props[o];return Array.isArray(t)?t.length:0},Ke=(e,n,o)=>{const r=Math.min(Math.max(o,0),Ve(e)),t=n<r?r-1:r;t!==n&&(re.reorderComponent(e,n,t),pe(d),re.select({index:t,zone:e}))},Ze=D({keyOf:e=>e.id,readOnly:Boolean(ne),canDrop:(e,n)=>L(n)===e.zone&&n.index>=0&&n.index<=Ve(e.zone),onDrop:(e,n)=>Ke(e.zone,e.index,n.index),onStep:(e,n)=>Ke(e.zone,e.index,n<0?e.index-1:e.index+2)}),Ue=(e,n)=>/* @__PURE__ */$(w,{...ne?{}:Ze.seam({place:{...Y(e),index:n}})},`seam:${e}:${n}`),Xe=e=>Re.blockRowName(e,Fe),Ge=(e,n,r)=>{pe(d),re.select({index:n,zone:e}),o(r)},$e=(e,n,o)=>{re.insertComponent(e,n,o),pe(d),re.select({index:o,zone:e})},Qe=(n,o,r)=>/* @__PURE__ */$(e,{choices:r,onPick:e=>$e(n,e,o)}),qe=(e,n)=>{const o=Je((r=e).type).flatMap(e=>(Array.isArray(r.props[e])?r.props[e]:[]).map((n,o)=>({child:n,zone:`${r.props.id}:${e}`,index:o})));var r;const t=ze(e.type),s=t?.choices??null,i="footer"===t?.source?Xe:Le;/* @__PURE__ */
|
|
2
|
+
return G(Q,{children:[o.map(({child:e,zone:o,index:r})=>{const t=se?.props.id===e.props.id,s=A(ie,e.type,n),c=i(e),p=String(e.props.id),l=()=>Ge(o,r,p),{rowProps:m,...a}=Ze.row({item:{id:p,zone:o,index:r},place:{...Y(o),index:r}},{onClick:q(l)});/* @__PURE__ */
|
|
3
3
|
return G(Z,{children:[0===r&&Ue(o,0),
|
|
4
|
-
/* @__PURE__ */$(R,{words:me,icon:/* @__PURE__ */$(we,{type:e.type,size:13}),name:c,selected:t,onSelect:l,...a,actions:/* @__PURE__ */$(g,{kind:"delete",label:le.deleteNamed({name:c}),onClick:()=>{return e=o,n=r,re.removeComponent(e,n),pe(d),void re.select(null);var e,n},children:/* @__PURE__ */$(X,{size:13})}),rowProps:m}),s&&/* @__PURE__ */$(
|
|
4
|
+
/* @__PURE__ */$(R,{words:me,icon:/* @__PURE__ */$(we,{type:e.type,size:13}),name:c,selected:t,onSelect:l,...a,actions:/* @__PURE__ */$(g,{kind:"delete",label:le.deleteNamed({name:c}),onClick:()=>{return e=o,n=r,re.removeComponent(e,n),pe(d),void re.select(null);var e,n},children:/* @__PURE__ */$(X,{size:13})}),rowProps:m}),s&&/* @__PURE__ */$(v,{children:qe(e,n+1)}),Ue(o,r+1)]},String(e.props.id??`${o}-${r}`))}),t&&s?Qe(`${e.props.id}:${t.slot}`,o.length,s):null]})},_e="HeroSingle"===Se?.type,en=Boolean(Se)&&(Boolean(ze(Se.type))||Je(Se.type).length>0),nn=Boolean(Se)&&(Boolean(be)||Ae||Ne||_e||en);/* @__PURE__ */
|
|
5
5
|
return G("div",{ref:xe,className:"sf-editor es-editor",style:b(i),children:[
|
|
6
6
|
/* @__PURE__ */$("div",{className:"sf-section-bar",children:/* @__PURE__ */$(T,null!==oe?{tone:"off",label:oe,role:"status"}:{...H(ee,de),role:"status"})}),
|
|
7
|
-
/* @__PURE__ */G("div",{className:"sf-body",children:[
|
|
8
|
-
/* @__PURE__ */$("div",{className:"sf-panel-head",children:/* @__PURE__ */$(U,{content:
|
|
9
|
-
/* @__PURE__ */$(
|
|
7
|
+
/* @__PURE__ */G("div",{className:"sf-body",children:[Ee&&Be?/* @__PURE__ */$("aside",{className:"es-sidepanel es-sidepanel--left sf-panel sf-panel--left",children:/* @__PURE__ */$(m,{panel:Be,pick:Ee})}):nn&&Se&&/* @__PURE__ */G("aside",{className:"es-sidepanel es-sidepanel--left sf-panel sf-panel--left",children:[
|
|
8
|
+
/* @__PURE__ */$("div",{className:"sf-panel-head",children:/* @__PURE__ */$(U,{content:Ne?le.headerSettings:le.sectionSettings({name:He(Se.type)}),side:"bottom",children:/* @__PURE__ */$("button",{type:"button",className:"sf-panel-title sf-panel-title--btn "+(Te?"is-selected":""),"aria-pressed":Te,onClick:()=>{Ne?pe(ke??d):(pe(d),re.select({index:0}))},children:He(Se.type)})})}),
|
|
9
|
+
/* @__PURE__ */$(M,{className:"sf-tree sf-scroll",rootProps:Ze.rootProps(),words:me,children:/* @__PURE__ */$(v,{children:Ne?
|
|
10
10
|
/* @__PURE__ */$(R,{words:me,icon:/* @__PURE__ */$(we,{type:"header",size:13}),name:le.headerSettings,selected:ce.kind===ke?.kind,onSelect:()=>pe(ke??d),rowProps:{onClick:q(()=>pe(ke??d))}}):be?/* @__PURE__ */G(Q,{children:[De.map((e,n)=>{const o=se?.props.id===e.props.id,r=Le(e),t=String(e.props.id),s=()=>Ye(n,t),{rowProps:i,...c}=Ze.row({item:{id:t,zone:We,index:n},place:{...Y(We),index:n}},{onClick:q(s)});/* @__PURE__ */
|
|
11
11
|
return G(Z,{children:[0===n&&Ue(We,0),
|
|
12
12
|
/* @__PURE__ */$(R,{words:me,icon:/* @__PURE__ */$(we,{type:e.type,size:13}),name:r,selected:o,onSelect:s,...c,actions:/* @__PURE__ */$(g,{kind:"delete",label:le.deleteNamed({name:r}),onClick:()=>{return e=n,void(We&&(re.removeComponent(We,e),pe(d),re.select(null)));var e},children:/* @__PURE__ */$(X,{size:13})}),rowProps:i}),Ue(We,n+1)]},String(e.props.id??n))}),
|
|
13
13
|
/* @__PURE__ */G("button",{type:"button",className:"sf-add-card",onClick:Ie,children:[
|
|
14
|
-
/* @__PURE__ */$("span",{className:"sf-plus sf-plus--sm",children:"+"}),be.addLabel]}),
|
|
14
|
+
/* @__PURE__ */$("span",{className:"sf-plus sf-plus--sm",children:"+"}),be.addLabel]}),ye?Me.partRows?.(Se,_):null]}):qe(Se,1)})})]}),
|
|
15
15
|
/* @__PURE__ */$("div",{className:"sf-center",children:/* @__PURE__ */$("div",{className:"sf-preview-host",children:/* @__PURE__ */$(fe,{})})}),
|
|
16
|
-
/* @__PURE__ */$(s,{value:{selectChild:(e,n,o,r)=>"section"===ze(r)?.source?Ye(n,o):Ge(e,n,o),addChild:(e,n,o,r,t)=>"section"===ze(t)?.source?Ie():$e(`${e}:${n}`,o,r),childRowName:Le,blockRowName:Xe},children:/* @__PURE__ */$(je,{mode:ce,onOpenWebsiteSettings:
|
|
16
|
+
/* @__PURE__ */$(s,{value:{selectChild:(e,n,o,r)=>"section"===ze(r)?.source?Ye(n,o):Ge(e,n,o),addChild:(e,n,o,r,t)=>"section"===ze(t)?.source?Ie():$e(`${e}:${n}`,o,r),childRowName:Le,blockRowName:Xe},children:/* @__PURE__ */$(je,{mode:ce,onOpenWebsiteSettings:Me.openSettings??(()=>{}),onSelectNode:ve,hideNodeActions:!0})})]})]})}export{ee as default};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "efficient-easel",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.1",
|
|
4
4
|
"description": "Efficient Easel: the EFFICIENT editors' shared engine and chrome: the saved document as pure functions, the published renderer, and the editor frame, panels, Layers tree, text grammar and type-in-place box. Published as editor-shell up to 0.66.0 and as efficient-editor up to 0.95.0.",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"author": "Efficient Pty Ltd",
|