@agilemotion/oui-react-js 1.8.72 → 1.8.73

package/dist/components/AlertBar.js

@@ -99,7 +99,7 @@ const AlertBar = /*#__PURE__*/_react.default.memo(props => {
     top: "calc(var(--view-header-h) + 24px)",
     left: "50%",
     transform: "translateX(-50%)",
-    width: "calc(100% - 320px)",
+    width: "calc(100% - 128px)",
     maxWidth: "60dvw",
     zIndex: 1050,
     pointerEvents: "none"

package/dist/components/DataGrid.js

@@ -755,20 +755,23 @@ const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo(/*#__PURE__
     }, row[!_Utils.default.isNull(column.dataBinding) ? column.dataBinding : column.id], /*#__PURE__*/_react.default.createElement("br", null)) : null));
   }
   function renderTile(row, key) {
+    const isItemSelected = isSelected(row.id);
     return /*#__PURE__*/_react.default.createElement(_Grid.default, {
       item: true,
       xs: true,
-      style: {
+      style: _Utils.default.mergeObjects(props.config.tileStyle, {
         height: '200px',
         minWidth: '200px'
-      },
+      }),
       key: key
     }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-      variant: "contained",
+      variant: "outlined",
       color: "secondary",
       style: {
         width: '100%',
-        height: '100%'
+        height: '100%',
+        border: isItemSelected ? '1px solid 1px solid #f2a900' : '1px solid #e2e2e2',
+        background: isItemSelected ? '#fff8e1' : '#fafafa'
       },
       onClick: event => doHandleClick(event, row.id)
     }, getTileLabel(row)));

package/dist/components/Toolbar.js

@@ -20,7 +20,7 @@ var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
 var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
 var _MenuItem = _interopRequireDefault(require("./menu/MenuItem"));
 require("./Button.css");
-var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Button3 = _interopRequireDefault(require("@mui/material/Button"));
 var _MoreVert = _interopRequireDefault(require("@mui/icons-material/MoreVert"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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); }
@@ -283,20 +283,14 @@ const Toolbar = props => {
         alignItems: 'center',
         justifyContent: 'center'
       }
-    }, !allButtonsVisible && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    }, !allButtonsVisible && /*#__PURE__*/_react.default.createElement(_Button3.default, {
       ref: anchorRef,
       size: "small",
       onClick: handleToggle,
-      "aria-label": "more actions",
-      "aria-haspopup": "menu",
-      "aria-expanded": open ? 'true' : undefined,
-      style: {
-        width: 28,
-        height: 28
-      }
-    }, /*#__PURE__*/_react.default.createElement(_MoreVert.default, {
-      fontSize: "small"
-    }))), anchorRef.current && /*#__PURE__*/_react.default.createElement(_Popper.default, {
+      endIcon: /*#__PURE__*/_react.default.createElement(_MoreVert.default, {
+        fontSize: "small"
+      })
+    }, "More")), anchorRef.current && /*#__PURE__*/_react.default.createElement(_Popper.default, {
       open: open,
       anchorEl: anchorRef.current,
       placement: "bottom-end",

package/dist/components/form/BaseField.js

@@ -30,6 +30,7 @@ const BaseField = props => {
   const [required, setRequired] = _react.default.useState(null);
   const [minDate, setMinDate] = _react.default.useState(null);
   const [maxDate, setMaxDate] = _react.default.useState(null);
+  const [resetSwitch, setResetSwitch] = _react.default.useState(false);
   const validateOnChange = _react.default.useRef();
   const initialValueBound = _react.default.useRef(false);
   const ref = _react.default.useRef(null);
@@ -284,6 +285,12 @@ const BaseField = props => {
       set maxDate(maxDate) {
         setMaxDate(maxDate);
       },
+      set selectOptions(selectOptions) {
+        setSelectOptions(selectOptions);
+      },
+      reset() {
+        setResetSwitch(!resetSwitch);
+      },
       setFieldRequired(newVal) {
         let validate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
         validateOnChange.current = validate;
@@ -322,6 +329,8 @@ const BaseField = props => {
     setValue: setValue,
     setSelectOptions: setSelectOptions,
     selectOptions: selectOptions,
+    setResetSwitch: setResetSwitch,
+    resetSwitch: resetSwitch,
     value: value,
     hasError: hasError,
     doValidation: doValidation,

package/dist/components/form/SelectItem.js

@@ -42,6 +42,9 @@ const SelectItemComponent = props => {
       processValueChange(base.valueObject[base.valueProperty], optionsLoaded.current);
     }
   }, [base.valueObject[base.valueProperty]]);
+  _react.default.useEffect(() => {
+    initialValue.current = null;
+  }, [base.resetSwitch]);
   _react.default.useEffect(() => {
     if (!_Utils.default.isNull(base.selectOptions) && base.selectOptions.length > 0) {
       if (initialValue.current) {

package/dist/components/layout/Layout.js

@@ -377,29 +377,8 @@ const Layout = props => {
       }, renderComponent(component, null));
     })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, layout.components.map((component, index) => {
       let className = _Utils.default.getComponentAttribute(component, 'className', '');
-      let style = _Utils.default.getComponentAttribute(component, 'style', null);
-      let width;
-      let height;
-      if (style) {
-        width = style.width ? style.width : 100 / (index + 1) + '%';
-        height = style.height ? style.height : '100%';
-      } else {
-        width = 100 / (index + 1) + '%';
-        height = '100%';
-        if (!component.attributes) {
-          component.attributes = {};
-        }
-        component.attributes.style = {};
-      }
-      if (component.type !== 'layout') {
-        component.attributes.style.width = '100%';
-      }
-      return component.type === 'layout' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderComponent(component, index)) : /*#__PURE__*/_react.default.createElement("div", {
+      return component.type === 'layout' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderComponent(component, index)) : /*#__PURE__*/_react.default.createElement(_react.Fragment, {
         key: index,
-        style: {
-          height: height,
-          width: width
-        },
         className: "".concat(className, " col-*-* no-margin no-spacing")
       }, renderComponent(component, null));
     }));

package/dist/components/media/TrainingRoom.js

@@ -71,6 +71,7 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defaul
   const api = () => {
     return {
       loadChats() {
+        console.log('LOADING CHATS');
         fetchChats();
       }
     };
@@ -155,6 +156,7 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defaul
   }, [meetingChat]);
   const fetchChats = () => {
     (0, _RestUtils.sendRequest)("".concat(location + '/' + _ApplicationManager.default.getContextRoot(), "/calendar/api/v1/chat/fetchMeetingChat/").concat(props.calendarEvent.id), response => {
+      console.log('FETCH CHAT RESPONSE : ', response);
       if (response && response.id) {
         setMeetingChat(response);
       }

package/dist/components/media/chat/ChatRoom.js

@@ -99,7 +99,6 @@ const ChatRoom = props => {
     }, e => {}, true, data);
   };
   const onSystemEvent = payload => {
-    console.log(messages);
     if (payload.systemEventType === "NEW_POLL_VOTE") {
       let find = messages.find(msg => msg.poll && msg.poll.id === payload.data.pollId);
       if (find) {

package/dist/components/media/chat/PollContainer.js

@@ -89,6 +89,9 @@ const PollContainer = props => {
       return (_o$voteCount = o === null || o === void 0 ? void 0 : o.voteCount) !== null && _o$voteCount !== void 0 ? _o$voteCount : 0;
     });
     const max = Math.max(...counts);
+
+    // If nobody voted, it cannot be a tie
+    if (max === 0) return [];
     const leaders = options.filter(o => {
       var _o$voteCount2;
       return ((_o$voteCount2 = o === null || o === void 0 ? void 0 : o.voteCount) !== null && _o$voteCount2 !== void 0 ? _o$voteCount2 : 0) === max;

package/dist/components/menu/MenuItem.js

@@ -11,6 +11,7 @@ var _Utils = _interopRequireDefault(require("../../Utils"));
 var _Observable = _interopRequireDefault(require("../../event/Observable"));
 var _EventType = _interopRequireDefault(require("../../event/EventType"));
 var _Event = _interopRequireDefault(require("../../event/Event"));
+var _DynamicJS = _interopRequireDefault(require("../../DynamicJS"));
 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; }
@@ -18,10 +19,10 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 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 MenuItem = props => {
-  var _config$attributes;
   const [disabled, setDisabled] = _react.default.useState(false);
   const [visible, setVisible] = _react.default.useState(true);
   const [config, setConfig] = _react.default.useState(null);
+  const [label, setLabel] = _react.default.useState(false);
   _react.default.useEffect(() => {
     if (config) {
       props.handle.api = api();
@@ -35,6 +36,13 @@ const MenuItem = props => {
   _react.default.useEffect(() => {
     var _props$tableRow$id;
     props.handle.api = api();
+    try {
+      let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+      let label = _DynamicJS.default.executeScript(parsedConfig.id + 'label', _Utils.default.getComponentAttribute(parsedConfig, 'label', ''), parsedConfig.viewId, true, null, null, false);
+      setLabel(label);
+    } catch (e) {
+      setLabel(_Utils.default.getComponentAttribute(props.config, 'label', ''));
+    }
     setConfig(props.tableRow ? _objectSpread(_objectSpread({}, props.config), {}, {
       id: props.config.id + '_' + ((_props$tableRow$id = props.tableRow.id) === null || _props$tableRow$id === void 0 ? void 0 : _props$tableRow$id.replaceAll('-', ''))
     }) : props.config);
@@ -79,6 +87,6 @@ const MenuItem = props => {
     },
     righticon: props.mode === 'cascaded' && !_Utils.default.isNull(props.menuItems) && props.menuItems.length > 0 ? /*#__PURE__*/_react.default.createElement(_chevronRight.default, null) : null,
     menuitems: props.menuItems
-  }, (_config$attributes = config.attributes) === null || _config$attributes === void 0 ? void 0 : _config$attributes.label);
+  }, label);
 };
 var _default = exports.default = MenuItem;

package/dist/js/ProcurementMeetings.js

@@ -29,6 +29,7 @@ class ProcurementMeetings {
             recipients: recipientIds,
             data: data
           };
+          console.log("EMITTING SYSTEM EVENT : ", eventData);
           _SocketManager.default.emitEvent(_VCEventType.VCEventType.SYSTEM_EVENT, eventData).then(result => resolve(result)).catch(e => {
             _ApplicationManager.default.alert(viewId, "You are currently offline. Please check your network connectivity", "ERROR");
             reject(e);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agilemotion/oui-react-js",
-  "version": "1.8.72",
+  "version": "1.8.73",
   "description": "AgileMotion React UI Component Library - A comprehensive collection of dashboard components, forms, media controls, and more",
   "license": "ISC",
   "author": "",