SemianiakaVY/elsa-core
1
0
Fork 0
Code Issues Pull requests Actions 1 Packages Projects Releases Wiki Activity

Add dynamic activity border color CSS classes to safe lists

Browse source
This commit is contained in:
Sipke Schoorstra 2021-09-14 20:49:55 +02:00
parent eea740e502
commit e0d629654d
18 changed files with 48 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/designer/elsa-workflows-studio/package.json
View file

@ -1,6 +1,6 @@
{
"name": "@elsa-workflows/elsa-workflows-studio",
"version": "2.2.0",
"version": "2.2.4",
"description": "Elsa Workflow Studio is a collection of web components to manage Elsa workflows stored on an Elsa Workflows server.",
"repository": {
"type": "git",

2
src/designer/elsa-workflows-studio/src/components/controls/elsa-context-menu/readme.md
View file

@ -17,7 +17,7 @@
### Used by
- [elsa-webhook-definitions-list-screen](../../screens/webhook-definition-list/else-webhook-definitions-screen)
- [elsa-webhook-definitions-list-screen](../../../modules/elsa-webhooks/components/screens/webhook-definition-list/else-webhook-definitions-screen)
- [elsa-workflow-definitions-list-screen](../../screens/workflow-definition-list/elsa-workflow-definitions-screen)
- [elsa-workflow-instance-list-screen](../../screens/workflow-instance-list/elsa-workflow-instance-list-screen)
- [elsa-workflow-registry-list-screen](../../screens/workflow-registry-list/elsa-workflow-registry-list-screen)

4
src/designer/elsa-workflows-studio/src/components/dashboard/pages/elsa-studio-dashboard/readme.md
View file

@ -18,18 +18,18 @@
### Depends on
- stencil-route-link
- stencil-route
- stencil-router
- stencil-route-switch
- stencil-route
- context-consumer
### Graph
```mermaid
graph TD;
elsa-studio-dashboard --> stencil-route-link
elsa-studio-dashboard --> stencil-route
elsa-studio-dashboard --> stencil-router
elsa-studio-dashboard --> stencil-route-switch
elsa-studio-dashboard --> stencil-route
elsa-studio-dashboard --> context-consumer
style elsa-studio-dashboard fill:#f9f,stroke:#333,stroke-width:4px
```

13
src/designer/elsa-workflows-studio/src/components/dashboard/pages/elsa-studio-root/readme.md
View file

@ -7,12 +7,13 @@
## Properties
| Property | Attribute | Description | Type | Default |
| --------------- | ----------------- | ----------- | -------- | ----------- |
| `basePath` | `base-path` | | `string` | `''` |
| `culture` | `culture` | | `string` | `undefined` |
| `monacoLibPath` | `monaco-lib-path` | | `string` | `undefined` |
| `serverUrl` | `server-url` | | `string` | `undefined` |
| Property | Attribute | Description | Type | Default |
| ---------------- | ----------------- | ----------- | -------- | ----------- |
| `basePath` | `base-path` | | `string` | `''` |
| `culture` | `culture` | | `string` | `undefined` |
| `featuresString` | `features` | | `string` | `undefined` |
| `monacoLibPath` | `monaco-lib-path` | | `string` | `undefined` |
| `serverUrl` | `server-url` | | `string` | `undefined` |
## Events

4
src/designer/elsa-workflows-studio/src/components/dashboard/pages/elsa-studio-workflow-blueprint-view/readme.md
View file

@ -25,9 +25,9 @@ graph TD;
elsa-workflow-blueprint-viewer-screen --> elsa-designer-tree
elsa-workflow-blueprint-viewer-screen --> elsa-workflow-blueprint-side-panel
elsa-workflow-blueprint-viewer-screen --> context-consumer
elsa-workflow-blueprint-side-panel --> elsa-workflow-properties-panel
elsa-workflow-blueprint-side-panel --> elsa-workflow-blueprint-properties-panel
elsa-workflow-blueprint-side-panel --> context-consumer
elsa-workflow-properties-panel --> context-consumer
elsa-workflow-blueprint-properties-panel --> context-consumer
style elsa-studio-workflow-blueprint-view fill:#f9f,stroke:#333,stroke-width:4px
```

4
src/designer/elsa-workflows-studio/src/components/dashboard/pages/elsa-studio-workflow-registry/readme.md
View file

@ -27,9 +27,11 @@ graph TD;
elsa-studio-workflow-registry --> stencil-route-link
elsa-studio-workflow-registry --> elsa-workflow-registry-list-screen
elsa-studio-workflow-registry --> context-consumer
elsa-workflow-registry-list-screen --> stencil-route-link
elsa-workflow-registry-list-screen --> elsa-context-menu
elsa-workflow-registry-list-screen --> stencil-route-link
elsa-workflow-registry-list-screen --> elsa-confirm-dialog
elsa-workflow-registry-list-screen --> context-consumer
elsa-confirm-dialog --> elsa-modal-dialog
style elsa-studio-workflow-registry fill:#f9f,stroke:#333,stroke-width:4px
```

22
src/designer/elsa-workflows-studio/src/components/screens/workflow-blueprint-viewer/elsa-workflow-blueprint-properties-panel/readme.md
View file

@ -7,20 +7,19 @@
## Properties
| Property | Attribute | Description | Type | Default |
| ---------------------- | ------------------------ | ----------- | -------------------- | ----------- |
| `culture` | `culture` | | `string` | `undefined` |
| `expandButtonPosition` | `expand-button-position` | | `number` | `1` |
| `serverUrl` | `server-url` | | `string` | `undefined` |
| `workflowDefinition` | -- | | `WorkflowDefinition` | `undefined` |
| Property | Attribute | Description | Type | Default |
| ---------------------- | ------------------------ | ----------- | ------------------- | ----------- |
| `culture` | `culture` | | `string` | `undefined` |
| `expandButtonPosition` | `expand-button-position` | | `number` | `1` |
| `serverUrl` | `server-url` | | `string` | `undefined` |
| `workflowBlueprint` | -- | | `WorkflowBlueprint` | `undefined` |
## Dependencies
### Used by
- [elsa-workflow-blueprint-side-panel](../../workflow-blueprint-viewer/elsa-workflow-blueprint-side-panel)
- [elsa-workflow-definition-editor-screen](../elsa-workflow-definition-editor-screen)
- [elsa-workflow-blueprint-side-panel](../elsa-workflow-blueprint-side-panel)
### Depends on
@ -29,10 +28,9 @@
### Graph
```mermaid
graph TD;
elsa-workflow-properties-panel --> context-consumer
elsa-workflow-blueprint-side-panel --> elsa-workflow-properties-panel
elsa-workflow-definition-editor-screen --> elsa-workflow-properties-panel
style elsa-workflow-properties-panel fill:#f9f,stroke:#333,stroke-width:4px
elsa-workflow-blueprint-properties-panel --> context-consumer
elsa-workflow-blueprint-side-panel --> elsa-workflow-blueprint-properties-panel
style elsa-workflow-blueprint-properties-panel fill:#f9f,stroke:#333,stroke-width:4px
```
----------------------------------------------

6
src/designer/elsa-workflows-studio/src/components/screens/workflow-blueprint-viewer/elsa-workflow-blueprint-side-panel/readme.md
View file

@ -21,15 +21,15 @@
### Depends on
- [elsa-workflow-properties-panel](../../workflow-definition-editor/elsa-workflow-properties-panel)
- [elsa-workflow-blueprint-properties-panel](../elsa-workflow-blueprint-properties-panel)
- context-consumer
### Graph
```mermaid
graph TD;
elsa-workflow-blueprint-side-panel --> elsa-workflow-properties-panel
elsa-workflow-blueprint-side-panel --> elsa-workflow-blueprint-properties-panel
elsa-workflow-blueprint-side-panel --> context-consumer
elsa-workflow-properties-panel --> context-consumer
elsa-workflow-blueprint-properties-panel --> context-consumer
elsa-workflow-blueprint-viewer-screen --> elsa-workflow-blueprint-side-panel
style elsa-workflow-blueprint-side-panel fill:#f9f,stroke:#333,stroke-width:4px
```

4
src/designer/elsa-workflows-studio/src/components/screens/workflow-blueprint-viewer/elsa-workflow-blueprint-viewer-screen/readme.md
View file

@ -45,9 +45,9 @@ graph TD;
elsa-workflow-blueprint-viewer-screen --> elsa-designer-tree
elsa-workflow-blueprint-viewer-screen --> elsa-workflow-blueprint-side-panel
elsa-workflow-blueprint-viewer-screen --> context-consumer
elsa-workflow-blueprint-side-panel --> elsa-workflow-properties-panel
elsa-workflow-blueprint-side-panel --> elsa-workflow-blueprint-properties-panel
elsa-workflow-blueprint-side-panel --> context-consumer
elsa-workflow-properties-panel --> context-consumer
elsa-workflow-blueprint-properties-panel --> context-consumer
elsa-studio-workflow-blueprint-view --> elsa-workflow-blueprint-viewer-screen
style elsa-workflow-blueprint-viewer-screen fill:#f9f,stroke:#333,stroke-width:4px
```

2
src/designer/elsa-workflows-studio/src/components/screens/workflow-definition-editor/elsa-workflow-properties-panel/readme.md
View file

@ -19,7 +19,6 @@
### Used by
- [elsa-workflow-blueprint-side-panel](../../workflow-blueprint-viewer/elsa-workflow-blueprint-side-panel)
- [elsa-workflow-definition-editor-screen](../elsa-workflow-definition-editor-screen)
### Depends on
@ -30,7 +29,6 @@
```mermaid
graph TD;
elsa-workflow-properties-panel --> context-consumer
elsa-workflow-blueprint-side-panel --> elsa-workflow-properties-panel
elsa-workflow-definition-editor-screen --> elsa-workflow-properties-panel
style elsa-workflow-properties-panel fill:#f9f,stroke:#333,stroke-width:4px
```

7
src/designer/elsa-workflows-studio/src/components/screens/workflow-registry-list/elsa-workflow-registry-list-screen/readme.md
View file

@ -23,16 +23,19 @@
### Depends on
- stencil-route-link
- [elsa-context-menu](../../../controls/elsa-context-menu)
- stencil-route-link
- [elsa-confirm-dialog](../../../shared/elsa-confirm-dialog)
- context-consumer
### Graph
```mermaid
graph TD;
elsa-workflow-registry-list-screen --> stencil-route-link
elsa-workflow-registry-list-screen --> elsa-context-menu
elsa-workflow-registry-list-screen --> stencil-route-link
elsa-workflow-registry-list-screen --> elsa-confirm-dialog
elsa-workflow-registry-list-screen --> context-consumer
elsa-confirm-dialog --> elsa-modal-dialog
elsa-studio-workflow-registry --> elsa-workflow-registry-list-screen
style elsa-workflow-registry-list-screen fill:#f9f,stroke:#333,stroke-width:4px
```

4
src/designer/elsa-workflows-studio/src/components/shared/elsa-confirm-dialog/readme.md
View file

@ -40,8 +40,9 @@ Type: `Promise<boolean>`
### Used by
- [elsa-studio-root](../../dashboard/pages/elsa-studio-root)
- [elsa-webhook-definitions-list-screen](../../screens/webhook-definition-list/else-webhook-definitions-screen)
- [elsa-webhook-definitions-list-screen](../../../modules/elsa-webhooks/components/screens/webhook-definition-list/else-webhook-definitions-screen)
- [elsa-workflow-definitions-list-screen](../../screens/workflow-definition-list/elsa-workflow-definitions-screen)
- [elsa-workflow-registry-list-screen](../../screens/workflow-registry-list/elsa-workflow-registry-list-screen)
### Depends on
@ -54,6 +55,7 @@ graph TD;
elsa-studio-root --> elsa-confirm-dialog
elsa-webhook-definitions-list-screen --> elsa-confirm-dialog
elsa-workflow-definitions-list-screen --> elsa-confirm-dialog
elsa-workflow-registry-list-screen --> elsa-confirm-dialog
style elsa-confirm-dialog fill:#f9f,stroke:#333,stroke-width:4px
```

2
src/designer/elsa-workflows-studio/src/components/shared/elsa-toast-notification/readme.md
View file

@ -33,7 +33,7 @@ Type: `Promise<void>`
### Used by
- [elsa-studio-root](../../dashboard/pages/elsa-studio-root)
- [elsa-webhook-definition-editor-notifications](../../screens/webhook-definition-editor/elsa-webhook-definition-editor-notifications)
- [elsa-webhook-definition-editor-notifications](../../../modules/elsa-webhooks/components/screens/webhook-definition-editor/elsa-webhook-definition-editor-notifications)
### Graph
```mermaid

4
src/designer/elsa-workflows-studio/src/index.html
View file

@ -28,8 +28,8 @@
<!--<elsa-workflow-definition-editor-screen></elsa-workflow-definition-editor-screen>-->
</elsa-studio-root>
<!-- Keep this to avoid Stencil from stripping classes added by dagre-d3 <!-->
<div class="node add label-container hidden"></div>
<!-- Keep this to avoid Stencil from stripping classes added by dagre-d3 and dynamically computed classes <!-->
<div class="node add label-container hidden elsa-border-blue-600 elsa-border-green-600 elsa-border-red-600"></div>
<script type="module">
// Integration demos.

2
src/designer/elsa-workflows-studio/src/modules/elsa-webhooks/components/screens/webhook-definition-editor/elsa-webhook-definition-editor-notifications/readme.md
View file

@ -13,7 +13,7 @@
### Depends on
- [elsa-toast-notification](../../../shared/elsa-toast-notification)
- [elsa-toast-notification](../../../../../../components/shared/elsa-toast-notification)
### Graph
```mermaid

4
src/designer/elsa-workflows-studio/src/modules/elsa-webhooks/components/screens/webhook-definition-list/else-webhook-definitions-screen/readme.md
View file

@ -24,8 +24,8 @@
### Depends on
- stencil-route-link
- [elsa-context-menu](../../../controls/elsa-context-menu)
- [elsa-confirm-dialog](../../../shared/elsa-confirm-dialog)
- [elsa-context-menu](../../../../../../components/controls/elsa-context-menu)
- [elsa-confirm-dialog](../../../../../../components/shared/elsa-confirm-dialog)
- context-consumer
### Graph

2
src/designer/elsa-workflows-studio/stencil.config.ts
View file

@ -14,7 +14,7 @@ const tailwindDev: boolean = process.argv && process.argv.indexOf('--tailwind:de
const purgecss = require('@fullhuman/postcss-purgecss')({
content: ['./src/**/*.tsx', './src/**/*.html'],
defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || [],
safelist: ['jtk-connector'],
safelist: ['hidden', 'jtk-connector', 'rose', 'sky', /gray/, /pink/, /blue/, /green/, /red/, /yellow/, /rose/, 'label-container', 'node', 'start', 'activity', 'elsa-border-blue-600', 'elsa-border-green-600', 'elsa-border-red-600'],
});
export const config: Config = {

4
src/designer/elsa-workflows-studio/tailwind.config.js
View file

@ -8,7 +8,7 @@ module.exports = {
enabled: !dev,
content: ['./src/**/*.tsx', './src/**/*.html'],
options: {
safelist: ['hidden', 'jtk-connector', 'rose', 'sky', /gray/, /pink/, /blue/, /green/, /red/, /yellow/, /rose/, 'label-container', 'node', 'start', 'activity']
safelist: ['hidden', 'jtk-connector', 'rose', 'sky', /gray/, /pink/, /blue/, /green/, /red/, /yellow/, /rose/, 'label-container', 'node', 'start', 'activity', 'border-blue-600', 'border-green-600', 'border-red-600']
},
},
prefix: 'elsa-',
@ -31,7 +31,7 @@ module.exports = {
opacity: ['disabled'],
cursor: ['disabled'],
},
borderColor: ['responsive', 'hover', 'focus'],
borderColor: ['responsive', 'hover', 'focus'],
},
plugins: [
require('@tailwindcss/forms'),