@spaceandtimelabs/makeinfinite-ui 0.47.0 → 0.47.1

package/dist/makeinfinite-ui.es.js

@@ -19126,13 +19126,6 @@ const cC = /* @__PURE__ */ Kn(Zg), W6 = Zg.WidthProvider(cC), G6 = Fo.div`
     align-items: center;
   }
 
-  .grid-item {
-    width: 100%;
-    height: 100%;
-    position: relative;
-    overflow: hidden;
-  }
-
   .selected {
     border: 2px solid #cc0aac;
     border-radius: 5px;
@@ -19158,26 +19151,16 @@ const cC = /* @__PURE__ */ Kn(Zg), W6 = Zg.WidthProvider(cC), G6 = Fo.div`
     preventCollision: !0,
     margin: [0, 0],
     layout: e.layout,
-    children: e.components.map((t) => /* @__PURE__ */ g.jsx("div", { className: "grid-item", children: t.component }, t.id))
+    children: e.components.map((t) => /* @__PURE__ */ g.jsx("div", { children: t.component }, t.id))
   }
 ) }) }), Y6 = Fo.div`
   .mi-container {
     display: flex;
     flex-direction: row;
-
-    height: 100vh;
   }
 
   .mi-workspace {
-    flex-basis: 0;
-    flex-grow: 3;
-    overflow: auto;
-  }
-
-  .mi-toolspace {
-    flex-basis: 0;
-    flex-grow: 1;
-    overflow: auto;
+    flex: 1;
   }
 `, Ioe = () => {
   const [e, t] = Fe([]), [n, r] = Fe([]), [o, i] = Fe(!1), { projectMetadata: a } = b1(), { siteBackground: s, setSiteBackground: l } = Pm(), { siteBackgroundColor: c, siteBackgroundImage: u } = Pm(), d = async () => {
@@ -19207,7 +19190,7 @@ const cC = /* @__PURE__ */ Kn(Zg), W6 = Zg.WidthProvider(cC), G6 = Fo.div`
     !a.projectName && !a.projectURL || d();
   }, [a.projectName, a.projectURL]), /* @__PURE__ */ g.jsx("div", { children: /* @__PURE__ */ g.jsxs(Y6, { children: [
     /* @__PURE__ */ g.jsx(c8, { isVisible: o }),
-    /* @__PURE__ */ g.jsx("div", { className: "mi-container", children: /* @__PURE__ */ g.jsx("div", { className: "mi-workspace", style: { ...h }, children: /* @__PURE__ */ g.jsx(q6, { components: e, layout: n }) }) })
+    /* @__PURE__ */ g.jsx("div", { className: "mi-container", style: { ...h }, children: /* @__PURE__ */ g.jsx("div", { className: "mi-workspace", children: /* @__PURE__ */ g.jsx(q6, { components: e, layout: n }) }) })
   ] }) });
 }, Ooe = z.forwardRef(
   ({

package/dist/makeinfinite-ui.umd.js

@@ -155,13 +155,6 @@ object-assign
     align-items: center;
   }
 
-  .grid-item {
-    width: 100%;
-    height: 100%;
-    position: relative;
-    overflow: hidden;
-  }
-
   .selected {
     border: 2px solid #cc0aac;
     border-radius: 5px;
@@ -175,26 +168,16 @@ object-assign
   .react-grid-drag-handle {
     cursor: move;
   }
-`,xS=e=>g.jsx(g.Fragment,{children:g.jsx(zH,{children:g.jsx(LH,{className:"layout",rowHeight:50,cols:12,compactType:null,isResizable:!1,isDraggable:!1,preventCollision:!0,margin:[0,0],layout:e.layout,children:e.components.map(t=>g.jsx("div",{className:"grid-item",children:t.component},t.id))})})}),BH=So.div`
+`,xS=e=>g.jsx(g.Fragment,{children:g.jsx(zH,{children:g.jsx(LH,{className:"layout",rowHeight:50,cols:12,compactType:null,isResizable:!1,isDraggable:!1,preventCollision:!0,margin:[0,0],layout:e.layout,children:e.components.map(t=>g.jsx("div",{children:t.component},t.id))})})}),BH=So.div`
   .mi-container {
     display: flex;
     flex-direction: row;
-
-    height: 100vh;
   }
 
   .mi-workspace {
-    flex-basis: 0;
-    flex-grow: 3;
-    overflow: auto;
-  }
-
-  .mi-toolspace {
-    flex-basis: 0;
-    flex-grow: 1;
-    overflow: auto;
+    flex: 1;
   }
-`,HH=()=>{const[e,t]=E.useState([]),[n,r]=E.useState([]),[o,i]=E.useState(!1),{projectMetadata:a}=fp(),{siteBackground:s,setSiteBackground:l}=Pw(),{siteBackgroundColor:c,siteBackgroundImage:u}=Pw(),d=async()=>{i(!0),await Ux(a.projectName,a.projectURL),i(!1),await qh(a.projectName,a.projectURL),await U4(a.projectName);const p=await Lx(a.projectName);t(p.components),r(p.layout);const m=`${window.miDir}/${a.projectName}/src/theme.json`,v=await window.pfs.readFile(m,"utf8"),w=JSON.parse(v),b=w.tailwind,x=w.siteBackground;window.tailwind.config=b,zx(b),l(x)},f=Bx(a.projectName,u),h=E.useMemo(()=>u?{backgroundImage:u?`url(${f})`:"",backgroundSize:"cover",backgroundRepeat:"no-repeat"}:c?{background:c||""}:{},[s,u,c,f]);return E.useEffect(()=>{!a.projectName&&!a.projectURL||d()},[a.projectName,a.projectURL]),g.jsx("div",{children:g.jsxs(BH,{children:[g.jsx(u8,{isVisible:o}),g.jsx("div",{className:"mi-container",children:g.jsx("div",{className:"mi-workspace",style:{...h},children:g.jsx(xS,{components:e,layout:n})})})]})})},VH=E.forwardRef(({style:e,className:t,onMouseDown:n,onMouseUp:r,onTouchEnd:o,children:i,componentId:a},s)=>{const{selectedComponentId:l}=fp(),c=E.useMemo(()=>l===a,[l]),u=E.Children.toArray(i),d=u.filter(h=>h.key===".$resizableHandle-se"),f=u.filter(h=>h.key!==".$resizableHandle-se");return g.jsxs("div",{style:{...e},className:t+(c?" selected":""),ref:s,onMouseDown:n,onMouseUp:r,onTouchEnd:o,children:[g.jsx("div",{className:"grid-item "+(c?"selected":""),children:f}),d]})});class UH extends E.Component{constructor(t){super(t),this.state={hasError:!1,error:null}}static getDerivedStateFromError(t){return{hasError:!0,error:t}}render(){const{hasError:t,error:n}=this.state,{children:r,fallback:o,fallbackProps:i}=this.props;return t&&(this.resetState(),o)?g.jsx(o,{error:n,...i}):r}resetState(){this.state={hasError:!1,error:null}}}const WH=e=>g.jsx(g.Fragment,{children:g.jsx("div",{className:"droppable-element",draggable:!0,unselectable:"on",onDragStart:t=>{t.dataTransfer.setData("text/plain",""),t.dataTransfer.setData("application/reactgridlayout",JSON.stringify({id:e.id,type:e.type,initialSize:e.initialSize,metadata:e.metadata}))},children:e.node})}),GH=em.WidthProvider(bS),qH=So.div`
+`,HH=()=>{const[e,t]=E.useState([]),[n,r]=E.useState([]),[o,i]=E.useState(!1),{projectMetadata:a}=fp(),{siteBackground:s,setSiteBackground:l}=Pw(),{siteBackgroundColor:c,siteBackgroundImage:u}=Pw(),d=async()=>{i(!0),await Ux(a.projectName,a.projectURL),i(!1),await qh(a.projectName,a.projectURL),await U4(a.projectName);const p=await Lx(a.projectName);t(p.components),r(p.layout);const m=`${window.miDir}/${a.projectName}/src/theme.json`,v=await window.pfs.readFile(m,"utf8"),w=JSON.parse(v),b=w.tailwind,x=w.siteBackground;window.tailwind.config=b,zx(b),l(x)},f=Bx(a.projectName,u),h=E.useMemo(()=>u?{backgroundImage:u?`url(${f})`:"",backgroundSize:"cover",backgroundRepeat:"no-repeat"}:c?{background:c||""}:{},[s,u,c,f]);return E.useEffect(()=>{!a.projectName&&!a.projectURL||d()},[a.projectName,a.projectURL]),g.jsx("div",{children:g.jsxs(BH,{children:[g.jsx(u8,{isVisible:o}),g.jsx("div",{className:"mi-container",style:{...h},children:g.jsx("div",{className:"mi-workspace",children:g.jsx(xS,{components:e,layout:n})})})]})})},VH=E.forwardRef(({style:e,className:t,onMouseDown:n,onMouseUp:r,onTouchEnd:o,children:i,componentId:a},s)=>{const{selectedComponentId:l}=fp(),c=E.useMemo(()=>l===a,[l]),u=E.Children.toArray(i),d=u.filter(h=>h.key===".$resizableHandle-se"),f=u.filter(h=>h.key!==".$resizableHandle-se");return g.jsxs("div",{style:{...e},className:t+(c?" selected":""),ref:s,onMouseDown:n,onMouseUp:r,onTouchEnd:o,children:[g.jsx("div",{className:"grid-item "+(c?"selected":""),children:f}),d]})});class UH extends E.Component{constructor(t){super(t),this.state={hasError:!1,error:null}}static getDerivedStateFromError(t){return{hasError:!0,error:t}}render(){const{hasError:t,error:n}=this.state,{children:r,fallback:o,fallbackProps:i}=this.props;return t&&(this.resetState(),o)?g.jsx(o,{error:n,...i}):r}resetState(){this.state={hasError:!1,error:null}}}const WH=e=>g.jsx(g.Fragment,{children:g.jsx("div",{className:"droppable-element",draggable:!0,unselectable:"on",onDragStart:t=>{t.dataTransfer.setData("text/plain",""),t.dataTransfer.setData("application/reactgridlayout",JSON.stringify({id:e.id,type:e.type,initialSize:e.initialSize,metadata:e.metadata}))},children:e.node})}),GH=em.WidthProvider(bS),qH=So.div`
   .react-grid-layout {
     position: relative;
     // transition: height 200ms ease;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@spaceandtimelabs/makeinfinite-ui",
   "author": "aw-sxt",
   "private": false,
-  "version": "0.47.0",
+  "version": "0.47.1",
   "type": "module",
   "exports": {
     ".": {