dynamic-mui 1.0.59 → 1.0.60

package/dist-modules/components/FormGenerator.js

@@ -14,6 +14,7 @@ var _mui = _interopRequireDefault(require("../config/mui"));
 var _DynamicComponent = _interopRequireDefault(require("./DynamicComponent"));
 var _helper = require("../util/helper");
 var _useUpdateEffect = _interopRequireDefault(require("../util/useUpdateEffect"));
+var _validation = _interopRequireDefault(require("../util/validation"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -35,6 +36,28 @@ const ClearFormData = id => {
   }
 };
 exports.ClearFormData = ClearFormData;
+const getAllMandatoryFields = fields => fields.filter(field => {
+  var _field$rules;
+  return field === null || field === void 0 || (_field$rules = field.rules) === null || _field$rules === void 0 || (_field$rules = _field$rules.validation) === null || _field$rules === void 0 ? void 0 : _field$rules.some(validation => validation.rule === 'mandatory');
+});
+const getErrors = (fields, guid) => {
+  const mandatoryFields = getAllMandatoryFields(fields);
+  return mandatoryFields.reduce((acc, field) => {
+    var _field$rules2;
+    field === null || field === void 0 || (_field$rules2 = field.rules) === null || _field$rules2 === void 0 || (_field$rules2 = _field$rules2.validation) === null || _field$rules2 === void 0 || _field$rules2.forEach(rule => {
+      var _response$guid$field$;
+      const fieldValue = (_response$guid$field$ = response[guid][field.id]) === null || _response$guid$field$ === void 0 ? void 0 : _response$guid$field$.toString();
+      const isClean = fieldValue && _validation.default[rule.rule](fieldValue, rule.value);
+      if (!isClean) {
+        acc.push({
+          ...rule,
+          id: field.id
+        });
+      }
+    });
+    return acc;
+  }, []);
+};
 function FormGenerator(_ref) {
   let {
     data = [],
@@ -77,7 +100,8 @@ function FormGenerator(_ref) {
   }, []);
   const handleSubmit = (0, _react.useCallback)((submitCallback, formData, formGuid) => {
     if (typeof submitCallback === 'function') {
-      submitCallback(response, null, formData, formGuid);
+      const errors = getErrors();
+      submitCallback(response, errors, formData, formGuid);
     }
   }, []);
   const onStepUpdate = (currentStep, isScreenChange, isLastStep) => {

package/dist-modules/components/controls/Select/select.js

@@ -27,18 +27,30 @@ const checkedIcon = /*#__PURE__*/_react.default.createElement(_CheckBox.default,
 const getValue = function () {
   let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   let defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  return options.find(_ref => {
+  let isMultiple = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  if (isMultiple) {
+    let separator = ',';
+    if (defaultValue.includes(',')) separator = ',';else if (defaultValue.includes(';')) separator = ';';
+    const dValueSet = new Set(defaultValue.split(separator));
+    return options.filter(_ref => {
+      let {
+        value
+      } = _ref;
+      return dValueSet.has(value);
+    });
+  }
+  return options.find(_ref2 => {
     let {
       value
-    } = _ref;
-    return defaultValue === value;
+    } = _ref2;
+    return value === defaultValue;
   });
 };
-function Select(_ref2) {
+function Select(_ref3) {
   let {
     attributes,
     onChange
-  } = _ref2;
+  } = _ref3;
   const {
     MuiAttributes = {},
     options = [],
@@ -46,8 +58,7 @@ function Select(_ref2) {
     id = '',
     InputProps = {}
   } = attributes;
-  const [value, setValue] = _react.default.useState((attributes === null || attributes === void 0 ? void 0 : attributes.value) && getValue(options, attributes === null || attributes === void 0 ? void 0 : attributes.value));
-  // const [inputValue, setInputValue] = React.useState('');
+  const [value, setValue] = _react.default.useState((attributes === null || attributes === void 0 ? void 0 : attributes.value) && getValue(options, attributes === null || attributes === void 0 ? void 0 : attributes.value, MuiAttributes.multiple));
   const getMuiAttributes = () => {
     if (MuiAttributes.multiple) {
       MuiAttributes.renderOption = function (props) {
@@ -68,10 +79,11 @@ function Select(_ref2) {
     }
     return MuiAttributes;
   };
+  const extractValue = option => (option === null || option === void 0 ? void 0 : option.title) || (option === null || option === void 0 ? void 0 : option.label) || (option === null || option === void 0 ? void 0 : option.value);
   const onChangeEvent = (0, _react.useCallback)((event, newValue) => {
     setValue(newValue);
     if (newValue) {
-      const data = MuiAttributes.multiple ? (newValue || []).map(option => (option === null || option === void 0 ? void 0 : option.title) || (option === null || option === void 0 ? void 0 : option.label) || (option === null || option === void 0 ? void 0 : option.value)) : (newValue === null || newValue === void 0 ? void 0 : newValue.title) || (newValue === null || newValue === void 0 ? void 0 : newValue.label) || (newValue === null || newValue === void 0 ? void 0 : newValue.value);
+      const data = MuiAttributes.multiple ? newValue.map(extractValue) : extractValue(newValue);
       onChange({
         id,
         value: data,
@@ -80,7 +92,7 @@ function Select(_ref2) {
     } else onChange({
       id,
       value: '',
-      options: newValue
+      option: newValue
     });
   }, []);
   return /*#__PURE__*/_react.default.createElement(_Autocomplete.default, _extends({}, getMuiAttributes(), {

package/dist-modules/data/select.js

@@ -71,6 +71,7 @@ const multiSelect = exports.multiSelect = [{
   type: 'select',
   props: {
     id: 'multiselect',
+    value: 'ocean,purple',
     MuiAttributes: {
       multiple: true,
       disableCloseOnSelect: true

package/docs/asset-manifest.json

@@ -1,9 +1,9 @@
 {
   "files": {
-    "main.js": "/DinakaranS/-dynamic-mui/build/bundle.f167def1.js",
+    "main.js": "/DinakaranS/-dynamic-mui/build/bundle.a0d48865.js",
     "index.html": "/DinakaranS/-dynamic-mui/index.html"
   },
   "entrypoints": [
-    "build/bundle.f167def1.js"
+    "build/bundle.a0d48865.js"
   ]
 }