@aglyn/besigner-ui 1.0.0-beta.143

package/src/lib/components/node-card.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @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 * as Aglyn from '@aglyn/aglyn';
+import { CardProps } from '@mui/material';
+export type NodeCardItemData = Aglyn.PresetSchema<any> | Aglyn.ComponentSchema<any>;
+export interface NodeCardProps extends CardProps {
+    node: NodeCardItemData;
+}
+export declare const NodeCard: import("react").FunctionComponent<Omit<NodeCardProps, "ref"> & import("react").RefAttributes<any>>;
+export default NodeCard;

package/src/lib/components/node-card.js

@@ -0,0 +1,86 @@
+/**
+ * @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 { _ 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 } from "react/jsx-runtime";
+import { components } from "@aglyn/aglyn";
+import { ICON_VARIANT_ELEMENT } from "@aglyn/shared-data-enums";
+import { MdiIcon } from "@aglyn/shared-ui-jsx";
+import { Card, ListItemAvatar, ListItemText, Stack, styled } from "@mui/material";
+import { observer } from "mobx-react-lite";
+import { forwardRef } from "react";
+const StyledCard = styled(Card)(({ theme })=>({
+        height: '100%',
+        minHeight: 100,
+        cursor: 'grab'
+    }));
+export const NodeCard = observer(/*#__PURE__*/ forwardRef((props, ref)=>{
+    var _node_icon;
+    const { node } = props, rest = _object_without_properties_loose(props, [
+        "node"
+    ]);
+    const label = (node == null ? void 0 : node['label']) || (node == null ? void 0 : node.displayName) || components.getLabel(node == null ? void 0 : node.$id) || (node == null ? void 0 : node.$id);
+    return /*#__PURE__*/ _jsx(StyledCard, _extends({
+        ref: ref,
+        variant: "outlined"
+    }, rest, {
+        children: /*#__PURE__*/ _jsxs(Stack, {
+            spacing: 0.5,
+            sx: {
+                height: 1,
+                minHeight: 100,
+                alignItems: "center",
+                justifyContent: "space-evenly",
+                textAlign: "center",
+                p: 0.25
+            },
+            children: [
+                /*#__PURE__*/ _jsx(ListItemAvatar, {
+                    sx: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center'
+                    },
+                    children: /*#__PURE__*/ _jsx(MdiIcon, _extends({}, node == null ? void 0 : node.icon, {
+                        sx: {
+                            fontSize: '2rem'
+                        },
+                        color: "inherit",
+                        path: (node == null ? void 0 : (_node_icon = node.icon) == null ? void 0 : _node_icon.path) || ICON_VARIANT_ELEMENT.path
+                    }))
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    children: /*#__PURE__*/ _jsx(ListItemText, {
+                        slotProps: {
+                            primary: {
+                                sx: {
+                                    fontWeight: 'fontWeightMedium',
+                                    lineHeight: 'normal',
+                                    fontSize: 'subtitle2.fontSize'
+                                }
+                            }
+                        },
+                        children: label
+                    })
+                })
+            ]
+        })
+    }));
+}));
+NodeCard.displayName = 'NodeCard';
+export default NodeCard;
+
+//# sourceMappingURL=node-card.js.map

package/src/lib/components/node-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/besigner/feature/designer/src/lib/components/node-card.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 type * as Aglyn from '@aglyn/aglyn'\nimport { components } from '@aglyn/aglyn'\nimport { ICON_VARIANT_ELEMENT } from '@aglyn/shared-data-enums'\nimport { MdiIcon } from '@aglyn/shared-ui-jsx'\nimport {\n  Card,\n  CardProps,\n  ListItemAvatar,\n  ListItemText,\n  Stack,\n  styled,\n} from '@mui/material'\nimport { observer } from 'mobx-react-lite'\nimport { forwardRef } from 'react'\n\nconst StyledCard = styled(Card)(({ theme }) => ({\n  height: '100%',\n  minHeight: 100,\n  cursor: 'grab',\n}))\n\nexport type NodeCardItemData =\n  | Aglyn.PresetSchema<any>\n  | Aglyn.ComponentSchema<any>\n\nexport interface NodeCardProps extends CardProps {\n  node: NodeCardItemData\n}\n\nexport const NodeCard = observer(\n  forwardRef<any, NodeCardProps>((props, ref) => {\n    const { node, ...rest } = props\n    const label =\n      node?.['label'] ||\n      node?.displayName ||\n      components.getLabel(node?.$id) ||\n      node?.$id\n\n    return (\n      <StyledCard ref={ref} variant=\"outlined\" {...rest}>\n        <Stack\n          spacing={0.5}\n          sx={{\n            height: 1,\n            minHeight: 100,\n            alignItems: \"center\",\n            justifyContent: \"space-evenly\",\n            textAlign: \"center\",\n            p: 0.25\n          }}>\n          <ListItemAvatar\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n            }}\n          >\n            <MdiIcon\n              {...node?.icon}\n              sx={{ fontSize: '2rem' }}\n              color=\"inherit\"\n              path={node?.icon?.path || ICON_VARIANT_ELEMENT.path}\n            />\n          </ListItemAvatar>\n          <div>\n            <ListItemText\n              slotProps={{\n                primary: {\n                  sx: {\n                    fontWeight: 'fontWeightMedium',\n                    lineHeight: 'normal',\n                    fontSize: 'subtitle2.fontSize',\n                  },\n                },\n              }}\n            >\n              {label}\n            </ListItemText>\n          </div>\n        </Stack>\n      </StyledCard>\n    );\n  }),\n)\nNodeCard.displayName = 'NodeCard'\n\nexport default NodeCard\n"],"names":["components","ICON_VARIANT_ELEMENT","MdiIcon","Card","ListItemAvatar","ListItemText","Stack","styled","observer","forwardRef","StyledCard","theme","height","minHeight","cursor","NodeCard","props","ref","node","rest","label","displayName","getLabel","$id","variant","spacing","sx","alignItems","justifyContent","textAlign","p","display","icon","fontSize","color","path","div","slotProps","primary","fontWeight","lineHeight"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC;;;AAGD,SAASA,UAAU,QAAQ,eAAc;AACzC,SAASC,oBAAoB,QAAQ,2BAA0B;AAC/D,SAASC,OAAO,QAAQ,uBAAsB;AAC9C,SACEC,IAAI,EAEJC,cAAc,EACdC,YAAY,EACZC,KAAK,EACLC,MAAM,QACD,gBAAe;AACtB,SAASC,QAAQ,QAAQ,kBAAiB;AAC1C,SAASC,UAAU,QAAQ,QAAO;AAElC,MAAMC,aAAaH,OAAOJ,MAAM,CAAC,EAAEQ,KAAK,EAAE,GAAM,CAAA;QAC9CC,QAAQ;QACRC,WAAW;QACXC,QAAQ;IACV,CAAA;AAUA,OAAO,MAAMC,WAAWP,uBACtBC,WAA+B,CAACO,OAAOC;QA+BrBC;IA9BhB,MAAM,EAAEA,IAAI,EAAW,GAAGF,OAATG,wCAASH;;;IAC1B,MAAMI,QACJF,CAAAA,wBAAAA,IAAM,CAAC,QAAQ,MACfA,wBAAAA,KAAMG,WAAW,KACjBrB,WAAWsB,QAAQ,CAACJ,wBAAAA,KAAMK,GAAG,MAC7BL,wBAAAA,KAAMK,GAAG;IAEX,qBACE,KAACb;QAAWO,KAAKA;QAAKO,SAAQ;OAAeL;kBAC3C,cAAA,MAACb;YACCmB,SAAS;YACTC,IAAI;gBACFd,QAAQ;gBACRC,WAAW;gBACXc,YAAY;gBACZC,gBAAgB;gBAChBC,WAAW;gBACXC,GAAG;YACL;;8BACA,KAAC1B;oBACCsB,IAAI;wBACFK,SAAS;wBACTJ,YAAY;wBACZC,gBAAgB;oBAClB;8BAEA,cAAA,KAAC1B,sBACKgB,wBAAAA,KAAMc,IAAI;wBACdN,IAAI;4BAAEO,UAAU;wBAAO;wBACvBC,OAAM;wBACNC,MAAMjB,CAAAA,yBAAAA,aAAAA,KAAMc,IAAI,qBAAVd,WAAYiB,IAAI,KAAIlC,qBAAqBkC,IAAI;;;8BAGvD,KAACC;8BACC,cAAA,KAAC/B;wBACCgC,WAAW;4BACTC,SAAS;gCACPZ,IAAI;oCACFa,YAAY;oCACZC,YAAY;oCACZP,UAAU;gCACZ;4BACF;wBACF;kCAECb;;;;;;AAMb,IACD;AACDL,SAASM,WAAW,GAAG;AAEvB,eAAeN,SAAQ"}

package/src/lib/components/node-context-menu.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @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 * as Aglyn from '@aglyn/aglyn';
+import { type PaperProps } from '@mui/material';
+export interface NodeContextMenuProps extends PaperProps {
+    node: Aglyn.NodeSchema<any>;
+    /** Invoked when a menu action should dismiss the hosting menu/tooltip. */
+    onAction?: () => void;
+}
+export declare const NodeContextMenu: import("react").FunctionComponent<Omit<NodeContextMenuProps, "ref"> & import("react").RefAttributes<any>>;
+export default NodeContextMenu;