@aglyn/besigner-ui 1.0.0-beta.143

package/src/lib/form-fields/components/shared/toggle-button-form-control.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { type MdiIconProps } from '@aglyn/shared-ui-jsx';
+import { type InlineFormControlProps } from './inline-form-control';
+export type ButtonGroupFormControl = {
+    name?: string;
+    label?: JSX.Children;
+    helperText?: JSX.Children;
+    options?: Array<{
+        value?: string;
+        label?: string;
+        icon?: MdiIconProps;
+    }>;
+};
+export interface ToggleButtonFormControlProps extends InlineFormControlProps {
+    schema: ButtonGroupFormControl;
+}
+export declare const ToggleButtonFormControl: import("react").ForwardRefExoticComponent<Omit<ToggleButtonFormControlProps, "ref"> & import("react").RefAttributes<any>>;
+export default ToggleButtonFormControl;

package/src/lib/form-fields/components/shared/toggle-button-form-control.js

@@ -0,0 +1,83 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { MdiIcon } from "@aglyn/shared-ui-jsx";
+import { ToggleButton, ToggleButtonGroup, Tooltip } from "@mui/material";
+import { forwardRef, useCallback, useEffect, useState } from "react";
+import InlineFormControl from "./inline-form-control.js";
+export const ToggleButtonFormControl = /*#__PURE__*/ forwardRef((props, ref)=>{
+    var _schema_options;
+    const { schema, value, onChange } = props, rest = _object_without_properties_loose(props, [
+        "schema",
+        "value",
+        "onChange"
+    ]);
+    const [localValue, setLocalValue] = useState(value || '');
+    useEffect(()=>{
+        setLocalValue(value || '');
+    }, [
+        value
+    ]);
+    const handleChange = useCallback((e, value)=>{
+        setLocalValue(value);
+        onChange == null ? void 0 : onChange(e, value);
+    }, [
+        onChange
+    ]);
+    return /*#__PURE__*/ _jsx(InlineFormControl, _extends({
+        ref: ref,
+        label: schema.label,
+        helperText: /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                schema.helperText,
+                " ",
+                /*#__PURE__*/ _jsxs("b", {
+                    children: [
+                        "- ",
+                        localValue || 'not set'
+                    ]
+                })
+            ]
+        })
+    }, rest, {
+        children: /*#__PURE__*/ _jsx(ToggleButtonGroup, {
+            exclusive: true,
+            fullWidth: true,
+            size: "small",
+            onChange: handleChange,
+            value: localValue,
+            children: (_schema_options = schema.options) == null ? void 0 : _schema_options.map((i)=>/*#__PURE__*/ _jsx(ToggleButton, {
+                    value: i.value,
+                    "aria-label": i.label,
+                    sx: {
+                        p: 0.5
+                    },
+                    children: /*#__PURE__*/ _jsx(Tooltip, {
+                        title: i.label,
+                        children: /*#__PURE__*/ _jsx(MdiIcon, _extends({
+                            fontSize: "small"
+                        }, i.icon))
+                    })
+                }, i.value))
+        })
+    }));
+});
+ToggleButtonFormControl.displayName = 'ToggleButtonFormControl';
+export default ToggleButtonFormControl;
+
+//# sourceMappingURL=toggle-button-form-control.js.map

package/src/lib/form-fields/components/shared/toggle-button-form-control.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../libs/besigner/feature/designer/src/lib/form-fields/components/shared/toggle-button-form-control.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { MdiIcon, type MdiIconProps } from '@aglyn/shared-ui-jsx'\nimport { ToggleButton, ToggleButtonGroup, Tooltip } from '@mui/material'\nimport { forwardRef, type MouseEvent, useCallback, useEffect, useState } from 'react'\nimport InlineFormControl, {\n  type InlineFormControlProps,\n} from './inline-form-control'\n\nexport type ButtonGroupFormControl = {\n  name?: string\n  label?: JSX.Children\n  helperText?: JSX.Children\n  options?: Array<{\n    value?: string\n    label?: string\n    icon?: MdiIconProps\n  }>\n}\n\nexport interface ToggleButtonFormControlProps extends InlineFormControlProps {\n  schema: ButtonGroupFormControl\n}\n\nexport const ToggleButtonFormControl = forwardRef<\n  any,\n  ToggleButtonFormControlProps\n>((props, ref) => {\n  const { schema, value, onChange, ...rest } = props\n\n  const [localValue, setLocalValue] = useState<string>(value || '')\n\n  useEffect(() => {\n    setLocalValue(value || '')\n  }, [value])\n\n  const handleChange = useCallback(\n    (e: MouseEvent<HTMLElement>, value: string) => {\n      setLocalValue(value)\n      onChange?.(e, value)\n    },\n    [onChange],\n  )\n\n  return (\n    <InlineFormControl\n      ref={ref}\n      label={schema.label}\n      helperText={\n        <>\n          {schema.helperText} {<b>- {localValue || 'not set'}</b>}\n        </>\n      }\n      {...rest}\n    >\n      <ToggleButtonGroup\n        exclusive\n        fullWidth\n        size=\"small\"\n        onChange={handleChange}\n        value={localValue}\n      >\n        {schema.options?.map((i) => (\n          <ToggleButton\n            key={i.value}\n            value={i.value}\n            aria-label={i.label}\n            sx={{ p: 0.5 }}\n          >\n            <Tooltip title={i.label}>\n              <MdiIcon fontSize=\"small\" {...i.icon} />\n            </Tooltip>\n          </ToggleButton>\n        ))}\n      </ToggleButtonGroup>\n    </InlineFormControl>\n  )\n})\nToggleButtonFormControl.displayName = 'ToggleButtonFormControl'\n\nexport default ToggleButtonFormControl\n"],"names":["MdiIcon","ToggleButton","ToggleButtonGroup","Tooltip","forwardRef","useCallback","useEffect","useState","InlineFormControl","ToggleButtonFormControl","props","ref","schema","value","onChange","rest","localValue","setLocalValue","handleChange","e","label","helperText","b","exclusive","fullWidth","size","options","map","i","aria-label","sx","p","title","fontSize","icon","displayName"],"mappings":";;;AAAA;;;;;;;;;;;;;;;CAeC,GAED,SAASA,OAAO,QAA2B,uBAAsB;AACjE,SAASC,YAAY,EAAEC,iBAAiB,EAAEC,OAAO,QAAQ,gBAAe;AACxE,SAASC,UAAU,EAAmBC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AACrF,OAAOC,uBAEA,2BAAuB;AAiB9B,OAAO,MAAMC,wCAA0BL,WAGrC,CAACM,OAAOC;QAmCDC;IAlCP,MAAM,EAAEA,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAW,GAAGJ,OAATK,wCAASL;;;;;IAE7C,MAAM,CAACM,YAAYC,cAAc,GAAGV,SAAiBM,SAAS;IAE9DP,UAAU;QACRW,cAAcJ,SAAS;IACzB,GAAG;QAACA;KAAM;IAEV,MAAMK,eAAeb,YACnB,CAACc,GAA4BN;QAC3BI,cAAcJ;QACdC,4BAAAA,SAAWK,GAAGN;IAChB,GACA;QAACC;KAAS;IAGZ,qBACE,KAACN;QACCG,KAAKA;QACLS,OAAOR,OAAOQ,KAAK;QACnBC,0BACE;;gBACGT,OAAOS,UAAU;gBAAC;8BAAE,MAACC;;wBAAE;wBAAGN,cAAc;;;;;OAGzCD;kBAEJ,cAAA,KAACb;YACCqB,SAAS;YACTC,SAAS;YACTC,MAAK;YACLX,UAAUI;YACVL,OAAOG;uBAENJ,kBAAAA,OAAOc,OAAO,qBAAdd,gBAAgBe,GAAG,CAAC,CAACC,kBACpB,KAAC3B;oBAECY,OAAOe,EAAEf,KAAK;oBACdgB,cAAYD,EAAER,KAAK;oBACnBU,IAAI;wBAAEC,GAAG;oBAAI;8BAEb,cAAA,KAAC5B;wBAAQ6B,OAAOJ,EAAER,KAAK;kCACrB,cAAA,KAACpB;4BAAQiC,UAAS;2BAAYL,EAAEM,IAAI;;mBANjCN,EAAEf,KAAK;;;AAaxB,GAAE;AACFJ,wBAAwB0B,WAAW,GAAG;AAEtC,eAAe1B,wBAAuB"}

package/src/lib/form-fields/form-fields.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ * Copyright 2023 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './components/shared/inline-form-control';
+export { default as InlineFormControl } from './components/shared/inline-form-control';
+export * from './components/shared/toggle-button-form-control';
+export { default as ToggleButtonFormControl } from './components/shared/toggle-button-form-control';

package/src/lib/form-fields/form-fields.js

@@ -0,0 +1,21 @@
+/**
+ * @license
+ * Copyright 2023 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ export * from "./components/shared/inline-form-control.js";
+export { default as InlineFormControl } from "./components/shared/inline-form-control.js";
+export * from "./components/shared/toggle-button-form-control.js";
+export { default as ToggleButtonFormControl } from "./components/shared/toggle-button-form-control.js";
+
+//# sourceMappingURL=form-fields.js.map

package/src/lib/form-fields/form-fields.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/besigner/feature/designer/src/lib/form-fields/form-fields.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2023 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nexport * from './components/shared/inline-form-control'\nexport { default as InlineFormControl } from './components/shared/inline-form-control'\n\nexport * from './components/shared/toggle-button-form-control'\nexport { default as ToggleButtonFormControl } from './components/shared/toggle-button-form-control'\n"],"names":["default","InlineFormControl","ToggleButtonFormControl"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAED,cAAc,6CAAyC;AACvD,SAASA,WAAWC,iBAAiB,QAAQ,6CAAyC;AAEtF,cAAc,oDAAgD;AAC9D,SAASD,WAAWE,uBAAuB,QAAQ,oDAAgD"}

package/src/lib/form-fields/index.d.ts

@@ -0,0 +1 @@
+export * from './form-fields';

package/src/lib/form-fields/index.js

@@ -0,0 +1,3 @@
+export * from "./form-fields.js";
+
+//# sourceMappingURL=index.js.map

package/src/lib/form-fields/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/besigner/feature/designer/src/lib/form-fields/index.ts"],"sourcesContent":["export * from './form-fields'\n"],"names":[],"mappings":"AAAA,cAAc,mBAAe"}

package/src/lib/hooks/use-add-element-drawer-callback.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @license
+ * Copyright 2024 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type * as Aglyn from '@aglyn/aglyn';
+import { type NodeId } from '@aglyn/aglyn';
+import { type ElementDrawerOptions } from '../contexts/element-drawer-context';
+export interface UseAddElementCallbackOptions {
+    onComplete?: (data: unknown) => void;
+    onError?: (error: unknown) => void;
+    drawerOptions?: ElementDrawerOptions;
+    $id?: NodeId;
+}
+type Response = (parent?: Aglyn.NodeSchema<any>, options?: ElementDrawerOptions) => Promise<void | Aglyn.NodeSchema<any>>;
+export declare function useAddElementDrawerCallback(): Response;
+export default useAddElementDrawerCallback;

package/src/lib/hooks/use-add-element-drawer-callback.js

@@ -0,0 +1,112 @@
+/**
+ * @license
+ * Copyright 2024 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { _ as _extends } from "@swc/helpers/_/_extends";
+import { canvas, components } from "@aglyn/aglyn";
+import * as Besigner from "@aglyn/besigner";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { useCallback, useContext } from "react";
+import { useElementDrawerContext } from "../contexts/element-drawer-context.js";
+import { InteractionsContext } from "../contexts/interactions-context.js";
+import { buildPresetInteractionDrafts } from "../utils/preset-interactions.js";
+export function useAddElementDrawerCallback() {
+    var _useSnackbar;
+    const { elementDrawer } = useElementDrawerContext();
+    const { onCreatePresetInteractions } = useContext(InteractionsContext);
+    // Null-safe: surfaces render without a snackbar provider in tests.
+    const { enqueueSnackbar } = (_useSnackbar = useSnackbar()) != null ? _useSnackbar : {};
+    return useCallback(async (parent, options)=>{
+        const drawerOptions = _extends({
+            title: 'Add New Element'
+        }, options);
+        return await elementDrawer(drawerOptions).then((res)=>{
+            if (!(res == null ? void 0 : res.option)) throw new TypeError('invalid response');
+            return res.option;
+        }).then((preset)=>{
+            var _preset_data, _preset_data1, _preset_data2, _parentNode_componentSchema, _parentNode_componentSchema1, _preset_interactionTemplates;
+            // Resolve where the new node attaches against the live canvas.
+            // Callers wire the current selection in as `parent` (the console
+            // INSERT menu passed the raw menu click event for a while). A
+            // container target receives the node as a child; a leaf selection
+            // (a screen link, button, icon — no children slot) instead places
+            // the node as its next sibling, so it lands somewhere it can
+            // render instead of nesting where drag-and-drop would then refuse
+            // to move it. A non-node — or a node deleted while the picker was
+            // open — falls back to the document root; otherwise the constraint
+            // check runs against a phantom target and the created node is
+            // pushed onto a detached `nodes` array, never reaching the
+            // hierarchy, canvas, or saves (AGL-537).
+            const { parent: parentNode, index } = canvas.resolveInsertTarget(parent);
+            // Inserting follows the same lineal placement rules as dnd —
+            // without this, forbidden arrangements get created here that
+            // drag-and-drop then (correctly) refuses to move.
+            const itemSchema = components.getSchema(preset == null ? void 0 : (_preset_data = preset.data) == null ? void 0 : _preset_data.componentId);
+            const item = {
+                componentId: preset == null ? void 0 : (_preset_data1 = preset.data) == null ? void 0 : _preset_data1.componentId,
+                pluginId: preset == null ? void 0 : (_preset_data2 = preset.data) == null ? void 0 : _preset_data2.pluginId,
+                restrictChildren: itemSchema == null ? void 0 : itemSchema.restrictChildren,
+                restrictParent: itemSchema == null ? void 0 : itemSchema.restrictParent
+            };
+            const parentActor = {
+                componentId: parentNode == null ? void 0 : parentNode.componentId,
+                pluginId: parentNode == null ? void 0 : parentNode.pluginId,
+                restrictChildren: parentNode == null ? void 0 : (_parentNode_componentSchema = parentNode.componentSchema) == null ? void 0 : _parentNode_componentSchema.restrictChildren,
+                restrictParent: parentNode == null ? void 0 : (_parentNode_componentSchema1 = parentNode.componentSchema) == null ? void 0 : _parentNode_componentSchema1.restrictParent
+            };
+            const [valid, reason] = Besigner.confirmValidLinealRelationship(item, parentActor);
+            if (!valid) {
+                enqueueSnackbar == null ? void 0 : enqueueSnackbar(Besigner.describeInvalidLinealRelationship(item, parentActor, reason), {
+                    variant: 'warning',
+                    persist: false
+                });
+                return undefined;
+            }
+            const node = canvas.addNodeFromPreset(preset, parentNode, index);
+            // Preset-declared interactions (AGL-589): resolve the authored
+            // presetRef markers against the freshly minted subtree and hand
+            // ready drafts to the host app to validate + persist — the
+            // designer stays storage-agnostic (same split as the builder).
+            if (node && ((_preset_interactionTemplates = preset.interactionTemplates) == null ? void 0 : _preset_interactionTemplates.length) && onCreatePresetInteractions) {
+                const drafts = buildPresetInteractionDrafts(preset, node);
+                if (drafts.length) {
+                    onCreatePresetInteractions({
+                        interactions: drafts
+                    });
+                }
+            }
+            // const templateData = {
+            //   ...(data as any),
+            //   $id: Aglyn.createNodeId(),
+            //   parentId: parent?.$id,
+            // }
+            // Aglyn.canvas.setNodes(
+            //   Aglyn.canvas.denormalizeNodes([templateData as any],
+            // parent?.$id), )  const node =
+            // Aglyn.canvas.getNode(templateData.$id)
+            Besigner.focus.setSelectedNode(node);
+            return node;
+        }).catch((err)=>{
+            // String rejections are user-initiated dismissals (canceled, backdropClick, etc.) — ignore them
+            if (typeof err !== 'string') console.error(err);
+        });
+    }, [
+        elementDrawer,
+        enqueueSnackbar,
+        onCreatePresetInteractions
+    ]);
+}
+export default useAddElementDrawerCallback;
+
+//# sourceMappingURL=use-add-element-drawer-callback.js.map

package/src/lib/hooks/use-add-element-drawer-callback.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/besigner/feature/designer/src/lib/hooks/use-add-element-drawer-callback.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2024 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type * as Aglyn from '@aglyn/aglyn'\nimport { canvas, components } from '@aglyn/aglyn'\nimport * as Besigner from '@aglyn/besigner'\nimport { type NodeId } from '@aglyn/aglyn'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { useCallback, useContext } from 'react'\nimport {\n  type ElementDrawerOptions,\n  useElementDrawerContext,\n} from '../contexts/element-drawer-context'\nimport { InteractionsContext } from '../contexts/interactions-context'\nimport { buildPresetInteractionDrafts } from '../utils/preset-interactions'\n\nexport interface UseAddElementCallbackOptions {\n  onComplete?: (data: unknown) => void\n  onError?: (error: unknown) => void\n  drawerOptions?: ElementDrawerOptions\n  $id?: NodeId\n}\n\ntype Response = (\n  parent?: Aglyn.NodeSchema<any>,\n  options?: ElementDrawerOptions,\n) => Promise<void | Aglyn.NodeSchema<any>>\n\nexport function useAddElementDrawerCallback(): Response {\n  const { elementDrawer } = useElementDrawerContext()\n  const { onCreatePresetInteractions } = useContext(InteractionsContext)\n  // Null-safe: surfaces render without a snackbar provider in tests.\n  const { enqueueSnackbar } = useSnackbar() ?? {}\n\n  return useCallback(\n    async (parent?: Aglyn.NodeSchema<any>, options?: ElementDrawerOptions) => {\n      const drawerOptions = { title: 'Add New Element', ...options }\n      return await elementDrawer(drawerOptions)\n        .then((res: { option: Aglyn.PresetSchema<any> }) => {\n          if (!res?.option) throw new TypeError('invalid response')\n          return res.option\n        })\n        .then((preset) => {\n          // Resolve where the new node attaches against the live canvas.\n          // Callers wire the current selection in as `parent` (the console\n          // INSERT menu passed the raw menu click event for a while). A\n          // container target receives the node as a child; a leaf selection\n          // (a screen link, button, icon — no children slot) instead places\n          // the node as its next sibling, so it lands somewhere it can\n          // render instead of nesting where drag-and-drop would then refuse\n          // to move it. A non-node — or a node deleted while the picker was\n          // open — falls back to the document root; otherwise the constraint\n          // check runs against a phantom target and the created node is\n          // pushed onto a detached `nodes` array, never reaching the\n          // hierarchy, canvas, or saves (AGL-537).\n          const { parent: parentNode, index } =\n            canvas.resolveInsertTarget(parent)\n\n          // Inserting follows the same lineal placement rules as dnd —\n          // without this, forbidden arrangements get created here that\n          // drag-and-drop then (correctly) refuses to move.\n          const itemSchema = components.getSchema(preset?.data?.componentId)\n          const item: Besigner.LinealItem = {\n            componentId: preset?.data?.componentId,\n            pluginId: preset?.data?.pluginId,\n            restrictChildren: itemSchema?.restrictChildren,\n            restrictParent: itemSchema?.restrictParent,\n          }\n          const parentActor: Besigner.LinealItem = {\n            componentId: parentNode?.componentId,\n            pluginId: parentNode?.pluginId,\n            restrictChildren: parentNode?.componentSchema?.restrictChildren,\n            restrictParent: parentNode?.componentSchema?.restrictParent,\n          }\n          const [valid, reason] = Besigner.confirmValidLinealRelationship(\n            item,\n            parentActor,\n          )\n          if (!valid) {\n            enqueueSnackbar?.(\n              Besigner.describeInvalidLinealRelationship(\n                item,\n                parentActor,\n                reason,\n              ),\n              { variant: 'warning', persist: false },\n            )\n            return undefined\n          }\n\n          const node = canvas.addNodeFromPreset(preset, parentNode, index)\n\n          // Preset-declared interactions (AGL-589): resolve the authored\n          // presetRef markers against the freshly minted subtree and hand\n          // ready drafts to the host app to validate + persist — the\n          // designer stays storage-agnostic (same split as the builder).\n          if (\n            node &&\n            preset.interactionTemplates?.length &&\n            onCreatePresetInteractions\n          ) {\n            const drafts = buildPresetInteractionDrafts(preset, node)\n            if (drafts.length) {\n              onCreatePresetInteractions({ interactions: drafts })\n            }\n          }\n\n          // const templateData = {\n          //   ...(data as any),\n          //   $id: Aglyn.createNodeId(),\n          //   parentId: parent?.$id,\n          // }\n          // Aglyn.canvas.setNodes(\n          //   Aglyn.canvas.denormalizeNodes([templateData as any],\n          // parent?.$id), )  const node =\n          // Aglyn.canvas.getNode(templateData.$id)\n          Besigner.focus.setSelectedNode(node)\n\n          return node\n        })\n        .catch((err) => {\n          // String rejections are user-initiated dismissals (canceled, backdropClick, etc.) — ignore them\n          if (typeof err !== 'string') console.error(err)\n        })\n    },\n    [elementDrawer, enqueueSnackbar, onCreatePresetInteractions],\n  )\n}\n\nexport default useAddElementDrawerCallback\n"],"names":["canvas","components","Besigner","useSnackbar","useCallback","useContext","useElementDrawerContext","InteractionsContext","buildPresetInteractionDrafts","useAddElementDrawerCallback","elementDrawer","onCreatePresetInteractions","enqueueSnackbar","parent","options","drawerOptions","title","then","res","option","TypeError","preset","parentNode","index","resolveInsertTarget","itemSchema","getSchema","data","componentId","item","pluginId","restrictChildren","restrictParent","parentActor","componentSchema","valid","reason","confirmValidLinealRelationship","describeInvalidLinealRelationship","variant","persist","undefined","node","addNodeFromPreset","interactionTemplates","length","drafts","interactions","focus","setSelectedNode","catch","err","console","error"],"mappings":"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"}

package/src/lib/hooks/use-aglyn-besigner-flag.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { type BesignerFlagKey, type BesignerFlagsState, type BesignerFlagValue } from '@aglyn/besigner';
+export declare function useAglynBesignerFlag<K extends BesignerFlagKey>(flag: K): [
+    value: BesignerFlagValue<K>,
+    setValue: (value: BesignerFlagValue<K> | ((prev: BesignerFlagValue<K>, flags: BesignerFlagsState) => BesignerFlagValue<K>)) => void
+];
+export default useAglynBesignerFlag;
+export declare function useAglynBesignerSetFlag<K extends BesignerFlagKey>(): (flag: K, value: BesignerFlagValue<K> | ((prev: BesignerFlagValue<K>, flags: BesignerFlagsState) => BesignerFlagValue<K>)) => void;

package/src/lib/hooks/use-aglyn-besigner-flag.js

@@ -0,0 +1,47 @@
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { setBesignerFlag } from "@aglyn/besigner";
+import { useSubscribable } from "@aglyn/shared-ui-jsx";
+import { _isFnT } from "@aglyn/shared-util-tools";
+import { useCallback } from "react";
+import useBesignerAppContext from "./use-besigner-app-context.js";
+export function useAglynBesignerFlag(flag) {
+    var _app_interface;
+    const app = useBesignerAppContext();
+    const setFlag = useAglynBesignerSetFlag().bind(null, flag);
+    const value = useSubscribable(app == null ? void 0 : (_app_interface = app.interface) == null ? void 0 : _app_interface.flags, undefined, (flags)=>flags == null ? void 0 : flags[flag], [
+        flag,
+        app
+    ]);
+    return [
+        value,
+        setFlag
+    ];
+}
+export default useAglynBesignerFlag;
+export function useAglynBesignerSetFlag() {
+    const app = useBesignerAppContext();
+    return useCallback((flag, value)=>{
+        setBesignerFlag(app, {
+            flag: flag,
+            value: (prev, flags)=>_isFnT(value) ? value(prev, flags) : value
+        });
+    }, [
+        app
+    ]);
+}
+
+//# sourceMappingURL=use-aglyn-besigner-flag.js.map

package/src/lib/hooks/use-aglyn-besigner-flag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/besigner/feature/designer/src/lib/hooks/use-aglyn-besigner-flag.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2022 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  type BesignerFlagKey,\n  type BesignerFlagsState,\n  type BesignerFlagValue,\n  setBesignerFlag,\n} from '@aglyn/besigner'\nimport { useSubscribable } from '@aglyn/shared-ui-jsx'\nimport { _isFnT } from '@aglyn/shared-util-tools'\nimport { useCallback } from 'react'\nimport useBesignerAppContext from './use-besigner-app-context'\n\nexport function useAglynBesignerFlag<K extends BesignerFlagKey>(\n  flag: K,\n): [\n  value: BesignerFlagValue<K>,\n  setValue: (\n    value:\n      | BesignerFlagValue<K>\n      | ((\n          prev: BesignerFlagValue<K>,\n          flags: BesignerFlagsState,\n        ) => BesignerFlagValue<K>),\n  ) => void,\n] {\n  const app = useBesignerAppContext()\n  const setFlag = useAglynBesignerSetFlag().bind(null, flag)\n  const value = useSubscribable<BesignerFlagValue<K>>(\n    app?.interface?.flags,\n    undefined,\n    (flags) => flags?.[flag],\n    [flag, app],\n  )\n\n  return [value, setFlag]\n}\n\nexport default useAglynBesignerFlag\n\nexport function useAglynBesignerSetFlag<K extends BesignerFlagKey>(): (\n  flag: K,\n  value:\n    | BesignerFlagValue<K>\n    | ((\n        prev: BesignerFlagValue<K>,\n        flags: BesignerFlagsState,\n      ) => BesignerFlagValue<K>),\n) => void {\n  const app = useBesignerAppContext()\n  return useCallback(\n    (\n      flag: K,\n      value:\n        | BesignerFlagValue<K>\n        | ((\n            prev: BesignerFlagValue<K>,\n            flags: BesignerFlagsState,\n          ) => BesignerFlagValue<K>),\n    ) => {\n      setBesignerFlag(app, {\n        flag: flag,\n        value: (prev, flags) => (_isFnT(value) ? value(prev, flags) : value),\n      })\n    },\n    [app],\n  )\n}\n"],"names":["setBesignerFlag","useSubscribable","_isFnT","useCallback","useBesignerAppContext","useAglynBesignerFlag","flag","app","setFlag","useAglynBesignerSetFlag","bind","value","interface","flags","undefined","prev"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAED,SAIEA,eAAe,QACV,kBAAiB;AACxB,SAASC,eAAe,QAAQ,uBAAsB;AACtD,SAASC,MAAM,QAAQ,2BAA0B;AACjD,SAASC,WAAW,QAAQ,QAAO;AACnC,OAAOC,2BAA2B,gCAA4B;AAE9D,OAAO,SAASC,qBACdC,IAAO;QAeLC;IAHF,MAAMA,MAAMH;IACZ,MAAMI,UAAUC,0BAA0BC,IAAI,CAAC,MAAMJ;IACrD,MAAMK,QAAQV,gBACZM,wBAAAA,iBAAAA,IAAKK,SAAS,qBAAdL,eAAgBM,KAAK,EACrBC,WACA,CAACD,QAAUA,yBAAAA,KAAO,CAACP,KAAK,EACxB;QAACA;QAAMC;KAAI;IAGb,OAAO;QAACI;QAAOH;KAAQ;AACzB;AAEA,eAAeH,qBAAoB;AAEnC,OAAO,SAASI;IASd,MAAMF,MAAMH;IACZ,OAAOD,YACL,CACEG,MACAK;QAOAX,gBAAgBO,KAAK;YACnBD,MAAMA;YACNK,OAAO,CAACI,MAAMF,QAAWX,OAAOS,SAASA,MAAMI,MAAMF,SAASF;QAChE;IACF,GACA;QAACJ;KAAI;AAET"}

package/src/lib/hooks/use-aglyn-besigner-panel-value.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { type BesignerPanelKey, type BesignerPanelsState } from '@aglyn/besigner';
+export declare function useAglynBesignerPanelValue<P extends BesignerPanelKey, K extends keyof BesignerPanelsState[P]>(panelName: P, key: K): [
+    value: BesignerPanelsState[P][K] | undefined,
+    setValue: (value: BesignerPanelsState[P][K] | ((prev: BesignerPanelsState[P][K], panel: BesignerPanelsState[P], panels: BesignerPanelsState) => BesignerPanelsState[P][K])) => void
+];
+export default useAglynBesignerPanelValue;
+export declare function useAglynBesignerPanelSetValue<P extends BesignerPanelKey, K extends keyof BesignerPanelsState[P]>(): (panelName: P, key: K, value: BesignerPanelsState[P][K] | ((prev: BesignerPanelsState[P][K], panel: BesignerPanelsState[P], panels: BesignerPanelsState) => BesignerPanelsState[P][K])) => void;

package/src/lib/hooks/use-aglyn-besigner-panel-value.js

@@ -0,0 +1,54 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { setBesignerPanel } from "@aglyn/besigner";
+import { useSubscribable } from "@aglyn/shared-ui-jsx";
+import { _isFnT } from "@aglyn/shared-util-tools";
+import { useCallback } from "react";
+import useBesignerAppContext from "./use-besigner-app-context.js";
+export function useAglynBesignerPanelValue(panelName, key) {
+    var _app_interface;
+    const app = useBesignerAppContext();
+    const setPanelValue = useAglynBesignerPanelSetValue().bind(null, panelName, key);
+    const value = useSubscribable((_app_interface = app.interface) == null ? void 0 : _app_interface.panels, undefined, (panels)=>{
+        var _panels_panelName;
+        return panels == null ? void 0 : (_panels_panelName = panels[panelName]) == null ? void 0 : _panels_panelName[key];
+    }, [
+        key,
+        panelName,
+        app
+    ]);
+    return [
+        value,
+        setPanelValue
+    ];
+}
+export default useAglynBesignerPanelValue;
+export function useAglynBesignerPanelSetValue() {
+    const app = useBesignerAppContext();
+    return useCallback((panelName, key, value)=>{
+        setBesignerPanel(app, {
+            panel: panelName,
+            value: (prev, panels)=>_extends({}, prev, {
+                    [key]: _isFnT(value) ? value(prev[key], prev, panels) : value
+                })
+        });
+    }, [
+        app
+    ]);
+}
+
+//# sourceMappingURL=use-aglyn-besigner-panel-value.js.map

package/src/lib/hooks/use-aglyn-besigner-panel-value.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/besigner/feature/designer/src/lib/hooks/use-aglyn-besigner-panel-value.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2022 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  type BesignerPanelKey,\n  type BesignerPanelsState,\n  setBesignerPanel,\n} from '@aglyn/besigner'\nimport { useSubscribable } from '@aglyn/shared-ui-jsx'\nimport { _isFnT } from '@aglyn/shared-util-tools'\nimport { useCallback } from 'react'\nimport useBesignerAppContext from './use-besigner-app-context'\n\nexport function useAglynBesignerPanelValue<\n  P extends BesignerPanelKey,\n  K extends keyof BesignerPanelsState[P],\n>(\n  panelName: P,\n  key: K,\n): [\n  value: BesignerPanelsState[P][K] | undefined,\n  setValue: (\n    value:\n      | BesignerPanelsState[P][K]\n      | ((\n          prev: BesignerPanelsState[P][K],\n          panel: BesignerPanelsState[P],\n          panels: BesignerPanelsState,\n        ) => BesignerPanelsState[P][K]),\n  ) => void,\n] {\n  const app = useBesignerAppContext()\n  const setPanelValue = useAglynBesignerPanelSetValue<P, K>().bind(\n    null,\n    panelName,\n    key,\n  )\n  const value = useSubscribable<BesignerPanelsState[P][K]>(\n    app.interface?.panels,\n    undefined,\n    (panels) => panels?.[panelName]?.[key],\n    [key, panelName, app],\n  )\n\n  return [value, setPanelValue]\n}\n\nexport default useAglynBesignerPanelValue\n\nexport function useAglynBesignerPanelSetValue<\n  P extends BesignerPanelKey,\n  K extends keyof BesignerPanelsState[P],\n>(): (\n  panelName: P,\n  key: K,\n  value:\n    | BesignerPanelsState[P][K]\n    | ((\n        prev: BesignerPanelsState[P][K],\n        panel: BesignerPanelsState[P],\n        panels: BesignerPanelsState,\n      ) => BesignerPanelsState[P][K]),\n) => void {\n  const app = useBesignerAppContext()\n  return useCallback(\n    (\n      panelName: P,\n      key: K,\n      value:\n        | BesignerPanelsState[P][K]\n        | ((\n            prev: BesignerPanelsState[P][K],\n            panel: BesignerPanelsState[P],\n            panels: BesignerPanelsState,\n          ) => BesignerPanelsState[P][K]),\n    ) => {\n      setBesignerPanel(app, {\n        panel: panelName,\n        value: (prev, panels) => ({\n          ...prev,\n          [key]: _isFnT(value) ? value(prev[key], prev, panels) : value,\n        }),\n      })\n    },\n    [app],\n  )\n}\n"],"names":["setBesignerPanel","useSubscribable","_isFnT","useCallback","useBesignerAppContext","useAglynBesignerPanelValue","panelName","key","app","setPanelValue","useAglynBesignerPanelSetValue","bind","value","interface","panels","undefined","panel","prev"],"mappings":";AAAA;;;;;;;;;;;;;;;CAeC,GAED,SAGEA,gBAAgB,QACX,kBAAiB;AACxB,SAASC,eAAe,QAAQ,uBAAsB;AACtD,SAASC,MAAM,QAAQ,2BAA0B;AACjD,SAASC,WAAW,QAAQ,QAAO;AACnC,OAAOC,2BAA2B,gCAA4B;AAE9D,OAAO,SAASC,2BAIdC,SAAY,EACZC,GAAM;QAoBJC;IAPF,MAAMA,MAAMJ;IACZ,MAAMK,gBAAgBC,gCAAsCC,IAAI,CAC9D,MACAL,WACAC;IAEF,MAAMK,QAAQX,iBACZO,iBAAAA,IAAIK,SAAS,qBAAbL,eAAeM,MAAM,EACrBC,WACA,CAACD;YAAWA;eAAAA,2BAAAA,oBAAAA,MAAQ,CAACR,UAAU,qBAAnBQ,iBAAqB,CAACP,IAAI;OACtC;QAACA;QAAKD;QAAWE;KAAI;IAGvB,OAAO;QAACI;QAAOH;KAAc;AAC/B;AAEA,eAAeJ,2BAA0B;AAEzC,OAAO,SAASK;IAcd,MAAMF,MAAMJ;IACZ,OAAOD,YACL,CACEG,WACAC,KACAK;QAQAZ,iBAAiBQ,KAAK;YACpBQ,OAAOV;YACPM,OAAO,CAACK,MAAMH,SAAY,aACrBG;oBACH,CAACV,IAAI,EAAEL,OAAOU,SAASA,MAAMK,IAAI,CAACV,IAAI,EAAEU,MAAMH,UAAUF;;QAE5D;IACF,GACA;QAACJ;KAAI;AAET"}

package/src/lib/hooks/use-aglyn-besigner-panel.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { type BesignerPanelItem, type BesignerPanelKey, type BesignerPanelsState } from '@aglyn/besigner';
+export declare function useAglynBesignerSetPanel(): (name: BesignerPanelKey, panel: BesignerPanelItem | ((prev: BesignerPanelItem, panels: BesignerPanelsState) => BesignerPanelItem)) => void;
+export declare function useAglynBesignerPanel(name: BesignerPanelKey): [
+    value: BesignerPanelItem | undefined,
+    setValue: (panel: BesignerPanelItem | ((prev: BesignerPanelItem, panels: BesignerPanelsState) => BesignerPanelItem)) => void
+];
+export default useAglynBesignerPanel;

package/src/lib/hooks/use-aglyn-besigner-panel.js

@@ -0,0 +1,47 @@
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { setBesignerPanel } from "@aglyn/besigner";
+import { useSubscribable } from "@aglyn/shared-ui-jsx";
+import { _isFnT } from "@aglyn/shared-util-tools";
+import { useCallback } from "react";
+import useBesignerAppContext from "./use-besigner-app-context.js";
+export function useAglynBesignerSetPanel() {
+    const app = useBesignerAppContext();
+    return useCallback((name, panel)=>{
+        setBesignerPanel(app, {
+            panel: name,
+            value: (prev, panels)=>_isFnT(panel) ? panel(prev, panels) : panel
+        });
+    }, [
+        app
+    ]);
+}
+export function useAglynBesignerPanel(name) {
+    var _app_interface;
+    const app = useBesignerAppContext();
+    const value = useSubscribable(app == null ? void 0 : (_app_interface = app.interface) == null ? void 0 : _app_interface.panels, undefined, (panels)=>panels == null ? void 0 : panels[name], [
+        name,
+        app
+    ]);
+    const setPanel = useAglynBesignerSetPanel().bind(null, name);
+    return [
+        value,
+        setPanel
+    ];
+}
+export default useAglynBesignerPanel;
+
+//# sourceMappingURL=use-aglyn-besigner-panel.js.map

package/src/lib/hooks/use-aglyn-besigner-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/besigner/feature/designer/src/lib/hooks/use-aglyn-besigner-panel.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2022 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  type BesignerPanelItem,\n  type BesignerPanelKey,\n  type BesignerPanelsState,\n  setBesignerPanel,\n} from '@aglyn/besigner'\nimport { useSubscribable } from '@aglyn/shared-ui-jsx'\nimport { _isFnT } from '@aglyn/shared-util-tools'\nimport { useCallback } from 'react'\nimport useBesignerAppContext from './use-besigner-app-context'\n\nexport function useAglynBesignerSetPanel(): (\n  name: BesignerPanelKey,\n  panel:\n    | BesignerPanelItem\n    | ((\n        prev: BesignerPanelItem,\n        panels: BesignerPanelsState,\n      ) => BesignerPanelItem),\n) => void {\n  const app = useBesignerAppContext()\n  return useCallback(\n    (\n      name: BesignerPanelKey,\n      panel:\n        | BesignerPanelItem\n        | ((\n            prev: BesignerPanelItem,\n            panels: BesignerPanelsState,\n          ) => BesignerPanelItem),\n    ) => {\n      setBesignerPanel(app, {\n        panel: name,\n        value: (prev, panels) => (_isFnT(panel) ? panel(prev, panels) : panel),\n      })\n    },\n    [app],\n  )\n}\n\nexport function useAglynBesignerPanel(\n  name: BesignerPanelKey,\n): [\n  value: BesignerPanelItem | undefined,\n  setValue: (\n    panel:\n      | BesignerPanelItem\n      | ((\n          prev: BesignerPanelItem,\n          panels: BesignerPanelsState,\n        ) => BesignerPanelItem),\n  ) => void,\n] {\n  const app = useBesignerAppContext()\n  const value = useSubscribable<BesignerPanelItem | undefined>(\n    app?.interface?.panels,\n    undefined,\n    (panels) => panels?.[name],\n    [name, app],\n  )\n  const setPanel = useAglynBesignerSetPanel().bind(null, name)\n\n  return [value, setPanel]\n}\n\nexport default useAglynBesignerPanel\n"],"names":["setBesignerPanel","useSubscribable","_isFnT","useCallback","useBesignerAppContext","useAglynBesignerSetPanel","app","name","panel","value","prev","panels","useAglynBesignerPanel","interface","undefined","setPanel","bind"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAED,SAIEA,gBAAgB,QACX,kBAAiB;AACxB,SAASC,eAAe,QAAQ,uBAAsB;AACtD,SAASC,MAAM,QAAQ,2BAA0B;AACjD,SAASC,WAAW,QAAQ,QAAO;AACnC,OAAOC,2BAA2B,gCAA4B;AAE9D,OAAO,SAASC;IASd,MAAMC,MAAMF;IACZ,OAAOD,YACL,CACEI,MACAC;QAOAR,iBAAiBM,KAAK;YACpBE,OAAOD;YACPE,OAAO,CAACC,MAAMC,SAAYT,OAAOM,SAASA,MAAME,MAAMC,UAAUH;QAClE;IACF,GACA;QAACF;KAAI;AAET;AAEA,OAAO,SAASM,sBACdL,IAAsB;QAcpBD;IAFF,MAAMA,MAAMF;IACZ,MAAMK,QAAQR,gBACZK,wBAAAA,iBAAAA,IAAKO,SAAS,qBAAdP,eAAgBK,MAAM,EACtBG,WACA,CAACH,SAAWA,0BAAAA,MAAQ,CAACJ,KAAK,EAC1B;QAACA;QAAMD;KAAI;IAEb,MAAMS,WAAWV,2BAA2BW,IAAI,CAAC,MAAMT;IAEvD,OAAO;QAACE;QAAOM;KAAS;AAC1B;AAEA,eAAeH,sBAAqB"}