updated files table on pm show page to force single line and added migration to increase column size of process-model identifier in message triggerable table w/ burnettk (#515)

Co-authored-by: jasquat <jasquat@users.noreply.github.com>

spiffworkflow-backend/migrations/versions/698a921acb46_.py

@@ -0,0 +1,37 @@
+"""empty message
+
+Revision ID: 698a921acb46
+Revises: 4d438975ff4d
+Create Date: 2023-09-27 11:15:33.302047
+
+"""
+from alembic import op
+import sqlalchemy as sa
+
+# revision identifiers, used by Alembic.
+revision = '698a921acb46'
+down_revision = '4d438975ff4d'
+branch_labels = None
+depends_on = None
+
+
+def upgrade():
+    # ### commands auto generated by Alembic - please adjust! ###
+    with op.batch_alter_table('message_triggerable_process_model', schema=None) as batch_op:
+        batch_op.alter_column('process_model_identifier',
+               existing_type=sa.String(length=50),
+               type_=sa.String(length=255),
+               existing_nullable=False)
+
+    # ### end Alembic commands ###
+
+
+def downgrade():
+    # ### commands auto generated by Alembic - please adjust! ###
+    with op.batch_alter_table('message_triggerable_process_model', schema=None) as batch_op:
+        batch_op.alter_column('process_model_identifier',
+               existing_type=sa.String(length=255),
+               type_=sa.String(length=50),
+               existing_nullable=False)
+
+    # ### end Alembic commands ###

spiffworkflow-backend/src/spiffworkflow_backend/models/message_triggerable_process_model.py

@@ -7,6 +7,6 @@ class MessageTriggerableProcessModel(SpiffworkflowBaseDBModel):
 
     id = db.Column(db.Integer, primary_key=True)
     message_name: str = db.Column(db.String(255), index=True)
-    process_model_identifier: str = db.Column(db.String(50), nullable=False, index=True)
+    process_model_identifier: str = db.Column(db.String(255), nullable=False, index=True)
     updated_at_in_seconds: int = db.Column(db.Integer)
     created_at_in_seconds: int = db.Column(db.Integer)

spiffworkflow-frontend/src/index.css

@@ -856,3 +856,14 @@ div.onboarding {
 .completed-task-modal .cds--form__helper-text--disabled {
   --cds-text-disabled: rgba(22, 22, 22, .5);
 }
+
+.process-model-file-table {
+  width: 100%;
+  table-layout: fixed;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.process-model-file-table-filename {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

spiffworkflow-frontend/src/routes/ProcessModelShow.tsx

@@ -383,7 +383,11 @@ export default function ProcessModelShow() {
       }
       constructedTag = (
         <TableRow key={processModelFile.name}>
-          <TableCell key={`${processModelFile.name}-cell`}>
+          <TableCell
+            key={`${processModelFile.name}-cell`}
+            className="process-model-file-table-filename"
+            title={processModelFile.name}
+          >
             {fileLink}
             {primarySuffix}
           </TableCell>
@@ -394,7 +398,11 @@ export default function ProcessModelShow() {
     });
 
     return (
-      <Table size="lg" useZebraStyles={false}>
+      <Table
+        size="lg"
+        useZebraStyles={false}
+        className="process-model-file-table"
+      >
         <TableHead>
           <TableRow>
             <TableHeader id="Name" key="Name">
@@ -648,7 +656,7 @@ export default function ProcessModelShow() {
           <TabPanel>{readmeFileArea()}</TabPanel>
           <TabPanel>
             <Grid condensed fullWidth className="megacondensed">
-              <Column md={4} lg={8} sm={4}>
+              <Column md={6} lg={12} sm={4}>
                 <Can
                   I="POST"
                   a={targetUris.processModelFileCreatePath}