@scenid/react-formulator 0.1.10 → 0.1.12

package/dist/index.cjs.js

@@ -9,6 +9,7 @@ var cx = require('classnames');
 var styles$n = require('@material-ui/styles');
 var AutorenewIcon = require('@material-ui/icons/Autorenew');
 var icons = require('@material-ui/icons');
+var luxon = require('luxon');
 var path$3 = require('path');
 var proc = require('process');
 var url = require('url');
@@ -29170,7 +29171,6 @@ var useStyles = styles$n.makeStyles(function (theme) {
 var FormControlField$1 = function FormControlField(_ref) {
   var variant = _ref.variant,
       type = _ref.type,
-      isRender = _ref.isRender,
       name = _ref.name,
       label = _ref.label,
       component = _ref.component,
@@ -29199,6 +29199,8 @@ var FormControlField$1 = function FormControlField(_ref) {
     onChange: onChange
   });
 
+  var isRender = type === 'render';
+
   if (validating) {
     finalProps.endAdornment = [/*#__PURE__*/React__default["default"].createElement(core$1.InputAdornment, {
       position: "end"
@@ -29248,7 +29250,6 @@ var FormControlField$1 = function FormControlField(_ref) {
 
 FormControlField$1.propTypes = {
   variant: PropTypes__default["default"].oneOf(['standard', 'filled', 'outlined']),
-  isRender: PropTypes__default["default"].bool,
   component: PropTypes__default["default"].any.isRequired,
   componentProps: PropTypes__default["default"].object,
   type: PropTypes__default["default"].string.isRequired,
@@ -29292,7 +29293,6 @@ var FormField = function FormField(_ref2) {
 
 FormField.propTypes = {
   variant: PropTypes__default["default"].oneOf(['standard', 'filled', 'outlined']),
-  isRender: PropTypes__default["default"].bool,
   component: PropTypes__default["default"].any.isRequired,
   componentProps: PropTypes__default["default"].object,
   type: PropTypes__default["default"].string.isRequired,
@@ -29399,11 +29399,12 @@ FormNumber.propTypes = {
   onChange: PropTypes__default["default"].func.isRequired
 };
 
-var _excluded$3 = ["options", "required"];
+var _excluded$3 = ["options", "required", "value"];
 
 var FormSelect = function FormSelect(_ref) {
   var options = _ref.options,
       required = _ref.required,
+      value = _ref.value,
       props = _objectWithoutProperties(_ref, _excluded$3);
 
   var unselectOption = [];
@@ -29420,7 +29421,8 @@ var FormSelect = function FormSelect(_ref) {
   })));
   return /*#__PURE__*/React__default["default"].createElement(core$1.TextField, _extends({
     select: true,
-    required: required
+    required: required,
+    value: value === undefined ? '' : value
   }, props), allOptions.map(function (_ref2) {
     var itemLabel = _ref2.label,
         itemValue = _ref2.value;
@@ -29702,7 +29704,7 @@ function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if
 function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var FormControlField = function FormControlField(_ref) {
-  var isRender = _ref.isRender,
+  var type = _ref.type,
       name = _ref.name,
       label = _ref.label,
       component = _ref.component,
@@ -29725,7 +29727,7 @@ var FormControlField = function FormControlField(_ref) {
   }
 
   var control;
-  if (isRender) control = /*#__PURE__*/React__default["default"].cloneElement(component, finalProps);else control = /*#__PURE__*/React__default["default"].createElement(component, finalProps);
+  if (type === 'render') control = /*#__PURE__*/React__default["default"].cloneElement(component, finalProps);else control = /*#__PURE__*/React__default["default"].createElement(component, finalProps);
   return /*#__PURE__*/React__default["default"].createElement(core$1.Box, {
     width: "100%",
     display: "flex",
@@ -29738,10 +29740,10 @@ var FormControlField = function FormControlField(_ref) {
 };
 
 FormControlField.propTypes = {
-  isRender: PropTypes__default["default"].bool,
   component: PropTypes__default["default"].any.isRequired,
   componentProps: PropTypes__default["default"].object,
   name: PropTypes__default["default"].string.isRequired,
+  type: PropTypes__default["default"].string.isRequired,
   label: PropTypes__default["default"].string.isRequired,
   value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number, PropTypes__default["default"].bool, PropTypes__default["default"].array]),
   options: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
@@ -29800,14 +29802,21 @@ FormReadOnlyField.propTypes = {
 };
 var FormReadOnlyField$1 = /*#__PURE__*/React__default["default"].memo(FormReadOnlyField);
 
-var ReadOnlyText = function ReadOnlyText(_ref) {
-  var value = _ref.value;
+var FormReadOnlyText = function FormReadOnlyText(_ref) {
+  var value = _ref.value,
+      type = _ref.type;
+  var finalValue = value;
+
+  if (type === 'date' || type === 'datetime-local') {
+    finalValue = luxon.DateTime.fromISO(value).toLocaleString(luxon.DateTime.DATE_MED_WITH_WEEKDAY);
+  }
+
   return /*#__PURE__*/React__default["default"].createElement(core$1.Typography, {
     variant: "body1"
-  }, value);
+  }, finalValue);
 };
 
-ReadOnlyText.propTypes = {
+FormReadOnlyText.propTypes = {
   value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string])
 };
 
@@ -68022,7 +68031,7 @@ FormReadOnlyMarkdown.propTypes = {
 
 var FormReadOnlyNumber = function FormReadOnlyNumber(_ref) {
   var value = _ref.value;
-  return /*#__PURE__*/React__default["default"].createElement(ReadOnlyText, {
+  return /*#__PURE__*/React__default["default"].createElement(FormReadOnlyText, {
     value: castToNumber(value)
   });
 };
@@ -68036,7 +68045,7 @@ var FormReadOnlySelect = function FormReadOnlySelect(_ref) {
 
   var value = _ref.value,
       options = _ref.options;
-  return /*#__PURE__*/React__default["default"].createElement(ReadOnlyText, {
+  return /*#__PURE__*/React__default["default"].createElement(FormReadOnlyText, {
     value: (_options$find = options.find(function (o) {
       return o.value === value;
     })) === null || _options$find === void 0 ? void 0 : _options$find.label
@@ -75448,9 +75457,9 @@ function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeRefl
 
 function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var formReadOnlyComponentMap = {
-  "default": ReadOnlyText,
+  "default": FormReadOnlyText,
   markdown: FormReadOnlyMarkdown,
-  string: ReadOnlyText,
+  string: FormReadOnlyText,
   number: FormReadOnlyNumber,
   select: FormReadOnlySelect,
   "boolean": FormReadOnlyBoolean,
@@ -75492,17 +75501,23 @@ var FormulatorFormSection = /*#__PURE__*/function (_React$Component) {
           errorMessages = _this$props.errorMessages,
           results = _this$props.results,
           data = _this$props.data,
-          fieldStates = _this$props.fieldStates;
+          fieldStates = _this$props.fieldStates,
+          renderComponentMap = _this$props.renderComponentMap;
       var field = fieldEntry,
           specialProps = {};
 
       if (Array.isArray(fieldEntry)) {
         if (fieldEntry[0] === '@@render') {
           field = fieldEntry[1];
-          specialProps = _objectSpread$1({
-            isRender: true
-          }, fieldEntry[2] || {});
-        } else if (fieldEntry[0] === '@@markdown') {
+          return {
+            type: 'render',
+            name: field,
+            component: renderComponentMap[field],
+            componentProps: fieldEntry[2] || {}
+          };
+        }
+
+        if (fieldEntry[0] === '@@markdown') {
           return {
             type: 'markdown',
             name: fieldEntry[1],
@@ -75511,11 +75526,11 @@ var FormulatorFormSection = /*#__PURE__*/function (_React$Component) {
               content: fieldEntry[2]
             }
           };
-        } else {
-          field = fieldEntry[0];
-          if (!fieldEntry[1]) throw new Error("field \"".concat(field, "\" is defined in an array, but has no props definition"));
-          specialProps = fieldEntry[1];
         }
+
+        field = fieldEntry[0];
+        if (!fieldEntry[1]) throw new Error("field \"".concat(field, "\" is defined in an array, but has no props definition"));
+        specialProps = fieldEntry[1];
       }
 
       var _specialProps = specialProps,
@@ -75536,8 +75551,8 @@ var FormulatorFormSection = /*#__PURE__*/function (_React$Component) {
           type = _schema$properties$fi.type,
           defaultValue = _schema$properties$fi["default"];
       var mapKey;
-      if (specialProps.isRender) mapKey = type;else if (componentMap[field] !== undefined) mapKey = field;else if (typeof type === 'string' && componentMap[type] !== undefined) mapKey = type;else if (Array.isArray(type)) mapKey = 'select';else if (componentMap["default"] !== undefined) mapKey = 'default';else throw new Error("Could not find a Component to render for \"".concat(field, "\""));
-      var mapEntry = specialProps.isRender ? '@@render' : componentMap[mapKey];
+      if (componentMap[field] !== undefined) mapKey = field;else if (typeof type === 'string' && componentMap[type] !== undefined) mapKey = type;else if (Array.isArray(type)) mapKey = 'select';else if (componentMap["default"] !== undefined) mapKey = 'default';else throw new Error("Could not find a Component to render for \"".concat(field, "\""));
+      var mapEntry = componentMap[mapKey];
       var component = mapEntry,
           props = {};
 
@@ -75597,7 +75612,7 @@ var FormulatorFormSection = /*#__PURE__*/function (_React$Component) {
           nested = _this$props2$nested === void 0 ? 0 : _this$props2$nested,
           schema = _this$props2.schema,
           fields = _this$props2.fields,
-          hideSensitiveData = _this$props2.hideSensitiveData,
+          obscuredFields = _this$props2.obscuredFields,
           results = _this$props2.results,
           data = _this$props2.data,
           fieldStates = _this$props2.fieldStates,
@@ -75633,7 +75648,18 @@ var FormulatorFormSection = /*#__PURE__*/function (_React$Component) {
               _errors = _fieldProps.errors,
               _validating = _fieldProps.validating,
               _dirty = _fieldProps.dirty;
-          if (readOnly && !_value) return false;
+
+          if (readOnly) {
+            if (!_value) return false;
+
+            if (Array.isArray(obscuredFields) && obscuredFields.includes(_name)) {
+              return /*#__PURE__*/React__default["default"].createElement(HiddenData, {
+                subject: "Das Feld",
+                label: _label
+              });
+            }
+          }
+
           return /*#__PURE__*/React__default["default"].createElement(readOnly ? FormReadOnlyField$1 : FormField$1, {
             key: "form-render-component-".concat(cKey),
             variant: inputVariant,
@@ -75641,7 +75667,6 @@ var FormulatorFormSection = /*#__PURE__*/function (_React$Component) {
             type: _type,
             label: _label,
             value: _value,
-            isRender: true,
             required: _required,
             hasErrors: _hasErrors,
             errors: _errors,
@@ -75671,9 +75696,9 @@ var FormulatorFormSection = /*#__PURE__*/function (_React$Component) {
             schema: schema,
             label: fieldEntry.label,
             fields: fieldEntry.fields,
-            hideSensitiveData: hideSensitiveData,
             results: results,
             data: data,
+            obscuredFields: obscuredFields,
             fieldStates: fieldStates,
             translations: translations,
             errorMessages: errorMessages,
@@ -75699,7 +75724,18 @@ var FormulatorFormSection = /*#__PURE__*/function (_React$Component) {
             errors = fieldProps.errors,
             validating = fieldProps.validating,
             dirty = fieldProps.dirty;
-        if (readOnly && !value) return false;
+
+        if (readOnly) {
+          if (!value) return false;
+
+          if (Array.isArray(obscuredFields) && obscuredFields.includes(name)) {
+            return /*#__PURE__*/React__default["default"].createElement(HiddenData, {
+              subject: "Das Feld",
+              label: label
+            });
+          }
+        }
+
         var apProps = {};
 
         for (var i = 0; i < fields.length; i++) {
@@ -75733,14 +75769,6 @@ var FormulatorFormSection = /*#__PURE__*/function (_React$Component) {
         }
 
         var FormFieldComponent = readOnly ? FormReadOnlyField$1 : FormField$1;
-
-        if (hideSensitiveData && (name === 'reportingPin' || name === 'reportingAuthCode')) {
-          return /*#__PURE__*/React__default["default"].createElement(HiddenData, {
-            subject: "Das Feld",
-            label: label
-          });
-        }
-
         return /*#__PURE__*/React__default["default"].createElement(FormFieldComponent, {
           key: "form-".concat(id, "-").concat(name),
           variant: inputVariant,
@@ -75837,7 +75865,7 @@ FormulatorFormSection.propTypes = {
   nested: PropTypes__default["default"].number,
   sectionId: PropTypes__default["default"].string.isRequired,
   fields: PropTypes__default["default"].array.isRequired,
-  hideSensitiveData: PropTypes__default["default"].bool,
+  obscuredFields: PropTypes__default["default"].array,
   schema: PropTypes__default["default"].object.isRequired,
   results: PropTypes__default["default"].object.isRequired,
   data: PropTypes__default["default"].object.isRequired,
@@ -76307,12 +76335,13 @@ var FormulatorForm = /*#__PURE__*/function (_React$Component) {
           readOnly = _this$props7.readOnly,
           listErrors = _this$props7.listErrors,
           schema = _this$props7.schema,
-          hideSensitiveData = _this$props7.hideSensitiveData,
           renderSchema = _this$props7.renderSchema,
           propDisabled = _this$props7.disabled,
           translations = _this$props7.translations,
           componentMap = _this$props7.componentMap,
           renderComponentMap = _this$props7.renderComponentMap,
+          obscuredFields = _this$props7.obscuredFields,
+          obscuredGroups = _this$props7.obscuredGroups,
           errorMessages = _this$props7.errorMessages,
           _onReset = _this$props7.onReset;
       var _this$state6 = this.state,
@@ -76344,7 +76373,7 @@ var FormulatorForm = /*#__PURE__*/function (_React$Component) {
             description = _ref12.description,
             fields = _ref12.fields;
 
-        if (hideSensitiveData && sectionId === 'bankData') {
+        if (readOnly && Array.isArray(obscuredGroups) && obscuredGroups.includes(sectionId)) {
           return /*#__PURE__*/React__default["default"].createElement(HiddenData, {
             subject: "Der Bereich",
             label: label
@@ -76366,10 +76395,10 @@ var FormulatorForm = /*#__PURE__*/function (_React$Component) {
           label: label,
           desc: description,
           fields: fields,
-          hideSensitiveData: hideSensitiveData,
           results: results,
           data: data,
           fieldStates: fieldStates,
+          obscuredFields: obscuredFields,
           translations: translations,
           errorMessages: errorMessages,
           componentMap: componentMap,
@@ -76412,7 +76441,6 @@ FormulatorForm.propTypes = {
   listErrors: PropTypes__default["default"].bool,
   schema: PropTypes__default["default"].object.isRequired,
   data: PropTypes__default["default"].object.isRequired,
-  hideSensitiveData: PropTypes__default["default"].bool,
   transientData: PropTypes__default["default"].object,
   fieldStates: PropTypes__default["default"].object,
   renderSchema: PropTypes__default["default"].object.isRequired,
@@ -76421,6 +76449,8 @@ FormulatorForm.propTypes = {
   errorMessages: PropTypes__default["default"].object,
   componentMap: PropTypes__default["default"].object,
   renderComponentMap: PropTypes__default["default"].object,
+  obscuredFields: PropTypes__default["default"].array,
+  obscuredGroups: PropTypes__default["default"].array,
   onSubmit: PropTypes__default["default"].func,
   onReset: PropTypes__default["default"].func,
   onStatusUpdate: PropTypes__default["default"].func,
@@ -76441,7 +76471,7 @@ exports.FormReadOnlyMarkdown = FormReadOnlyMarkdown;
 exports.FormReadOnlyNumber = FormReadOnlyNumber;
 exports.FormReadOnlyRepeater = FormReadOnlyRepeater;
 exports.FormReadOnlySelect = FormReadOnlySelect;
-exports.FormReadOnlyText = ReadOnlyText;
+exports.FormReadOnlyText = FormReadOnlyText;
 exports.FormRepeater = FormRepeater;
 exports.FormSelect = FormSelect;
 exports.FormText = FormText;