@icure/form 2.0.10 → 2.1.0

package/components/icure-text-field/index.js

@@ -28,6 +28,7 @@ const lit_1 = require("lit");
 const decorators_js_1 = require("lit/decorators.js");
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_view_1 = require("prosemirror-view");
+const prosemirror_model_1 = require("prosemirror-model");
 const prosemirror_history_1 = require("prosemirror-history");
 const prosemirror_keymap_1 = require("prosemirror-keymap");
 const prosemirror_commands_1 = require("prosemirror-commands");
@@ -47,6 +48,25 @@ const common_1 = require("../common");
 const model_1 = require("../model");
 const utils_1 = require("../common/utils");
 const baseCss = (0, lit_1.css) `@charset "UTF-8";
+.tab-container .tab-bar li {
+  display: inline-block;
+  padding: 8px 16px;
+  cursor: pointer;
+  color: #000000;
+  font-size: 14px;
+  font-weight: 500;
+}
+.tab-container .tab-bar li.active {
+  background-color: #656565;
+  color: white;
+}
+.tab-container .tab-content .tab {
+  display: none;
+}
+.tab-container .tab-content .tab.active {
+  display: block;
+}
+
 :host {
   --bg-color-1: #f44336;
 }
@@ -95,15 +115,15 @@ const baseCss = (0, lit_1.css) `@charset "UTF-8";
   margin-right: 0;
 }
 
-.ProseMirror-hideselection {
-  caret-color: transparent;
-}
 .ProseMirror-hideselection *::selection {
   background: transparent;
 }
 .ProseMirror-hideselection *::-moz-selection {
   background: transparent;
 }
+.ProseMirror-hideselection {
+  caret-color: transparent;
+}
 
 .ProseMirror-selectednode {
   outline: 2px solid #8cf;
@@ -894,13 +914,13 @@ app-date-picker {
   margin-bottom: 20px;
 }
 .icure-form h2 {
-  font-size: 14.4px;
+  font-size: add-two(12px, 0, 1.2);
   font-weight: 700;
   color: #084B83;
   padding: 2px;
 }
 .icure-form h3 {
-  font-size: 13.2px;
+  font-size: add-two(12px, 0, 1.1);
   font-weight: 500;
   color: #084B83;
   padding: 6px;
@@ -932,17 +952,16 @@ app-date-picker {
   line-height: 1.4em;
   cursor: text;
   font-size: 12px;
-  left: 9px;
+  left: add-two(8px, 1px);
   color: #084B83;
   align-items: center;
-  height: 28px;
+  text-wrap: auto;
+  min-height: 28px;
   max-width: 85%;
   min-width: 0;
 }
 .icure-text-field .icure-label.float, .icure-button-group .icure-label.float {
   display: flex;
-  white-space: nowrap;
-  text-overflow: ellipsis;
   overflow: hidden;
 }
 
@@ -977,7 +996,6 @@ app-date-picker {
   border-style: solid;
   border-color: #DDE3E7;
   border-radius: 2px;
-  box-sizing: border-box;
   outline: 0;
   font: inherit;
   font-size: 14px;
@@ -990,6 +1008,25 @@ app-date-picker {
   background-color: #ffffff;
   color: #000000;
 }
+.icure-text-field .icure-input .reset-button,
+.icure-text-field .input-container .reset-button {
+  position: absolute;
+  right: 0;
+  border: none;
+  background: transparent;
+  top: 0;
+  opacity: 0.5;
+  cursor: pointer;
+  height: 20px;
+  margin-left: 4px;
+  margin-right: 4px;
+  padding: 0;
+}
+.icure-text-field .icure-input .reset-button svg,
+.icure-text-field .input-container .reset-button svg {
+  width: 15px;
+  height: 15px;
+}
 .icure-text-field .icure-input__validationError,
 .icure-text-field .input-container__validationError {
   border-color: red;
@@ -1103,8 +1140,8 @@ input[type=radio] {
   line-height: 1.4em;
   cursor: text;
   font-size: 12px;
-  top: calc(1.4em + 1px);
-  left: 9px;
+  top: add-three(1.4em, 1px, 0);
+  left: add-two(8px, 1px);
   transition: transform 0.2s ease-out, color 0.2s ease-out;
   color: #084B83;
   display: flex;
@@ -1135,6 +1172,8 @@ const utils_2 = require("../icure-form/fields/utils");
 const markdown_1 = require("../../utils/markdown");
 const measure_schema_1 = require("./schema/measure-schema");
 const dates_1 = require("../../utils/dates");
+const index_1 = require("../../index");
+const paths_1 = require("../common/styles/paths");
 // Extend the LitElement base class
 class IcureTextField extends common_1.Field {
     constructor() {
@@ -1163,9 +1202,14 @@ class IcureTextField extends common_1.Field {
         this.trToSave = undefined;
     }
     _handleClickOutside(event) {
+        var _a;
+        const pm = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.ProseMirror')[0];
         if (!event.composedPath().includes(this)) {
             event.stopPropagation();
         }
+        else if (pm && !event.composedPath().includes(pm)) {
+            pm.focus();
+        }
     }
     connectedCallback() {
         super.connectedCallback();
@@ -1240,31 +1284,37 @@ class IcureTextField extends common_1.Field {
                 : undefined, valueId)) && (this.selectedRevision = undefined);
         }
     }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+    renderSync({ validationErrors }) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
         const renderHash = Math.random();
         let metadata;
         let rev;
         let versions;
-        const validationError = (_b = (_a = this.validationErrorsProvider) === null || _a === void 0 ? void 0 : _a.call(this)) === null || _b === void 0 ? void 0 : _b.length;
+        const validationError = validationErrors.length;
         let valueForExistingLanguages = undefined;
+        if (index_1.icureFormLogging) {
+            console.log(`Rendering text-field ${this.schema} ${this.label} [${this.displayedLabels}]`);
+        }
         if (this.view) {
             let parsedDoc;
-            const data = (_c = this.valueProvider) === null || _c === void 0 ? void 0 : _c.call(this);
+            const data = (_a = this.valueProvider) === null || _a === void 0 ? void 0 : _a.call(this);
+            if (index_1.icureFormLogging) {
+                console.log(`Data for ${this.label} is ${JSON.stringify(data)}`);
+            }
             if (this.isMultivalued()) {
-                const values = (0, utils_2.extractValues)(data, (_d = this.metadataProvider) !== null && _d !== void 0 ? _d : (() => ({})));
+                const values = (0, utils_2.extractValues)(data, (_b = this.metadataProvider) !== null && _b !== void 0 ? _b : (() => ({})));
                 parsedDoc =
-                    (_f = (_e = this.proseMirrorSchema) === null || _e === void 0 ? void 0 : _e.topNodeType.createAndFill({}, values.map(([id, value]) => { var _a, _b, _c, _d, _e; return (_a = this.parser) === null || _a === void 0 ? void 0 : _a.parse((_e = (_d = (_c = (_b = value === null || value === void 0 ? void 0 : value[0]) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.content) === null || _d === void 0 ? void 0 : _d[this.language()]) !== null && _e !== void 0 ? _e : '', id, renderHash); }).filter((x) => !!x))) !== null && _f !== void 0 ? _f : undefined;
+                    (_d = (_c = this.proseMirrorSchema) === null || _c === void 0 ? void 0 : _c.topNodeType.createAndFill({}, values.map(([id, value]) => { var _a, _b, _c, _d, _e; return (_a = this.parser) === null || _a === void 0 ? void 0 : _a.parse((_e = (_d = (_c = (_b = value === null || value === void 0 ? void 0 : value[0]) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.content) === null || _d === void 0 ? void 0 : _d[this.language()]) !== null && _e !== void 0 ? _e : '', id, renderHash); }).filter((x) => !!x))) !== null && _d !== void 0 ? _d : undefined;
             }
             else {
                 let id;
                 [id, versions] = (0, utils_2.extractSingleValue)(data);
                 const version = this.selectedRevision ? versions === null || versions === void 0 ? void 0 : versions.find((v) => v.revision === this.selectedRevision) : versions === null || versions === void 0 ? void 0 : versions[0];
-                const valueForLanguage = (_j = (_h = (_g = version === null || version === void 0 ? void 0 : version.value) === null || _g === void 0 ? void 0 : _g.content) === null || _h === void 0 ? void 0 : _h[this.language()]) !== null && _j !== void 0 ? _j : '';
-                valueForExistingLanguages = Object.keys((_l = (_k = version === null || version === void 0 ? void 0 : version.value) === null || _k === void 0 ? void 0 : _k.content) !== null && _l !== void 0 ? _l : {});
-                parsedDoc = valueForLanguage ? (_o = (_m = this.parser) === null || _m === void 0 ? void 0 : _m.parse(valueForLanguage)) !== null && _o !== void 0 ? _o : undefined : undefined;
+                const valueForLanguage = (_g = (_f = (_e = version === null || version === void 0 ? void 0 : version.value) === null || _e === void 0 ? void 0 : _e.content) === null || _f === void 0 ? void 0 : _f[this.language()]) !== null && _g !== void 0 ? _g : '';
+                valueForExistingLanguages = Object.keys((_j = (_h = version === null || version === void 0 ? void 0 : version.value) === null || _h === void 0 ? void 0 : _h.content) !== null && _j !== void 0 ? _j : {});
+                parsedDoc = valueForLanguage ? (_l = (_k = this.parser) === null || _k === void 0 ? void 0 : _k.parse(valueForLanguage)) !== null && _l !== void 0 ? _l : undefined : undefined;
                 rev = version === null || version === void 0 ? void 0 : version.revision;
-                metadata = id && rev !== undefined ? (_t = (_s = (_r = (_p = this.metadataProvider) === null || _p === void 0 ? void 0 : _p.call(this, id, (_q = versions === null || versions === void 0 ? void 0 : versions.map((v) => v.revision)) !== null && _q !== void 0 ? _q : [])) === null || _r === void 0 ? void 0 : _r[id]) === null || _s === void 0 ? void 0 : _s.find((m) => m.revision === rev)) === null || _t === void 0 ? void 0 : _t.value : undefined;
+                metadata = id && rev !== undefined ? (_r = (_q = (_p = (_m = this.metadataProvider) === null || _m === void 0 ? void 0 : _m.call(this, id, (_o = versions === null || versions === void 0 ? void 0 : versions.map((v) => v.revision)) !== null && _o !== void 0 ? _o : [])) === null || _p === void 0 ? void 0 : _p[id]) === null || _q === void 0 ? void 0 : _q.find((m) => m.revision === rev)) === null || _r === void 0 ? void 0 : _r.value : undefined;
             }
             if (parsedDoc) {
                 const selection = this.view.state.selection;
@@ -1297,33 +1347,54 @@ class IcureTextField extends common_1.Field {
 				<div class="icure-input-metadata-container">
 					<div class="icure-input ${validationError ? 'icure-input__validationError' : ''} ${this.displayMetadata && metadata ? 'icure-input__withMetadata' : ''}">
 						<div id="editor" class="${this.schema}" style="min-height: calc( ${this.lines}rem + 5px )"></div>
+						${!this.displayMetadata && this.defaultValueProvider ? (0, lit_1.html) `<div id="reset" class="reset-button" @click="${() => __awaiter(this, void 0, void 0, function* () { return yield this.reset(renderHash); })}">${paths_1.resetPicto}</div` : lit_1.nothing}
 					</div>
-
-					${this.displayMetadata && metadata
+						${this.displayMetadata && metadata
             ? (0, lit_1.html) `
-								<div class="icure-metadata-container ${validationError ? 'icure-metadata-container__validationError' : ''}">
-									<icure-metadata-buttons-bar
-										.metadata="${metadata}"
-										.revision="${rev}"
-										.versions="${versions !== null && versions !== void 0 ? versions : []}"
-										.valueId="${(_v = (0, utils_2.extractSingleValue)((_u = this.valueProvider) === null || _u === void 0 ? void 0 : _u.call(this))) === null || _v === void 0 ? void 0 : _v[0]}"
-										.defaultLanguage="${this.defaultLanguage}"
-										.selectedLanguage="${this.selectedLanguage}"
-										.languages="${this.languages}"
-										.handleMetadataChanged="${this.handleMetadataChanged}"
-										.handleLanguageSelected="${(iso) => (this.selectedLanguage = iso)}"
-										.handleRevisionSelected="${(rev) => (this.selectedRevision = rev)}"
-										.ownersProvider="${this.ownersProvider}"
-										.existingLanguages="${valueForExistingLanguages !== null && valueForExistingLanguages !== void 0 ? valueForExistingLanguages : undefined}"
-									/>
-								</div>
-						  `
+										<div class="icure-metadata-container ${validationError ? 'icure-metadata-container__validationError' : ''}">
+											<icure-metadata-buttons-bar
+												.metadata="${metadata}"
+												.revision="${rev}"
+												.versions="${versions !== null && versions !== void 0 ? versions : []}"
+												.valueId="${(_t = (0, utils_2.extractSingleValue)((_s = this.valueProvider) === null || _s === void 0 ? void 0 : _s.call(this))) === null || _t === void 0 ? void 0 : _t[0]}"
+												.defaultLanguage="${this.defaultLanguage}"
+												.selectedLanguage="${this.selectedLanguage}"
+												.languages="${this.languages}"
+												.handleReset="${() => this.reset(renderHash)}"
+												.handleMetadataChanged="${this.handleMetadataChanged}"
+												.handleLanguageSelected="${(iso) => (this.selectedLanguage = iso)}"
+												.handleRevisionSelected="${(rev) => (this.selectedRevision = rev)}"
+												.ownersProvider="${this.ownersProvider}"
+												.existingLanguages="${valueForExistingLanguages !== null && valueForExistingLanguages !== void 0 ? valueForExistingLanguages : undefined}"
+											/>
+										</div>
+								  `
             : ''}
+					</div>
+					<div class="error">${validationErrors.map(([, error]) => { var _a; return (0, lit_1.html) `<div>${(_a = this.translationProvider) === null || _a === void 0 ? void 0 : _a.call(this, this.language(), error)}</div>`; })}</div>
 				</div>
-				<div class="error">${(_w = this.validationErrorsProvider) === null || _w === void 0 ? void 0 : _w.call(this).map(([, error]) => { var _a; return (0, lit_1.html) `<div>${(_a = this.translationProvider) === null || _a === void 0 ? void 0 : _a.call(this, this.language(), error)}</div>`; })}</div>
 			</div>
 		`;
     }
+    reset(renderHash) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            if (this.view) {
+                const defaultValue = yield ((_a = this.defaultValueProvider) === null || _a === void 0 ? void 0 : _a.call(this));
+                const contentForLanguage = (_e = (_c = (_b = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.content) === null || _b === void 0 ? void 0 : _b[this.language()]) !== null && _c !== void 0 ? _c : (_d = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.content) === null || _d === void 0 ? void 0 : _d[this.defaultLanguage]) !== null && _e !== void 0 ? _e : (_f = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.content) === null || _f === void 0 ? void 0 : _f['*'];
+                const newState = prosemirror_state_1.EditorState.create({
+                    schema: this.view.state.schema,
+                    doc: (_h = (_g = this.parser) === null || _g === void 0 ? void 0 : _g.parse(contentForLanguage !== null && contentForLanguage !== void 0 ? contentForLanguage : {
+                        type: 'string',
+                        value: '',
+                    }, undefined, renderHash)) !== null && _h !== void 0 ? _h : undefined,
+                    plugins: this.view.state.plugins,
+                    selection: undefined,
+                });
+                this.view.updateState(newState);
+            }
+        });
+    }
     mouseDown() {
         this.mouseCount++;
     }
@@ -1349,8 +1420,8 @@ class IcureTextField extends common_1.Field {
         this.codesExtractor = this.makeCodesExtractor(this.schema);
         this.container = ((_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('editor')) || undefined;
         if (this.container) {
-            const br = pms.nodes.hardbreak;
-            const hardbreak = (0, prosemirror_commands_1.chainCommands)(prosemirror_commands_1.exitCode, (state, dispatch) => {
+            const br = pms.nodes.hard_break;
+            const hard_break = (0, prosemirror_commands_1.chainCommands)(prosemirror_commands_1.exitCode, (state, dispatch) => {
                 dispatch && dispatch(state.tr.replaceSelectionWith(br.create()).scrollIntoView());
                 return true;
             });
@@ -1399,11 +1470,33 @@ class IcureTextField extends common_1.Field {
                             })
                             : null,
                         (0, prosemirror_keymap_1.keymap)({ 'Mod-z': prosemirror_history_1.undo, 'Mod-Shift-z': prosemirror_history_1.redo }),
-                        (0, prosemirror_keymap_1.keymap)(Object.assign({}, pms.marks.strong ? { 'Mod-b': (0, prosemirror_commands_1.toggleMark)(pms.marks.strong) } : {}, pms.marks.em ? { 'Mod-i': (0, prosemirror_commands_1.toggleMark)(pms.marks.em) } : {}, pms.nodes.paragraph ? { 'Alt-ArrowUp': prosemirror_commands_1.joinUp } : {}, pms.nodes.paragraph ? { 'Alt-ArrowDown': prosemirror_commands_1.joinDown } : {}, pms.nodes.paragraph ? { 'Alt-Enter': hardbreak } : {}, pms.nodes.paragraph ? { 'Shift-Enter': hardbreak } : {}, pms.nodes.ordered_list ? { 'Shift-ctrl-1': (0, prosemirror_schema_list_1.wrapInList)(pms.nodes.ordered_list) } : {}, pms.nodes.bullet_list ? { 'Shift-ctrl-*': (0, prosemirror_schema_list_1.wrapInList)(pms.nodes.bullet_list) } : {}, pms.nodes.blockquote ? { 'Shift-ctrl-w': (0, prosemirror_commands_2.wrapInIfNeeded)(pms.nodes.blockquote) } : {}, pms.nodes.blockquote ? { 'Shift-ctrl-u': (0, prosemirror_commands_2.unwrapFrom)(pms.nodes.blockquote) } : {}, pms.nodes.paragraph ? { 'Mod-ctrl-0': (0, prosemirror_commands_1.setBlockType)(pms.nodes.paragraph) } : {}, pms.nodes.paragraph ? { 'Shift-ctrl-0': (0, prosemirror_commands_1.setBlockType)(pms.nodes.paragraph) } : {}, pms.nodes.list_item ? { Enter: (0, prosemirror_schema_list_1.splitListItem)(pms.nodes.list_item) } : {}, pms.nodes.ordered_list || pms.nodes.bullet_list ? { 'Mod-(': (0, prosemirror_schema_list_1.liftListItem)(pms.nodes.list_item) } : {}, pms.nodes.ordered_list || pms.nodes.bullet_list ? { 'Mod-[': (0, prosemirror_schema_list_1.liftListItem)(pms.nodes.list_item) } : {}, pms.nodes.ordered_list || pms.nodes.bullet_list ? { 'Mod-)': (0, prosemirror_schema_list_1.sinkListItem)(pms.nodes.list_item) } : {}, pms.nodes.ordered_list || pms.nodes.bullet_list ? { 'Mod-]': (0, prosemirror_schema_list_1.sinkListItem)(pms.nodes.list_item) } : {})),
+                        (0, prosemirror_keymap_1.keymap)(Object.assign({}, pms.marks.strong ? { 'Mod-b': (0, prosemirror_commands_1.toggleMark)(pms.marks.strong) } : {}, pms.marks.em ? { 'Mod-i': (0, prosemirror_commands_1.toggleMark)(pms.marks.em) } : {}, pms.nodes.paragraph ? { 'Alt-ArrowUp': prosemirror_commands_1.joinUp } : {}, pms.nodes.paragraph ? { 'Alt-ArrowDown': prosemirror_commands_1.joinDown } : {}, pms.nodes.paragraph ? { 'Alt-Enter': hard_break } : {}, pms.nodes.paragraph ? { 'Shift-Enter': hard_break } : {}, pms.nodes.ordered_list ? { 'Shift-ctrl-1': (0, prosemirror_schema_list_1.wrapInList)(pms.nodes.ordered_list) } : {}, pms.nodes.bullet_list ? { 'Shift-ctrl-*': (0, prosemirror_schema_list_1.wrapInList)(pms.nodes.bullet_list) } : {}, pms.nodes.blockquote ? { 'Shift-ctrl-w': (0, prosemirror_commands_2.wrapInIfNeeded)(pms.nodes.blockquote) } : {}, pms.nodes.blockquote ? { 'Shift-ctrl-u': (0, prosemirror_commands_2.unwrapFrom)(pms.nodes.blockquote) } : {}, pms.nodes.paragraph ? { 'Mod-ctrl-0': (0, prosemirror_commands_1.setBlockType)(pms.nodes.paragraph) } : {}, pms.nodes.paragraph ? { 'Shift-ctrl-0': (0, prosemirror_commands_1.setBlockType)(pms.nodes.paragraph) } : {}, pms.nodes.list_item ? { Enter: (0, prosemirror_schema_list_1.splitListItem)(pms.nodes.list_item) } : {}, pms.nodes.ordered_list || pms.nodes.bullet_list ? { 'Mod-(': (0, prosemirror_schema_list_1.liftListItem)(pms.nodes.list_item) } : {}, pms.nodes.ordered_list || pms.nodes.bullet_list ? { 'Mod-[': (0, prosemirror_schema_list_1.liftListItem)(pms.nodes.list_item) } : {}, pms.nodes.ordered_list || pms.nodes.bullet_list ? { 'Mod-)': (0, prosemirror_schema_list_1.sinkListItem)(pms.nodes.list_item) } : {}, pms.nodes.ordered_list || pms.nodes.bullet_list ? { 'Mod-]': (0, prosemirror_schema_list_1.sinkListItem)(pms.nodes.list_item) } : {})),
                         pms.nodes.heading ? headingsKeymap : null,
                         (0, mask_plugin_1.maskPlugin)(),
                         (0, regexp_plugin_1.regexpPlugin)(),
                         (0, has_content_class_plugin_1.hasContentClassPlugin)(this.shadowRoot || undefined),
+                        new prosemirror_state_1.Plugin({
+                            props: {
+                                transformPasted(slice) {
+                                    let ok = true;
+                                    slice.content.forEach((node) => {
+                                        if (!pms.nodes[node.type.name]) {
+                                            ok = false;
+                                        }
+                                    });
+                                    if (ok) {
+                                        return slice;
+                                    }
+                                    if (pms.nodes.paragraph)
+                                        return new prosemirror_model_1.Slice(prosemirror_model_1.Fragment.fromArray(slice.content
+                                            .textBetween(0, slice.content.size, ' ')
+                                            .split('\n')
+                                            .map((line) => pms.nodes.paragraph.create({}, [pms.text(line)]))), 0, 0);
+                                    else
+                                        return new prosemirror_model_1.Slice(prosemirror_model_1.Fragment.fromArray([pms.text(slice.content.textBetween(0, slice.content.size, ' ').split('\n').join(' '))]), 0, 0);
+                                },
+                            },
+                        }),
                         (0, prosemirror_keymap_1.keymap)(prosemirror_commands_1.baseKeymap),
                     ]
                         .filter((x) => !!x)
@@ -1503,11 +1596,13 @@ class IcureTextField extends common_1.Field {
                         : schemaName === 'measure'
                             ? {
                                 parse: (value) => {
-                                    var _a, _b;
+                                    var _a, _b, _c;
                                     if (value.type !== 'measure') {
                                         return undefined;
                                     }
-                                    const decimal = (_b = (_a = value.value) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : '';
+                                    const decimal = value.value !== undefined
+                                        ? value.value.toFixed(((_a = this.styleOptions) === null || _a === void 0 ? void 0 : _a.decimalPlaces) || ((_c = (_b = this.styleOptions) === null || _b === void 0 ? void 0 : _b.decimalPlaces) === null || _c === void 0 ? void 0 : _c.toString()) === '0' ? parseInt(this.styleOptions.decimalPlaces.toString()) : 2)
+                                        : '';
                                     const unit = value.unit;
                                     return pms.node('paragraph', {}, [pms.node('decimal', {}, decimal && decimal.length ? [pms.text(decimal)] : [])].concat(unit && unit.length ? [pms.node('unit', {}, [pms.text(unit)])] : []));
                                 },
@@ -1515,7 +1610,14 @@ class IcureTextField extends common_1.Field {
                             : schemaName === 'decimal'
                                 ? {
                                     parse: (value) => {
-                                        return value.type === 'number' ? pms.node('paragraph', {}, [pms.node('decimal', {}, [pms.text(value.value.toString())])]) : undefined;
+                                        var _a, _b, _c;
+                                        return value.type === 'number'
+                                            ? pms.node('paragraph', {}, [
+                                                pms.node('decimal', {}, [
+                                                    pms.text(value.value.toFixed(((_a = this.styleOptions) === null || _a === void 0 ? void 0 : _a.decimalPlaces) || ((_c = (_b = this.styleOptions) === null || _b === void 0 ? void 0 : _b.decimalPlaces) === null || _c === void 0 ? void 0 : _c.toString()) === '0' ? parseInt(this.styleOptions.decimalPlaces.toString()) : 2)),
+                                                ]),
+                                            ])
+                                            : undefined;
                                     },
                                 }
                                 : schemaName === 'date-time'
@@ -1553,7 +1655,7 @@ class IcureTextField extends common_1.Field {
                                                     });
                                                 },
                                             },
-                                            hardbreak: { node: 'hardbreak' },
+                                            hard_break: { node: 'hard_break' },
                                             em: (0, prosemirror_utils_1.hasMark)(pms.spec.marks, 'em') ? { mark: 'em' } : { ignore: true },
                                             strong: (0, prosemirror_utils_1.hasMark)(pms.spec.marks, 'strong') ? { mark: 'strong' } : { ignore: true },
                                             link: (0, prosemirror_utils_1.hasMark)(pms.spec.marks, 'link')