@bpmn-io/form-js-playground 0.10.0-alpha.0 → 0.10.0-alpha.1

package/dist/assets/form-js-playground.css

@@ -1,4 +1,36 @@
-.fjs-pgl-root {
+/**
+ * file-drop.css
+ */
+.drop-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+
+  padding: 50px;
+
+  background: rgba(255, 255, 255, .9);
+
+  z-index: 1000;
+}
+
+.drop-overlay .box {
+  text-align: center;
+  border: dashed 4px #CCC;
+  height: 100%;
+  width: 100%;
+  display: table;
+}
+
+.drop-overlay .label {
+  font-size: 26px;
+  color: #888;
+  margin: auto;
+
+  display: table-cell;
+  vertical-align: middle;
+}.fjs-pgl-root {
   --color-button-hover: var(--color-grey-225-10-95);
 
   --color-section-border: var(--color-grey-225-10-55);
@@ -226,36 +258,3 @@
   width: 100%;
   height: 100%;
 }
-/**
- * file-drop.css
- */
-.drop-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-
-  padding: 50px;
-
-  background: rgba(255, 255, 255, .9);
-
-  z-index: 1000;
-}
-
-.drop-overlay .box {
-  text-align: center;
-  border: dashed 4px #CCC;
-  height: 100%;
-  width: 100%;
-  display: table;
-}
-
-.drop-overlay .label {
-  font-size: 26px;
-  color: #888;
-  margin: auto;
-
-  display: table-cell;
-  vertical-align: middle;
-}

package/dist/form-playground.umd.js

@@ -4008,6 +4008,18 @@
           break;
       }
     };
+    const onTagRemoveClick = (event, value) => {
+      const {
+        target
+      } = event;
+      deselectValue(value);
+
+      // restore focus if there is no next sibling to focus
+      const nextTag = target.closest('.fjs-taglist-tag').nextSibling;
+      if (!nextTag) {
+        searchbarRef.current.focus();
+      }
+    };
     return e$1("div", {
       class: formFieldClasses(type$3, {
         errors,
@@ -4020,19 +4032,24 @@
         class: classNames('fjs-taglist', {
           'disabled': disabled
         }),
-        children: [!disabled && loadState === LOAD_STATES.LOADED && values.map(v => {
-          return e$1("div", {
-            class: "fjs-taglist-tag",
-            onMouseDown: e => e.preventDefault(),
-            children: [e$1("span", {
-              class: "fjs-taglist-tag-label",
-              children: valueToOptionMap[v] ? valueToOptionMap[v].label : `unexpected value{${v}}`
-            }), e$1("span", {
-              class: "fjs-taglist-tag-remove",
-              onMouseDown: () => deselectValue(v),
-              children: e$1(CloseIcon, {})
-            })]
-          });
+        children: [!disabled && loadState === LOAD_STATES.LOADED && e$1("div", {
+          class: "fjs-taglist-tags",
+          children: values.map(v => {
+            return e$1("div", {
+              class: "fjs-taglist-tag",
+              onMouseDown: e => e.preventDefault(),
+              children: [e$1("span", {
+                class: "fjs-taglist-tag-label",
+                children: valueToOptionMap[v] ? valueToOptionMap[v].label : `unexpected value{${v}}`
+              }), e$1("button", {
+                type: "button",
+                title: "Remove tag",
+                class: "fjs-taglist-tag-remove",
+                onClick: event => onTagRemoveClick(event, v),
+                children: e$1(CloseIcon, {})
+              })]
+            });
+          })
         }), e$1("input", {
           disabled: disabled,
           class: "fjs-taglist-input",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bpmn-io/form-js-playground",
-  "version": "0.10.0-alpha.0",
+  "version": "0.10.0-alpha.1",
   "description": "A form-js playground",
   "files": [
     "dist"
@@ -44,8 +44,8 @@
     "url": "https://github.com/bpmn-io"
   },
   "dependencies": {
-    "@bpmn-io/form-js-editor": "^0.10.0-alpha.0",
-    "@bpmn-io/form-js-viewer": "^0.10.0-alpha.0",
+    "@bpmn-io/form-js-editor": "^0.10.0-alpha.1",
+    "@bpmn-io/form-js-viewer": "^0.10.0-alpha.1",
     "@codemirror/lang-json": "^6.0.0",
     "@codemirror/lint": "^6.0.0",
     "@codemirror/state": "^6.1.1",
@@ -67,5 +67,5 @@
     "rollup-plugin-css-only": "^3.1.0",
     "style-loader": "^3.3.0"
   },
-  "gitHead": "ac7ce2105fc1c982d1da45d4f863c8999d9d736e"
+  "gitHead": "9bc2d1e01db3a1a38122632fb94f70d1e085243b"
 }