@eclipse-papyrus/papyrus-web-parent 2026.2.0

package/papyrus-web-components/src/profile/publish-profile/PublishProfileDialog.types.ts

@@ -0,0 +1,84 @@
+/*******************************************************************************
+ * Copyright (c) 2023, 2025 CEA LIST, Obeo.
+ *
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License 2.0
+ * which accompanies this distribution, and is available at
+ * https://www.eclipse.org/legal/epl-2.0/
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ *
+ * Contributors:
+ *  Obeo - Initial API and implementation
+ *******************************************************************************/
+
+import { GQLTreeItem } from '@eclipse-sirius/sirius-components-trees';
+
+export interface PublishProfileDialogProps {
+  editingContextId: string;
+  item: GQLTreeItem;
+  onClose: () => void;
+}
+
+export type NewVersionKind = 'Development' | 'Release' | 'Major' | 'Custom';
+
+export interface GQLGetProfileLastVersionQueryVariables {
+  editingContextId: string;
+  profileId: string;
+}
+
+export interface GQLGetProfileLastVersionQueryData {
+  viewer: GQLViewer;
+}
+
+export interface GQLViewer {
+  editingContext: GQLEditingContext;
+}
+
+export interface GQLEditingContext {
+  profileLastVersion: GQLProfileLastVersion;
+}
+
+export interface GQLProfileLastVersion {
+  major: string;
+  minor: string;
+  micro: string;
+}
+export interface PublishProfileDialogState {
+  customVersion: string;
+  selectedNewVersionKind: NewVersionKind;
+  date: string;
+  author: string;
+  comments: string;
+  copyright: string;
+  message: string | null;
+}
+
+export interface PublishProfileVariables {
+  input: PublishProfileInput;
+}
+
+export interface PublishProfileInput {
+  id: string;
+  editingContextId: string;
+  objectId: string;
+  version: String;
+  comment: String;
+  copyright: String;
+  author: String;
+  date: string;
+  saveOCLConstraint: Boolean;
+}
+
+export interface PublishProfileData {
+  publishProfile: PublishProfilePayload;
+}
+
+export interface PublishProfilePayload {
+  __typename: string;
+}
+
+export interface ErrorPayload extends PublishProfilePayload {
+  __typename: 'ErrorPayload';
+  message: string;
+}

package/papyrus-web-components/src/profile/publish-profile/PublishProfileTreeItemContextMenuContribution.tsx

@@ -0,0 +1,59 @@
+/*******************************************************************************
+ * Copyright (c) 2021, 2025 CEA LIST, Obeo.
+ * This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v2.0
+ * which accompanies this distribution, and is available at
+ * https://www.eclipse.org/legal/epl-2.0/
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ *
+ * Contributors:
+ *     Obeo - initial API and implementation
+ *******************************************************************************/
+import { TreeItemContextMenuComponentProps } from '@eclipse-sirius/sirius-components-trees';
+import ListItemIcon from '@mui/material/ListItemIcon';
+import ListItemText from '@mui/material/ListItemText';
+import MenuItem from '@mui/material/MenuItem';
+import AddIcon from '@mui/icons-material/Add';
+import { forwardRef, Fragment, useState } from 'react';
+import { PublishProfileDialog } from './PublishProfileDialog';
+
+type Modal = 'PublishProfile';
+
+export const PublishProfileTreeItemContextMenuContribution = forwardRef(
+  (
+    { editingContextId, item, treeId, readOnly, onClose }: TreeItemContextMenuComponentProps,
+    _ref: React.ForwardedRef<HTMLLIElement>
+  ) => {
+    const [modal, setModal] = useState<Modal | null>(null);
+
+    let modalElement: JSX.Element | null = null;
+    if (modal === 'PublishProfile') {
+      modalElement = <PublishProfileDialog editingContextId={editingContextId} item={item} onClose={onClose} />;
+    }
+    const isProfileMenuVisible =
+      treeId.startsWith('explorer://') &&
+      item.editable &&
+      item.kind.includes('siriusComponents://semantic?domain=uml&entity=Profile');
+    if (isProfileMenuVisible) {
+      return (
+        <Fragment key="umlelement-tree-item-context-menu-contribution">
+          <MenuItem
+            key="publish-profile"
+            data-testid="publish-profile"
+            onClick={() => setModal('PublishProfile')}
+            disabled={readOnly}
+            aria-disabled>
+            <ListItemIcon>
+              <AddIcon fontSize="small" />
+            </ListItemIcon>
+            <ListItemText primary="Publish profile" />
+          </MenuItem>
+          {modalElement}
+        </Fragment>
+      );
+    } else {
+      return null;
+    }
+  }
+);

package/papyrus-web-components/src/widgets/CustomWidgetsDocumentTransform.ts

@@ -0,0 +1,215 @@
+/*******************************************************************************
+ * Copyright (c) 2025 CEA LIST, Obeo.
+ * This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v2.0
+ * which accompanies this distribution, and is available at
+ * https://www.eclipse.org/legal/epl-2.0/
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ *
+ * Contributors:
+ *     Obeo - initial API and implementation
+ *******************************************************************************/
+
+import { DocumentTransform } from '@apollo/client';
+import { DocumentNode, FragmentDefinitionNode, InlineFragmentNode, Kind, SelectionNode, visit } from 'graphql';
+
+const shouldTransform = (document: DocumentNode) => {
+  return document.definitions.some(
+    (definition) =>
+      definition.kind === Kind.OPERATION_DEFINITION &&
+      (definition.name?.value === 'detailsEvent' ||
+        definition.name?.value === 'formEvent' ||
+        definition.name?.value === 'formDescriptionEditorEvent')
+  );
+};
+
+const isWidgetFragmentDefinition = (node: FragmentDefinitionNode) => {
+  return node.name.value === 'widgetFields';
+};
+
+const fieldBuilder = (label: string): SelectionNode => {
+  return {
+    kind: Kind.FIELD,
+    name: {
+      kind: Kind.NAME,
+      value: label,
+    },
+  };
+};
+
+const structuredFieldBuilder = (label: string, children: SelectionNode[]): SelectionNode => {
+  return {
+    kind: Kind.FIELD,
+    name: {
+      kind: Kind.NAME,
+      value: label,
+    },
+    selectionSet: {
+      kind: Kind.SELECTION_SET,
+      selections: children,
+    },
+  };
+};
+
+const styleField: SelectionNode = structuredFieldBuilder('style', [
+  fieldBuilder('color'),
+  fieldBuilder('fontSize'),
+  fieldBuilder('italic'),
+  fieldBuilder('bold'),
+  fieldBuilder('underline'),
+  fieldBuilder('strikeThrough'),
+]);
+
+export const customWidgetsDocumentTransform = new DocumentTransform((document) => {
+  if (shouldTransform(document)) {
+    return visit(document, {
+      FragmentDefinition(node) {
+        if (!isWidgetFragmentDefinition(node)) {
+          return undefined;
+        }
+
+        const primitiveListInlineFragment: InlineFragmentNode = {
+          kind: Kind.INLINE_FRAGMENT,
+          selectionSet: {
+            kind: Kind.SELECTION_SET,
+            selections: [
+              fieldBuilder('label'),
+              fieldBuilder('iconURL'),
+              fieldBuilder('canAdd'),
+              fieldBuilder('canReorder'),
+              fieldBuilder('hasCandidates'),
+              structuredFieldBuilder('items', [
+                fieldBuilder('id'),
+                fieldBuilder('label'),
+                fieldBuilder('iconURL'),
+                fieldBuilder('deletable'),
+                fieldBuilder('hasAction'),
+                fieldBuilder('actionIconURL'),
+              ]),
+              styleField,
+            ],
+          },
+          typeCondition: {
+            kind: Kind.NAMED_TYPE,
+            name: {
+              kind: Kind.NAME,
+              value: 'PrimitiveListWidget',
+            },
+          },
+        };
+
+        const containmentReferenceWidgetInlineFragment: InlineFragmentNode = {
+          kind: Kind.INLINE_FRAGMENT,
+          selectionSet: {
+            kind: Kind.SELECTION_SET,
+            selections: [
+              fieldBuilder('label'),
+              fieldBuilder('iconURL'),
+              fieldBuilder('ownerId'),
+              fieldBuilder('descriptionId'),
+              structuredFieldBuilder('containmentReference', [
+                fieldBuilder('ownerKind'),
+                fieldBuilder('referenceKind'),
+                fieldBuilder('isMany'),
+                fieldBuilder('canMove'),
+              ]),
+              structuredFieldBuilder('referenceValues', [
+                fieldBuilder('id'),
+                fieldBuilder('label'),
+                fieldBuilder('kind'),
+                fieldBuilder('iconURL'),
+              ]),
+              styleField,
+            ],
+          },
+          typeCondition: {
+            kind: Kind.NAMED_TYPE,
+            name: {
+              kind: Kind.NAME,
+              value: 'ContainmentReferenceWidget',
+            },
+          },
+        };
+
+        const languageExpressionInlineFragment: InlineFragmentNode = {
+          kind: Kind.INLINE_FRAGMENT,
+          selectionSet: {
+            kind: Kind.SELECTION_SET,
+            selections: [
+              fieldBuilder('id'),
+              fieldBuilder('label'),
+              fieldBuilder('iconURL'),
+              structuredFieldBuilder('languages', [fieldBuilder('id'), fieldBuilder('label'), fieldBuilder('body')]),
+              fieldBuilder('predefinedLanguages'),
+            ],
+          },
+          typeCondition: {
+            kind: Kind.NAMED_TYPE,
+            name: {
+              kind: Kind.NAME,
+              value: 'LanguageExpression',
+            },
+          },
+        };
+
+        const primitiveRadioInlineFragment: InlineFragmentNode = {
+          kind: Kind.INLINE_FRAGMENT,
+          selectionSet: {
+            kind: Kind.SELECTION_SET,
+            selections: [
+              fieldBuilder('id'),
+              fieldBuilder('label'),
+              fieldBuilder('iconURL'),
+              fieldBuilder('candidateList'),
+              fieldBuilder('candidateValue'),
+            ],
+          },
+          typeCondition: {
+            kind: Kind.NAMED_TYPE,
+            name: {
+              kind: Kind.NAME,
+              value: 'PrimitiveRadio',
+            },
+          },
+        };
+
+        const customImageInlineFragment: InlineFragmentNode = {
+          kind: Kind.INLINE_FRAGMENT,
+          selectionSet: {
+            kind: Kind.SELECTION_SET,
+            selections: [
+              fieldBuilder('id'),
+              fieldBuilder('label'),
+              fieldBuilder('iconURL'),
+              fieldBuilder('currentUuid'),
+            ],
+          },
+          typeCondition: {
+            kind: Kind.NAMED_TYPE,
+            name: {
+              kind: Kind.NAME,
+              value: 'CustomImageWidget',
+            },
+          },
+        };
+
+        return {
+          ...node,
+          selectionSet: {
+            ...node.selectionSet,
+            selections: [
+              ...node.selectionSet.selections,
+              containmentReferenceWidgetInlineFragment,
+              primitiveListInlineFragment,
+              languageExpressionInlineFragment,
+              primitiveRadioInlineFragment,
+              customImageInlineFragment,
+            ],
+          },
+        };
+      },
+    });
+  }
+  return document;
+});

package/papyrus-web-components/src/widgets/containmentReference/ContainmentReferenceFragment.types.ts

@@ -0,0 +1,178 @@
+/*****************************************************************************
+ * Copyright (c) 2023, 2025 CEA LIST, Obeo.
+ *
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License 2.0
+ * which accompanies this distribution, and is available at
+ * https://www.eclipse.org/legal/epl-2.0/
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ *
+ * Contributors:
+ *  Obeo - Initial API and implementation
+ ***************************************************************************/
+
+import { GQLMessage } from '@eclipse-sirius/sirius-components-core';
+import { GQLWidget } from '@eclipse-sirius/sirius-components-forms';
+import { GQLReferenceWidgetStyle } from '@eclipse-sirius/sirius-components-widget-reference';
+
+export type ContainmentReferenceDialogKind = 'REORDER' | 'NEW_INSTANCE';
+
+export interface GQLContainmentReferenceWidget extends GQLWidget {
+  label: string;
+  ownerId: string;
+  descriptionId: string;
+  containmentReference: GQLContainmentReference;
+  referenceValues: GQLContainmentReferenceItem[] | null;
+  style: GQLReferenceWidgetStyle | null;
+}
+
+export interface GQLContainmentReference {
+  ownerKind: string;
+  referenceKind: string;
+  isMany: boolean;
+  canMove: boolean;
+}
+
+export interface GQLContainmentReferenceItem {
+  id: string;
+  label: string;
+  kind: string;
+  iconURL: string[];
+  hasClickAction: boolean;
+}
+
+export interface GQLGetChildCreationDescriptionsQueryVariables {
+  editingContextId: string;
+  containerId: string;
+  referenceKind?: string;
+  descriptionId: string;
+}
+
+export interface GQLGetChildCreationDescriptionsQueryData {
+  viewer: GQLViewer;
+}
+
+export interface GQLViewer {
+  editingContext: GQLEditingContext;
+}
+
+export interface GQLEditingContext {
+  referenceWidgetChildCreationDescriptions: GQLChildCreationDescription[];
+}
+
+export interface GQLChildCreationDescription {
+  id: string;
+  label: string;
+  iconURL: string;
+}
+
+export interface GQLObject {
+  id: string;
+  label: string;
+  kind: string;
+}
+
+export interface GQLCreateElementInReferenceMutationVariables {
+  input: GQLCreateElementInReferenceInput;
+}
+
+export interface GQLCreateElementInReferenceInput {
+  id: string;
+  editingContextId: string;
+  representationId: string;
+  referenceWidgetId: string;
+  containerId: string;
+  domainId: string | null;
+  creationDescriptionId: string;
+  descriptionId: string;
+}
+
+export interface GQLCreateElementInReferenceMutationData {
+  createElementInReference: GQLCreateElementInReferencePayload;
+}
+
+export interface GQLCreateElementInReferencePayload {
+  __typename: string;
+}
+
+export interface GQLCreateElementInReferenceSuccessPayload extends GQLCreateElementInReferencePayload {
+  id: string;
+  object: GQLObject;
+  messages: GQLMessage[];
+}
+
+export interface GQLErrorPayload
+  extends GQLClickContainmentReferenceItemPayload,
+    GQLRemoveContainmentReferenceItemPayload {
+  messages: GQLMessage[];
+}
+
+export interface GQLSuccessPayload
+  extends GQLClickContainmentReferenceItemPayload,
+    GQLRemoveContainmentReferenceItemPayload {
+  messages: GQLMessage[];
+}
+
+export interface GQLClickContainmentReferenceItemMutationData {
+  clickContainmentReferenceItem: GQLClickContainmentReferenceItemPayload;
+}
+
+export interface GQLClickContainmentReferenceItemPayload {
+  __typename: string;
+}
+
+export interface GQLClickContainmentReferenceItemMutationVariables {
+  input: GQLClickContainmentReferenceItemInput;
+}
+
+export interface GQLClickContainmentReferenceItemInput {
+  id: string;
+  editingContextId: string;
+  representationId: string;
+  referenceWidgetId: string;
+  referenceItemId: string;
+  clickEventKind: 'SINGLE_CLICK' | 'DOUBLE_CLICK';
+}
+
+export interface GQLRemoveContainmentReferenceItemMutationData {
+  removeContainmentReferenceItem: GQLRemoveContainmentReferenceItemPayload;
+}
+
+export interface GQLRemoveContainmentReferenceItemPayload {
+  __typename: string;
+}
+
+export interface GQLRemoveContainmentReferenceItemMutationVariables {
+  input: GQLRemoveContainmentReferenceItemInput;
+}
+
+export interface GQLRemoveContainmentReferenceItemInput {
+  id: string;
+  editingContextId: string;
+  representationId: string;
+  referenceWidgetId: string;
+  referenceItemId: string;
+}
+
+export interface GQLMoveContainmentReferenceItemMutationData {
+  moveContainmentReferenceItem: GQLMoveContainmentReferenceItemPayload;
+}
+
+export interface GQLMoveContainmentReferenceItemPayload {
+  __typename: string;
+}
+
+export interface GQLMoveContainmentReferenceItemMutationVariables {
+  input: GQLMoveContainmentReferenceItemInput;
+}
+
+export interface GQLMoveContainmentReferenceItemInput {
+  id: string;
+  editingContextId: string;
+  representationId: string;
+  referenceWidgetId: string;
+  referenceItemId: string;
+  fromIndex: number;
+  toIndex: number;
+}

package/papyrus-web-components/src/widgets/containmentReference/ContainmentReferenceIcon.tsx

@@ -0,0 +1,38 @@
+/*****************************************************************************
+ * Copyright (c) 2023, 2025 CEA LIST, Obeo.
+ *
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License 2.0
+ * which accompanies this distribution, and is available at
+ * https://www.eclipse.org/legal/epl-2.0/
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ *
+ * Contributors:
+ *  Obeo - Initial API and implementation
+ ***************************************************************************/
+
+import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';
+
+export const ContainmentReferenceIcon = (props: SvgIconProps) => {
+  return (
+    <SvgIcon
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      aria-labelledby="title"
+      aria-describedby="desc"
+      role="img"
+      {...props}>
+      <g>
+        <rect fill="none" height="24" width="24" />
+      </g>
+      <g>
+        <polygon
+          points="17,17 22,12 17,7 15.59,8.41 18.17,11 9,11 9,13 18.17,13 15.59,15.59"
+          transform="matrix(-1,0,0,1,28.981308,0)"
+        />
+        <path d="M19,19H5V5h14v2h2V5c0-1.1-0.89-2-2-2H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.11,0,2-0.9,2-2v-2h-2V19z" />
+      </g>
+    </SvgIcon>
+  );
+};

package/papyrus-web-components/src/widgets/containmentReference/ContainmentReferencePreview.tsx

@@ -0,0 +1,106 @@
+/*****************************************************************************
+ * Copyright (c) 2023, 2025 CEA LIST, Obeo.
+ *
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License 2.0
+ * which accompanies this distribution, and is available at
+ * https://www.eclipse.org/legal/epl-2.0/
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ *
+ * Contributors:
+ *  Obeo - Initial API and implementation
+ ***************************************************************************/
+
+import { IconOverlay, useSelection } from '@eclipse-sirius/sirius-components-core';
+import { WidgetProps } from '@eclipse-sirius/sirius-components-formdescriptioneditors';
+import Chip from '@mui/material/Chip';
+import IconButton from '@mui/material/IconButton';
+import AddIcon from '@mui/icons-material/Add';
+import Typography from '@mui/material/Typography';
+import { makeStyles } from 'tss-react/mui';
+import HelpOutlineOutlined from '@mui/icons-material/HelpOutlineOutlined';
+import { useEffect, useRef, useState } from 'react';
+import { GQLContainmentReferenceWidget } from './ContainmentReferenceFragment.types';
+import ReorderIcon from './ReorderIcon';
+
+const useStyles = makeStyles()((theme) => ({
+  style: {
+    color: theme.palette.secondary.main,
+  },
+  selected: {
+    color: theme.palette.selected,
+  },
+  propertySectionLabel: {
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  toolbar: {
+    marginLeft: 'auto',
+    display: 'flex',
+    alignItems: 'center',
+  },
+  chip: {
+    margin: '3px',
+  },
+}));
+
+type PropertySectionComponentProps = WidgetProps<GQLContainmentReferenceWidget>;
+
+export const ContainmentReferencePreview = ({ widget }: PropertySectionComponentProps) => {
+  const { classes } = useStyles();
+  const [selected, setSelected] = useState<boolean>(false);
+
+  const { selection } = useSelection();
+
+  const ref = useRef<HTMLInputElement | null>(null);
+
+  useEffect(() => {
+    if (ref.current && selection.entries.find((entry) => entry.id === widget.id)) {
+      ref.current.focus();
+      setSelected(true);
+    } else {
+      setSelected(false);
+    }
+  }, [selection, widget]);
+
+  const values = ['element-1', 'element-2', 'element-3'];
+
+  return (
+    <div>
+      <div className={classes.propertySectionLabel}>
+        <Typography variant="subtitle2" className={selected ? classes.selected : ''}>
+          {widget.label}
+        </Typography>
+        {widget.hasHelpText && <HelpOutlineOutlined color="secondary" style={{ marginLeft: 8, fontSize: 16 }} />}
+        <div className={classes.toolbar} data-testid="containment-reference-toolbar">
+          <IconButton data-testid="containment-reference-create-child" disabled size="small">
+            <AddIcon />
+          </IconButton>
+          {widget.containmentReference.canMove && (
+            <IconButton data-testid="containment-reference-reorder-children" disabled size="small">
+              <ReorderIcon fill="#B3BFC5" />
+            </IconButton>
+          )}
+        </div>
+      </div>
+      <div ref={ref}>
+        {values.map((label) => (
+          <Chip
+            key={label}
+            classes={{ root: classes.chip }}
+            label={label}
+            data-testid={`${label}`}
+            icon={
+              <div>
+                <IconOverlay iconURLs={['/api/images/icons-override/full/obj16/Class.svg']} alt={label} />
+              </div>
+            }
+            onDelete={() => console.log('deleted')}
+          />
+        ))}
+      </div>
+    </div>
+  );
+};