@contember/interface 1.3.0-alpha.17 → 1.3.0-alpha.20

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@contember/interface",
   "license": "Apache-2.0",
-  "version": "1.3.0-alpha.17",
+  "version": "1.3.0-alpha.20",
   "type": "module",
   "sideEffects": false,
   "main": "./dist/production/index.js",
@@ -35,13 +35,13 @@
     "test": "vitest"
   },
   "dependencies": {
-    "@contember/react-binding": "1.3.0-alpha.17",
-    "@contember/react-client": "1.3.0-alpha.17",
-    "@contember/react-dataview": "1.3.0-alpha.17",
-    "@contember/react-devbar": "1.3.0-alpha.17",
-    "@contember/react-identity": "1.3.0-alpha.17",
-    "@contember/react-routing": "1.3.0-alpha.17",
-    "@contember/utilities": "1.3.0-alpha.17",
+    "@contember/react-binding": "1.3.0-alpha.20",
+    "@contember/react-client": "1.3.0-alpha.20",
+    "@contember/react-dataview": "1.3.0-alpha.20",
+    "@contember/react-devbar": "1.3.0-alpha.20",
+    "@contember/react-identity": "1.3.0-alpha.20",
+    "@contember/react-routing": "1.3.0-alpha.20",
+    "@contember/utilities": "1.3.0-alpha.20",
     "@radix-ui/react-slot": "^1.0.2"
   },
   "peerDependencies": {

package/src/bootstrap/index.ts

@@ -1,2 +1 @@
 export * from './ApplicationEntrypoint'
-export * from './runReactApp'

package/src/components/binding/DisconnectEntityTrigger.tsx

@@ -0,0 +1,53 @@
+import { ComponentType, ReactNode, useCallback } from 'react'
+import { Slot } from '@radix-ui/react-slot'
+import { BindingError, EntityListAccessor, ErrorPersistResult, SuccessfulPersistResult, SugaredRelativeSingleEntity, useEntity, useMutationState, usePersist } from '@contember/react-binding'
+
+
+const SlotButton = Slot as ComponentType<React.ButtonHTMLAttributes<HTMLButtonElement>>
+
+export interface DisconnectEntityTriggerProps {
+	immediatePersist?: true
+	children: ReactNode
+	onPersistSuccess?: (result: SuccessfulPersistResult) => void
+	onPersistError?: (result: ErrorPersistResult) => void
+	field?: SugaredRelativeSingleEntity['field']
+}
+
+export const DisconnectEntityTrigger = ({ immediatePersist, onPersistError, onPersistSuccess, field, ...props }: DisconnectEntityTriggerProps) => {
+	const entity = useEntity()
+	const triggerPersist = usePersist()
+	const isMutating = useMutationState()
+	const onClick = useCallback(() => {
+		if (field) {
+			entity.disconnectEntityAtField({ field })
+		} else {
+			const parent = entity.getParent()
+			if (!parent) {
+				throw new BindingError('Cannot disconnect root entity')
+			}
+			if (parent instanceof EntityListAccessor) {
+				parent.disconnectEntity(entity)
+			} else {
+				const subTreeNode = entity.environment.getSubTreeNode()
+				if (subTreeNode.type !== 'entity') {
+					throw new BindingError('Cannot disconnect root entity')
+				}
+				parent.disconnectEntityAtField({ field: subTreeNode.field.name })
+			}
+		}
+
+		if (immediatePersist) {
+			triggerPersist()
+				.then(onPersistSuccess)
+				.catch(onPersistError)
+		}
+	}, [field, immediatePersist, entity, triggerPersist, onPersistSuccess, onPersistError])
+
+	return (
+		<SlotButton
+			onClick={onClick}
+			disabled={isMutating ? true : undefined}
+			{...props}
+		/>
+	)
+}

package/src/components/binding/index.ts

@@ -1,5 +1,6 @@
 export * from './ClearFieldTrigger'
 export * from './DeleteEntityTrigger'
+export * from './DisconnectEntityTrigger'
 export * from './PersistTrigger'
 export * from './EntityBeforePersist'
 export * from './RedirectOnPersist'

package/src/index.ts

@@ -3,3 +3,6 @@ export * from './components'
 export * from '@contember/react-routing'
 export * from '@contember/react-binding'
 export * from '@contember/react-identity'
+export {
+	createErrorHandler,
+} from '@contember/react-devbar'

package/dist/development/bootstrap/runReactApp.cjs

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const reactDevbar = require("@contember/react-devbar");
-const client = require("react-dom/client");
-const runReactApp = (reactElement, { domRoot } = {}) => {
-  const rootEl = domRoot ?? document.body.appendChild(document.createElement("div"));
-  const errorHandler = reactDevbar.createErrorHandler((dom, react, onRecoverableError) => client.createRoot(dom, { onRecoverableError }).render(react));
-  errorHandler((onRecoverableError) => client.createRoot(rootEl, { onRecoverableError }).render(reactElement));
-};
-exports.runReactApp = runReactApp;
-//# sourceMappingURL=runReactApp.cjs.map

package/dist/development/bootstrap/runReactApp.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"runReactApp.cjs","sources":["../../../src/bootstrap/runReactApp.tsx"],"sourcesContent":["import { ReactElement } from 'react'\nimport { createErrorHandler } from '@contember/react-devbar'\nimport { createRoot } from 'react-dom/client'\n\nexport const runReactApp = (\n\treactElement: ReactElement,\n\t{ domRoot }: {\n\t\tdomRoot?: HTMLElement,\n\t} = {},\n) => {\n\tconst rootEl = domRoot ?? document.body.appendChild(document.createElement('div'))\n\n\tconst errorHandler = createErrorHandler((dom, react, onRecoverableError) => createRoot(dom, { onRecoverableError }).render(react))\n\n\terrorHandler(onRecoverableError => createRoot(rootEl, { onRecoverableError }).render(reactElement))\n}\n"],"names":["createErrorHandler","createRoot"],"mappings":";;;;AAIO,MAAM,cAAc,CAC1B,cACA,EAAE,QAAQ,IAEN,CAAA,MACA;AACE,QAAA,SAAS,WAAW,SAAS,KAAK,YAAY,SAAS,cAAc,KAAK,CAAC;AAEjF,QAAM,eAAeA,YAAA,mBAAmB,CAAC,KAAK,OAAO,uBAAuBC,OAAAA,WAAW,KAAK,EAAE,mBAAoB,CAAA,EAAE,OAAO,KAAK,CAAC;AAEpH,eAAA,CAAA,uBAAsBA,OAAAA,WAAW,QAAQ,EAAE,oBAAoB,EAAE,OAAO,YAAY,CAAC;AACnG;;"}

package/dist/development/bootstrap/runReactApp.js

@@ -1,11 +0,0 @@
-import { createErrorHandler } from "@contember/react-devbar";
-import { createRoot } from "react-dom/client";
-const runReactApp = (reactElement, { domRoot } = {}) => {
-  const rootEl = domRoot ?? document.body.appendChild(document.createElement("div"));
-  const errorHandler = createErrorHandler((dom, react, onRecoverableError) => createRoot(dom, { onRecoverableError }).render(react));
-  errorHandler((onRecoverableError) => createRoot(rootEl, { onRecoverableError }).render(reactElement));
-};
-export {
-  runReactApp
-};
-//# sourceMappingURL=runReactApp.js.map

package/dist/development/bootstrap/runReactApp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"runReactApp.js","sources":["../../../src/bootstrap/runReactApp.tsx"],"sourcesContent":["import { ReactElement } from 'react'\nimport { createErrorHandler } from '@contember/react-devbar'\nimport { createRoot } from 'react-dom/client'\n\nexport const runReactApp = (\n\treactElement: ReactElement,\n\t{ domRoot }: {\n\t\tdomRoot?: HTMLElement,\n\t} = {},\n) => {\n\tconst rootEl = domRoot ?? document.body.appendChild(document.createElement('div'))\n\n\tconst errorHandler = createErrorHandler((dom, react, onRecoverableError) => createRoot(dom, { onRecoverableError }).render(react))\n\n\terrorHandler(onRecoverableError => createRoot(rootEl, { onRecoverableError }).render(reactElement))\n}\n"],"names":[],"mappings":";;AAIO,MAAM,cAAc,CAC1B,cACA,EAAE,QAAQ,IAEN,CAAA,MACA;AACE,QAAA,SAAS,WAAW,SAAS,KAAK,YAAY,SAAS,cAAc,KAAK,CAAC;AAEjF,QAAM,eAAe,mBAAmB,CAAC,KAAK,OAAO,uBAAuB,WAAW,KAAK,EAAE,mBAAoB,CAAA,EAAE,OAAO,KAAK,CAAC;AAEpH,eAAA,CAAA,uBAAsB,WAAW,QAAQ,EAAE,oBAAoB,EAAE,OAAO,YAAY,CAAC;AACnG;"}

package/dist/production/bootstrap/runReactApp.cjs

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const reactDevbar = require("@contember/react-devbar");
-const client = require("react-dom/client");
-const runReactApp = (reactElement, { domRoot } = {}) => {
-  const rootEl = domRoot ?? document.body.appendChild(document.createElement("div"));
-  const errorHandler = reactDevbar.createErrorHandler((dom, react, onRecoverableError) => client.createRoot(dom, { onRecoverableError }).render(react));
-  errorHandler((onRecoverableError) => client.createRoot(rootEl, { onRecoverableError }).render(reactElement));
-};
-exports.runReactApp = runReactApp;
-//# sourceMappingURL=runReactApp.cjs.map

package/dist/production/bootstrap/runReactApp.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"runReactApp.cjs","sources":["../../../src/bootstrap/runReactApp.tsx"],"sourcesContent":["import { ReactElement } from 'react'\nimport { createErrorHandler } from '@contember/react-devbar'\nimport { createRoot } from 'react-dom/client'\n\nexport const runReactApp = (\n\treactElement: ReactElement,\n\t{ domRoot }: {\n\t\tdomRoot?: HTMLElement,\n\t} = {},\n) => {\n\tconst rootEl = domRoot ?? document.body.appendChild(document.createElement('div'))\n\n\tconst errorHandler = createErrorHandler((dom, react, onRecoverableError) => createRoot(dom, { onRecoverableError }).render(react))\n\n\terrorHandler(onRecoverableError => createRoot(rootEl, { onRecoverableError }).render(reactElement))\n}\n"],"names":["createErrorHandler","createRoot"],"mappings":";;;;AAIO,MAAM,cAAc,CAC1B,cACA,EAAE,QAAQ,IAEN,CAAA,MACA;AACE,QAAA,SAAS,WAAW,SAAS,KAAK,YAAY,SAAS,cAAc,KAAK,CAAC;AAEjF,QAAM,eAAeA,YAAA,mBAAmB,CAAC,KAAK,OAAO,uBAAuBC,OAAAA,WAAW,KAAK,EAAE,mBAAoB,CAAA,EAAE,OAAO,KAAK,CAAC;AAEpH,eAAA,CAAA,uBAAsBA,OAAAA,WAAW,QAAQ,EAAE,oBAAoB,EAAE,OAAO,YAAY,CAAC;AACnG;;"}

package/dist/production/bootstrap/runReactApp.js

@@ -1,11 +0,0 @@
-import { createErrorHandler } from "@contember/react-devbar";
-import { createRoot } from "react-dom/client";
-const runReactApp = (reactElement, { domRoot } = {}) => {
-  const rootEl = domRoot ?? document.body.appendChild(document.createElement("div"));
-  const errorHandler = createErrorHandler((dom, react, onRecoverableError) => createRoot(dom, { onRecoverableError }).render(react));
-  errorHandler((onRecoverableError) => createRoot(rootEl, { onRecoverableError }).render(reactElement));
-};
-export {
-  runReactApp
-};
-//# sourceMappingURL=runReactApp.js.map

package/dist/production/bootstrap/runReactApp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"runReactApp.js","sources":["../../../src/bootstrap/runReactApp.tsx"],"sourcesContent":["import { ReactElement } from 'react'\nimport { createErrorHandler } from '@contember/react-devbar'\nimport { createRoot } from 'react-dom/client'\n\nexport const runReactApp = (\n\treactElement: ReactElement,\n\t{ domRoot }: {\n\t\tdomRoot?: HTMLElement,\n\t} = {},\n) => {\n\tconst rootEl = domRoot ?? document.body.appendChild(document.createElement('div'))\n\n\tconst errorHandler = createErrorHandler((dom, react, onRecoverableError) => createRoot(dom, { onRecoverableError }).render(react))\n\n\terrorHandler(onRecoverableError => createRoot(rootEl, { onRecoverableError }).render(reactElement))\n}\n"],"names":[],"mappings":";;AAIO,MAAM,cAAc,CAC1B,cACA,EAAE,QAAQ,IAEN,CAAA,MACA;AACE,QAAA,SAAS,WAAW,SAAS,KAAK,YAAY,SAAS,cAAc,KAAK,CAAC;AAEjF,QAAM,eAAe,mBAAmB,CAAC,KAAK,OAAO,uBAAuB,WAAW,KAAK,EAAE,mBAAoB,CAAA,EAAE,OAAO,KAAK,CAAC;AAEpH,eAAA,CAAA,uBAAsB,WAAW,QAAQ,EAAE,oBAAoB,EAAE,OAAO,YAAY,CAAC;AACnG;"}

package/dist/types/bootstrap/runReactApp.d.ts

@@ -1,5 +0,0 @@
-import { ReactElement } from 'react';
-export declare const runReactApp: (reactElement: ReactElement, { domRoot }?: {
-    domRoot?: HTMLElement | undefined;
-}) => void;
-//# sourceMappingURL=runReactApp.d.ts.map

package/dist/types/bootstrap/runReactApp.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"runReactApp.d.ts","sourceRoot":"","sources":["../../../src/bootstrap/runReactApp.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAIpC,eAAO,MAAM,WAAW,iBACT,YAAY;;UAU1B,CAAA"}

package/src/bootstrap/runReactApp.tsx

@@ -1,16 +0,0 @@
-import { ReactElement } from 'react'
-import { createErrorHandler } from '@contember/react-devbar'
-import { createRoot } from 'react-dom/client'
-
-export const runReactApp = (
-	reactElement: ReactElement,
-	{ domRoot }: {
-		domRoot?: HTMLElement,
-	} = {},
-) => {
-	const rootEl = domRoot ?? document.body.appendChild(document.createElement('div'))
-
-	const errorHandler = createErrorHandler((dom, react, onRecoverableError) => createRoot(dom, { onRecoverableError }).render(react))
-
-	errorHandler(onRecoverableError => createRoot(rootEl, { onRecoverableError }).render(reactElement))
-}