@agilemotion/oui-react-js 1.8.56 → 1.8.58

package/dist/components/facialRecognition/FaceRecognitionComponent.js

@@ -11,13 +11,12 @@ var _reactRouterDom = require("react-router-dom");
 require("./FacialRecognition.css");
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function getModelsBase() {
   try {
     const u = new URL('../../assets/models/ssd_mobilenetv1_model-weights_manifest.json', import.meta.url);
     return u.toString().replace(/[^/]+$/, '');
-  } catch {
+  } catch (_unused) {
     return '';
   }
 }
@@ -54,7 +53,7 @@ const FaceRecognitionComponent = _ref => {
       loadCamera();
     } else if (step === 3 && streamRef.current) {
       const stream = streamRef.current;
-      stream?.getTracks().forEach(track => track.stop());
+      stream === null || stream === void 0 || stream.getTracks().forEach(track => track.stop());
     }
   }, [step]);
   (0, _react.useEffect)(() => {
@@ -85,7 +84,7 @@ const FaceRecognitionComponent = _ref => {
     // 👇 THIS is the cleanup for stopping the webcam
     return () => {
       const stream = streamRef.current;
-      stream?.getTracks().forEach(track => track.stop());
+      stream === null || stream === void 0 || stream.getTracks().forEach(track => track.stop());
     };
   }, []);
   const detectFace = async () => {
@@ -127,18 +126,18 @@ const FaceRecognitionComponent = _ref => {
       const response = mode === 'register' ? await (0, _faceApi2.registerFace)(descriptor, faceDataUrl, processingPath) : await (0, _faceApi2.verifyFace)(descriptor, processingPath);
       if (response.outcome !== 'SUCCESS') {
         setStep(3);
-        setResultMessage(response.message || `Failed to ${mode} face.`);
+        setResultMessage(response.message || "Failed to ".concat(mode, " face."));
         setResultSuccess(false);
         onComplete(response);
         return;
       }
-      setResultMessage(response.message || `${mode === 'register' ? 'Registered' : 'Verified'} successfully!`);
+      setResultMessage(response.message || "".concat(mode === 'register' ? 'Registered' : 'Verified', " successfully!"));
       setResultSuccess(true);
       setStep(3);
       onComplete(response);
     } catch (err) {
       //console.log('API errors:', err);
-      setResultMessage('Verification failed.' || `${mode === 'verify' ? 'Verification' : 'Registeration'} failed!`);
+      setResultMessage('Verification failed.' || "".concat(mode === 'verify' ? 'Verification' : 'Registeration', " failed!"));
       setStep(3);
       //alert('Something went wrong while processing your face. Please try again.');
     } finally {
@@ -202,10 +201,10 @@ const FaceRecognitionComponent = _ref => {
     onClick: captureImage,
     disabled: loading || !videoRef.current
   }, loading ? 'Processing...' : 'Capture'))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h2", {
-    className: `text-xl font-bold mb-2 ${resultSuccess ? 'text-green-600' : 'text-red-600'}`
+    className: "text-xl font-bold mb-2 ".concat(resultSuccess ? 'text-green-600' : 'text-red-600')
   }, resultSuccess ? mode === 'register' ? "" : "" : "Something went wrong"), /*#__PURE__*/_react.default.createElement("p", {
-    className: `text-xl font-bold mb-2 ${resultSuccess ? 'text-green-600' : 'text-red-600'}`
-  }, resultMessage || `Face ${mode} result.`), imageUrl && /*#__PURE__*/_react.default.createElement("img", {
+    className: "text-xl font-bold mb-2 ".concat(resultSuccess ? 'text-green-600' : 'text-red-600')
+  }, resultMessage || "Face ".concat(mode, " result.")), imageUrl && /*#__PURE__*/_react.default.createElement("img", {
     src: imageUrl,
     alt: "Captured Face",
     className: "rounded-xl border shadow-lg w-full"

package/dist/components/facialRecognition/service/faceApi.js

@@ -34,21 +34,21 @@ const postJSON = async (url, payload) => {
     }
     return await response.json();
   } catch (error) {
-    console.log(`❌ Request to ${url} failed:`, error);
+    console.log("\u274C Request to ".concat(url, " failed:"), error);
     const message = error || error.statusText || 'Unknown error';
     throw new Error(message);
     //return await response.json();
   }
 };
 const registerFace = async (descriptor, faceImage, path) => {
-  return await postJSON(`${API_BASE}${_ApplicationManager.default.getContextRoot()}${path}`, {
+  return await postJSON("".concat(API_BASE).concat(_ApplicationManager.default.getContextRoot()).concat(path), {
     descriptor: serializeDescriptor(descriptor),
     faceImage
   });
 };
 exports.registerFace = registerFace;
 const verifyFace = async (descriptor, path) => {
-  return await postJSON(`${API_BASE}${_ApplicationManager.default.getContextRoot()}${path}`, {
+  return await postJSON("".concat(API_BASE).concat(_ApplicationManager.default.getContextRoot()).concat(path), {
     descriptor: serializeDescriptor(descriptor)
   });
 };

package/dist/components/form/AddressSearch.js

@@ -11,8 +11,11 @@ var _BaseField = require("./BaseField");
 var _Utils = _interopRequireDefault(require("../../Utils"));
 var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
 var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
+const _excluded = ["inputRef", "onFocus", "onBlur"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const AddressSearchWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const base = props.base;
   const getAddressProp = (components, id) => {
@@ -42,11 +45,11 @@ const AddressSearchWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_reac
     }, /*#__PURE__*/_react.default.createElement(_Close.default, null)) : null,
     inputComponent: _ref => {
       let {
-        inputRef,
-        onFocus,
-        onBlur,
-        ...props
-      } = _ref;
+          inputRef,
+          onFocus,
+          onBlur
+        } = _ref,
+        props = _objectWithoutProperties(_ref, _excluded);
       return /*#__PURE__*/_react.default.createElement(_reactGoogleAutocomplete.default, _extends({
         apiKey: 'AIzaSyCocunxfGatXwjt1uASpPxQ0PKcONSi7wY'
       }, props, {

package/dist/components/form/AutoComplete.js

@@ -12,8 +12,7 @@ var _Autocomplete = _interopRequireDefault(require("@mui/lab/Autocomplete"));
 require("./Form.css");
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const status = response => {
   if (response.ok) {
@@ -71,7 +70,7 @@ const AutoCompleteWrapper = props => {
       },
       body: JSON.stringify({
         "parameters": [{
-          "name": `${props.config.attributes.searchAttribute}`,
+          "name": "".concat(props.config.attributes.searchAttribute),
           "value": inputValue
         }],
         "pageSize": 60,
@@ -81,7 +80,8 @@ const AutoCompleteWrapper = props => {
       let records = JSON.parse(data).records;
       let newOptions = [];
       for (const record of records) {
-        if (!baseValue.current?.find(o => o[props.config.attributes.searchAttribute] === record[props.config.attributes.searchAttribute])) {
+        var _baseValue$current;
+        if (!((_baseValue$current = baseValue.current) !== null && _baseValue$current !== void 0 && _baseValue$current.find(o => o[props.config.attributes.searchAttribute] === record[props.config.attributes.searchAttribute]))) {
           newOptions.push(record[props.config.attributes.searchAttribute]);
         }
         if (!entityStore.find(o => o.username === record.username)) {

package/dist/components/form/BaseField.js

@@ -13,6 +13,7 @@ var _EventType = _interopRequireDefault(require("../../event/EventType"));
 var _DynamicJS = _interopRequireDefault(require("../../DynamicJS"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const BaseField = props => {
+  var _props$config$attribu, _props$config$attribu2;
   const [hasError, setHasError] = _react.default.useState(false);
   const [errorMessage, setErrorMessage] = _react.default.useState('');
   const [valueObject, setValueObject] = _react.default.useState({});
@@ -81,7 +82,7 @@ const BaseField = props => {
         valid: true
       };
       if (!_Utils.default.isNull(config.validator) && !_Utils.default.isNull(config.validator.script)) {
-        result = _DynamicJS.default.executeScriptObject(`${config.id}Validator`, config.validator.script);
+        result = _DynamicJS.default.executeScriptObject("".concat(config.id, "Validator"), config.validator.script);
         if (!result.valid) {
           result.message = result.message ? result.message : config.validator.message;
         }
@@ -307,7 +308,7 @@ const BaseField = props => {
     key: config.id,
     style: {
       textAlign: 'left',
-      marginLeft: !_Utils.default.isNull(props.config.attributes?.style?.marginLeft) ? props.config.attributes?.style?.marginLeft : props.config.index === 0 ? 0 : '8px',
+      marginLeft: !_Utils.default.isNull((_props$config$attribu = props.config.attributes) === null || _props$config$attribu === void 0 || (_props$config$attribu = _props$config$attribu.style) === null || _props$config$attribu === void 0 ? void 0 : _props$config$attribu.marginLeft) ? (_props$config$attribu2 = props.config.attributes) === null || _props$config$attribu2 === void 0 || (_props$config$attribu2 = _props$config$attribu2.style) === null || _props$config$attribu2 === void 0 ? void 0 : _props$config$attribu2.marginLeft : props.config.index === 0 ? 0 : '8px',
       display: !visible || _Utils.default.getComponentAttribute(config, 'hidden', false) === true ? 'none' : 'block'
     }
   }, /*#__PURE__*/_react.default.createElement("span", null, props.children({

package/dist/components/form/CurrencyField.js

@@ -11,17 +11,17 @@ var _BaseField = require("./BaseField");
 var _Utils = _interopRequireDefault(require("../../Utils"));
 var _reactRedux = require("react-redux");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const CurrencyFieldWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  var _props$config$attribu, _props$config$attribu2, _props$config$attribu3, _props$config$attribu4, _props$config$attribu5, _props$config$attribu6;
   const base = props.base;
-  const width = !_Utils.default.isNull(props.config.attributes?.style?.width) ? props.config.attributes.style.width : "100%";
-  const maxWidth = !_Utils.default.isNull(props.config.attributes?.style?.maxWidth) ? props.config.attributes.style.maxWidth : null;
-  const minWidth = !_Utils.default.isNull(props.config.attributes?.style?.minWidth) ? props.config.attributes.style.minWidth : "232px";
-  const height = !_Utils.default.isNull(props.config.attributes?.style?.height) ? props.config.attributes.style.height : null;
-  const currency = !_Utils.default.isNull(props.config.attributes?.currency) ? props.config.attributes.currency : "ZAR";
-  const currencySymbol = !_Utils.default.isNull(props.config.attributes?.currencySymbol) ? props.config.attributes.currencySymbol : "R";
+  const width = !_Utils.default.isNull((_props$config$attribu = props.config.attributes) === null || _props$config$attribu === void 0 || (_props$config$attribu = _props$config$attribu.style) === null || _props$config$attribu === void 0 ? void 0 : _props$config$attribu.width) ? props.config.attributes.style.width : "100%";
+  const maxWidth = !_Utils.default.isNull((_props$config$attribu2 = props.config.attributes) === null || _props$config$attribu2 === void 0 || (_props$config$attribu2 = _props$config$attribu2.style) === null || _props$config$attribu2 === void 0 ? void 0 : _props$config$attribu2.maxWidth) ? props.config.attributes.style.maxWidth : null;
+  const minWidth = !_Utils.default.isNull((_props$config$attribu3 = props.config.attributes) === null || _props$config$attribu3 === void 0 || (_props$config$attribu3 = _props$config$attribu3.style) === null || _props$config$attribu3 === void 0 ? void 0 : _props$config$attribu3.minWidth) ? props.config.attributes.style.minWidth : "232px";
+  const height = !_Utils.default.isNull((_props$config$attribu4 = props.config.attributes) === null || _props$config$attribu4 === void 0 || (_props$config$attribu4 = _props$config$attribu4.style) === null || _props$config$attribu4 === void 0 ? void 0 : _props$config$attribu4.height) ? props.config.attributes.style.height : null;
+  const currency = !_Utils.default.isNull((_props$config$attribu5 = props.config.attributes) === null || _props$config$attribu5 === void 0 ? void 0 : _props$config$attribu5.currency) ? props.config.attributes.currency : "ZAR";
+  const currencySymbol = !_Utils.default.isNull((_props$config$attribu6 = props.config.attributes) === null || _props$config$attribu6 === void 0 ? void 0 : _props$config$attribu6.currencySymbol) ? props.config.attributes.currencySymbol : "R";
   const textRef = (0, _react.useRef)(null);
   const [displayValue, setDisplayValue] = (0, _react.useState)("");
   const formatter = new Intl.NumberFormat("en-ZA", {

package/dist/components/form/DatePicker.js

@@ -57,8 +57,9 @@ const CustomDatePickerComponent = props => {
     return id === "minDate" ? "1970-01-01" : "9000-12-31";
   };
   _react.default.useEffect(() => {
-    setMinDate(props.config.attributes?.minDate);
-    setMaxDate(props.config.attributes?.maxDate);
+    var _props$config$attribu, _props$config$attribu2;
+    setMinDate((_props$config$attribu = props.config.attributes) === null || _props$config$attribu === void 0 ? void 0 : _props$config$attribu.minDate);
+    setMaxDate((_props$config$attribu2 = props.config.attributes) === null || _props$config$attribu2 === void 0 ? void 0 : _props$config$attribu2.maxDate);
   }, []);
   _react.default.useEffect(() => {
     if (minDate === null) {

package/dist/components/form/FieldSet.js

@@ -479,6 +479,7 @@ const FieldSet = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.fo
           marginRight: '0'
         }
       }, row.fields.map((field, index) => {
+        var _field$attributes, _field$attributes2;
         let colspan;
         let width;
         if (_Utils.default.isNull(field.attributes) || _Utils.default.isNull(field.attributes.colspan)) {
@@ -501,7 +502,7 @@ const FieldSet = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.fo
           width: width + '%'
         };
         field.index = index;
-        let style = field.attributes?.containerStyle ? _Utils.default.mergeObjects(field.attributes?.containerStyle, containerStyle) : containerStyle;
+        let style = (_field$attributes = field.attributes) !== null && _field$attributes !== void 0 && _field$attributes.containerStyle ? _Utils.default.mergeObjects((_field$attributes2 = field.attributes) === null || _field$attributes2 === void 0 ? void 0 : _field$attributes2.containerStyle, containerStyle) : containerStyle;
         return /*#__PURE__*/_react.default.createElement("div", {
           key: (i + 1) * index,
           className: "col-*-* oui-form-item-container",

package/dist/components/form/Form.css

@@ -22,7 +22,7 @@
     width: 100%;
 }
 
-.oui-form-item-container .ouiTable .oui-table-row {
+.oui-form-item-container .ouiTable .oui-table-row:not(:last-child) {
     border-bottom: 1px solid #ddd;
 }
 

package/dist/components/form/Form.js

@@ -19,6 +19,11 @@ var _EventType = _interopRequireDefault(require("../../event/EventType"));
 var _Event = _interopRequireDefault(require("../../event/Event"));
 var _clear = require("@testing-library/user-event/dist/clear");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const useStyles = (0, _styles.makeStyles)(theme => ({
   container: {
     display: 'flex',
@@ -233,7 +238,7 @@ const Form = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwar
   function loadData(eventConfig, componentConfig) {
     let eventData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
     let service = !_Utils.default.isNull(componentConfig.dataService) ? componentConfig.dataService : eventConfig !== null ? eventConfig.dataService : null;
-    let componentValue = !_Utils.default.isNull(componentConfig.value) ? _ApplicationManager.default.resolveParameterConfigValue(componentConfig.value, eventData) : eventConfig !== null ? _ApplicationManager.default.resolveParameterConfigValue(eventConfig.value, eventData) : null;
+    let componentValue = !_Utils.default.isNull(componentConfig.value) ? _ApplicationManager.default.resolveParameterConfigValue(componentConfig.value, eventData) : !_Utils.default.isNull(eventConfig) ? _ApplicationManager.default.resolveParameterConfigValue(eventConfig.value, eventData) : null;
     if (!_Utils.default.isNull(service)) {
       doClear();
       if (service.type === 'rpc') {
@@ -288,7 +293,7 @@ const Form = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwar
           let path = _Utils.default.getPropertyChainPath(componentValue);
           if (!_Utils.default.isNull(path.valueObject)) {
             _Observable.default.addSystemGeneratedSubscription(props.viewId, props.viewId, props.config.id, () => {
-              let value = _DynamicJS.default.executeScript(`${props.config.id}ValueEvaluator`, componentValue);
+              let value = _DynamicJS.default.executeScript("".concat(props.config.id, "ValueEvaluator"), componentValue);
               if (!_Utils.default.isNull(value)) {
                 let val = value;
                 if (binder === 'MAP_OBJECT' && _Utils.default.isNull(value.map)) {
@@ -493,10 +498,9 @@ const Form = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwar
   const validateField = (field, id, value) => {
     if (loadingRef.current === false) {
       field.error = null;
-      let invalid = field.handle.api.validate({
-        ...values.current,
+      let invalid = field.handle.api.validate(_objectSpread(_objectSpread({}, values.current), {}, {
         [id]: value
-      }, value) === false;
+      }), value) === false;
       doValidateParent(field, invalid);
       return invalid;
     }
@@ -602,10 +606,9 @@ const Form = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwar
     return selectedValue;
   };
   const updateValue = (name, value) => {
-    props.valueChangeHandler({
-      ...values.current,
+    props.valueChangeHandler(_objectSpread(_objectSpread({}, values.current), {}, {
       [name]: value
-    });
+    }));
   };
   function render(form) {
     return _Utils.default.isNull(form.sections) || form.sections.length === 0 ? null : /*#__PURE__*/_react.default.createElement("div", null, form.sections.map(section => {

package/dist/components/form/GridField.js

@@ -48,9 +48,10 @@ const GridFieldWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.de
   const [hasButtons] = _react.default.useState(_Utils.default.isNull(props.config.attributes) || _Utils.default.isNull(props.config.attributes.addDisabled) || _Utils.default.evaluateBooleanExpression(props.config.attributes.addDisabled, props.config.id) === false || _Utils.default.isNull(props.config.attributes.removeDisabled) || _Utils.default.evaluateBooleanExpression(props.config.attributes.removeDisabled, props.config.id) === false);
   const initialValueSet = _react.default.useRef(false);
   _react.default.useEffect(() => {
+    var _props$config$attribu, _props$config$attribu2;
     let numCrudButtons = 0;
-    let addDisabled = _Utils.default.evaluateBooleanExpression(props.config.attributes?.addDisabled, props.config.id);
-    let removeDisabled = _Utils.default.evaluateBooleanExpression(props.config.attributes?.removeDisabled, props.config.id);
+    let addDisabled = _Utils.default.evaluateBooleanExpression((_props$config$attribu = props.config.attributes) === null || _props$config$attribu === void 0 ? void 0 : _props$config$attribu.addDisabled, props.config.id);
+    let removeDisabled = _Utils.default.evaluateBooleanExpression((_props$config$attribu2 = props.config.attributes) === null || _props$config$attribu2 === void 0 ? void 0 : _props$config$attribu2.removeDisabled, props.config.id);
     if (!addDisabled) {
       numCrudButtons++;
     }
@@ -94,7 +95,7 @@ const GridFieldWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.de
     error: base.hasError
   }, label), /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      border: `1px solid ${base.hasError ? '#f44336' : '#e1e1e1'}`,
+      border: "1px solid ".concat(base.hasError ? '#f44336' : '#e1e1e1'),
       width: '100%',
       height: '100%',
       borderRadius: '4px',

package/dist/components/form/IconField.js

@@ -11,8 +11,9 @@ var _Utils = _interopRequireDefault(require("../../Utils"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const IconWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  var _props$config$attribu;
   const base = props.base;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.config.attributes?.label && /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ((_props$config$attribu = props.config.attributes) === null || _props$config$attribu === void 0 ? void 0 : _props$config$attribu.label) && /*#__PURE__*/_react.default.createElement("div", {
     style: _Utils.default.mergeStyles({}, props.config)
   }, /*#__PURE__*/_react.default.createElement("label", null, _Utils.default.getComponentAttribute(props.config, 'label', ''))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: props.config.iconId,

package/dist/components/form/ImageEditor.js

@@ -18,6 +18,11 @@ var _Observable = _interopRequireDefault(require("../../event/Observable"));
 var _EventType = _interopRequireDefault(require("../../event/EventType"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const useStyles = (0, _styles.makeStyles)(theme => ({
   button: {
     margin: theme.spacing(1)
@@ -44,6 +49,7 @@ const json = response => {
 };
 const location = window.location.protocol + "//" + window.location.hostname;
 const ImageEditorComponent = exports.ImageEditorComponent = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  var _base$value;
   const [viewerFile, setViewerFile] = _react.default.useState(!_Utils.default.isNull(props.initialFile) ? props.initialFile : null);
   const [angle, setAngle] = _react.default.useState(0);
   const [zoomDepth, setZoomDepth] = _react.default.useState(null);
@@ -106,7 +112,7 @@ const ImageEditorComponent = exports.ImageEditorComponent = /*#__PURE__*/_react.
     for (let i = 0; i < bin.length; i++) arr[i] = bin.charCodeAt(i);
     const ext = mime.split("/")[1] || "png";
     const base = originalFile.name.replace(/\.[^.]+$/, "");
-    return new File([arr], `${base}-processed.${ext}`, {
+    return new File([arr], "".concat(base, "-processed.").concat(ext), {
       type: mime,
       lastModified: Date.now()
     });
@@ -290,10 +296,9 @@ const ImageEditorComponent = exports.ImageEditorComponent = /*#__PURE__*/_react.
     if (rotateMode === null || rotateMode === 'SERVER') {
       process(data => {
         files[0].base64 = data;
-        setViewerFile({
-          ...files[0],
+        setViewerFile(_objectSpread(_objectSpread({}, files[0]), {}, {
           base64: data
-        });
+        }));
         handleloadEnded(files, data);
       }, files[0].base64, 'rotate' + direction);
     } else {
@@ -325,14 +330,14 @@ const ImageEditorComponent = exports.ImageEditorComponent = /*#__PURE__*/_react.
   }, /*#__PURE__*/_react.default.createElement("input", {
     accept: "image/jpeg,image/gif,image/png,image/x-eps",
     className: classes.input,
-    id: `contained-button-file-${props.config.id}`,
+    id: "contained-button-file-".concat(props.config.id),
     disabled: base.disabled,
     required: base.required,
     multiple: multiple,
     onChange: handleChange(),
     type: "file"
   }), /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: `contained-button-file-${props.config.id}`
+    htmlFor: "contained-button-file-".concat(props.config.id)
   }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Button.default, {
     component: "span",
     variant: 'contained',
@@ -430,7 +435,7 @@ const ImageEditorComponent = exports.ImageEditorComponent = /*#__PURE__*/_react.
       backgroundRepeat: 'no-repeat',
       backgroundSize: 'cover',
       backgroundColor: 'transparent',
-      backgroundImage: `url(${require('./transparent.jpeg')})`,
+      backgroundImage: "url(".concat(require('./transparent.jpeg'), ")"),
       border: '4px solid #e1e1e1',
       borderRadius: '4px'
     },
@@ -451,7 +456,7 @@ const ImageEditorComponent = exports.ImageEditorComponent = /*#__PURE__*/_react.
     id: "__image_container"
   }, /*#__PURE__*/_react.default.createElement("img", {
     id: "__image",
-    src: viewerFile?.base64 || base.value?.url,
+    src: (viewerFile === null || viewerFile === void 0 ? void 0 : viewerFile.base64) || ((_base$value = base.value) === null || _base$value === void 0 ? void 0 : _base$value.url),
     alt: '',
     style: {
       maxHeight: parseFloat(height.replace('px', '')) - 20 + 'px'

package/dist/components/form/LookupField.js

@@ -20,12 +20,13 @@ var _Icon = _interopRequireDefault(require("../Icon"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const LookupFieldComponent = exports.LookupFieldComponent = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  var _props$config$attribu, _props$config$attribu2, _props$config$attribu3, _props$config$attribu4, _props$config$attribu5, _props$config$attribu6, _props$config$attribu7, _props$config$attribu8;
   const [currentSelection, setCurrentSelection] = _react.default.useState(null);
   const [open, setOpen] = _react.default.useState(false);
-  const width = props.config.attributes?.style?.width ? props.config.attributes.style.width : "100%";
-  const minWidth = props.config.attributes?.style?.minWidth ? props.config.attributes.style.minWidth : "240px";
-  const height = !_Utils.default.isNull(props.config.attributes?.style?.height) ? props.config.attributes.style.height : '41px';
-  const margin = !_Utils.default.isNull(props.config.attributes?.style?.margin) ? props.config.attributes.style.margin : '4px 0';
+  const width = (_props$config$attribu = props.config.attributes) !== null && _props$config$attribu !== void 0 && (_props$config$attribu = _props$config$attribu.style) !== null && _props$config$attribu !== void 0 && _props$config$attribu.width ? props.config.attributes.style.width : "100%";
+  const minWidth = (_props$config$attribu2 = props.config.attributes) !== null && _props$config$attribu2 !== void 0 && (_props$config$attribu2 = _props$config$attribu2.style) !== null && _props$config$attribu2 !== void 0 && _props$config$attribu2.minWidth ? props.config.attributes.style.minWidth : "240px";
+  const height = !_Utils.default.isNull((_props$config$attribu3 = props.config.attributes) === null || _props$config$attribu3 === void 0 || (_props$config$attribu3 = _props$config$attribu3.style) === null || _props$config$attribu3 === void 0 ? void 0 : _props$config$attribu3.height) ? props.config.attributes.style.height : '41px';
+  const margin = !_Utils.default.isNull((_props$config$attribu4 = props.config.attributes) === null || _props$config$attribu4 === void 0 || (_props$config$attribu4 = _props$config$attribu4.style) === null || _props$config$attribu4 === void 0 ? void 0 : _props$config$attribu4.margin) ? props.config.attributes.style.margin : '4px 0';
   const defaultValue = _Utils.default.isNull(props.value) ? '' : props.value;
   const [value, setValue] = _react.default.useState(_Utils.default.isNull(props.value) ? null : props.value.id);
   const base = props.base;
@@ -125,14 +126,14 @@ const LookupFieldComponent = exports.LookupFieldComponent = /*#__PURE__*/_react.
   }))), /*#__PURE__*/_react.default.createElement(_TextField.default, {
     style: {
       marginTop: '0',
-      width: props.config.attributes?.style?.width || 'calc(100% - 2px)'
+      width: ((_props$config$attribu5 = props.config.attributes) === null || _props$config$attribu5 === void 0 || (_props$config$attribu5 = _props$config$attribu5.style) === null || _props$config$attribu5 === void 0 ? void 0 : _props$config$attribu5.width) || 'calc(100% - 2px)'
     },
     id: props.id,
     required: base.required,
     readOnly: true,
     disabled: base.disabled,
     label: !_Utils.default.isNull(props.config.attributes) && !_Utils.default.isNull(props.config.attributes['label']) ? props.config.attributes['label'] : null,
-    value: value?.__oui_label || value?.dataRecordDescription || defaultValue,
+    value: (value === null || value === void 0 ? void 0 : value.__oui_label) || (value === null || value === void 0 ? void 0 : value.dataRecordDescription) || defaultValue,
     className: props.className || 'lookup-field-input',
     error: base.hasError,
     helperText: base.errorMessage,
@@ -160,7 +161,7 @@ const LookupFieldComponent = exports.LookupFieldComponent = /*#__PURE__*/_react.
     }
   }, /*#__PURE__*/_react.default.createElement(_DialogTitle.default, {
     id: "alert-dialog-title"
-  }, !_Utils.default.isNull(props.config.attributes) && !_Utils.default.isNull(props.config.attributes?.pickerLabel) ? props.config.attributes?.pickerLabel : props.config.attributes?.label), /*#__PURE__*/_react.default.createElement("div", {
+  }, !_Utils.default.isNull(props.config.attributes) && !_Utils.default.isNull((_props$config$attribu6 = props.config.attributes) === null || _props$config$attribu6 === void 0 ? void 0 : _props$config$attribu6.pickerLabel) ? (_props$config$attribu7 = props.config.attributes) === null || _props$config$attribu7 === void 0 ? void 0 : _props$config$attribu7.pickerLabel : (_props$config$attribu8 = props.config.attributes) === null || _props$config$attribu8 === void 0 ? void 0 : _props$config$attribu8.label), /*#__PURE__*/_react.default.createElement("div", {
     style: {
       maxHeight: "calc(38vh - 52px)",
       overflow: "auto",

package/dist/components/form/MultiFileUploadField.js

@@ -18,6 +18,11 @@ var _Observable = _interopRequireDefault(require("../../event/Observable"));
 var _EventType = _interopRequireDefault(require("../../event/EventType"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const useStyles = (0, _styles.makeStyles)(theme => ({
   button: {
     margin: theme.spacing(1)
@@ -43,6 +48,7 @@ const json = response => {
 };
 const location = window.location.protocol + '//' + window.location.hostname;
 const DocumentUpload = props => {
+  var _props$config$attribu;
   const [files, setFiles] = _react.default.useState(null);
   const [multiple] = _react.default.useState(props.multiple === true);
   const [payloadStorageMode] = _react.default.useState(props.config.payloadStorageMode || 'base64');
@@ -54,10 +60,9 @@ const DocumentUpload = props => {
       let val = [];
       for (const file of files) {
         if (payloadStorageMode === 'post' && file.documentRepositoryCacheId) {
-          val.push({
-            ...file,
+          val.push(_objectSpread(_objectSpread({}, file), {}, {
             payload: null
-          });
+          }));
         } else {
           val.push(file);
         }
@@ -221,7 +226,7 @@ const DocumentUpload = props => {
     style: _Utils.default.mergeStyles({}, props.config)
   }, /*#__PURE__*/_react.default.createElement("input", {
     className: classes.input,
-    id: `contained-button-file-${props.config.id}`,
+    id: "contained-button-file-".concat(props.config.id),
     disabled: base.disabled,
     required: base.required,
     multiple: multiple,
@@ -229,10 +234,10 @@ const DocumentUpload = props => {
     type: "file"
   }), /*#__PURE__*/_react.default.createElement("div", null, !base.disabled && /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      height: props.config.attributes?.showThumbImages ? null : '48px'
+      height: (_props$config$attribu = props.config.attributes) !== null && _props$config$attribu !== void 0 && _props$config$attribu.showThumbImages ? null : '48px'
     }
   }, /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: `contained-button-file-${props.config.id}`
+    htmlFor: "contained-button-file-".concat(props.config.id)
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     component: "span",
     disabled: base.disabled,
@@ -251,18 +256,19 @@ const DocumentUpload = props => {
       marginBottom: '8px'
     }
   }, files ? files.map((file, index) => {
+    var _props$config$attribu2, _props$config$attribu3;
     return /*#__PURE__*/_react.default.createElement("div", {
       key: index,
       style: {
         marginLeft: '0',
         marginRight: '8px',
-        width: props.config.attributes?.showThumbImages ? null : '100%'
+        width: (_props$config$attribu2 = props.config.attributes) !== null && _props$config$attribu2 !== void 0 && _props$config$attribu2.showThumbImages ? null : '100%'
       }
     }, /*#__PURE__*/_react.default.createElement(_FileThumb.default, {
       key: file.name,
       file: file,
       disabled: base.disabled,
-      showImage: props.config.attributes?.showThumbImages,
+      showImage: (_props$config$attribu3 = props.config.attributes) === null || _props$config$attribu3 === void 0 ? void 0 : _props$config$attribu3.showThumbImages,
       onDelete: file => {
         deleteFile(file);
       }

package/dist/components/form/SelectItem.js

@@ -12,14 +12,15 @@ var _material = require("@mui/material");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const SelectItemComponent = props => {
+  var _props$config$attribu, _props$config$attribu2, _props$config$attribu3, _props$config$attribu4;
   const base = props.base;
   const [optionsLoaded, setOptionsLoaded] = _react.default.useState(false);
   const [loadFullOptionList, setLoadFullOptionList] = _react.default.useState(false);
   const [value, setValue] = _react.default.useState(_Utils.default.isNull(props.value) ? '' : props.value.id);
   const initialValue = _react.default.useRef(null);
-  const width = !_Utils.default.isNull(props.config.attributes?.style?.width) ? props.config.attributes.style.width : "100%";
-  const maxWidth = !_Utils.default.isNull(props.config.attributes?.style?.maxWidth) ? props.config.attributes.style.maxWidth : null;
-  const minWidth = !_Utils.default.isNull(props.config.attributes?.style?.minWidth) ? props.config.attributes.style.minWidth : "240px";
+  const width = !_Utils.default.isNull((_props$config$attribu = props.config.attributes) === null || _props$config$attribu === void 0 || (_props$config$attribu = _props$config$attribu.style) === null || _props$config$attribu === void 0 ? void 0 : _props$config$attribu.width) ? props.config.attributes.style.width : "100%";
+  const maxWidth = !_Utils.default.isNull((_props$config$attribu2 = props.config.attributes) === null || _props$config$attribu2 === void 0 || (_props$config$attribu2 = _props$config$attribu2.style) === null || _props$config$attribu2 === void 0 ? void 0 : _props$config$attribu2.maxWidth) ? props.config.attributes.style.maxWidth : null;
+  const minWidth = !_Utils.default.isNull((_props$config$attribu3 = props.config.attributes) === null || _props$config$attribu3 === void 0 || (_props$config$attribu3 = _props$config$attribu3.style) === null || _props$config$attribu3 === void 0 ? void 0 : _props$config$attribu3.minWidth) ? props.config.attributes.style.minWidth : "240px";
   function processValueChange(newValue, isOptionsLoaded) {
     if (!_Utils.default.isNull(newValue) && !isOptionsLoaded) {
       let defaultOptions = [];
@@ -89,14 +90,14 @@ const SelectItemComponent = props => {
       maxWidth: maxWidth
     }, props.config)
   }, /*#__PURE__*/_react.default.createElement(_material.InputLabel, {
-    id: `${props.id}-label`
+    id: "".concat(props.id, "-label")
   }, !_Utils.default.isNull(props.config.attributes) ? props.config.attributes['label'] : ''), /*#__PURE__*/_react.default.createElement(_material.Select, {
-    labelId: `${props.id}-label`,
+    labelId: "".concat(props.id, "-label"),
     id: props.id,
     variant: "outlined",
     value: value,
     input: /*#__PURE__*/_react.default.createElement(_material.OutlinedInput, {
-      label: props.config.attributes?.label || ''
+      label: ((_props$config$attribu4 = props.config.attributes) === null || _props$config$attribu4 === void 0 ? void 0 : _props$config$attribu4.label) || ''
     }),
     onOpen: () => {
       if (!loadFullOptionList) {