@icure/form 1.0.5 → 1.0.9

package/components/iqr-form/fields/datePicker.d.ts

@@ -0,0 +1,10 @@
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+import '../../iqr-text-field';
+import { VersionedValue } from '../../iqr-text-field';
+export declare class DatePicker extends LitElement {
+    label: string;
+    labelPosition?: string;
+    valueProvider?: () => VersionedValue[];
+    static get styles(): CSSResultGroup[];
+    render(): TemplateResult;
+}

package/{lib/components → components}/iqr-form/fields/datePicker.js

@@ -10,33 +10,47 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DatePicker = void 0;
-const lit_element_1 = require("lit-element");
+const lit_1 = require("lit");
+const decorators_1 = require("lit/decorators");
 require("../../iqr-text-field");
-class DatePicker extends lit_element_1.LitElement {
+class DatePicker extends lit_1.LitElement {
     constructor() {
         super(...arguments);
         this.label = '';
         this.labelPosition = undefined;
+        this.valueProvider = undefined;
     }
     static get styles() {
-        return [lit_element_1.css `
-:host {
-	display: block;
-}
-`];
+        return [
+            lit_1.css `
+				:host {
+					display: block;
+				}
+			`,
+        ];
     }
     render() {
-        return lit_element_1.html `
-			<iqr-text-field labelPosition=${this.labelPosition} label="${this.label}" schema="date" owner="Antoine Duchâteau" style="width: 100%"></iqr-text-field>`;
+        return lit_1.html ` <iqr-text-field
+			labelPosition=${this.labelPosition}
+			label="${this.label}"
+			schema="date"
+			owner="Antoine Duchâteau"
+			style="width: 100%"
+			.valueProvider=${this.valueProvider}
+		></iqr-text-field>`;
     }
 }
 __decorate([
-    lit_element_1.property(),
-    __metadata("design:type", String)
+    decorators_1.property(),
+    __metadata("design:type", Object)
 ], DatePicker.prototype, "label", void 0);
 __decorate([
-    lit_element_1.property(),
+    decorators_1.property(),
     __metadata("design:type", String)
 ], DatePicker.prototype, "labelPosition", void 0);
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", Function)
+], DatePicker.prototype, "valueProvider", void 0);
 exports.DatePicker = DatePicker;
 customElements.define('iqr-form-date-picker', DatePicker);

package/components/iqr-form/fields/dateTimePicker.d.ts

@@ -0,0 +1,10 @@
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+import '../../iqr-text-field';
+import { VersionedValue } from '../../iqr-text-field';
+export declare class DateTimePicker extends LitElement {
+    label: string;
+    labelPosition?: string;
+    valueProvider?: () => VersionedValue[];
+    static get styles(): CSSResultGroup[];
+    render(): TemplateResult;
+}

package/{lib/components → components}/iqr-form/fields/dateTimePicker.js

@@ -10,33 +10,39 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DateTimePicker = void 0;
-const lit_element_1 = require("lit-element");
+const lit_1 = require("lit");
+const decorators_1 = require("lit/decorators");
 require("../../iqr-text-field");
-class DateTimePicker extends lit_element_1.LitElement {
+class DateTimePicker extends lit_1.LitElement {
     constructor() {
         super(...arguments);
         this.label = '';
         this.labelPosition = undefined;
+        this.valueProvider = undefined;
     }
     static get styles() {
-        return [lit_element_1.css `
-:host {
-}
-`];
+        return [
+            lit_1.css `
+				:host {
+				}
+			`,
+        ];
     }
     render() {
-        return lit_element_1.html `
-			<iqr-text-field labelPosition=${this.labelPosition} label="${this.label}" schema="date-time"></iqr-text-field>
-`;
+        return lit_1.html ` <iqr-text-field labelPosition=${this.labelPosition} label="${this.label}" schema="date-time" .valueProvider=${this.valueProvider}></iqr-text-field> `;
     }
 }
 __decorate([
-    lit_element_1.property(),
-    __metadata("design:type", String)
+    decorators_1.property(),
+    __metadata("design:type", Object)
 ], DateTimePicker.prototype, "label", void 0);
 __decorate([
-    lit_element_1.property(),
+    decorators_1.property(),
     __metadata("design:type", String)
 ], DateTimePicker.prototype, "labelPosition", void 0);
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", Function)
+], DateTimePicker.prototype, "valueProvider", void 0);
 exports.DateTimePicker = DateTimePicker;
 customElements.define('iqr-form-date-time-picker', DateTimePicker);

package/components/iqr-form/fields/measureField.d.ts

@@ -0,0 +1,8 @@
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+import '../../iqr-text-field';
+export declare class MeasureField extends LitElement {
+    label: string;
+    labelPosition?: string;
+    static get styles(): CSSResultGroup[];
+    render(): TemplateResult;
+}

package/{lib/components → components}/iqr-form/fields/measureField.js

@@ -10,32 +10,33 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MeasureField = void 0;
-const lit_element_1 = require("lit-element");
+const lit_1 = require("lit");
+const decorators_1 = require("lit/decorators");
 require("../../iqr-text-field");
-class MeasureField extends lit_element_1.LitElement {
+class MeasureField extends lit_1.LitElement {
     constructor() {
         super(...arguments);
         this.label = '';
         this.labelPosition = undefined;
     }
     static get styles() {
-        return [lit_element_1.css `
-:host {
-}
-`];
+        return [
+            lit_1.css `
+				:host {
+				}
+			`,
+        ];
     }
     render() {
-        return lit_element_1.html `
-		<iqr-text-field labelPosition=${this.labelPosition} label="${this.label}" schema="measure"></iqr-text-field>
-`;
+        return lit_1.html ` <iqr-text-field labelPosition=${this.labelPosition} label="${this.label}" schema="measure"></iqr-text-field> `;
     }
 }
 __decorate([
-    lit_element_1.property(),
-    __metadata("design:type", String)
+    decorators_1.property(),
+    __metadata("design:type", Object)
 ], MeasureField.prototype, "label", void 0);
 __decorate([
-    lit_element_1.property(),
+    decorators_1.property(),
     __metadata("design:type", String)
 ], MeasureField.prototype, "labelPosition", void 0);
 exports.MeasureField = MeasureField;

package/components/iqr-form/fields/multipleChoice.d.ts

@@ -0,0 +1,8 @@
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+import '../../iqr-text-field';
+export declare class MultipleChoice extends LitElement {
+    label: string;
+    labelPosition?: string;
+    static get styles(): CSSResultGroup[];
+    render(): TemplateResult;
+}

package/{lib/components → components}/iqr-form/fields/multipleChoice.js

@@ -10,32 +10,33 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MultipleChoice = void 0;
-const lit_element_1 = require("lit-element");
+const lit_1 = require("lit");
+const decorators_1 = require("lit/decorators");
 require("../../iqr-text-field");
-class MultipleChoice extends lit_element_1.LitElement {
+class MultipleChoice extends lit_1.LitElement {
     constructor() {
         super(...arguments);
         this.label = '';
         this.labelPosition = undefined;
     }
     static get styles() {
-        return [lit_element_1.css `
-:host {
-}
-`];
+        return [
+            lit_1.css `
+				:host {
+				}
+			`,
+        ];
     }
     render() {
-        return lit_element_1.html `
-		<iqr-text-field labelPosition=${this.labelPosition} label="${this.label}"></iqr-text-field>
-`;
+        return lit_1.html ` <iqr-text-field labelPosition=${this.labelPosition} label="${this.label}"></iqr-text-field> `;
     }
 }
 __decorate([
-    lit_element_1.property(),
-    __metadata("design:type", String)
+    decorators_1.property(),
+    __metadata("design:type", Object)
 ], MultipleChoice.prototype, "label", void 0);
 __decorate([
-    lit_element_1.property(),
+    decorators_1.property(),
     __metadata("design:type", String)
 ], MultipleChoice.prototype, "labelPosition", void 0);
 exports.MultipleChoice = MultipleChoice;

package/components/iqr-form/fields/numberField.d.ts

@@ -0,0 +1,8 @@
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+import '../../iqr-text-field';
+export declare class NumberField extends LitElement {
+    label: string;
+    labelPosition?: string;
+    static get styles(): CSSResultGroup[];
+    render(): TemplateResult;
+}

package/{lib/components → components}/iqr-form/fields/numberField.js

@@ -10,32 +10,33 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NumberField = void 0;
-const lit_element_1 = require("lit-element");
+const lit_1 = require("lit");
+const decorators_1 = require("lit/decorators");
 require("../../iqr-text-field");
-class NumberField extends lit_element_1.LitElement {
+class NumberField extends lit_1.LitElement {
     constructor() {
         super(...arguments);
         this.label = '';
         this.labelPosition = undefined;
     }
     static get styles() {
-        return [lit_element_1.css `
-:host {
-}
-`];
+        return [
+            lit_1.css `
+				:host {
+				}
+			`,
+        ];
     }
     render() {
-        return lit_element_1.html `
-		<iqr-text-field labelPosition=${this.labelPosition} label="${this.label}" schema="decimal"></iqr-text-field>
-`;
+        return lit_1.html `<iqr-text-field labelPosition=${this.labelPosition} label="${this.label}" schema="decimal"></iqr-text-field> `;
     }
 }
 __decorate([
-    lit_element_1.property(),
-    __metadata("design:type", String)
+    decorators_1.property(),
+    __metadata("design:type", Object)
 ], NumberField.prototype, "label", void 0);
 __decorate([
-    lit_element_1.property(),
+    decorators_1.property(),
     __metadata("design:type", String)
 ], NumberField.prototype, "labelPosition", void 0);
 exports.NumberField = NumberField;

package/components/iqr-form/fields/textfield.js

@@ -0,0 +1,138 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const lit_1 = require("lit");
+const decorators_1 = require("lit/decorators");
+require("../../iqr-text-field");
+class Textfield extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.multiline = false;
+        this.rows = 1;
+        this.grows = false;
+        this.labelPosition = undefined;
+        this.suggestionStopWords = new Set();
+        this.linksProvider = () => Promise.resolve(undefined);
+        this.suggestionProvider = () => __awaiter(this, void 0, void 0, function* () { return []; });
+        this.ownersProvider = () => __awaiter(this, void 0, void 0, function* () { return []; });
+        this.codeColorProvider = () => 'XI';
+        this.linkColorProvider = () => 'cat1';
+        this.codeContentProvider = (codes) => codes.map((c) => c.code).join(',');
+        this.valueProvider = undefined;
+        this.metaProvider = undefined;
+        this.handleValueChanged = undefined;
+        this.handleMetaChanged = undefined;
+    }
+    static get styles() {
+        return [
+            lit_1.css `
+				:host {
+				}
+			`,
+        ];
+    }
+    render() {
+        return lit_1.html `
+			<iqr-text-field
+				labelPosition=${this.labelPosition}
+				?multiline="${this.multiline}"
+				label="${this.label}"
+				?suggestions=${!!this.suggestionProvider}
+				?links=${!!this.linksProvider}
+				.linksProvider=${this.linksProvider}
+				.suggestionProvider=${this.suggestionProvider}
+				.ownersProvider=${this.ownersProvider}
+				.codeColorProvider=${this.codeColorProvider}
+				.linkColorProvider=${this.linkColorProvider}
+				.codeContentProvider=${this.codeContentProvider}
+				.valueProvider=${this.valueProvider}
+				.metaProvider=${this.metaProvider}
+				.handleValueChanged=${this.handleValueChanged}
+				.handleMetaChanged=${this.handleMetaChanged}
+			></iqr-text-field>
+		`;
+    }
+}
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", Object)
+], Textfield.prototype, "label", void 0);
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", Object)
+], Textfield.prototype, "multiline", void 0);
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", Object)
+], Textfield.prototype, "rows", void 0);
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", Object)
+], Textfield.prototype, "grows", void 0);
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", String)
+], Textfield.prototype, "labelPosition", void 0);
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", Set)
+], Textfield.prototype, "suggestionStopWords", void 0);
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", Function)
+], Textfield.prototype, "linksProvider", void 0);
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", Function)
+], Textfield.prototype, "suggestionProvider", void 0);
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", Function)
+], Textfield.prototype, "ownersProvider", void 0);
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", Function)
+], Textfield.prototype, "codeColorProvider", void 0);
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", Function)
+], Textfield.prototype, "linkColorProvider", void 0);
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", Function)
+], Textfield.prototype, "codeContentProvider", void 0);
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", Function)
+], Textfield.prototype, "valueProvider", void 0);
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", Function)
+], Textfield.prototype, "metaProvider", void 0);
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", Function)
+], Textfield.prototype, "handleValueChanged", void 0);
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", Function)
+], Textfield.prototype, "handleMetaChanged", void 0);
+customElements.define('iqr-form-textfield', Textfield);

package/components/iqr-form/fields/timePicker.d.ts

@@ -0,0 +1,10 @@
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+import '../../iqr-text-field';
+import { VersionedValue } from '../../iqr-text-field';
+export declare class TimePicker extends LitElement {
+    label: string;
+    labelPosition?: string;
+    valueProvider?: () => VersionedValue[];
+    static get styles(): CSSResultGroup[];
+    render(): TemplateResult;
+}

package/{lib/components → components}/iqr-form/fields/timePicker.js

@@ -10,33 +10,39 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TimePicker = void 0;
-const lit_element_1 = require("lit-element");
+const lit_1 = require("lit");
+const decorators_1 = require("lit/decorators");
 require("../../iqr-text-field");
-class TimePicker extends lit_element_1.LitElement {
+class TimePicker extends lit_1.LitElement {
     constructor() {
         super(...arguments);
         this.label = '';
         this.labelPosition = undefined;
+        this.valueProvider = undefined;
     }
     static get styles() {
-        return [lit_element_1.css `
-:host {
-}
-`];
+        return [
+            lit_1.css `
+				:host {
+				}
+			`,
+        ];
     }
     render() {
-        return lit_element_1.html `
-		<iqr-text-field labelPosition=${this.labelPosition} label="${this.label}" schema="time"></iqr-text-field>
-`;
+        return lit_1.html ` <iqr-text-field labelPosition=${this.labelPosition} label="${this.label}" schema="time" .valueProvider=${this.valueProvider}></iqr-text-field> `;
     }
 }
 __decorate([
-    lit_element_1.property(),
-    __metadata("design:type", String)
+    decorators_1.property(),
+    __metadata("design:type", Object)
 ], TimePicker.prototype, "label", void 0);
 __decorate([
-    lit_element_1.property(),
+    decorators_1.property(),
     __metadata("design:type", String)
 ], TimePicker.prototype, "labelPosition", void 0);
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", Function)
+], TimePicker.prototype, "valueProvider", void 0);
 exports.TimePicker = TimePicker;
 customElements.define('iqr-form-time-picker', TimePicker);

package/{lib/components → components}/iqr-form/index.js

@@ -10,7 +10,8 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 // Import the LitElement base class and html helper function
-const lit_element_1 = require("lit-element");
+const lit_1 = require("lit");
+const decorators_1 = require("lit/decorators");
 const model_1 = require("./model");
 require("./fields/textfield");
 require("./fields/measureField");
@@ -20,8 +21,8 @@ require("./fields/timePicker");
 require("./fields/dateTimePicker");
 require("./fields/multipleChoice");
 // @ts-ignore
-const lit_element_2 = require("lit-element");
-const baseCss = lit_element_2.css `.iqr-form {
+const lit_2 = require("lit");
+const baseCss = lit_2.css `.iqr-form {
   display: flex;
   flex-flow: row wrap;
   align-items: center;
@@ -37,7 +38,7 @@ const baseCss = lit_element_2.css `.iqr-form {
   font-size: 1.2em;
   font-weight: normal;
   color: #282829;
-  margin: 0;
+  margin: 0 0 1em !important;
 }
 .iqr-form > * {
   margin: 0 24px 0 0;
@@ -65,9 +66,9 @@ const baseCss = lit_element_2.css `.iqr-form {
 }
 .iqr-form .group {
   background: #f6f6f6;
-  padding: 24px 0 24px 24px;
+  padding: 12px 0 12px 8px;
   border-radius: 12px;
-  margin: 24px 0;
+  margin: 4px 0;
   width: 100%;
   display: flex;
   flex-flow: row wrap;
@@ -78,18 +79,18 @@ const baseCss = lit_element_2.css `.iqr-form {
   margin: 0 24px 0 0;
 }`;
 // @ts-ignore
-const kendoCss = lit_element_2.css ``;
+const kendoCss = lit_2.css ``;
 const cards_1 = require("./renderer/cards");
 const form_1 = require("./renderer/form");
 // Extend the LitElement base class
-class IqrForm extends lit_element_1.LitElement {
+class IqrForm extends lit_1.LitElement {
     constructor() {
         super();
-        this.skin = "material";
-        this.theme = "default";
-        this.renderer = "form";
+        this.skin = 'material';
+        this.theme = 'default';
+        this.renderer = 'form';
         this.labelPosition = undefined;
-        this.state = {};
+        this.formValuesContainer = undefined;
     }
     connectedCallback() {
         super.connectedCallback();
@@ -101,36 +102,40 @@ class IqrForm extends lit_element_1.LitElement {
         return [baseCss, kendoCss];
     }
     render() {
-        const renderer = this.renderer === 'form' ? form_1.render :
-            this.renderer === 'form' ? cards_1.render : undefined;
-        return (renderer && this.form ? renderer(this.form, { labelPosition: this.labelPosition }, this.state, (newState) => this.state = newState) : this.form ? lit_element_1.html `<p>unknown renderer</p>` : lit_element_1.html `<p>missing form</p>`);
+        const renderer = this.renderer === 'form' ? form_1.render : this.renderer === 'form' ? cards_1.render : undefined;
+        return renderer && this.form
+            ? renderer(this.form, { labelPosition: this.labelPosition }, this.formValuesContainer)
+            : this.form
+                ? lit_1.html `<p>unknown renderer</p>`
+                : lit_1.html `<p>missing form</p>`;
     }
     firstUpdated() {
+        //Do nothing
     }
 }
 __decorate([
-    lit_element_1.property(),
+    decorators_1.property(),
     __metadata("design:type", model_1.Form)
 ], IqrForm.prototype, "form", void 0);
 __decorate([
-    lit_element_1.property(),
-    __metadata("design:type", String)
+    decorators_1.property(),
+    __metadata("design:type", Object)
 ], IqrForm.prototype, "skin", void 0);
 __decorate([
-    lit_element_1.property(),
-    __metadata("design:type", String)
+    decorators_1.property(),
+    __metadata("design:type", Object)
 ], IqrForm.prototype, "theme", void 0);
 __decorate([
-    lit_element_1.property(),
-    __metadata("design:type", String)
+    decorators_1.property(),
+    __metadata("design:type", Object)
 ], IqrForm.prototype, "renderer", void 0);
 __decorate([
-    lit_element_1.property(),
+    decorators_1.property(),
     __metadata("design:type", String)
 ], IqrForm.prototype, "labelPosition", void 0);
 __decorate([
-    lit_element_1.property(),
+    decorators_1.property(),
     __metadata("design:type", Object)
-], IqrForm.prototype, "state", void 0);
+], IqrForm.prototype, "formValuesContainer", void 0);
 // Register the new element with the browser.
 customElements.define('iqr-form', IqrForm);