@powerhousedao/connect 6.0.0-dev.7 → 6.0.0-dev.8

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.
Files changed (35) hide show
  1. package/dist/assets/{AddDriveModal-B83Sbpwp.js → AddDriveModal-D252_ZdL.js} +1 -1
  2. package/dist/assets/{ClearStorageModal-Cc_jMjqp.js → ClearStorageModal-BLRzE-CN.js} +1 -1
  3. package/dist/assets/{CookiesPolicyModal-BZCD0nIP.js → CookiesPolicyModal-zXEgU3Us.js} +1 -1
  4. package/dist/assets/{CreateDocumentModal-B1qRYRHr.js → CreateDocumentModal-fSf9nHp_.js} +1 -1
  5. package/dist/assets/{DebugSettingsModal-DOSvMICA.js → DebugSettingsModal-CqYKY49T.js} +1 -1
  6. package/dist/assets/{DeleteDriveModal-DTMLDECE.js → DeleteDriveModal-CzhkCy10.js} +1 -1
  7. package/dist/assets/{DeleteItemModal-DsjGr7-5.js → DeleteItemModal-DSnpWvSv.js} +1 -1
  8. package/dist/assets/{DisclaimerModal-CGYMNpvF.js → DisclaimerModal-BcusmqID.js} +1 -1
  9. package/dist/assets/{DriveSettingsModal-B2qCa5ZF.js → DriveSettingsModal-CEb3BknV.js} +1 -1
  10. package/dist/assets/{ExportDocumentWithErrorsModal-D30rURC1.js → ExportDocumentWithErrorsModal-B9D6iGHy.js} +1 -1
  11. package/dist/assets/{SettingsModal-FgK2N_dT.js → SettingsModal-B2Hs8eEq.js} +1 -1
  12. package/dist/assets/{UpgradeDriveModal-BiX0UQov.js → UpgradeDriveModal-CE6e0-HH.js} +1 -1
  13. package/dist/assets/{design_system-N-Yw-8Ca.js → design_system-B8BAmizy.js} +1 -1
  14. package/dist/assets/{design_system_connect-DqES08BV.js → design_system_connect-ir9eJRs3.js} +35 -35
  15. package/dist/assets/{design_system_ui-Bm7PyIRO.js → design_system_ui-BAAz6LnU.js} +1 -1
  16. package/dist/assets/{document_engineering-CJIlMB-V.js → document_engineering-fQBARAIL.js} +1 -1
  17. package/dist/assets/{document_model_editor-BXOTSdhL.js → document_model_editor-myul_d4U.js} +4 -4
  18. package/dist/assets/{drive_explorer-CPoIMgth.js → drive_explorer-B5pVtXfv.js} +2 -2
  19. package/dist/assets/{graphql-editor-DKtelXDy.js → graphql-editor-DpSyigYt.js} +1 -1
  20. package/dist/assets/{hooks-Dg8KASST.js → hooks-CXqMiqhr.js} +1 -1
  21. package/dist/assets/{index-BI4X6UT8.js → index-BtFYf7Ra.js} +2 -2
  22. package/dist/assets/{index-CfBt0UMH.js → index-Dfhv0MKc.js} +3 -3
  23. package/dist/assets/index-cNkLnVkD.css +1 -0
  24. package/dist/assets/{json-editor-ChMDRVY6.js → json-editor-5TsPdpgv.js} +1 -1
  25. package/dist/assets/{nodefs-rZUYAGPt.js → nodefs-BKacMJku.js} +1 -1
  26. package/dist/assets/{opfs-ahp-Duu5XVL7.js → opfs-ahp-Cx17lHWW.js} +1 -1
  27. package/dist/assets/{reactor_browser-CNGHNAiC.js → reactor_browser-DS6jWWLt.js} +3 -3
  28. package/dist/assets/{state-schemas-WEDDQLbK.js → state-schemas-DhNZ1eHb.js} +2 -2
  29. package/dist/index.html +8 -8
  30. package/lib/package.copy.json +1 -1
  31. package/lib/style.css +260 -89
  32. package/lib/tsconfig.tsbuildinfo +1 -1
  33. package/package.copy.json +1 -1
  34. package/package.json +10 -10
  35. package/dist/assets/index-DNce0SAe.css +0 -1
@@ -1,2 +1,2 @@
1
- const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/graphql-editor-DKtelXDy.js","assets/document_model_editor-BXOTSdhL.js","assets/graphql-AKTCpY7l.js","assets/drive_explorer-CPoIMgth.js","assets/sentry_react-cODD7zWc.js","assets/react-DQSxOgtG.js","assets/sentry_browser-B4YoBIIG.js","assets/react/jsx-runtime-DldvXD6N.js","assets/document_model-_oCbt5YE.js","assets/zod-9j67vCAu.js","assets/design_system-N-Yw-8Ca.js","assets/tailwind_merge-Dr4f9Rms.js","assets/react-dom-D6zQJsh6.js","assets/reactor_browser-CNGHNAiC.js","assets/document_drive-CwpHvdiT.js","assets/config-CU-aFfVJ.js","assets/design_system_connect-DqES08BV.js","assets/design_system_ui-Bm7PyIRO.js","assets/react-dom/client-BVPiT_FE.js","assets/hooks-Dg8KASST.js","assets/json-editor-ChMDRVY6.js"])))=>i.map(i=>d[i]);
2
- import{_ as L}from"./drive_explorer-CPoIMgth.js";import{j as e,h as g,m as A,i as B,k as C,s as U,l as G,v as Y,n as J,t as K,o as W}from"./document_model_editor-BXOTSdhL.js";import{C as Z}from"./design_system_ui-Bm7PyIRO.js";import{r}from"./sentry_react-cODD7zWc.js";import{M as q,N as k,O as I,Q as O}from"./design_system_connect-DqES08BV.js";import{K as E}from"./graphql-AKTCpY7l.js";import{c as Q}from"./design_system-N-Yw-8Ca.js";import"./react/jsx-runtime-DldvXD6N.js";import"./document_model-_oCbt5YE.js";import"./zod-9j67vCAu.js";import"./react-DQSxOgtG.js";import"./tailwind_merge-Dr4f9Rms.js";import"./react-dom-D6zQJsh6.js";import"./reactor_browser-CNGHNAiC.js";import"./document_drive-CwpHvdiT.js";import"./config-CU-aFfVJ.js";import"./react-dom/client-BVPiT_FE.js";import"./sentry_browser-B4YoBIIG.js";const V=r.forwardRef((a,s)=>{const{className:n,...c}=a;return e.jsx("button",{ref:s,...c,className:g("h-10 whitespace-nowrap rounded-md border border-gray-200 bg-gray-50 px-4 py-2 text-sm font-medium text-gray-800 transition-colors hover:bg-gray-100 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",n)})});function $({error:a}){const{payload:s}=a;switch(s.kind){case"MISSING":return e.jsxs("span",{children:["Field ",e.jsx("strong",{children:s.field})," is missing."]});case"MISSING_OPTIONAL":return e.jsxs("span",{children:["Optional field ",e.jsx("strong",{children:s.field})," is not defined."]});case"UNKNOWN_FIELD":return e.jsxs("span",{children:["Field ",e.jsx("strong",{children:s.field})," is not a known field."]});case"NON_NULL":return e.jsxs("span",{children:["Field ",e.jsx("strong",{children:s.field})," cannot be null."]});case"TYPE":return e.jsxs("span",{children:["Field ",e.jsx("strong",{children:s.field}),s.expectedType?e.jsxs(e.Fragment,{children:[" ","must be a"," ",e.jsx("strong",{children:s.expectedType.replace(/!/g,"")}),"."]}):e.jsx(e.Fragment,{children:" has an invalid value."})]});case"RECURSIVE_TYPE":return e.jsxs("span",{children:["Field ",e.jsx("strong",{children:s.typeName})," has a recursive type. It must be optional."]});default:return e.jsx("span",{children:"Invalid value."})}}const X=q,D=r.forwardRef(({className:a,...s},n)=>e.jsx(k,{ref:n,className:g("flex items-center justify-center rounded-xl bg-slate-50 p-1 shadow-[inset_0px_0px_2px_rgba(255,255,255,0.50)]",a),...s}));D.displayName=k.displayName;const v=r.forwardRef(({className:a,...s},n)=>e.jsx(I,{ref:n,className:g("flex w-full items-center justify-center whitespace-nowrap rounded-lg p-1 text-sm text-gray-500 transition-all disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-gray-50 data-[state=active]:text-gray-800 data-[state=active]:shadow-[0px_16px_16px_-4px_rgba(0,0,0,0.10)]",a),...s}));v.displayName=I.displayName;const y=r.forwardRef(({className:a,...s},n)=>e.jsx(O,{ref:n,className:g("",a),...s}));y.displayName=O.displayName;const _=r.lazy(()=>L(()=>import("./graphql-editor-DKtelXDy.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19]))),ee=r.lazy(()=>L(()=>import("./json-editor-ChMDRVY6.js"),__vite__mapDeps([20,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19])));function T({modelName:a,stateSchema:s,initialValue:n,setStateSchema:c,setInitialState:d,scope:t}){const{sharedSchema:l,error:x}=B(),[h,j]=r.useState(!1),[o,F]=r.useState(!0),M=r.useCallback(i=>C(i,a,t),[a,t]),N=r.useMemo(()=>{const i=C(s,a,t);return x?[...i,x]:i},[s,a,t,x]),R=r.useCallback(()=>{j(i=>!i)},[]),P=r.useCallback(i=>c(i,t),[c,t]),H=r.useCallback(i=>d(i,t),[d,t]),b=r.useRef(!1),{initialValueErrors:z,fixedState:f}=r.useMemo(()=>{const i=n||"{}",m=U(l);if(!m)return{initialValueErrors:[],fixedState:null};const S=G(a,t);if(!S)return{initialValueErrors:[],fixedState:null};const p=m.definitions.find(u=>u.kind===E.OBJECT_TYPE_DEFINITION&&u.name.value===S);if(!p||p.kind!==E.OBJECT_TYPE_DEFINITION)return{initialValueErrors:[],fixedState:null};const w=Y(m,p,i);if(w.length&&o){const u=J({sharedSchemaDocumentNode:m,stateTypeDefinitionNode:p,existingValue:i});if(n!==u)return{initialValueErrors:[],fixedState:u}}return{initialValueErrors:w,fixedState:null}},[l,n,o,t,a]);return r.useEffect(()=>{f&&!b.current?(b.current=!0,d(f,t)):f||(b.current=!1)},[f,d,t]),e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsxs("h3",{className:"mb-2 text-lg capitalize",children:[t," state schema *"]}),e.jsxs(V,{onClick:R,className:"mb-2 flex w-fit items-center gap-2",children:[h?"Hide":"Show"," standard library",e.jsx("svg",{className:Q("inline-block transition-transform",h?"rotate-180":"rotate-0"),xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M11.9883 6.01172C11.4363 6.01172 10.9883 6.45972 10.9883 7.01172V13.0117H6.98828L11.9883 18.0117L16.9883 13.0117H12.9883V7.01172C12.9883 6.45972 12.5403 6.01172 11.9883 6.01172Z",fill:"black"})})]}),e.jsxs(r.Suspense,{children:[h&&e.jsx(_,{doc:K,readonly:!0}),e.jsx(_,{doc:s,updateDocumentInModel:P,customLinter:M}),N.length>0&&e.jsx("p",{className:"mt-2 text-sm text-red-600",children:N[0].message})]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex flex-col items-end",children:[e.jsxs("h3",{className:"mb-2 text-right text-lg capitalize",children:[t," state initial value *"]}),e.jsx(Z,{value:o,onChange:F,className:"mb-2 w-fit whitespace-nowrap rounded-md border border-gray-200 bg-gray-50 pl-2 text-sm font-medium text-gray-800 transition-colors hover:bg-gray-100 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",label:e.jsxs("div",{className:"flex items-center gap-2 py-2 pr-2",children:["Sync with schema"," ",e.jsx("svg",{className:"inline-block",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:e.jsx("path",{d:"M8.00521 1.99219C6.63588 1.99219 5.32788 2.45152 4.27588 3.28419C3.98721 3.51219 3.94321 3.93285 4.17188 4.22151C4.40054 4.51018 4.82055 4.55418 5.10921 4.32552C5.92721 3.67819 6.93921 3.32552 8.00521 3.32552C10.5825 3.32552 12.6719 5.41485 12.6719 7.99218H11.3385L13.3385 10.6588L15.3385 7.99218H14.0052C14.0052 4.67818 11.3192 1.99219 8.00521 1.99219ZM2.67188 5.32552L0.671875 7.99218H2.00521C2.00521 11.3062 4.69121 13.9922 8.00521 13.9922C9.37521 13.9922 10.6825 13.5335 11.7345 12.7002C12.0232 12.4722 12.0672 12.0515 11.8385 11.7628C11.6099 11.4742 11.1899 11.4302 10.9012 11.6588C10.0825 12.3068 9.07188 12.6588 8.00521 12.6588C5.42788 12.6588 3.33854 10.5695 3.33854 7.99218H4.67188L2.67188 5.32552Z",fill:"#343839"})})]})})]}),e.jsxs(r.Suspense,{children:[e.jsx(ee,{doc:n,updateDocumentInModel:H}),z.map((i,m)=>e.jsx("p",{className:"mt-2 text-sm text-red-600",children:i instanceof W?e.jsx($,{error:i}):i.message},m))]})]})]})}function be({modelName:a,globalStateSchema:s,localStateSchema:n,globalStateInitialValue:c,localStateInitialValue:d,setStateSchema:t,setInitialState:l,currentScope:x,onScopeChange:h}){const j=r.useCallback(()=>{const o=A(a,"local");t(o,"local"),l("","local")},[a,t,l]);return e.jsxs(X,{className:"pb-8",activationMode:"manual",value:x,onValueChange:o=>h(o),children:[e.jsx("div",{className:"my-6",children:e.jsxs(D,{className:"mx-auto flex max-w-sm",children:[e.jsx(v,{value:"global",children:"Global"}),e.jsx(v,{value:"local",children:"Local"})]})}),e.jsx(y,{value:"global",tabIndex:-1,children:e.jsx(T,{modelName:a,stateSchema:s,initialValue:c,setStateSchema:t,setInitialState:l,scope:"global"})}),e.jsx(y,{value:"local",tabIndex:-1,children:n?e.jsx(T,{modelName:a,stateSchema:n,initialValue:d,setStateSchema:t,setInitialState:l,scope:"local"}):e.jsxs("div",{className:"",children:[e.jsx("h3",{className:"mb-2 text-lg capitalize",children:"local state schema *"}),e.jsx(V,{onClick:j,children:"Add local state"})]})})]})}export{be as default};
1
+ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/graphql-editor-DpSyigYt.js","assets/document_model_editor-myul_d4U.js","assets/graphql-AKTCpY7l.js","assets/drive_explorer-B5pVtXfv.js","assets/sentry_react-cODD7zWc.js","assets/react-DQSxOgtG.js","assets/sentry_browser-B4YoBIIG.js","assets/react/jsx-runtime-DldvXD6N.js","assets/document_model-_oCbt5YE.js","assets/zod-9j67vCAu.js","assets/design_system-B8BAmizy.js","assets/tailwind_merge-Dr4f9Rms.js","assets/react-dom-D6zQJsh6.js","assets/reactor_browser-DS6jWWLt.js","assets/document_drive-CwpHvdiT.js","assets/config-CU-aFfVJ.js","assets/design_system_connect-ir9eJRs3.js","assets/design_system_ui-BAAz6LnU.js","assets/react-dom/client-BVPiT_FE.js","assets/hooks-CXqMiqhr.js","assets/json-editor-5TsPdpgv.js"])))=>i.map(i=>d[i]);
2
+ import{_ as L}from"./drive_explorer-B5pVtXfv.js";import{j as e,h as g,m as A,i as B,k as C,s as U,l as G,v as Y,n as J,t as K,o as W}from"./document_model_editor-myul_d4U.js";import{C as Z}from"./design_system_ui-BAAz6LnU.js";import{r}from"./sentry_react-cODD7zWc.js";import{M as q,N as k,O as I,Q as O}from"./design_system_connect-ir9eJRs3.js";import{K as E}from"./graphql-AKTCpY7l.js";import{c as Q}from"./design_system-B8BAmizy.js";import"./react/jsx-runtime-DldvXD6N.js";import"./document_model-_oCbt5YE.js";import"./zod-9j67vCAu.js";import"./react-DQSxOgtG.js";import"./tailwind_merge-Dr4f9Rms.js";import"./react-dom-D6zQJsh6.js";import"./reactor_browser-DS6jWWLt.js";import"./document_drive-CwpHvdiT.js";import"./config-CU-aFfVJ.js";import"./react-dom/client-BVPiT_FE.js";import"./sentry_browser-B4YoBIIG.js";const V=r.forwardRef((a,s)=>{const{className:n,...c}=a;return e.jsx("button",{ref:s,...c,className:g("h-10 whitespace-nowrap rounded-md border border-gray-200 bg-gray-50 px-4 py-2 text-sm font-medium text-gray-800 transition-colors hover:bg-gray-100 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",n)})});function $({error:a}){const{payload:s}=a;switch(s.kind){case"MISSING":return e.jsxs("span",{children:["Field ",e.jsx("strong",{children:s.field})," is missing."]});case"MISSING_OPTIONAL":return e.jsxs("span",{children:["Optional field ",e.jsx("strong",{children:s.field})," is not defined."]});case"UNKNOWN_FIELD":return e.jsxs("span",{children:["Field ",e.jsx("strong",{children:s.field})," is not a known field."]});case"NON_NULL":return e.jsxs("span",{children:["Field ",e.jsx("strong",{children:s.field})," cannot be null."]});case"TYPE":return e.jsxs("span",{children:["Field ",e.jsx("strong",{children:s.field}),s.expectedType?e.jsxs(e.Fragment,{children:[" ","must be a"," ",e.jsx("strong",{children:s.expectedType.replace(/!/g,"")}),"."]}):e.jsx(e.Fragment,{children:" has an invalid value."})]});case"RECURSIVE_TYPE":return e.jsxs("span",{children:["Field ",e.jsx("strong",{children:s.typeName})," has a recursive type. It must be optional."]});default:return e.jsx("span",{children:"Invalid value."})}}const X=q,D=r.forwardRef(({className:a,...s},n)=>e.jsx(k,{ref:n,className:g("flex items-center justify-center rounded-xl bg-slate-50 p-1 shadow-[inset_0px_0px_2px_rgba(255,255,255,0.50)]",a),...s}));D.displayName=k.displayName;const v=r.forwardRef(({className:a,...s},n)=>e.jsx(I,{ref:n,className:g("flex w-full items-center justify-center whitespace-nowrap rounded-lg p-1 text-sm text-gray-500 transition-all disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-gray-50 data-[state=active]:text-gray-800 data-[state=active]:shadow-[0px_16px_16px_-4px_rgba(0,0,0,0.10)]",a),...s}));v.displayName=I.displayName;const y=r.forwardRef(({className:a,...s},n)=>e.jsx(O,{ref:n,className:g("",a),...s}));y.displayName=O.displayName;const _=r.lazy(()=>L(()=>import("./graphql-editor-DpSyigYt.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19]))),ee=r.lazy(()=>L(()=>import("./json-editor-5TsPdpgv.js"),__vite__mapDeps([20,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19])));function T({modelName:a,stateSchema:s,initialValue:n,setStateSchema:c,setInitialState:d,scope:t}){const{sharedSchema:l,error:x}=B(),[h,j]=r.useState(!1),[o,F]=r.useState(!0),M=r.useCallback(i=>C(i,a,t),[a,t]),N=r.useMemo(()=>{const i=C(s,a,t);return x?[...i,x]:i},[s,a,t,x]),R=r.useCallback(()=>{j(i=>!i)},[]),P=r.useCallback(i=>c(i,t),[c,t]),H=r.useCallback(i=>d(i,t),[d,t]),b=r.useRef(!1),{initialValueErrors:z,fixedState:f}=r.useMemo(()=>{const i=n||"{}",m=U(l);if(!m)return{initialValueErrors:[],fixedState:null};const S=G(a,t);if(!S)return{initialValueErrors:[],fixedState:null};const p=m.definitions.find(u=>u.kind===E.OBJECT_TYPE_DEFINITION&&u.name.value===S);if(!p||p.kind!==E.OBJECT_TYPE_DEFINITION)return{initialValueErrors:[],fixedState:null};const w=Y(m,p,i);if(w.length&&o){const u=J({sharedSchemaDocumentNode:m,stateTypeDefinitionNode:p,existingValue:i});if(n!==u)return{initialValueErrors:[],fixedState:u}}return{initialValueErrors:w,fixedState:null}},[l,n,o,t,a]);return r.useEffect(()=>{f&&!b.current?(b.current=!0,d(f,t)):f||(b.current=!1)},[f,d,t]),e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsxs("h3",{className:"mb-2 text-lg capitalize",children:[t," state schema *"]}),e.jsxs(V,{onClick:R,className:"mb-2 flex w-fit items-center gap-2",children:[h?"Hide":"Show"," standard library",e.jsx("svg",{className:Q("inline-block transition-transform",h?"rotate-180":"rotate-0"),xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M11.9883 6.01172C11.4363 6.01172 10.9883 6.45972 10.9883 7.01172V13.0117H6.98828L11.9883 18.0117L16.9883 13.0117H12.9883V7.01172C12.9883 6.45972 12.5403 6.01172 11.9883 6.01172Z",fill:"black"})})]}),e.jsxs(r.Suspense,{children:[h&&e.jsx(_,{doc:K,readonly:!0}),e.jsx(_,{doc:s,updateDocumentInModel:P,customLinter:M}),N.length>0&&e.jsx("p",{className:"mt-2 text-sm text-red-600",children:N[0].message})]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex flex-col items-end",children:[e.jsxs("h3",{className:"mb-2 text-right text-lg capitalize",children:[t," state initial value *"]}),e.jsx(Z,{value:o,onChange:F,className:"mb-2 w-fit whitespace-nowrap rounded-md border border-gray-200 bg-gray-50 pl-2 text-sm font-medium text-gray-800 transition-colors hover:bg-gray-100 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",label:e.jsxs("div",{className:"flex items-center gap-2 py-2 pr-2",children:["Sync with schema"," ",e.jsx("svg",{className:"inline-block",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:e.jsx("path",{d:"M8.00521 1.99219C6.63588 1.99219 5.32788 2.45152 4.27588 3.28419C3.98721 3.51219 3.94321 3.93285 4.17188 4.22151C4.40054 4.51018 4.82055 4.55418 5.10921 4.32552C5.92721 3.67819 6.93921 3.32552 8.00521 3.32552C10.5825 3.32552 12.6719 5.41485 12.6719 7.99218H11.3385L13.3385 10.6588L15.3385 7.99218H14.0052C14.0052 4.67818 11.3192 1.99219 8.00521 1.99219ZM2.67188 5.32552L0.671875 7.99218H2.00521C2.00521 11.3062 4.69121 13.9922 8.00521 13.9922C9.37521 13.9922 10.6825 13.5335 11.7345 12.7002C12.0232 12.4722 12.0672 12.0515 11.8385 11.7628C11.6099 11.4742 11.1899 11.4302 10.9012 11.6588C10.0825 12.3068 9.07188 12.6588 8.00521 12.6588C5.42788 12.6588 3.33854 10.5695 3.33854 7.99218H4.67188L2.67188 5.32552Z",fill:"#343839"})})]})})]}),e.jsxs(r.Suspense,{children:[e.jsx(ee,{doc:n,updateDocumentInModel:H}),z.map((i,m)=>e.jsx("p",{className:"mt-2 text-sm text-red-600",children:i instanceof W?e.jsx($,{error:i}):i.message},m))]})]})]})}function be({modelName:a,globalStateSchema:s,localStateSchema:n,globalStateInitialValue:c,localStateInitialValue:d,setStateSchema:t,setInitialState:l,currentScope:x,onScopeChange:h}){const j=r.useCallback(()=>{const o=A(a,"local");t(o,"local"),l("","local")},[a,t,l]);return e.jsxs(X,{className:"pb-8",activationMode:"manual",value:x,onValueChange:o=>h(o),children:[e.jsx("div",{className:"my-6",children:e.jsxs(D,{className:"mx-auto flex max-w-sm",children:[e.jsx(v,{value:"global",children:"Global"}),e.jsx(v,{value:"local",children:"Local"})]})}),e.jsx(y,{value:"global",tabIndex:-1,children:e.jsx(T,{modelName:a,stateSchema:s,initialValue:c,setStateSchema:t,setInitialState:l,scope:"global"})}),e.jsx(y,{value:"local",tabIndex:-1,children:n?e.jsx(T,{modelName:a,stateSchema:n,initialValue:d,setStateSchema:t,setInitialState:l,scope:"local"}):e.jsxs("div",{className:"",children:[e.jsx("h3",{className:"mb-2 text-lg capitalize",children:"local state schema *"}),e.jsx(V,{onClick:j,children:"Add local state"})]})})]})}export{be as default};
package/dist/index.html CHANGED
@@ -22,27 +22,27 @@
22
22
  <meta name="twitter:image" content="https://cf-ipfs.com/ipfs/bafkreigrmclndf2jpbolaq22535q2sw5t44uad3az3dpvkzrnt4lpjt63e">
23
23
  <meta name="twitter:title" content="Connect">
24
24
  <meta name="twitter:description" content="Navigate your organisation’s toughest operational challenges and steer your contributors to success with Connect. A navigation, collaboration and reporting tool for decentralised and open organisation.">
25
- <script type="module" crossorigin src="/assets/index-CfBt0UMH.js"></script>
25
+ <script type="module" crossorigin src="/assets/index-Dfhv0MKc.js"></script>
26
26
  <link rel="modulepreload" crossorigin href="/assets/graphql-AKTCpY7l.js">
27
27
  <link rel="modulepreload" crossorigin href="/assets/react-DQSxOgtG.js">
28
28
  <link rel="modulepreload" crossorigin href="/assets/sentry_browser-B4YoBIIG.js">
29
29
  <link rel="modulepreload" crossorigin href="/assets/sentry_react-cODD7zWc.js">
30
- <link rel="modulepreload" crossorigin href="/assets/drive_explorer-CPoIMgth.js">
30
+ <link rel="modulepreload" crossorigin href="/assets/drive_explorer-B5pVtXfv.js">
31
31
  <link rel="modulepreload" crossorigin href="/assets/react/jsx-runtime-DldvXD6N.js">
32
32
  <link rel="modulepreload" crossorigin href="/assets/zod-9j67vCAu.js">
33
33
  <link rel="modulepreload" crossorigin href="/assets/document_model-_oCbt5YE.js">
34
34
  <link rel="modulepreload" crossorigin href="/assets/tailwind_merge-Dr4f9Rms.js">
35
- <link rel="modulepreload" crossorigin href="/assets/design_system-N-Yw-8Ca.js">
35
+ <link rel="modulepreload" crossorigin href="/assets/design_system-B8BAmizy.js">
36
36
  <link rel="modulepreload" crossorigin href="/assets/react-dom-D6zQJsh6.js">
37
37
  <link rel="modulepreload" crossorigin href="/assets/config-CU-aFfVJ.js">
38
38
  <link rel="modulepreload" crossorigin href="/assets/document_drive-CwpHvdiT.js">
39
- <link rel="modulepreload" crossorigin href="/assets/reactor_browser-CNGHNAiC.js">
39
+ <link rel="modulepreload" crossorigin href="/assets/reactor_browser-DS6jWWLt.js">
40
40
  <link rel="modulepreload" crossorigin href="/assets/react-dom/client-BVPiT_FE.js">
41
- <link rel="modulepreload" crossorigin href="/assets/design_system_ui-Bm7PyIRO.js">
42
- <link rel="modulepreload" crossorigin href="/assets/design_system_connect-DqES08BV.js">
43
- <link rel="modulepreload" crossorigin href="/assets/document_model_editor-BXOTSdhL.js">
41
+ <link rel="modulepreload" crossorigin href="/assets/design_system_ui-BAAz6LnU.js">
42
+ <link rel="modulepreload" crossorigin href="/assets/design_system_connect-ir9eJRs3.js">
43
+ <link rel="modulepreload" crossorigin href="/assets/document_model_editor-myul_d4U.js">
44
44
  <link rel="modulepreload" crossorigin href="/assets/graphql_request-BJtmW2JS.js">
45
- <link rel="stylesheet" crossorigin href="/assets/index-DNce0SAe.css">
45
+ <link rel="stylesheet" crossorigin href="/assets/index-cNkLnVkD.css">
46
46
  </head>
47
47
 
48
48
  <body>
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@powerhousedao/connect",
3
3
  "productName": "Powerhouse-Connect",
4
- "version": "6.0.0-dev.6",
4
+ "version": "6.0.0-dev.7",
5
5
  "description": "Powerhouse Connect",
6
6
  "main": "dist/index.html",
7
7
  "type": "module",
package/lib/style.css CHANGED
@@ -1458,6 +1458,128 @@
1458
1458
  transform: rotate(360deg);
1459
1459
  }
1460
1460
  }
1461
+ ._GzYRV {
1462
+ line-height: 1.2;
1463
+ white-space: pre-wrap;
1464
+ white-space: -moz-pre-wrap;
1465
+ white-space: -pre-wrap;
1466
+ white-space: -o-pre-wrap;
1467
+ word-wrap: break-word;
1468
+ }
1469
+ ._3eOF8 {
1470
+ margin-right: 5px;
1471
+ font-weight: bold;
1472
+ }
1473
+ ._3eOF8 + ._3eOF8 {
1474
+ margin-left: -5px;
1475
+ }
1476
+ ._1MFti {
1477
+ cursor: pointer;
1478
+ }
1479
+ ._f10Tu {
1480
+ font-size: 1.2em;
1481
+ margin-right: 5px;
1482
+ -webkit-user-select: none;
1483
+ -moz-user-select: none;
1484
+ user-select: none;
1485
+ }
1486
+ ._1UmXx::after {
1487
+ content: '\25B8';
1488
+ }
1489
+ ._1LId0::after {
1490
+ content: '\25BE';
1491
+ }
1492
+ ._1pNG9 {
1493
+ margin-right: 5px;
1494
+ }
1495
+ ._1pNG9::after {
1496
+ content: '...';
1497
+ font-size: 0.8em;
1498
+ }
1499
+ ._2IvMF {
1500
+ background: #eee;
1501
+ }
1502
+ ._2bkNM {
1503
+ margin: 0;
1504
+ padding: 0 10px;
1505
+ }
1506
+ ._1BXBN {
1507
+ margin: 0;
1508
+ padding: 0;
1509
+ }
1510
+ ._1MGIk {
1511
+ font-weight: 600;
1512
+ margin-right: 5px;
1513
+ color: #000000;
1514
+ }
1515
+ ._3uHL6 {
1516
+ color: #000000;
1517
+ }
1518
+ ._2T6PJ {
1519
+ color: #df113a;
1520
+ }
1521
+ ._1Gho6 {
1522
+ color: #df113a;
1523
+ }
1524
+ ._vGjyY {
1525
+ color: rgb(42, 63, 60);
1526
+ }
1527
+ ._1bQdo {
1528
+ color: #0b75f5;
1529
+ }
1530
+ ._3zQKs {
1531
+ color: rgb(70, 144, 56);
1532
+ }
1533
+ ._1xvuR {
1534
+ color: #43413d;
1535
+ }
1536
+ ._oLqym {
1537
+ color: #000000;
1538
+ }
1539
+ ._2AXVT {
1540
+ color: #000000;
1541
+ }
1542
+ ._2KJWg {
1543
+ color: #000000;
1544
+ }
1545
+ ._11RoI {
1546
+ background: rgb(0, 43, 54);
1547
+ }
1548
+ ._17H2C {
1549
+ color: rgb(253, 246, 227);
1550
+ }
1551
+ ._3QHg2 {
1552
+ color: rgb(253, 246, 227);
1553
+ }
1554
+ ._3fDAz {
1555
+ color: rgb(253, 246, 227);
1556
+ }
1557
+ ._2bSDX {
1558
+ font-weight: bolder;
1559
+ margin-right: 5px;
1560
+ color: rgb(253, 246, 227);
1561
+ }
1562
+ ._gsbQL {
1563
+ color: rgb(253, 246, 227);
1564
+ }
1565
+ ._LaAZe {
1566
+ color: rgb(129, 181, 172);
1567
+ }
1568
+ ._GTKgm {
1569
+ color: rgb(129, 181, 172);
1570
+ }
1571
+ ._Chy1W {
1572
+ color: rgb(203, 75, 22);
1573
+ }
1574
+ ._2bveF {
1575
+ color: rgb(211, 54, 130);
1576
+ }
1577
+ ._2vRm- {
1578
+ color: rgb(174, 129, 255);
1579
+ }
1580
+ ._1prJR {
1581
+ color: rgb(38, 139, 210);
1582
+ }
1461
1583
  @layer theme, base, components, utilities;
1462
1584
  @layer theme {
1463
1585
  :root, :host {
@@ -1926,6 +2048,9 @@
1926
2048
  .my-40 {
1927
2049
  margin-block: calc(var(--spacing) * 40);
1928
2050
  }
2051
+ .-mt-2 {
2052
+ margin-top: calc(var(--spacing) * -2);
2053
+ }
1929
2054
  .-mt-12 {
1930
2055
  margin-top: calc(var(--spacing) * -12);
1931
2056
  }
@@ -2848,6 +2973,9 @@
2848
2973
  .border-b-gray-300 {
2849
2974
  border-bottom-color: var(--color-gray-300);
2850
2975
  }
2976
+ .\!bg-transparent {
2977
+ background-color: transparent !important;
2978
+ }
2851
2979
  .bg-\[\#ffffff\] {
2852
2980
  background-color: #ffffff;
2853
2981
  }
@@ -3130,6 +3258,9 @@
3130
3258
  .text-start {
3131
3259
  text-align: start;
3132
3260
  }
3261
+ .font-mono {
3262
+ font-family: var(--font-mono);
3263
+ }
3133
3264
  .font-sans {
3134
3265
  font-family: var(--font-sans);
3135
3266
  }
@@ -3191,6 +3322,10 @@
3191
3322
  --tw-leading: 22px;
3192
3323
  line-height: 22px;
3193
3324
  }
3325
+ .\!font-semibold {
3326
+ --tw-font-weight: var(--font-weight-semibold) !important;
3327
+ font-weight: var(--font-weight-semibold) !important;
3328
+ }
3194
3329
  .font-bold {
3195
3330
  --tw-font-weight: var(--font-weight-bold);
3196
3331
  font-weight: var(--font-weight-bold);
@@ -3224,6 +3359,12 @@
3224
3359
  .whitespace-nowrap {
3225
3360
  white-space: nowrap;
3226
3361
  }
3362
+ .\!text-gray-600 {
3363
+ color: var(--color-gray-600) !important;
3364
+ }
3365
+ .\!text-gray-700 {
3366
+ color: var(--color-gray-700) !important;
3367
+ }
3227
3368
  .\!text-red-800 {
3228
3369
  color: var(--color-red-800) !important;
3229
3370
  }
@@ -5215,95 +5356,125 @@ input[type="number"] {
5215
5356
  button {
5216
5357
  cursor: pointer;
5217
5358
  }
5218
- }
5219
- .ph-default-styles h1 {
5220
- font-family: "Inter", sans-serif;
5221
- font-style: normal;
5222
- font-weight: 600;
5223
- font-size: 32px;
5224
- line-height: 120%;
5225
- color: #343839;
5226
- }
5227
- .ph-default-styles h2 {
5228
- font-family: "Inter", sans-serif;
5229
- font-style: normal;
5230
- font-weight: 600;
5231
- font-size: 24px;
5232
- line-height: 120%;
5233
- color: #343839;
5234
- }
5235
- .ph-default-styles h3 {
5236
- font-family: "Inter", sans-serif;
5237
- font-style: normal;
5238
- font-weight: 600;
5239
- font-size: 20px;
5240
- line-height: 120%;
5241
- color: #343839;
5242
- }
5243
- .ph-default-styles p {
5244
- font-family: "Inter", sans-serif;
5245
- font-style: normal;
5246
- font-weight: 400;
5247
- font-size: 16px;
5248
- line-height: 120%;
5249
- color: #343839;
5250
- }
5251
- .ph-default-styles small {
5252
- font-family: "Inter", sans-serif;
5253
- font-style: normal;
5254
- font-weight: 400;
5255
- font-size: 14px;
5256
- line-height: 100%;
5257
- color: #474d4e;
5258
- }
5259
- .ph-default-styles input[type="text"], .ph-default-styles input[type="email"], .ph-default-styles input[type="password"], .ph-default-styles input[type="search"], .ph-default-styles input[type="tel"], .ph-default-styles input[type="url"], .ph-default-styles input[type="number"], .ph-default-styles textarea {
5260
- font-family: "Inter", sans-serif;
5261
- font-size: 0.875rem;
5262
- font-weight: 400;
5263
- line-height: 1.25rem;
5264
- color: #343839;
5265
- background-color: #ffffff;
5266
- border: 1px solid #ced4da;
5267
- border-radius: 0.375rem;
5268
- padding: 7px 0.75rem;
5269
- width: 100%;
5270
- box-sizing: border-box;
5271
- margin-bottom: 10px;
5272
- }
5273
- .ph-default-styles textarea {
5274
- min-height: 2.25rem;
5275
- resize: vertical;
5276
- }
5277
- .ph-default-styles a {
5278
- color: #007bff;
5279
- text-decoration: none;
5280
- }
5281
- .ph-default-styles a:hover {
5282
- text-decoration: underline;
5283
- color: #0056b3;
5284
- }
5285
- .ph-default-styles a:focus {
5286
- outline: 2px solid transparent;
5287
- outline-offset: 2px;
5288
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(0, 123, 255, 0.5);
5289
- }
5290
- .ph-default-styles ul, .ph-default-styles ol {
5291
- padding-left: 0px;
5292
- margin-top: 0;
5293
- margin-bottom: 0;
5294
- }
5295
- .ph-default-styles label {
5296
- display: block;
5297
- font-family: "Inter", sans-serif;
5298
- font-weight: 500;
5299
- color: #343839;
5300
- }
5301
- .ph-default-styles hr {
5302
- border: 0;
5303
- height: 1px;
5304
- background-color: #ced4da;
5305
- margin-top: 1rem;
5306
- margin-bottom: 1rem;
5359
+ .ph-default-styles h1 {
5360
+ margin-top: calc(var(--spacing) * 6);
5361
+ margin-bottom: calc(var(--spacing) * 4);
5362
+ font-family: var(--font-sans);
5363
+ font-size: 32px;
5364
+ --tw-leading: 120%;
5365
+ line-height: 120%;
5366
+ --tw-font-weight: var(--font-weight-bold);
5367
+ font-weight: var(--font-weight-bold);
5368
+ color: #343839;
5369
+ }
5370
+ .ph-default-styles h2 {
5371
+ margin-top: calc(var(--spacing) * 5);
5372
+ margin-bottom: calc(var(--spacing) * 3);
5373
+ font-family: var(--font-sans);
5374
+ font-size: var(--text-2xl);
5375
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
5376
+ --tw-leading: 120%;
5377
+ line-height: 120%;
5378
+ --tw-font-weight: var(--font-weight-bold);
5379
+ font-weight: var(--font-weight-bold);
5380
+ color: #343839;
5381
+ }
5382
+ .ph-default-styles h3 {
5383
+ margin-top: calc(var(--spacing) * 4);
5384
+ margin-bottom: calc(var(--spacing) * 2);
5385
+ font-family: var(--font-sans);
5386
+ font-size: var(--text-xl);
5387
+ line-height: var(--tw-leading, var(--text-xl--line-height));
5388
+ --tw-leading: 120%;
5389
+ line-height: 120%;
5390
+ --tw-font-weight: var(--font-weight-bold);
5391
+ font-weight: var(--font-weight-bold);
5392
+ color: #343839;
5393
+ }
5394
+ .ph-default-styles p {
5395
+ font-family: var(--font-sans);
5396
+ font-size: var(--text-base);
5397
+ line-height: var(--tw-leading, var(--text-base--line-height));
5398
+ --tw-leading: 120%;
5399
+ line-height: 120%;
5400
+ --tw-font-weight: var(--font-weight-normal);
5401
+ font-weight: var(--font-weight-normal);
5402
+ color: #343839;
5403
+ }
5404
+ .ph-default-styles small {
5405
+ font-family: var(--font-sans);
5406
+ font-size: var(--text-sm);
5407
+ line-height: var(--tw-leading, var(--text-sm--line-height));
5408
+ --tw-leading: 100%;
5409
+ line-height: 100%;
5410
+ --tw-font-weight: var(--font-weight-normal);
5411
+ font-weight: var(--font-weight-normal);
5412
+ color: #474d4e;
5413
+ }
5414
+ .ph-default-styles input[type="text"], .ph-default-styles input[type="email"], .ph-default-styles input[type="password"], .ph-default-styles input[type="search"], .ph-default-styles input[type="tel"], .ph-default-styles input[type="url"], .ph-default-styles input[type="number"], .ph-default-styles textarea {
5415
+ margin-bottom: 10px;
5416
+ box-sizing: border-box;
5417
+ width: 100%;
5418
+ border-radius: var(--radius-md);
5419
+ border-style: var(--tw-border-style);
5420
+ border-width: 1px;
5421
+ border-color: #ced4da;
5422
+ background-color: var(--color-white);
5423
+ padding-inline: calc(var(--spacing) * 3);
5424
+ padding-block: 7px;
5425
+ font-family: var(--font-sans);
5426
+ font-size: var(--text-sm);
5427
+ line-height: var(--tw-leading, var(--text-sm--line-height));
5428
+ --tw-leading: calc(var(--spacing) * 5);
5429
+ line-height: calc(var(--spacing) * 5);
5430
+ --tw-font-weight: var(--font-weight-normal);
5431
+ font-weight: var(--font-weight-normal);
5432
+ color: #343839;
5433
+ }
5434
+ .ph-default-styles textarea {
5435
+ min-height: calc(var(--spacing) * 9);
5436
+ resize: vertical;
5437
+ }
5438
+ .ph-default-styles input[type="text"]:is([readonly], [disabled]), .ph-default-styles input[type="email"]:is([readonly], [disabled]), .ph-default-styles input[type="password"]:is([readonly], [disabled]), .ph-default-styles input[type="search"]:is([readonly], [disabled]), .ph-default-styles input[type="tel"]:is([readonly], [disabled]), .ph-default-styles input[type="url"]:is([readonly], [disabled]), .ph-default-styles input[type="number"]:is([readonly], [disabled]), .ph-default-styles textarea:is([readonly], [disabled]) {
5439
+ background-color: var(--color-gray-50);
5440
+ color: var(--color-gray-500);
5441
+ }
5442
+ .ph-default-styles a {
5443
+ color: #007bff;
5444
+ text-decoration-line: none;
5445
+ }
5446
+ .ph-default-styles a:hover {
5447
+ color: #0056b3;
5448
+ text-decoration-line: underline;
5449
+ }
5450
+ .ph-default-styles a:focus {
5451
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
5452
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5453
+ --tw-ring-color: color-mix(in oklab, #007bff 50%, transparent);
5454
+ --tw-ring-offset-width: 2px;
5455
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5456
+ --tw-outline-style: none;
5457
+ outline-style: none;
5458
+ }
5459
+ .ph-default-styles ul, .ph-default-styles ol {
5460
+ margin-top: calc(var(--spacing) * 0);
5461
+ margin-bottom: calc(var(--spacing) * 0);
5462
+ padding-left: calc(var(--spacing) * 0);
5463
+ }
5464
+ .ph-default-styles label {
5465
+ display: block;
5466
+ font-family: var(--font-sans);
5467
+ --tw-font-weight: var(--font-weight-medium);
5468
+ font-weight: var(--font-weight-medium);
5469
+ color: #343839;
5470
+ }
5471
+ .ph-default-styles hr {
5472
+ margin-block: calc(var(--spacing) * 4);
5473
+ height: 1px;
5474
+ border-style: var(--tw-border-style);
5475
+ border-width: 0px;
5476
+ background-color: #ced4da;
5477
+ }
5307
5478
  }
5308
5479
  @layer base {
5309
5480
  * {