@icure/form 1.0.4 → 1.0.5

package/lib/components/iqr-form/index.js

@@ -8,9 +8,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 // Import the LitElement base class and html helper function
 const lit_element_1 = require("lit-element");
@@ -23,9 +20,65 @@ require("./fields/timePicker");
 require("./fields/dateTimePicker");
 require("./fields/multipleChoice");
 // @ts-ignore
-const style_scss_1 = __importDefault(require("./styles/style.scss"));
+const lit_element_2 = require("lit-element");
+const baseCss = lit_element_2.css `.iqr-form {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center;
+  font-family: "Roboto", Helvetica, sans-serif;
+}
+.iqr-form h2 {
+  width: 100%;
+  font-size: 2em;
+  margin-top: 1em;
+}
+.iqr-form h3 {
+  width: 100%;
+  font-size: 1.2em;
+  font-weight: normal;
+  color: #282829;
+  margin: 0;
+}
+.iqr-form > * {
+  margin: 0 24px 0 0;
+}
+.iqr-form iqr-form-textfield {
+  flex: 2 1 50%;
+}
+.iqr-form iqr-form-date-picker {
+  flex: 1 1 25%;
+}
+.iqr-form iqr-form-number-field {
+  flex: 1 1 25%;
+}
+.iqr-form iqr-form-measure-field {
+  flex: 1 1 25%;
+}
+.iqr-form iqr-form-time-picker {
+  flex: 1 1 25%;
+}
+.iqr-form iqr-form-date-time-picker {
+  flex: 1 1 25%;
+}
+.iqr-form iqr-form-multiple-choice {
+  flex: 2 1 50%;
+}
+.iqr-form .group {
+  background: #f6f6f6;
+  padding: 24px 0 24px 24px;
+  border-radius: 12px;
+  margin: 24px 0;
+  width: 100%;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center;
+  justify-content: flex-start;
+}
+.iqr-form .group > * {
+  margin: 0 24px 0 0;
+}`;
 // @ts-ignore
-const kendo_scss_1 = __importDefault(require("./styles/kendo.scss"));
+const kendoCss = lit_element_2.css ``;
 const cards_1 = require("./renderer/cards");
 const form_1 = require("./renderer/form");
 // Extend the LitElement base class
@@ -45,7 +98,7 @@ class IqrForm extends lit_element_1.LitElement {
         super.disconnectedCallback();
     }
     static get styles() {
-        return [style_scss_1.default, kendo_scss_1.default];
+        return [baseCss, kendoCss];
     }
     render() {
         const renderer = this.renderer === 'form' ? form_1.render :

package/lib/components/iqr-form/renderer/cards.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.render = void 0;
 const lit_element_1 = require("lit-element");
 const model_1 = require("../model");
-exports.render = (form, props, state, setState) => {
+const render = (form, props, state, setState) => {
     var _a;
     const h = function (level, content) {
         return level === 1 ? lit_element_1.html `<h1>${content}</h1>` :
@@ -41,3 +41,4 @@ ${(_a = form === null || form === void 0 ? void 0 : form.sections) === null || _
 </div>
     `;
 };
+exports.render = render;

package/lib/components/iqr-form/renderer/form.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.render = void 0;
 const lit_element_1 = require("lit-element");
 const model_1 = require("../model");
-exports.render = (form, props, state, setState) => {
+const render = (form, props, state, setState) => {
     var _a;
     const h = function (level, content) {
         return level === 1 ? lit_element_1.html `<h1>${content}</h1>` :
@@ -42,3 +42,4 @@ ${(_a = form === null || form === void 0 ? void 0 : form.sections) === null || _
 </div>
     `;
 };
+exports.render = render;