fix: OPTIC-142: Submit and exit style update (#5007)

* [submodules] Build static HumanSignal/label-studio-frontend

Workflow run: https://github.com/HumanSignal/label-studio/actions/runs/6747642272

* [submodules] Build static HumanSignal/label-studio-frontend

Workflow run: https://github.com/HumanSignal/label-studio/actions/runs/6819755294

* docs: LSF Update

Workflow run: https://github.com/HumanSignal/label-studio/actions/runs/6819755294

---------

Co-authored-by: Travis1282 <travisjosephclark@gmail.com>

docs/source/tags/image.md

@@ -18,6 +18,7 @@ When you annotate image regions with this tag, the annotations are saved as perc
 | --- | --- | --- | --- |
 | name | <code>string</code> |  | Name of the element |
 | value | <code>string</code> |  | Data field containing a path or URL to the image |
+| [valueList] | <code>string</code> |  | References a variable that holds a list of image URLs |
 | [smoothing] | <code>boolean</code> |  | Enable smoothing, by default it uses user settings |
 | [width] | <code>string</code> | <code>&quot;100%&quot;</code> | Image width |
 | [maxWidth] | <code>string</code> | <code>&quot;750px&quot;</code> | Maximum image width |
@@ -32,11 +33,10 @@ When you annotate image regions with this tag, the annotations are saved as perc
 | [contrastControl] | <code>boolean</code> | <code>false</code> | Show contrast control in toolbar |
 | [rotateControl] | <code>boolean</code> | <code>false</code> | Show rotate control in toolbar |
 | [crosshair] | <code>boolean</code> | <code>false</code> | Show crosshair cursor |
-| [horizontalAlignment] | <code>string</code> | <code>&quot;left&quot;</code> | Where to align image horizontally. Can be one of "left", "center" or "right" |
-| [verticalAlignment] | <code>string</code> | <code>&quot;top&quot;</code> | Where to align image vertically. Can be one of "top", "center" or "bottom" |
-| [defaultZoom] | <code>string</code> | <code>&quot;fit&quot;</code> | Specify the initial zoom of the image within the viewport while preserving it’s ratio. Can be one of "auto", "original" or "fit" |
-| [valuelist] | <code>string</code> |  | References a variable that holds a list of image URLs |
-| [crossOrigin] | <code>string</code> | <code>&quot;none&quot;</code> | Configures CORS cross domain behavior for this image, either "none", "anonymous", or "use-credentials", similar to [DOM `img` crossOrigin property](https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/crossOrigin). |
+| [horizontalAlignment] | <code>left</code> \| <code>center</code> \| <code>right</code> | <code>left</code> | Where to align image horizontally. Can be one of "left", "center", or "right" |
+| [verticalAlignment] | <code>top</code> \| <code>center</code> \| <code>bottom</code> | <code>top</code> | Where to align image vertically. Can be one of "top", "center", or "bottom" |
+| [defaultZoom] | <code>auto</code> \| <code>original</code> \| <code>fit</code> | <code>fit</code> | Specify the initial zoom of the image within the viewport while preserving its ratio. Can be one of "auto", "original", or "fit" |
+| [crossOrigin] | <code>none</code> \| <code>anonymous</code> \| <code>use-credentials</code> | <code>none</code> | Configures CORS cross domain behavior for this image, either "none", "anonymous", or "use-credentials", similar to [DOM `img` crossOrigin property](https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/crossOrigin). |
 
 ### Example
 

docs/source/tags/paragraphs.md

@@ -19,8 +19,8 @@ Use with the following data types: text.
 | name | <code>string</code> |  | Name of the element |
 | value | <code>string</code> |  | Data field containing the paragraph content |
 | [valueType] | <code>json</code> \| <code>url</code> | <code>json</code> | Whether the data is stored directly in uploaded JSON data or needs to be loaded from a URL |
-| audioUrl | <code>string</code> |  | Audio to sync phrases with |
-| [sync] | <code>string</code> |  | object name to sync with |
+| [audioUrl] | <code>string</code> |  | Audio to sync phrases with |
+| [sync] | <code>string</code> |  | Object name to sync with |
 | [showPlayer] | <code>boolean</code> | <code>false</code> | Whether to show audio player above the paragraphs. Ignored if sync object is audio |
 | [saveTextResult] | <code>no</code> \| <code>yes</code> | <code>yes</code> | Whether to store labeled text along with the results. By default, doesn't store text for `valueType=url` |
 | [layout] | <code>none</code> \| <code>dialogue</code> | <code>none</code> | Whether to use a dialogue-style layout or not |
@@ -34,7 +34,7 @@ Use with the following data types: text.
 | --- | --- | --- |
 | value | <code>Object</code> |  |
 | value.start | <code>number</code> | index of paragraph where the region starts |
-| value.end | <code>number</code> | index of paragraph where the region ends (xpath) |
+| value.end | <code>number</code> | index of paragraph where the region ends |
 | value.startOffset | <code>number</code> | offset within start paragraph |
 | value.endOffset | <code>number</code> | offset within end paragraph |
 | [value.text] | <code>string</code> | text content of the region, can be skipped |
@@ -65,3 +65,30 @@ Labeling configuration to label paragraph regions of text containing dialogue
   </ParagraphLabels>
 </View>
 ```
+### Example
+
+Paragraphs with audio
+
+```html
+<View>
+  <Paragraphs audioUrl="$audio" value="$para" name="paragraphs"
+              layout="dialogue" textKey="text" nameKey="author"
+              showPlayer="true"
+              />
+
+  <Choices name="choices" toName="paragraphs" choice="multiple">
+      <Choice value="Good quality"/>
+      <Choice value="Fast speech"/>
+  </Choices>    
+</View>
+
+<!-- {"data": { 
+  "para": [
+    {"text": "test 1", "author": "A", "start": 0.0, "end": 1.0},
+    {"text": "test 2", "author": "B", "start": 1.0, "end": 2.0},
+    {"text": "test 3", "author": "A", "start": 2.0, "end": 3.0}
+  ], 
+  "audio": "/static/samples/game.wav"
+}}
+-->
+```

label_studio/frontend/dist/lsf/version.json

@@ -1,6 +1,6 @@
 {
-  "message": "fix: LEAP-345: Fix taxonomy items collapsing when dropdown is closed",
-  "commit": "fcdc1df7b09877c684fb95c07625a0ad0bc1d58a",
+  "message": "fix: OPTIC-142: Submit and exit style update",
+  "commit": "1a0ab1cb5cb0a3b169064f5f310b364c09c95ded",
   "branch": "master",
-  "date": "2023/11/07 11:01:17"
+  "date": "2023/11/09 19:51:35"
 }