@bpmn-io/form-js-viewer 1.9.2 → 1.10.1

package/README.md

@@ -14,6 +14,7 @@ npm install @bpmn-io/form-js-viewer
 import { Form } from '@bpmn-io/form-js-viewer';
 
 const schema = {
+  type: 'default',
   components: [
     {
       key: 'creditor',

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

@@ -283,6 +283,11 @@
   opacity: 1;
 }
 
+.fjs-container .fjs-inline-label {
+  align-items: center;
+  display: flex;
+}
+
 .fjs-container .fjs-form-field-label {
   display: flex;
   align-items: center;

package/dist/assets/form-js.css

@@ -267,6 +267,11 @@
   opacity: 1;
 }
 
+.fjs-container .fjs-inline-label {
+  align-items: center;
+  display: flex;
+}
+
 .fjs-container .fjs-form-field-label {
   display: flex;
   align-items: center;

package/dist/index.cjs

@@ -1815,11 +1815,9 @@ function Checkbox(props) {
     }), {
       'fjs-checked': value
     }),
-    children: [jsxRuntime.jsx(Label, {
-      htmlFor: domId,
-      label: label,
-      required: required,
-      children: jsxRuntime.jsx("input", {
+    children: [jsxRuntime.jsxs("div", {
+      class: "fjs-inline-label",
+      children: [jsxRuntime.jsx("input", {
         checked: value,
         class: "fjs-input",
         disabled: disabled,
@@ -1832,7 +1830,11 @@ function Checkbox(props) {
         required: required,
         "aria-invalid": errors.length > 0,
         "aria-describedby": [descriptionId, errorMessageId].join(' ')
-      })
+      }), jsxRuntime.jsx(Label, {
+        htmlFor: domId,
+        label: label,
+        required: required
+      })]
     }), jsxRuntime.jsx(Description, {
       id: descriptionId,
       description: description
@@ -1918,31 +1920,32 @@ function Checklist(props) {
     children: [jsxRuntime.jsx(Label, {
       label: label,
       required: required
-    }), loadState == LOAD_STATES.LOADED && options.map((o, index) => {
+    }), loadState == LOAD_STATES.LOADED && options.map((option, index) => {
       const itemDomId = `${domId}-${index}`;
-      const isChecked = hasEqualValue(o.value, values);
-      return jsxRuntime.jsx(Label, {
-        htmlFor: itemDomId,
-        label: o.label,
-        class: classNames({
+      const isChecked = hasEqualValue(option.value, values);
+      return jsxRuntime.jsxs("div", {
+        className: classNames('fjs-inline-label', {
           'fjs-checked': isChecked
         }),
-        required: false,
-        children: jsxRuntime.jsx("input", {
+        children: [jsxRuntime.jsx("input", {
           checked: isChecked,
           class: "fjs-input",
           disabled: disabled,
           readOnly: readonly,
           id: itemDomId,
           type: "checkbox",
-          onClick: () => toggleCheckbox(o.value),
+          onClick: () => toggleCheckbox(option.value),
           onBlur: onCheckboxBlur,
           onFocus: onCheckboxFocus,
           required: required,
           "aria-invalid": errors.length > 0,
           "aria-describedby": [descriptionId, errorMessageId].join(' ')
-        })
-      });
+        }), jsxRuntime.jsx(Label, {
+          htmlFor: itemDomId,
+          label: option.label,
+          required: false
+        })]
+      }, option.value);
     }), jsxRuntime.jsx(Description, {
       id: descriptionId,
       description: description
@@ -2261,7 +2264,7 @@ Default.config = {
 };
 
 var _path$w;
-function _extends$x() { _extends$x = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$x.apply(this, arguments); }
+function _extends$x() { return _extends$x = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$x.apply(null, arguments); }
 var SvgCalendar = function SvgCalendar(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2535,7 +2538,7 @@ function Datepicker(props) {
 }
 
 var _path$v, _path2$4;
-function _extends$w() { _extends$w = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$w.apply(this, arguments); }
+function _extends$w() { return _extends$w = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$w.apply(null, arguments); }
 var SvgClock = function SvgClock(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3144,7 +3147,7 @@ IFrame.config = {
 };
 
 var _path$u;
-function _extends$v() { _extends$v = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$v.apply(this, arguments); }
+function _extends$v() { return _extends$v = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$v.apply(null, arguments); }
 var SvgButton = function SvgButton(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3158,7 +3161,7 @@ var SvgButton = function SvgButton(props) {
 };
 
 var _path$t;
-function _extends$u() { _extends$u = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$u.apply(this, arguments); }
+function _extends$u() { return _extends$u = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$u.apply(null, arguments); }
 var SvgCheckbox = function SvgCheckbox(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3171,7 +3174,7 @@ var SvgCheckbox = function SvgCheckbox(props) {
 };
 
 var _path$s;
-function _extends$t() { _extends$t = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$t.apply(this, arguments); }
+function _extends$t() { return _extends$t = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$t.apply(null, arguments); }
 var SvgChecklist = function SvgChecklist(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3187,7 +3190,7 @@ var SvgChecklist = function SvgChecklist(props) {
 };
 
 var _path$r, _path2$3, _path3;
-function _extends$s() { _extends$s = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$s.apply(this, arguments); }
+function _extends$s() { return _extends$s = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$s.apply(null, arguments); }
 var SvgDatetime = function SvgDatetime(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3206,7 +3209,7 @@ var SvgDatetime = function SvgDatetime(props) {
 };
 
 var _path$q, _path2$2;
-function _extends$r() { _extends$r = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
+function _extends$r() { return _extends$r = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$r.apply(null, arguments); }
 var SvgTaglist = function SvgTaglist(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3222,7 +3225,7 @@ var SvgTaglist = function SvgTaglist(props) {
 };
 
 var _rect, _rect2, _rect3;
-function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
+function _extends$q() { return _extends$q = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$q.apply(null, arguments); }
 var SvgForm = function SvgForm(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3250,7 +3253,7 @@ var SvgForm = function SvgForm(props) {
 };
 
 var _path$p;
-function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
+function _extends$p() { return _extends$p = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$p.apply(null, arguments); }
 var SvgGroup = function SvgGroup(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3266,7 +3269,7 @@ var SvgGroup = function SvgGroup(props) {
 };
 
 var _path$o;
-function _extends$o() { _extends$o = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$o.apply(this, arguments); }
+function _extends$o() { return _extends$o = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$o.apply(null, arguments); }
 var SvgNumber = function SvgNumber(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3280,7 +3283,7 @@ var SvgNumber = function SvgNumber(props) {
 };
 
 var _path$n;
-function _extends$n() { _extends$n = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$n.apply(this, arguments); }
+function _extends$n() { return _extends$n = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$n.apply(null, arguments); }
 var SvgRadio = function SvgRadio(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3293,7 +3296,7 @@ var SvgRadio = function SvgRadio(props) {
 };
 
 var _path$m;
-function _extends$m() { _extends$m = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$m.apply(this, arguments); }
+function _extends$m() { return _extends$m = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$m.apply(null, arguments); }
 var SvgSelect = function SvgSelect(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3307,7 +3310,7 @@ var SvgSelect = function SvgSelect(props) {
 };
 
 var _path$l;
-function _extends$l() { _extends$l = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$l.apply(this, arguments); }
+function _extends$l() { return _extends$l = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$l.apply(null, arguments); }
 var SvgSeparator = function SvgSeparator(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3321,7 +3324,7 @@ var SvgSeparator = function SvgSeparator(props) {
 };
 
 var _path$k;
-function _extends$k() { _extends$k = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
+function _extends$k() { return _extends$k = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$k.apply(null, arguments); }
 var SvgSpacer = function SvgSpacer(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3335,7 +3338,7 @@ var SvgSpacer = function SvgSpacer(props) {
 };
 
 var _path$j;
-function _extends$j() { _extends$j = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
+function _extends$j() { return _extends$j = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$j.apply(null, arguments); }
 var SvgDynamicList = function SvgDynamicList(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3351,7 +3354,7 @@ var SvgDynamicList = function SvgDynamicList(props) {
 };
 
 var _path$i;
-function _extends$i() { _extends$i = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
+function _extends$i() { return _extends$i = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$i.apply(null, arguments); }
 var SvgText = function SvgText(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3364,7 +3367,7 @@ var SvgText = function SvgText(props) {
 };
 
 var _path$h;
-function _extends$h() { _extends$h = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$h.apply(this, arguments); }
+function _extends$h() { return _extends$h = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$h.apply(null, arguments); }
 var SvgHtml = function SvgHtml(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3380,7 +3383,7 @@ var SvgHtml = function SvgHtml(props) {
 };
 
 var _path$g;
-function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
+function _extends$g() { return _extends$g = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$g.apply(null, arguments); }
 var SvgExpressionField = function SvgExpressionField(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3396,7 +3399,7 @@ var SvgExpressionField = function SvgExpressionField(props) {
 };
 
 var _path$f;
-function _extends$f() { _extends$f = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }
+function _extends$f() { return _extends$f = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$f.apply(null, arguments); }
 var SvgTextfield = function SvgTextfield(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3410,7 +3413,7 @@ var SvgTextfield = function SvgTextfield(props) {
 };
 
 var _path$e;
-function _extends$e() { _extends$e = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
+function _extends$e() { return _extends$e = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$e.apply(null, arguments); }
 var SvgTextarea = function SvgTextarea(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3424,7 +3427,7 @@ var SvgTextarea = function SvgTextarea(props) {
 };
 
 var _path$d;
-function _extends$d() { _extends$d = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
+function _extends$d() { return _extends$d = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$d.apply(null, arguments); }
 var SvgIFrame = function SvgIFrame(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3440,7 +3443,7 @@ var SvgIFrame = function SvgIFrame(props) {
 };
 
 var _path$c, _path2$1;
-function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
+function _extends$c() { return _extends$c = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$c.apply(null, arguments); }
 var SvgImage = function SvgImage(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3459,7 +3462,7 @@ var SvgImage = function SvgImage(props) {
 };
 
 var _path$b;
-function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
+function _extends$b() { return _extends$b = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$b.apply(null, arguments); }
 var SvgTable = function SvgTable(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3574,7 +3577,7 @@ function TemplatedInputAdorner(props) {
 }
 
 var _path$a;
-function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
+function _extends$a() { return _extends$a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$a.apply(null, arguments); }
 var SvgAngelDown = function SvgAngelDown(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3591,7 +3594,7 @@ var SvgAngelDown = function SvgAngelDown(props) {
 };
 
 var _path$9;
-function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
+function _extends$9() { return _extends$9 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$9.apply(null, arguments); }
 var SvgAngelUp = function SvgAngelUp(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3941,14 +3944,11 @@ function Radio(props) {
     }), loadState == LOAD_STATES.LOADED && options.map((option, index) => {
       const itemDomId = `${domId}-${index}`;
       const isChecked = isEqual(option.value, value);
-      return jsxRuntime.jsx(Label, {
-        htmlFor: itemDomId,
-        label: option.label,
-        class: classNames({
+      return jsxRuntime.jsxs("div", {
+        className: classNames('fjs-inline-label', {
           'fjs-checked': isChecked
         }),
-        required: false,
-        children: jsxRuntime.jsx("input", {
+        children: [jsxRuntime.jsx("input", {
           checked: isChecked,
           class: "fjs-input",
           disabled: disabled,
@@ -3961,8 +3961,15 @@ function Radio(props) {
           "aria-describedby": [descriptionId, errorMessageId].join(' '),
           required: required,
           "aria-invalid": errors.length > 0
-        })
-      }, index);
+        }), jsxRuntime.jsx(Label, {
+          htmlFor: itemDomId,
+          label: option.label,
+          class: classNames({
+            'fjs-checked': isChecked
+          }),
+          required: false
+        })]
+      }, option.value);
     }), jsxRuntime.jsx(Description, {
       id: descriptionId,
       description: description
@@ -3983,7 +3990,7 @@ Radio.config = {
 };
 
 var _path$8;
-function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
+function _extends$8() { return _extends$8 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$8.apply(null, arguments); }
 var SvgXMark = function SvgXMark(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
     xmlns: "http://www.w3.org/2000/svg",
@@ -4041,9 +4048,9 @@ function SearchableSelect(props) {
     if (!filter || !isFilterActive) {
       return options;
     }
-    return options.filter(o => o.label && o.value && o.label.toLowerCase().includes(filter.toLowerCase()));
+    return options.filter(option => option.label && option.value && option.label.toLowerCase().includes(filter.toLowerCase()));
   }, [filter, loadState, options, isFilterActive]);
-  const setValue = hooks.useCallback(option => {
+  const pickOption = hooks.useCallback(option => {
     setFilter(option && option.label || '');
     props.onChange({
       value: option && option.value || null
@@ -4141,7 +4148,7 @@ function SearchableSelect(props) {
       }), displayState.displayCross && jsxRuntime.jsxs("span", {
         class: "fjs-select-cross",
         onMouseDown: e => {
-          setValue(null);
+          pickOption(null);
           e.preventDefault();
         },
         children: [jsxRuntime.jsx(SvgXMark, {}), ' ']
@@ -4154,9 +4161,9 @@ function SearchableSelect(props) {
       class: "fjs-select-anchor",
       children: displayState.displayDropdown && jsxRuntime.jsx(DropdownList, {
         values: filteredOptions,
-        getLabel: o => o.label,
-        onValueSelected: o => {
-          setValue(o);
+        getLabel: option => option.label,
+        onValueSelected: option => {
+          pickOption(option);
           setIsDropdownExpanded(false);
         },
         listenerElement: searchbarRef.current
@@ -4192,7 +4199,7 @@ function SimpleSelect(props) {
   });
   const getLabelCorrelation = useGetLabelCorrelation(options);
   const valueLabel = hooks.useMemo(() => value && getLabelCorrelation(value), [value, getLabelCorrelation]);
-  const setValue = hooks.useCallback(option => {
+  const pickOption = hooks.useCallback(option => {
     props.onChange({
       value: option && option.value || null
     });
@@ -4217,7 +4224,7 @@ function SimpleSelect(props) {
     }
     e.preventDefault();
   }, [disabled, isDropdownExpanded]);
-  const initialFocusIndex = hooks.useMemo(() => value && minDash.findIndex(options, o => o.value === value) || 0, [options, value]);
+  const initialFocusIndex = hooks.useMemo(() => value && minDash.findIndex(options, option => option.value === value) || 0, [options, value]);
   const onInputFocus = hooks.useCallback(() => {
     if (!readonly) {
       setIsDropdownExpanded(true);
@@ -4259,7 +4266,7 @@ function SimpleSelect(props) {
       }), displayState.displayCross && jsxRuntime.jsx("span", {
         class: "fjs-select-cross",
         onMouseDown: e => {
-          setValue(null);
+          pickOption(null);
           e.stopPropagation();
         },
         children: jsxRuntime.jsx(SvgXMark, {})
@@ -4271,10 +4278,10 @@ function SimpleSelect(props) {
       class: "fjs-select-anchor",
       children: displayState.displayDropdown && jsxRuntime.jsx(DropdownList, {
         values: options,
-        getLabel: o => o.label,
+        getLabel: option => option.label,
         initialFocusIndex: initialFocusIndex,
-        onValueSelected: o => {
-          setValue(o);
+        onValueSelected: option => {
+          pickOption(option);
           setIsDropdownExpanded(false);
         },
         listenerElement: selectRef.current
@@ -4686,8 +4693,8 @@ function Taglist(props) {
       class: "fjs-taglist-anchor",
       children: shouldDisplayDropdown && jsxRuntime.jsx(DropdownList, {
         values: filteredOptions,
-        getLabel: o => o.label,
-        onValueSelected: o => selectValue(o.value),
+        getLabel: option => option.label,
+        onValueSelected: option => selectValue(option.value),
         emptyListMessage: hasOptionsLeft ? 'No results' : 'All values selected',
         listenerElement: inputRef.current
       })
@@ -4732,7 +4739,7 @@ function sanitizeHTML(html) {
   doc.normalize();
   const element = doc.body.firstChild;
   if (element) {
-    sanitizeNode( /** @type Element */element);
+    sanitizeNode(/** @type Element */element);
     return /** @type Element */element.innerHTML;
   } else {
     // handle the case that document parsing
@@ -4789,7 +4796,7 @@ function sanitizeNode(node) {
     node.setAttribute('rel', 'noopener');
   }
   for (let i = node.childNodes.length; i--;) {
-    sanitizeNode( /** @type Element */node.childNodes[i]);
+    sanitizeNode(/** @type Element */node.childNodes[i]);
   }
 }
 
@@ -5216,7 +5223,7 @@ const autoSizeTextarea = textarea => {
 };
 
 var _path$7;
-function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
+function _extends$7() { return _extends$7 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$7.apply(null, arguments); }
 var SvgArrowDown = function SvgArrowDown(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
     xmlns: "http://www.w3.org/2000/svg",
@@ -5228,7 +5235,7 @@ var SvgArrowDown = function SvgArrowDown(props) {
 };
 
 var _path$6;
-function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
+function _extends$6() { return _extends$6 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$6.apply(null, arguments); }
 var SvgArrowUp = function SvgArrowUp(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
     xmlns: "http://www.w3.org/2000/svg",
@@ -5240,7 +5247,7 @@ var SvgArrowUp = function SvgArrowUp(props) {
 };
 
 var _path$5;
-function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
+function _extends$5() { return _extends$5 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$5.apply(null, arguments); }
 var SvgCaretLeft = function SvgCaretLeft(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
     xmlns: "http://www.w3.org/2000/svg",
@@ -5253,7 +5260,7 @@ var SvgCaretLeft = function SvgCaretLeft(props) {
 };
 
 var _path$4;
-function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
+function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
 var SvgCaretRight = function SvgCaretRight(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
     xmlns: "http://www.w3.org/2000/svg",
@@ -5322,6 +5329,12 @@ function Table(props) {
   hooks.useEffect(() => {
     setCurrentPage(0);
   }, [rowCount, sortBy]);
+  const serializeCellData = cellData => {
+    if (cellData !== null && typeof cellData === 'object') {
+      return JSON.stringify(cellData);
+    }
+    return cellData;
+  };
 
   /** @param {string} key */
   function toggleSortBy(key) {
@@ -5405,7 +5418,7 @@ function Table(props) {
               class: "fjs-table-tr",
               children: columnKeys.map(key => jsxRuntime.jsx("td", {
                 class: "fjs-table-td",
-                children: row[key]
+                children: serializeCellData(row[key])
               }, key))
             }, index))
           })]
@@ -6702,7 +6715,7 @@ const ViewerCommandsModule = {
 };
 
 var _path$3;
-function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
+function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
 var SvgExpand = function SvgExpand(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
@@ -6716,7 +6729,7 @@ var SvgExpand = function SvgExpand(props) {
 };
 
 var _path$2;
-function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
+function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
 var SvgCollapse = function SvgCollapse(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
@@ -6730,7 +6743,7 @@ var SvgCollapse = function SvgCollapse(props) {
 };
 
 var _path$1, _path2;
-function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
+function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
 var SvgAdd = function SvgAdd(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
@@ -6747,7 +6760,7 @@ var SvgAdd = function SvgAdd(props) {
 };
 
 var _path;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 var SvgDelete = function SvgDelete(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",