@contember/react-select 2.1.0-alpha.30 → 2.1.0-alpha.36

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@contember/react-select",
   "license": "Apache-2.0",
-  "version": "2.1.0-alpha.30",
+  "version": "2.1.0-alpha.36",
   "type": "module",
   "sideEffects": false,
   "main": "./dist/production/index.js",
@@ -30,23 +30,23 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/contember/interface.git",
+    "url": "git+https://github.com/contember/contember.git",
     "directory": "packages/react-select"
   },
   "dependencies": {
-    "@contember/react-binding": "2.1.0-alpha.30",
-    "@contember/react-dataview": "2.1.0-alpha.30",
-    "@contember/react-repeater": "2.1.0-alpha.30",
-    "@contember/react-utils": "2.1.0-alpha.30",
-    "@contember/utilities": "2.1.0-alpha.30",
-    "@radix-ui/react-slot": "^1.1.0"
+    "@contember/react-binding": "workspace:*",
+    "@contember/react-dataview": "workspace:*",
+    "@contember/react-repeater": "workspace:*",
+    "@contember/react-utils": "workspace:*",
+    "@contember/utilities": "workspace:*",
+    "@radix-ui/react-slot": "catalog:"
   },
   "peerDependencies": {
-    "react": "^18 || ^19",
-    "react-dom": "^18 || ^19"
+    "react": "catalog:",
+    "react-dom": "catalog:"
   },
   "devDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "catalog:",
+    "react-dom": "catalog:"
   }
 }

package/src/components/MultiSelect.tsx

@@ -16,7 +16,7 @@ export const MultiSelect = Component(({ field, children, options, onSelect, onUn
 	const entities = useEntityList({ field })
 	options ??= entities.name
 	const entitiesArr = useMemo(() => Array.from(entities), [entities])
-	const selectedEntities = useMemo(() => Array.from(entities).map(it => it.id), [entities])
+	const selectedEntities = useMemo(() => Array.from(entities).map((it: EntityAccessor) => it.id), [entities])
 
 	const handler = useReferentiallyStableCallback<SelectHandler>((entity, action = 'toggle') => {
 		const isSelected = selectedEntities.includes(entity.id)
@@ -53,4 +53,3 @@ export const MultiSelect = Component(({ field, children, options, onSelect, onUn
 		</HasMany>
 	)
 })
-

package/src/components/Select.tsx

@@ -53,4 +53,3 @@ export const Select = Component(({ field, children, onUnselect, onSelect, option
 		</HasOne>
 	)
 })
-

package/src/components/SelectDataView.tsx

@@ -1,6 +1,6 @@
 import React, { ReactNode, useMemo } from 'react'
 import { useSelectHandleSelect, useSelectOptions } from '../contexts'
-import { DataViewProps, DataView, DataViewFilterHandlerRegistry } from '@contember/react-dataview'
+import { DataView, DataViewFilterHandlerRegistry, DataViewProps } from '@contember/react-dataview'
 
 export type SelectDataViewProps =
 	& Omit<DataViewProps, 'entities'>

package/src/components/SelectEachItem.tsx

@@ -2,7 +2,6 @@ import React, { ReactNode } from 'react'
 import { useSelectCurrentEntities } from '../contexts'
 import { Entity } from '@contember/react-binding'
 
-
 export const SelectEachValue = ({ children }: { children: ReactNode }) => {
 	const entities = useSelectCurrentEntities()
 	return entities.map(entity => (

package/src/components/SelectItemTrigger.tsx

@@ -17,5 +17,5 @@ export const SelectItemTrigger = forwardRef<HTMLElement, SelectItemTriggerProps>
 		handleSelect?.(entity, action)
 		onClickProp?.(e)
 	}, [action, entity, handleSelect, onClickProp])
-	return <Slot {...props} onClick={onClick}  ref={ref} />
+	return <Slot {...props} onClick={onClick} ref={ref} />
 })

package/src/components/SelectNewItem.tsx

@@ -1,4 +1,14 @@
-import { Entity, EntityAccessor, EntitySubTree, QueryLanguage, TreeRootId, TreeRootIdProvider, useEnvironment, useExtendTree, useGetEntitySubTree } from '@contember/react-binding'
+import {
+	Entity,
+	EntityAccessor,
+	EntitySubTree,
+	QueryLanguage,
+	TreeRootId,
+	TreeRootIdProvider,
+	useEnvironment,
+	useExtendTree,
+	useGetEntitySubTree,
+} from '@contember/react-binding'
 import * as React from 'react'
 import { ReactNode, useEffect, useMemo, useState } from 'react'
 import { useSelectOptions } from '../contexts'
@@ -6,21 +16,28 @@ import { useSelectOptions } from '../contexts'
 export const SelectNewItem = ({ children }: { children: ReactNode }) => {
 	const options = useSelectOptions()
 	const env = useEnvironment()
-	const { entityName } = useMemo((() => QueryLanguage.desugarQualifiedEntityList({ entities: options }, env)), [env, options])
+	const { entityName } = useMemo(() => QueryLanguage.desugarQualifiedEntityList({ entities: options }, env), [env, options])
 
 	const [state, setState] = useState<{ entity: EntityAccessor; treeRootId: TreeRootId } | null>(null)
 	const extendTree = useExtendTree()
 	const getSubTree = useGetEntitySubTree()
 
 	useEffect(() => {
-		(async () => {
-			const treeRootId = await extendTree(<>
-				<EntitySubTree entity={{
-					entityName,
-				}} expectedMutation={'none'} isUnpersisted isCreating>
-					{children}
-				</EntitySubTree>
-			</>)
+		;(async () => {
+			const treeRootId = await extendTree(
+				<>
+					<EntitySubTree
+						entity={{
+							entityName,
+						}}
+						expectedMutation={'none'}
+						isUnpersisted
+						isCreating
+					>
+						{children}
+					</EntitySubTree>
+				</>,
+			)
 			if (!treeRootId) {
 				return
 			}

package/src/components/SortableMultiSelect.tsx

@@ -3,9 +3,12 @@ import { SelectCurrentEntitiesContext, SelectHandler, SelectHandleSelectContext,
 import {
 	Component,
 	EntityAccessor,
+	EntityListSubTreeMarker,
+	EntitySubTreeMarker,
 	FieldMarker,
+	HasManyRelationMarker,
 	HasOne,
-	MeaningfulMarker,
+	HasOneRelationMarker,
 	PlaceholderGenerator,
 	QueryLanguage,
 	SugaredQualifiedEntityList,
@@ -28,68 +31,69 @@ export type SortableMultiSelectProps =
 	}
 	& SelectEvents
 
-export const SortableMultiSelect = Component(({ field, children, sortableBy, connectAt, options, onSelect, onUnselect }: SortableMultiSelectProps) => {
-	const list = useEntityList({ field })
-	const entitiesArr = useMemo(() => Array.from(list), [list])
+export const SortableMultiSelect = Component(
+	({ field, children, sortableBy, connectAt, options, onSelect, onUnselect }: SortableMultiSelectProps) => {
+		const list = useEntityList({ field })
+		const entitiesArr = useMemo(() => Array.from(list), [list])
 
-	const optionsMarker = useMemo(() => {
-		const desugared = QueryLanguage.desugarRelativeSingleEntity({ field: connectAt }, list.environment)
-		let marker: Exclude<MeaningfulMarker, FieldMarker> = list.getMarker()
-		for (let relation of desugared.hasOneRelationPath) {
-			const placeholder = PlaceholderGenerator.getHasOneRelationPlaceholder(relation)
-			const relationMarker = marker.fields.markers.get(placeholder)
-			if (!relationMarker || relationMarker instanceof FieldMarker) {
-				throw new Error('Invalid marker')
+		const optionsMarker = useMemo(() => {
+			const desugared = QueryLanguage.desugarRelativeSingleEntity({ field: connectAt }, list.environment)
+			let marker: HasOneRelationMarker | HasManyRelationMarker | EntitySubTreeMarker | EntityListSubTreeMarker = list.getMarker()
+			for (let relation of desugared.hasOneRelationPath) {
+				const placeholder = PlaceholderGenerator.getHasOneRelationPlaceholder(relation)
+				const relationMarker = marker.fields.markers.get(placeholder)
+				if (!relationMarker || relationMarker instanceof FieldMarker) {
+					throw new Error('Invalid marker')
+				}
+				marker = relationMarker
 			}
-			marker = relationMarker
-		}
-		return marker
-	}, [connectAt, list])
+			return marker
+		}, [connectAt, list])
 
-	options ??= optionsMarker.environment.getSubTreeNode().entity.name
+		options ??= optionsMarker.environment.getSubTreeNode().entity.name
 
+		const selectedEntities = useMemo(() => Array.from(list).map((it: EntityAccessor) => it.getEntity({ field: connectAt }).id), [connectAt, list])
 
-	const selectedEntities = useMemo(() => Array.from(list).map(it => it.getEntity({ field: connectAt }).id), [connectAt, list])
-
-	const handler = useReferentiallyStableCallback<SelectHandler>((entity, action = 'toggle') => {
-		const isSelected = selectedEntities.includes(entity.id)
-		if (action === 'toggle') {
-			action = isSelected ? 'unselect' : 'select'
-		}
-		if (action === 'unselect' && isSelected) {
-			Array.from(list).find(it => it.getEntity({ field: connectAt }).id === entity.id)?.deleteEntity()
-			onUnselect?.(entity)
-		} else if (action === 'select' && !isSelected) {
-			list.createNewEntity(getEntity => {
-				getEntity().connectEntityAtField({ field: connectAt }, entity)
-				onSelect?.(entity)
-			})
-		}
-	})
-	const isSelected = useCallback((entity: EntityAccessor) => {
-		return selectedEntities.includes(entity.id)
-	}, [selectedEntities])
-
-	return (
-		<Repeater field={field} sortableBy={sortableBy} initialEntityCount={0}>
-			<SelectCurrentEntitiesContext.Provider value={entitiesArr}>
-				<SelectIsSelectedContext.Provider value={isSelected}>
-					<SelectHandleSelectContext.Provider value={handler}>
-						<SelectOptionsContext.Provider value={options}>
-							{children}
-						</SelectOptionsContext.Provider>
-					</SelectHandleSelectContext.Provider>
-				</SelectIsSelectedContext.Provider>
-			</SelectCurrentEntitiesContext.Provider>
-		</Repeater>
-	)
-}, ({ children, field, sortableBy, connectAt }) => {
-	return (
-		<Repeater field={field} sortableBy={sortableBy} initialEntityCount={0}>
-			<HasOne field={connectAt} expectedMutation="connectOrDisconnect">
-				{children}
-			</HasOne>
-		</Repeater>
-	)
-})
+		const handler = useReferentiallyStableCallback<SelectHandler>((entity, action = 'toggle') => {
+			const isSelected = selectedEntities.includes(entity.id)
+			if (action === 'toggle') {
+				action = isSelected ? 'unselect' : 'select'
+			}
+			if (action === 'unselect' && isSelected) {
+				Array.from(list).find((it: EntityAccessor) => it.getEntity({ field: connectAt }).id === entity.id)?.deleteEntity()
+				onUnselect?.(entity)
+			} else if (action === 'select' && !isSelected) {
+				list.createNewEntity(getEntity => {
+					getEntity().connectEntityAtField({ field: connectAt }, entity)
+					onSelect?.(entity)
+				})
+			}
+		})
+		const isSelected = useCallback((entity: EntityAccessor) => {
+			return selectedEntities.includes(entity.id)
+		}, [selectedEntities])
 
+		return (
+			<Repeater field={field} sortableBy={sortableBy} initialEntityCount={0}>
+				<SelectCurrentEntitiesContext.Provider value={entitiesArr}>
+					<SelectIsSelectedContext.Provider value={isSelected}>
+						<SelectHandleSelectContext.Provider value={handler}>
+							<SelectOptionsContext.Provider value={options}>
+								{children}
+							</SelectOptionsContext.Provider>
+						</SelectHandleSelectContext.Provider>
+					</SelectIsSelectedContext.Provider>
+				</SelectCurrentEntitiesContext.Provider>
+			</Repeater>
+		)
+	},
+	({ children, field, sortableBy, connectAt }) => {
+		return (
+			<Repeater field={field} sortableBy={sortableBy} initialEntityCount={0}>
+				<HasOne field={connectAt} expectedMutation="connectOrDisconnect">
+					{children}
+				</HasOne>
+			</Repeater>
+		)
+	},
+)

package/src/contexts.ts

@@ -7,8 +7,6 @@ const _SelectCurrentEntitiesContext = createRequiredContext<EntityAccessor[]>('S
 export const SelectCurrentEntitiesContext = _SelectCurrentEntitiesContext[0]
 export const useSelectCurrentEntities = _SelectCurrentEntitiesContext[1]
 
-
-
 const _SelectIsSelectedContext = createRequiredContext<(entity: EntityAccessor) => boolean>('SelectIsSelectedContext')
 /** @internal */
 export const SelectIsSelectedContext = _SelectIsSelectedContext[0]

package/dist/development/index.cjs

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const contexts = require("./src/contexts.cjs");
-const MultiSelect = require("./src/components/MultiSelect.cjs");
-const Select = require("./src/components/Select.cjs");
-const SelectNewItem = require("./src/components/SelectNewItem.cjs");
-const SelectDataView = require("./src/components/SelectDataView.cjs");
-const SelectEachItem = require("./src/components/SelectEachItem.cjs");
-const SelectItemTrigger = require("./src/components/SelectItemTrigger.cjs");
-const SelectOption = require("./src/components/SelectOption.cjs");
-const SelectPlaceholder = require("./src/components/SelectPlaceholder.cjs");
-const SortableMultiSelect = require("./src/components/SortableMultiSelect.cjs");
-exports.SelectCurrentEntitiesContext = contexts.SelectCurrentEntitiesContext;
-exports.SelectHandleSelectContext = contexts.SelectHandleSelectContext;
-exports.SelectIsSelectedContext = contexts.SelectIsSelectedContext;
-exports.SelectOptionsContext = contexts.SelectOptionsContext;
-exports.useSelectCurrentEntities = contexts.useSelectCurrentEntities;
-exports.useSelectHandleSelect = contexts.useSelectHandleSelect;
-exports.useSelectIsSelected = contexts.useSelectIsSelected;
-exports.useSelectOptions = contexts.useSelectOptions;
-exports.MultiSelect = MultiSelect.MultiSelect;
-exports.Select = Select.Select;
-exports.SelectNewItem = SelectNewItem.SelectNewItem;
-exports.SelectDataView = SelectDataView.SelectDataView;
-exports.SelectEachValue = SelectEachItem.SelectEachValue;
-exports.SelectItemTrigger = SelectItemTrigger.SelectItemTrigger;
-exports.SelectOption = SelectOption.SelectOption;
-exports.SelectPlaceholder = SelectPlaceholder.SelectPlaceholder;
-exports.SortableMultiSelect = SortableMultiSelect.SortableMultiSelect;
-//# sourceMappingURL=index.cjs.map

package/dist/development/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/development/index.js

@@ -1,30 +0,0 @@
-import { SelectCurrentEntitiesContext, SelectHandleSelectContext, SelectIsSelectedContext, SelectOptionsContext, useSelectCurrentEntities, useSelectHandleSelect, useSelectIsSelected, useSelectOptions } from "./src/contexts.js";
-import { MultiSelect } from "./src/components/MultiSelect.js";
-import { Select } from "./src/components/Select.js";
-import { SelectNewItem } from "./src/components/SelectNewItem.js";
-import { SelectDataView } from "./src/components/SelectDataView.js";
-import { SelectEachValue } from "./src/components/SelectEachItem.js";
-import { SelectItemTrigger } from "./src/components/SelectItemTrigger.js";
-import { SelectOption } from "./src/components/SelectOption.js";
-import { SelectPlaceholder } from "./src/components/SelectPlaceholder.js";
-import { SortableMultiSelect } from "./src/components/SortableMultiSelect.js";
-export {
-  MultiSelect,
-  Select,
-  SelectCurrentEntitiesContext,
-  SelectDataView,
-  SelectEachValue,
-  SelectHandleSelectContext,
-  SelectIsSelectedContext,
-  SelectItemTrigger,
-  SelectNewItem,
-  SelectOption,
-  SelectOptionsContext,
-  SelectPlaceholder,
-  SortableMultiSelect,
-  useSelectCurrentEntities,
-  useSelectHandleSelect,
-  useSelectIsSelected,
-  useSelectOptions
-};
-//# sourceMappingURL=index.js.map

package/dist/development/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/development/src/components/MultiSelect.cjs

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxDevRuntime = require("react/jsx-dev-runtime");
-const React = require("react");
-const contexts = require("../contexts.cjs");
-const reactBinding = require("@contember/react-binding");
-const reactUtils = require("@contember/react-utils");
-const MultiSelect = reactBinding.Component(({ field, children, options, onSelect, onUnselect }) => {
-  const entities = reactBinding.useEntityList({ field });
-  options ?? (options = entities.name);
-  const entitiesArr = React.useMemo(() => Array.from(entities), [entities]);
-  const selectedEntities = React.useMemo(() => Array.from(entities).map((it) => it.id), [entities]);
-  const handler = reactUtils.useReferentiallyStableCallback((entity, action = "toggle") => {
-    const isSelected2 = selectedEntities.includes(entity.id);
-    if (action === "toggle") {
-      action = isSelected2 ? "unselect" : "select";
-    }
-    if (action === "unselect" && isSelected2) {
-      entities.disconnectEntity(entity);
-      onUnselect?.(entity);
-    } else if (action === "select" && !isSelected2) {
-      entities.connectEntity(entity);
-      onSelect?.(entity);
-    }
-  });
-  const isSelected = React.useCallback((entity) => {
-    return selectedEntities.includes(entity.id);
-  }, [selectedEntities]);
-  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(contexts.SelectCurrentEntitiesContext.Provider, { value: entitiesArr, children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(contexts.SelectIsSelectedContext.Provider, { value: isSelected, children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(contexts.SelectHandleSelectContext.Provider, { value: handler, children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(contexts.SelectOptionsContext.Provider, { value: options, children }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-select/src/components/MultiSelect.tsx",
-    lineNumber: 42,
-    columnNumber: 6
-  }, void 0) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-select/src/components/MultiSelect.tsx",
-    lineNumber: 41,
-    columnNumber: 5
-  }, void 0) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-select/src/components/MultiSelect.tsx",
-    lineNumber: 40,
-    columnNumber: 4
-  }, void 0) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-select/src/components/MultiSelect.tsx",
-    lineNumber: 39,
-    columnNumber: 3
-  }, void 0);
-}, ({ field, children }) => {
-  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(reactBinding.HasMany, { field, expectedMutation: "connectOrDisconnect", children }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-select/src/components/MultiSelect.tsx",
-    lineNumber: 51,
-    columnNumber: 3
-  }, void 0);
-});
-exports.MultiSelect = MultiSelect;
-//# sourceMappingURL=MultiSelect.cjs.map

package/dist/development/src/components/MultiSelect.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSelect.cjs","sources":["../../../../../packages/react-select/src/components/MultiSelect.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useMemo } from 'react'\nimport { SelectCurrentEntitiesContext, SelectHandler, SelectHandleSelectContext, SelectIsSelectedContext, SelectOptionsContext } from '../contexts'\nimport { Component, EntityAccessor, HasMany, SugaredQualifiedEntityList, SugaredRelativeEntityList, useEntityList } from '@contember/react-binding'\nimport { useReferentiallyStableCallback } from '@contember/react-utils'\nimport { SelectEvents } from '../types'\n\nexport type MultiSelectProps =\n\t& {\n\t\tchildren: ReactNode\n\t\tfield: SugaredRelativeEntityList['field']\n\t\toptions?: SugaredQualifiedEntityList['entities']\n\t}\n\t& SelectEvents\n\nexport const MultiSelect = Component(({ field, children, options, onSelect, onUnselect }: MultiSelectProps) => {\n\tconst entities = useEntityList({ field })\n\toptions ??= entities.name\n\tconst entitiesArr = useMemo(() => Array.from(entities), [entities])\n\tconst selectedEntities = useMemo(() => Array.from(entities).map(it => it.id), [entities])\n\n\tconst handler = useReferentiallyStableCallback<SelectHandler>((entity, action = 'toggle') => {\n\t\tconst isSelected = selectedEntities.includes(entity.id)\n\t\tif (action === 'toggle') {\n\t\t\taction = isSelected ? 'unselect' : 'select'\n\t\t}\n\t\tif (action === 'unselect' && isSelected) {\n\t\t\tentities.disconnectEntity(entity)\n\t\t\tonUnselect?.(entity)\n\t\t} else if (action === 'select' && !isSelected) {\n\t\t\tentities.connectEntity(entity)\n\t\t\tonSelect?.(entity)\n\t\t}\n\t})\n\tconst isSelected = useCallback((entity: EntityAccessor) => {\n\t\treturn selectedEntities.includes(entity.id)\n\t}, [selectedEntities])\n\n\treturn (\n\t\t<SelectCurrentEntitiesContext.Provider value={entitiesArr}>\n\t\t\t<SelectIsSelectedContext.Provider value={isSelected}>\n\t\t\t\t<SelectHandleSelectContext.Provider value={handler}>\n\t\t\t\t\t<SelectOptionsContext.Provider value={options}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</SelectOptionsContext.Provider>\n\t\t\t\t</SelectHandleSelectContext.Provider>\n\t\t\t</SelectIsSelectedContext.Provider>\n\t\t</SelectCurrentEntitiesContext.Provider>\n\t)\n}, ({ field, children }) => {\n\treturn (\n\t\t<HasMany field={field} expectedMutation=\"connectOrDisconnect\">\n\t\t\t{children}\n\t\t</HasMany>\n\t)\n})\n\n"],"names":["Component","useEntityList","useMemo","useReferentiallyStableCallback","isSelected","useCallback","jsxDEV","SelectCurrentEntitiesContext","SelectIsSelectedContext","SelectHandleSelectContext","SelectOptionsContext","this","HasMany"],"mappings":";;;;;;;AAca,MAAA,cAAcA,aAAAA,UAAU,CAAC,EAAE,OAAO,UAAU,SAAS,UAAU,iBAAmC;AAC9G,QAAM,WAAWC,aAAAA,cAAc,EAAE,OAAO;AACxC,cAAA,UAAY,SAAS;AACf,QAAA,cAAcC,cAAQ,MAAM,MAAM,KAAK,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAClE,QAAM,mBAAmBA,MAAA,QAAQ,MAAM,MAAM,KAAK,QAAQ,EAAE,IAAI,CAAA,OAAM,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC;AAExF,QAAM,UAAUC,WAAA,+BAA8C,CAAC,QAAQ,SAAS,aAAa;AAC5F,UAAMC,cAAa,iBAAiB,SAAS,OAAO,EAAE;AACtD,QAAI,WAAW,UAAU;AACxB,eAASA,cAAa,aAAa;AAAA,IAAA;AAEhC,QAAA,WAAW,cAAcA,aAAY;AACxC,eAAS,iBAAiB,MAAM;AAChC,mBAAa,MAAM;AAAA,IACT,WAAA,WAAW,YAAY,CAACA,aAAY;AAC9C,eAAS,cAAc,MAAM;AAC7B,iBAAW,MAAM;AAAA,IAAA;AAAA,EAClB,CACA;AACK,QAAA,aAAaC,kBAAY,CAAC,WAA2B;AACnD,WAAA,iBAAiB,SAAS,OAAO,EAAE;AAAA,EAAA,GACxC,CAAC,gBAAgB,CAAC;AAGpB,SAAAC,8BAAA,OAACC,SAA6B,6BAAA,UAA7B,EAAsC,OAAO,aAC7C,UAACD,8BAAAA,OAAAE,SAAAA,wBAAwB,UAAxB,EAAiC,OAAO,YACxC,+CAACC,mCAA0B,UAA1B,EAAmC,OAAO,SAC1C,UAAAH,8BAAA,OAACI,8BAAqB,UAArB,EAA8B,OAAO,SACpC,SADF,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAC,MAEA,EAHD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAA,MAIA,EALD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAA,MAMA,EAPD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAQA,GAAAA,MAAA;AAEF,GAAG,CAAC,EAAE,OAAO,eAAe;AAC3B,SACEL,8BAAA,OAAAM,sBAAA,EAAQ,OAAc,kBAAiB,uBACtC,SADF,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAEA,GAAAD,MAAA;AAEF,CAAC;;"}

package/dist/development/src/components/MultiSelect.js

@@ -1,54 +0,0 @@
-import { jsxDEV } from "react/jsx-dev-runtime";
-import { useMemo, useCallback } from "react";
-import { SelectCurrentEntitiesContext, SelectIsSelectedContext, SelectHandleSelectContext, SelectOptionsContext } from "../contexts.js";
-import { Component, useEntityList, HasMany } from "@contember/react-binding";
-import { useReferentiallyStableCallback } from "@contember/react-utils";
-const MultiSelect = Component(({ field, children, options, onSelect, onUnselect }) => {
-  const entities = useEntityList({ field });
-  options ?? (options = entities.name);
-  const entitiesArr = useMemo(() => Array.from(entities), [entities]);
-  const selectedEntities = useMemo(() => Array.from(entities).map((it) => it.id), [entities]);
-  const handler = useReferentiallyStableCallback((entity, action = "toggle") => {
-    const isSelected2 = selectedEntities.includes(entity.id);
-    if (action === "toggle") {
-      action = isSelected2 ? "unselect" : "select";
-    }
-    if (action === "unselect" && isSelected2) {
-      entities.disconnectEntity(entity);
-      onUnselect?.(entity);
-    } else if (action === "select" && !isSelected2) {
-      entities.connectEntity(entity);
-      onSelect?.(entity);
-    }
-  });
-  const isSelected = useCallback((entity) => {
-    return selectedEntities.includes(entity.id);
-  }, [selectedEntities]);
-  return /* @__PURE__ */ jsxDEV(SelectCurrentEntitiesContext.Provider, { value: entitiesArr, children: /* @__PURE__ */ jsxDEV(SelectIsSelectedContext.Provider, { value: isSelected, children: /* @__PURE__ */ jsxDEV(SelectHandleSelectContext.Provider, { value: handler, children: /* @__PURE__ */ jsxDEV(SelectOptionsContext.Provider, { value: options, children }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-select/src/components/MultiSelect.tsx",
-    lineNumber: 42,
-    columnNumber: 6
-  }, void 0) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-select/src/components/MultiSelect.tsx",
-    lineNumber: 41,
-    columnNumber: 5
-  }, void 0) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-select/src/components/MultiSelect.tsx",
-    lineNumber: 40,
-    columnNumber: 4
-  }, void 0) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-select/src/components/MultiSelect.tsx",
-    lineNumber: 39,
-    columnNumber: 3
-  }, void 0);
-}, ({ field, children }) => {
-  return /* @__PURE__ */ jsxDEV(HasMany, { field, expectedMutation: "connectOrDisconnect", children }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-select/src/components/MultiSelect.tsx",
-    lineNumber: 51,
-    columnNumber: 3
-  }, void 0);
-});
-export {
-  MultiSelect
-};
-//# sourceMappingURL=MultiSelect.js.map

package/dist/development/src/components/MultiSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSelect.js","sources":["../../../../../packages/react-select/src/components/MultiSelect.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useMemo } from 'react'\nimport { SelectCurrentEntitiesContext, SelectHandler, SelectHandleSelectContext, SelectIsSelectedContext, SelectOptionsContext } from '../contexts'\nimport { Component, EntityAccessor, HasMany, SugaredQualifiedEntityList, SugaredRelativeEntityList, useEntityList } from '@contember/react-binding'\nimport { useReferentiallyStableCallback } from '@contember/react-utils'\nimport { SelectEvents } from '../types'\n\nexport type MultiSelectProps =\n\t& {\n\t\tchildren: ReactNode\n\t\tfield: SugaredRelativeEntityList['field']\n\t\toptions?: SugaredQualifiedEntityList['entities']\n\t}\n\t& SelectEvents\n\nexport const MultiSelect = Component(({ field, children, options, onSelect, onUnselect }: MultiSelectProps) => {\n\tconst entities = useEntityList({ field })\n\toptions ??= entities.name\n\tconst entitiesArr = useMemo(() => Array.from(entities), [entities])\n\tconst selectedEntities = useMemo(() => Array.from(entities).map(it => it.id), [entities])\n\n\tconst handler = useReferentiallyStableCallback<SelectHandler>((entity, action = 'toggle') => {\n\t\tconst isSelected = selectedEntities.includes(entity.id)\n\t\tif (action === 'toggle') {\n\t\t\taction = isSelected ? 'unselect' : 'select'\n\t\t}\n\t\tif (action === 'unselect' && isSelected) {\n\t\t\tentities.disconnectEntity(entity)\n\t\t\tonUnselect?.(entity)\n\t\t} else if (action === 'select' && !isSelected) {\n\t\t\tentities.connectEntity(entity)\n\t\t\tonSelect?.(entity)\n\t\t}\n\t})\n\tconst isSelected = useCallback((entity: EntityAccessor) => {\n\t\treturn selectedEntities.includes(entity.id)\n\t}, [selectedEntities])\n\n\treturn (\n\t\t<SelectCurrentEntitiesContext.Provider value={entitiesArr}>\n\t\t\t<SelectIsSelectedContext.Provider value={isSelected}>\n\t\t\t\t<SelectHandleSelectContext.Provider value={handler}>\n\t\t\t\t\t<SelectOptionsContext.Provider value={options}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</SelectOptionsContext.Provider>\n\t\t\t\t</SelectHandleSelectContext.Provider>\n\t\t\t</SelectIsSelectedContext.Provider>\n\t\t</SelectCurrentEntitiesContext.Provider>\n\t)\n}, ({ field, children }) => {\n\treturn (\n\t\t<HasMany field={field} expectedMutation=\"connectOrDisconnect\">\n\t\t\t{children}\n\t\t</HasMany>\n\t)\n})\n\n"],"names":["isSelected","this"],"mappings":";;;;;AAca,MAAA,cAAc,UAAU,CAAC,EAAE,OAAO,UAAU,SAAS,UAAU,iBAAmC;AAC9G,QAAM,WAAW,cAAc,EAAE,OAAO;AACxC,cAAA,UAAY,SAAS;AACf,QAAA,cAAc,QAAQ,MAAM,MAAM,KAAK,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAClE,QAAM,mBAAmB,QAAQ,MAAM,MAAM,KAAK,QAAQ,EAAE,IAAI,CAAA,OAAM,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC;AAExF,QAAM,UAAU,+BAA8C,CAAC,QAAQ,SAAS,aAAa;AAC5F,UAAMA,cAAa,iBAAiB,SAAS,OAAO,EAAE;AACtD,QAAI,WAAW,UAAU;AACxB,eAASA,cAAa,aAAa;AAAA,IAAA;AAEhC,QAAA,WAAW,cAAcA,aAAY;AACxC,eAAS,iBAAiB,MAAM;AAChC,mBAAa,MAAM;AAAA,IACT,WAAA,WAAW,YAAY,CAACA,aAAY;AAC9C,eAAS,cAAc,MAAM;AAC7B,iBAAW,MAAM;AAAA,IAAA;AAAA,EAClB,CACA;AACK,QAAA,aAAa,YAAY,CAAC,WAA2B;AACnD,WAAA,iBAAiB,SAAS,OAAO,EAAE;AAAA,EAAA,GACxC,CAAC,gBAAgB,CAAC;AAGpB,SAAA,uBAAC,6BAA6B,UAA7B,EAAsC,OAAO,aAC7C,UAAC,uBAAA,wBAAwB,UAAxB,EAAiC,OAAO,YACxC,iCAAC,0BAA0B,UAA1B,EAAmC,OAAO,SAC1C,UAAA,uBAAC,qBAAqB,UAArB,EAA8B,OAAO,SACpC,SADF,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAC,MAEA,EAHD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAA,MAIA,EALD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAA,MAMA,EAPD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAQA,GAAAA,MAAA;AAEF,GAAG,CAAC,EAAE,OAAO,eAAe;AAC3B,SACE,uBAAA,SAAA,EAAQ,OAAc,kBAAiB,uBACtC,SADF,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAEA,GAAAA,MAAA;AAEF,CAAC;"}

package/dist/development/src/components/Select.cjs

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxDevRuntime = require("react/jsx-dev-runtime");
-const React = require("react");
-const contexts = require("../contexts.cjs");
-const reactBinding = require("@contember/react-binding");
-const reactUtils = require("@contember/react-utils");
-const Select = reactBinding.Component(({ field, children, onUnselect, onSelect, options }) => {
-  const entity = reactBinding.useEntity();
-  const selectedEntity = entity.getEntity({ field });
-  options ?? (options = selectedEntity.name);
-  const entityExists = selectedEntity.existsOnServer || selectedEntity.hasUnpersistedChanges;
-  const entitiesArr = React.useMemo(() => entityExists ? [selectedEntity] : [], [entityExists, selectedEntity]);
-  const handleSelect = reactUtils.useReferentiallyStableCallback((selected, action = "toggle") => {
-    if (action === "toggle") {
-      action = selected.id === selectedEntity.id ? "unselect" : "select";
-    }
-    if (action === "unselect") {
-      entity.disconnectEntityAtField({ field });
-      onUnselect?.(selected);
-    } else if (action === "select") {
-      entity.connectEntityAtField({ field }, selected);
-      onSelect?.(selected);
-    }
-  });
-  const isSelected = React.useCallback((entity2) => entity2.id === selectedEntity.id, [selectedEntity.id]);
-  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(contexts.SelectCurrentEntitiesContext.Provider, { value: entitiesArr, children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(contexts.SelectIsSelectedContext.Provider, { value: isSelected, children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(contexts.SelectHandleSelectContext.Provider, { value: handleSelect, children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(contexts.SelectOptionsContext.Provider, { value: options, children }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-select/src/components/Select.tsx",
-    lineNumber: 42,
-    columnNumber: 6
-  }, void 0) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-select/src/components/Select.tsx",
-    lineNumber: 41,
-    columnNumber: 5
-  }, void 0) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-select/src/components/Select.tsx",
-    lineNumber: 40,
-    columnNumber: 4
-  }, void 0) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-select/src/components/Select.tsx",
-    lineNumber: 39,
-    columnNumber: 3
-  }, void 0);
-}, ({ field, children, isNonbearing }) => {
-  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(reactBinding.HasOne, { field, expectedMutation: "connectOrDisconnect", isNonbearing, children }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-select/src/components/Select.tsx",
-    lineNumber: 51,
-    columnNumber: 3
-  }, void 0);
-});
-exports.Select = Select;
-//# sourceMappingURL=Select.cjs.map

package/dist/development/src/components/Select.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.cjs","sources":["../../../../../packages/react-select/src/components/Select.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useMemo } from 'react'\nimport { SelectCurrentEntitiesContext, SelectHandler, SelectHandleSelectContext, SelectIsSelectedContext, SelectOptionsContext } from '../contexts'\nimport { Component, EntityAccessor, HasOne, SugaredQualifiedEntityList, SugaredRelativeSingleEntity, useEntity } from '@contember/react-binding'\nimport { useReferentiallyStableCallback } from '@contember/react-utils'\nimport { SelectEvents } from '../types'\n\nexport type SelectProps =\n\t& {\n\t\tchildren: ReactNode\n\t\tfield: SugaredRelativeSingleEntity['field']\n\t\toptions?: SugaredQualifiedEntityList['entities']\n\t\tisNonbearing?: boolean\n\t}\n\t& SelectEvents\n\nexport const Select = Component(({ field, children, onUnselect, onSelect, options }: SelectProps) => {\n\tconst entity = useEntity()\n\tconst selectedEntity = entity.getEntity({ field })\n\toptions ??= selectedEntity.name\n\n\tconst entityExists = selectedEntity.existsOnServer || selectedEntity.hasUnpersistedChanges\n\tconst entitiesArr = useMemo(() => entityExists ? [selectedEntity] : [], [entityExists, selectedEntity])\n\n\tconst handleSelect = useReferentiallyStableCallback<SelectHandler>((selected, action = 'toggle') => {\n\t\tif (action === 'toggle') {\n\t\t\taction = selected.id === selectedEntity.id ? 'unselect' : 'select'\n\t\t}\n\t\tif (action === 'unselect') {\n\t\t\tentity.disconnectEntityAtField({ field })\n\t\t\tonUnselect?.(selected)\n\t\t} else if (action === 'select') {\n\t\t\tentity.connectEntityAtField({ field }, selected)\n\t\t\tonSelect?.(selected)\n\t\t}\n\t})\n\tconst isSelected = useCallback((entity: EntityAccessor) => entity.id === selectedEntity.id, [selectedEntity.id])\n\n\treturn (\n\t\t<SelectCurrentEntitiesContext.Provider value={entitiesArr}>\n\t\t\t<SelectIsSelectedContext.Provider value={isSelected}>\n\t\t\t\t<SelectHandleSelectContext.Provider value={handleSelect}>\n\t\t\t\t\t<SelectOptionsContext.Provider value={options}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</SelectOptionsContext.Provider>\n\t\t\t\t</SelectHandleSelectContext.Provider>\n\t\t\t</SelectIsSelectedContext.Provider>\n\t\t</SelectCurrentEntitiesContext.Provider>\n\t)\n}, ({ field, children, isNonbearing }) => {\n\treturn (\n\t\t<HasOne field={field} expectedMutation=\"connectOrDisconnect\" isNonbearing={isNonbearing}>\n\t\t\t{children}\n\t\t</HasOne>\n\t)\n})\n\n"],"names":["Component","useEntity","useMemo","useReferentiallyStableCallback","useCallback","entity","jsxDEV","SelectCurrentEntitiesContext","SelectIsSelectedContext","SelectHandleSelectContext","SelectOptionsContext","this","HasOne"],"mappings":";;;;;;;AAea,MAAA,SAASA,aAAAA,UAAU,CAAC,EAAE,OAAO,UAAU,YAAY,UAAU,cAA2B;AACpG,QAAM,SAASC,aAAAA,UAAU;AACzB,QAAM,iBAAiB,OAAO,UAAU,EAAE,OAAO;AACjD,cAAA,UAAY,eAAe;AAErB,QAAA,eAAe,eAAe,kBAAkB,eAAe;AACrE,QAAM,cAAcC,cAAQ,MAAM,eAAe,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,cAAc,CAAC;AAEtG,QAAM,eAAeC,WAAA,+BAA8C,CAAC,UAAU,SAAS,aAAa;AACnG,QAAI,WAAW,UAAU;AACxB,eAAS,SAAS,OAAO,eAAe,KAAK,aAAa;AAAA,IAAA;AAE3D,QAAI,WAAW,YAAY;AACnB,aAAA,wBAAwB,EAAE,OAAO;AACxC,mBAAa,QAAQ;AAAA,IAAA,WACX,WAAW,UAAU;AAC/B,aAAO,qBAAqB,EAAE,MAAM,GAAG,QAAQ;AAC/C,iBAAW,QAAQ;AAAA,IAAA;AAAA,EACpB,CACA;AACK,QAAA,aAAaC,MAAAA,YAAY,CAACC,YAA2BA,QAAO,OAAO,eAAe,IAAI,CAAC,eAAe,EAAE,CAAC;AAG9G,SAAAC,8BAAA,OAACC,SAA6B,6BAAA,UAA7B,EAAsC,OAAO,aAC7C,UAACD,8BAAAA,OAAAE,SAAAA,wBAAwB,UAAxB,EAAiC,OAAO,YACxC,+CAACC,mCAA0B,UAA1B,EAAmC,OAAO,cAC1C,UAAAH,8BAAA,OAACI,8BAAqB,UAArB,EAA8B,OAAO,SACpC,SADF,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAC,MAEA,EAHD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAA,MAIA,EALD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAA,MAMA,EAPD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAQA,GAAAA,MAAA;AAEF,GAAG,CAAC,EAAE,OAAO,UAAU,mBAAmB;AACzC,8CACEC,aAAAA,QAAO,EAAA,OAAc,kBAAiB,uBAAsB,cAC3D,SADF,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAEA,GAAAD,MAAA;AAEF,CAAC;;"}

package/dist/development/src/components/Select.js

@@ -1,52 +0,0 @@
-import { jsxDEV } from "react/jsx-dev-runtime";
-import { useMemo, useCallback } from "react";
-import { SelectCurrentEntitiesContext, SelectIsSelectedContext, SelectHandleSelectContext, SelectOptionsContext } from "../contexts.js";
-import { Component, useEntity, HasOne } from "@contember/react-binding";
-import { useReferentiallyStableCallback } from "@contember/react-utils";
-const Select = Component(({ field, children, onUnselect, onSelect, options }) => {
-  const entity = useEntity();
-  const selectedEntity = entity.getEntity({ field });
-  options ?? (options = selectedEntity.name);
-  const entityExists = selectedEntity.existsOnServer || selectedEntity.hasUnpersistedChanges;
-  const entitiesArr = useMemo(() => entityExists ? [selectedEntity] : [], [entityExists, selectedEntity]);
-  const handleSelect = useReferentiallyStableCallback((selected, action = "toggle") => {
-    if (action === "toggle") {
-      action = selected.id === selectedEntity.id ? "unselect" : "select";
-    }
-    if (action === "unselect") {
-      entity.disconnectEntityAtField({ field });
-      onUnselect?.(selected);
-    } else if (action === "select") {
-      entity.connectEntityAtField({ field }, selected);
-      onSelect?.(selected);
-    }
-  });
-  const isSelected = useCallback((entity2) => entity2.id === selectedEntity.id, [selectedEntity.id]);
-  return /* @__PURE__ */ jsxDEV(SelectCurrentEntitiesContext.Provider, { value: entitiesArr, children: /* @__PURE__ */ jsxDEV(SelectIsSelectedContext.Provider, { value: isSelected, children: /* @__PURE__ */ jsxDEV(SelectHandleSelectContext.Provider, { value: handleSelect, children: /* @__PURE__ */ jsxDEV(SelectOptionsContext.Provider, { value: options, children }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-select/src/components/Select.tsx",
-    lineNumber: 42,
-    columnNumber: 6
-  }, void 0) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-select/src/components/Select.tsx",
-    lineNumber: 41,
-    columnNumber: 5
-  }, void 0) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-select/src/components/Select.tsx",
-    lineNumber: 40,
-    columnNumber: 4
-  }, void 0) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-select/src/components/Select.tsx",
-    lineNumber: 39,
-    columnNumber: 3
-  }, void 0);
-}, ({ field, children, isNonbearing }) => {
-  return /* @__PURE__ */ jsxDEV(HasOne, { field, expectedMutation: "connectOrDisconnect", isNonbearing, children }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-select/src/components/Select.tsx",
-    lineNumber: 51,
-    columnNumber: 3
-  }, void 0);
-});
-export {
-  Select
-};
-//# sourceMappingURL=Select.js.map

package/dist/development/src/components/Select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.js","sources":["../../../../../packages/react-select/src/components/Select.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useMemo } from 'react'\nimport { SelectCurrentEntitiesContext, SelectHandler, SelectHandleSelectContext, SelectIsSelectedContext, SelectOptionsContext } from '../contexts'\nimport { Component, EntityAccessor, HasOne, SugaredQualifiedEntityList, SugaredRelativeSingleEntity, useEntity } from '@contember/react-binding'\nimport { useReferentiallyStableCallback } from '@contember/react-utils'\nimport { SelectEvents } from '../types'\n\nexport type SelectProps =\n\t& {\n\t\tchildren: ReactNode\n\t\tfield: SugaredRelativeSingleEntity['field']\n\t\toptions?: SugaredQualifiedEntityList['entities']\n\t\tisNonbearing?: boolean\n\t}\n\t& SelectEvents\n\nexport const Select = Component(({ field, children, onUnselect, onSelect, options }: SelectProps) => {\n\tconst entity = useEntity()\n\tconst selectedEntity = entity.getEntity({ field })\n\toptions ??= selectedEntity.name\n\n\tconst entityExists = selectedEntity.existsOnServer || selectedEntity.hasUnpersistedChanges\n\tconst entitiesArr = useMemo(() => entityExists ? [selectedEntity] : [], [entityExists, selectedEntity])\n\n\tconst handleSelect = useReferentiallyStableCallback<SelectHandler>((selected, action = 'toggle') => {\n\t\tif (action === 'toggle') {\n\t\t\taction = selected.id === selectedEntity.id ? 'unselect' : 'select'\n\t\t}\n\t\tif (action === 'unselect') {\n\t\t\tentity.disconnectEntityAtField({ field })\n\t\t\tonUnselect?.(selected)\n\t\t} else if (action === 'select') {\n\t\t\tentity.connectEntityAtField({ field }, selected)\n\t\t\tonSelect?.(selected)\n\t\t}\n\t})\n\tconst isSelected = useCallback((entity: EntityAccessor) => entity.id === selectedEntity.id, [selectedEntity.id])\n\n\treturn (\n\t\t<SelectCurrentEntitiesContext.Provider value={entitiesArr}>\n\t\t\t<SelectIsSelectedContext.Provider value={isSelected}>\n\t\t\t\t<SelectHandleSelectContext.Provider value={handleSelect}>\n\t\t\t\t\t<SelectOptionsContext.Provider value={options}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</SelectOptionsContext.Provider>\n\t\t\t\t</SelectHandleSelectContext.Provider>\n\t\t\t</SelectIsSelectedContext.Provider>\n\t\t</SelectCurrentEntitiesContext.Provider>\n\t)\n}, ({ field, children, isNonbearing }) => {\n\treturn (\n\t\t<HasOne field={field} expectedMutation=\"connectOrDisconnect\" isNonbearing={isNonbearing}>\n\t\t\t{children}\n\t\t</HasOne>\n\t)\n})\n\n"],"names":["entity","this"],"mappings":";;;;;AAea,MAAA,SAAS,UAAU,CAAC,EAAE,OAAO,UAAU,YAAY,UAAU,cAA2B;AACpG,QAAM,SAAS,UAAU;AACzB,QAAM,iBAAiB,OAAO,UAAU,EAAE,OAAO;AACjD,cAAA,UAAY,eAAe;AAErB,QAAA,eAAe,eAAe,kBAAkB,eAAe;AACrE,QAAM,cAAc,QAAQ,MAAM,eAAe,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,cAAc,CAAC;AAEtG,QAAM,eAAe,+BAA8C,CAAC,UAAU,SAAS,aAAa;AACnG,QAAI,WAAW,UAAU;AACxB,eAAS,SAAS,OAAO,eAAe,KAAK,aAAa;AAAA,IAAA;AAE3D,QAAI,WAAW,YAAY;AACnB,aAAA,wBAAwB,EAAE,OAAO;AACxC,mBAAa,QAAQ;AAAA,IAAA,WACX,WAAW,UAAU;AAC/B,aAAO,qBAAqB,EAAE,MAAM,GAAG,QAAQ;AAC/C,iBAAW,QAAQ;AAAA,IAAA;AAAA,EACpB,CACA;AACK,QAAA,aAAa,YAAY,CAACA,YAA2BA,QAAO,OAAO,eAAe,IAAI,CAAC,eAAe,EAAE,CAAC;AAG9G,SAAA,uBAAC,6BAA6B,UAA7B,EAAsC,OAAO,aAC7C,UAAC,uBAAA,wBAAwB,UAAxB,EAAiC,OAAO,YACxC,iCAAC,0BAA0B,UAA1B,EAAmC,OAAO,cAC1C,UAAA,uBAAC,qBAAqB,UAArB,EAA8B,OAAO,SACpC,SADF,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAC,MAEA,EAHD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAA,MAIA,EALD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAA,MAMA,EAPD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAQA,GAAAA,MAAA;AAEF,GAAG,CAAC,EAAE,OAAO,UAAU,mBAAmB;AACzC,gCACE,QAAO,EAAA,OAAc,kBAAiB,uBAAsB,cAC3D,SADF,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAEA,GAAAA,MAAA;AAEF,CAAC;"}