@scenid/react-formulator 0.1.7 → 0.1.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scenid/react-formulator",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "repository": "https://dennykoch@bitbucket.org/scenid/react-formulator.git",
@@ -47,7 +47,6 @@
     "babel-loader": "^8.2.5",
     "classnames": "^2.3.1",
     "cross-env": "^7.0.3",
-    "deep-equal": "^2.0.5",
     "eslint": "^7.11.0",
     "eslint-config-airbnb": "^18.0.1",
     "eslint-formatter-pretty": "^2.1.1",
@@ -60,6 +59,7 @@
     "eslint-plugin-react": "^7.6.1",
     "eslint-plugin-react-hooks": "^2.3.0",
     "eventemitter3": "^4.0.7",
+    "fast-deep-equal": "^3.1.3",
     "micromustache": "^8.0.3",
     "prop-types": "^15.8.1",
     "react": "16.11.0",
@@ -69,7 +69,6 @@
     "remark-gfm": "^3.0.1",
     "rollup": "^2.70.2",
     "rollup-plugin-import-css": "^3.0.3",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-terser": "^7.0.2"
+    "rollup-plugin-peer-deps-external": "^2.2.4"
   }
 }

package/rollup.config.js

@@ -2,7 +2,6 @@ import babel from '@rollup/plugin-babel'
 
 import peerDepsExternal from 'rollup-plugin-peer-deps-external'
 import resolve from '@rollup/plugin-node-resolve'
-import { terser } from 'rollup-plugin-terser'
 import commonjs from '@rollup/plugin-commonjs'
 import css from "rollup-plugin-import-css"
 
@@ -36,7 +35,6 @@ export default {
       preferBuiltins: true
     }),
     commonjs(),
-    css(),
-    terser()
+    css()
   ]
 }

package/src/Editable/FormField.jsx

@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import cx from 'classnames'
 
-import isEqual from 'deep-equal'
+import isEqual from 'fast-deep-equal'
 
 import {
   FormControl,
@@ -220,4 +220,4 @@ FormField.propTypes = {
   onChange: PropTypes.func.isRequired
 }
 
-export default React.memo(FormField, (prevProps, nextProps) => isEqual(prevProps, nextProps, { strict: true }))
+export default React.memo(FormField, (prevProps, nextProps) => isEqual(prevProps, nextProps))

package/src/FormulatorForm.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 
 import EventEmitter from 'eventemitter3'
 import { validate as validator } from '@scenid/formulator'
-import isEqual from 'deep-equal'
+import isEqual from 'fast-deep-equal'
 
 import { render as mm } from 'micromustache'
 

package/stories/Forms.stories.jsx

@@ -3,7 +3,7 @@ import React from 'react'
 import ReactMarkdown from 'react-markdown'
 
 import StoryBase from './StoryBase'
-import FormulatorForm from '../src/index'
+import { FormulatorForm } from '../src/index'
 
 import getTypesSchemas from './forms/types.schemas.js'
 
@@ -16,6 +16,10 @@ import loginRender from './forms/login.render.schema.json'
 import registerValidation from './forms/register.validation.schema.json'
 import registerRender from './forms/register.render.schema.json'
 
+import rlpValidation from './forms/rlp.validation.schema.json'
+import rlpRender from './forms/rlp.render.schema.json'
+import rlpTranslations from './forms/rlp.translations.json'
+
 const {
   validation: typesValidation,
   render: typesRender,
@@ -38,6 +42,11 @@ const schemas = {
   register: {
     validation: registerValidation,
     render: registerRender
+  },
+  rlp: {
+    validation: rlpValidation,
+    render: rlpRender,
+    translations: rlpTranslations
   }
 }
 
@@ -124,3 +133,48 @@ Register.args = {
   },
   data: {}
 }
+
+export const RLP = Template.bind({})
+RLP.args = {
+  baseProps: { maxWidth: 'sm' },
+  id: 'unique-form-id',
+  schema: schemas.rlp.validation,
+  renderSchema: schemas.rlp.render,
+  inputVariant: 'filled',
+  textAlign: 'center',
+  translations: schemas.rlp.translations,
+  errorMessages: {
+    "required": "Pflichtfeld",
+    "IBAN": "IBAN bitte ohne Sonder- und Trennzeichen angeben",
+    "Int": "Bitte geben Sie ein gültige Zahl ein",
+    "URL": "Ungültiger Link",
+    "Email": "Ungültige E-Mail Adresse",
+    "Date": "Ungültiges Datum",
+    "Length": "Länge muss zwischen {{min}} und {{max}} liegen",
+    "RegExp": "Ungültiges Format oder Zeichen",
+    "invalid-email": "Ungültige E-Mail Adresse",
+    "invalid-phone": "Ungültige Telefonnummer",
+    "invalid-fax": "Ungültige Faxnummer"
+  },
+  data: {},
+  renderComponentMap: {
+    // contacts: <RoleContactsRepeater />,
+    // reporterId: <FormUnique entityType="ou" />,
+    // iknr: <FormUnique entityType="ou" />,
+    // bsnr: <FormUnique entityType="ou" excludeInactive />,
+    contacts: <div/>,
+    reporterId: <div/>,
+    iknr: <div/>,
+    bsnr: <div/>,
+    productOwner: <div />,
+    inheritedIKNR: <div />,
+    inheritedBSNR: <div />,
+    reportingCodesTrigger: (
+      <div className="action-group right">
+        {/* <Button onClick={() => {}}>
+          Automatisch generieren
+        </Button> */}
+      </div>
+    )
+  }
+}

package/stories/forms/rlp.render.schema.json

@@ -0,0 +1,247 @@
+{
+  "properties": {},
+  "groups": [
+    {
+      "id": "new-ou",
+      "label": "Stammdaten",
+      "fields": [
+        "active",
+        "ouType",
+        [
+          "name",
+          {
+            "action": "copy"
+          }
+        ],
+        [
+          "legalForm",
+          {
+            "noPreselected": true
+          }
+        ]
+      ]
+    },
+    {
+      "label": "Einrichtungsdetails",
+      "id": "miscData",
+      "fields": [
+        [
+          "medicalField",
+          {
+            "noPreselected": true
+          }
+        ],
+        [
+          "typeOfPractice",
+          {
+            "noPreselected": true
+          }
+        ],
+        "numTumorPatients",
+        "openingHours",
+        "website"
+      ]
+    },
+    {
+      "label": "Kontaktdaten",
+      "id": "contacts",
+      "fields": [
+        [
+          "@@render",
+          "contacts"
+        ]
+      ]
+    },
+    {
+      "label": "Schlüsselmerkmal",
+      "id": "schluesselmerkmal",
+      "fields": [
+        "iknrUnlocked",
+        [
+          "@@render",
+          "iknr"
+        ],
+        "bsnrUnlocked",
+        [
+          "@@render",
+          "bsnr"
+        ],
+        [
+          "locationType",
+          {
+            "noPreselected": true
+          }
+        ],
+        "creditorNumber"
+      ]
+    },
+    {
+      "label": "Melderdaten",
+      "id": "reporterData",
+      "fields": [
+        [
+          "@@render",
+          "reporterId"
+        ],
+        "isReporting",
+        "isReportingActive",
+        "reportingPin",
+        "reportingAuthCode",
+        "hasPortalAccessTest",
+        [
+          "hasPortalTestGroup",
+          {
+            "noPreselected": true
+          }
+        ],
+        [
+          "hasPortalTestVersion",
+          {
+            "noPreselected": true
+          }
+        ],
+        "hasPortalAccessProd",
+        [
+          "hasPortalProdGroup",
+          {
+            "noPreselected": true
+          }
+        ],
+        [
+          "hasPortalProdVersion",
+          {
+            "noPreselected": true
+          }
+        ],
+        [
+          "reportingChannel",
+          {
+            "noPreselected": true
+          }
+        ],
+        [
+          "reportingSoftware",
+          {
+            "noPreselected": true
+          }
+        ],
+        "reporterCertified",
+        [
+          "certifiedVersion",
+          {
+            "noPreselected": true
+          }
+        ]
+      ]
+    },
+    {
+      "label": "Onkologisches Zentrum",
+      "id": "oncologyCenterData",
+      "fields": [
+        [
+          "oncologyCenterType",
+          {
+            "noPreselected": true
+          }
+        ],
+        "oncologyCenterId",
+        "isCertifiedOncologyCenter",
+        [
+          "oncologyCenterCertificate",
+          {
+            "noPreselected": true
+          }
+        ],
+        "oncologyCenterDateCertified"
+      ]
+    },
+    {
+      "label": "Lieferant",
+      "id": "supplierData",
+      "fields": [
+        "supplierBlocked",
+        "supplierVatIdentificationNumber",
+        "supplierCreditorNumber",
+        "language",
+        "supplierPaymentType",
+        "supplierPaymentPeriod",
+        "supplierCashDiscount",
+        "supplierDeliveryType",
+        "supplierCurrency"
+      ]
+    },
+    {
+      "label": "Softwaredeveloper",
+      "id": "developerData",
+      "fields": [
+        "certified",
+        [
+          "products",
+          {
+            "noPreselected": true
+          }
+        ],
+        "version"
+      ]
+    },
+    {
+      "label": "Kostenträger",
+      "id": "healthInsuranceData",
+      "fields": [
+        [
+          "typeOfInsuranceCompany",
+          {
+            "noPreselected": true
+          }
+        ],
+        "debitNumber"
+      ]
+    },
+    {
+      "label": "Bankdaten",
+      "id": "bankData",
+      "fields": [
+        "hasBank",
+        "bankUnlocked",
+        "bankNoteOnly",
+        "customBankNote",
+        "bankAccountOwner",
+        "iban",
+        "bankNote",
+        "bankValidFrom"
+      ]
+    },
+    {
+      "label": "Adresse",
+      "id": "address",
+      "fields": [
+        "hasAddress",
+        "extra",
+        "street",
+        "houseNo",
+        "zipCode",
+        "city",
+        "countryCode"
+      ]
+    },
+    {
+      "label": "Verbünde (Alt)",
+      "id": "federations",
+      "fields": [
+        "federationHead",
+        "federationMembers"
+      ]
+    },
+    {
+      "label": "Kontaktdaten (Alt)",
+      "id": "contactOld",
+      "fields": [
+        "phonePrefix",
+        "phone",
+        "faxPrefix",
+        "fax",
+        "email"
+      ]
+    }
+  ]
+}