@agilemotion/oui-react-js 1.8.39 → 1.8.41

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

@@ -25,7 +25,9 @@ const PollContainer = props => {
   const [poll, setPoll] = (0, _react.useState)({});
   const [pollClosed, setPollClosed] = (0, _react.useState)(false);
   const [currentVote, setCurrentVote] = (0, _react.useState)(null);
+  const [tieBreakerVote, setTieBreakerVote] = (0, _react.useState)(null);
   const [totalVotes, setTotalVotes] = (0, _react.useState)(0);
+  const [tieOptions, setTieOptions] = (0, _react.useState)([]);
   const [socketEventHandler] = (0, _react.useState)({});
   const socketEventHandlerApi = () => {
     return {
@@ -79,6 +81,14 @@ const PollContainer = props => {
       voteCount: -Infinity
     });
   };
+  const tieForFirst = function () {
+    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    if (!Array.isArray(options) || options.length === 0) return [];
+    const counts = options.map(o => o?.voteCount ?? 0);
+    const max = Math.max(...counts);
+    const leaders = options.filter(o => (o?.voteCount ?? 0) === max);
+    return leaders.length >= 2 ? leaders : [];
+  };
   (0, _react.useEffect)(() => {
     _VCEventManager.default.addSubscriptions(socketEventHandler, _VCEventType.VCEventType.CHAT_MESSAGE, _VCEventType.VCEventType.SYSTEM_EVENT);
     return () => {
@@ -89,7 +99,6 @@ const PollContainer = props => {
     socketEventHandler.api = socketEventHandlerApi();
   });
   (0, _react.useEffect)(() => {
-    console.log('___ POLL: ', props.poll);
     if (props.poll) {
       const renderedPoll = props.poll;
       setPoll(renderedPoll);
@@ -118,6 +127,7 @@ const PollContainer = props => {
             label: option.text
           }));
         });
+        setTieOptions(tieForFirst(renderedPoll.options));
       }
       setPollOptions(pollOptionRows);
     }
@@ -206,7 +216,47 @@ const PollContainer = props => {
     style: {
       color: '#945c33'
     }
-  }, "You have voted ", props.poll.options.find(o => o.id === poll.selectedOption)?.text))) : /*#__PURE__*/_react.default.createElement("div", {
+  }, "You have voted ", props.poll.options.find(o => o.id === poll.selectedOption)?.text)), props.isHost && tieOptions.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "poll-choices",
+    style: {
+      marginTop: '8px'
+    }
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      color: '#945c33',
+      borderTop: '1px solid #e1e1e1',
+      display: 'inline-block',
+      paddingTop: '8px',
+      width: '100%'
+    }
+  }, "Tie breaker"), /*#__PURE__*/_react.default.createElement(_FormControl.default, {
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_RadioGroup.default, {
+    className: "poll-choice-radio-group",
+    value: tieBreakerVote ? tieBreakerVote : poll.tieBreakerOption ? poll.tieBreakerOption : '',
+    onChange: e => {
+      setTieBreakerVote(e.target.value);
+    }
+  }, pollOptions))), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    className: "vote-button",
+    variant: "outlined",
+    onClick: () => {
+      const hasVoted = poll.tieBreakerOption;
+      poll.tieBreakerOption = tieBreakerVote ? tieBreakerVote : '';
+      props.submitPollVoteHandler(poll);
+      if (!hasVoted) {
+        _SocketManager.default.emitEvent(_VCEventType.VCEventType.SYSTEM_EVENT, {
+          systemEventType: 'TIE_BREAKER_POLL_VOTE',
+          recipients: props.pollParticipantIDs,
+          data: {
+            pollId: poll.id
+          }
+        }).catch(() => {});
+      }
+    }
+  }, "Submit tie breaker Vote"))) : /*#__PURE__*/_react.default.createElement("div", {
     className: "poll-footer"
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {

package/dist/components/signatures/ResponsiveTable.css

@@ -1,91 +1,91 @@
-.table thead th {
-}
-
-table.responsive-table {
-    display: table;
-    /* required for table-layout to be used (not normally necessary; included for completeness) */
-    table-layout: fixed;
-    /* this keeps your columns with fixed with exactly the right width */
-    width: 100% !important;
-    /* table must have width set for fixed layout to work as expected */
-    height: 100%;
-}
-
-table.responsive-table thead {
-        position: fixed;
-        top: 50px;
-        left: 0;
-        right: 0;
-        width: 100%;
-        min-height: 50px;
-        line-height: 3em;
-        background: #eee;
-        table-layout: fixed;
-        display: table;
-    }
-
-    table.responsive-table th {
-        background: #eee;
-    }
-
-    table.responsive-table td {
-        line-height: 2em;
-    }
-
-    table.responsive-table tr > td,
-    table.responsive-table th {
-        text-align: left;
-    }
-
-.table td, .table th {
-    white-space: nowrap;
-    overflow: hidden !important;
-    text-overflow: ellipsis;
-    min-width: 0 !important;
-    border-bottom: 1px solid rgba(224, 224, 224, 1) !important;
-    border-top: none !important;
-}
-
-.selectCell {
-    white-space: normal !important;
-    text-overflow: unset !important;
-}
-
-.selectCell span{
-    padding: 0 !important;
-}
-
-.table td {
-    padding: 6px 24px 6px 16px;
-    border-top: none !important;
-    display: table-cell;
-    font-size: 0.875rem;
-    text-align: left;
-    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
-    font-weight: 400;
-    line-height: 1.43;
-    border-bottom: 1px solid rgba(224, 224, 224, 1);
-    letter-spacing: 0.01071em;
-    vertical-align: inherit
-}
-
-.table th {
-    color: rgba(0, 0, 0, 0.54);
-    font-size: 0.75rem;
-    font-weight: 500;
-    line-height: 1.3125rem;
-}
-
-.table {
-    table-layout: fixed;
-}
-
-    .table-scrollbar {
-    position: relative;
-    overflow: auto;
-}
-
-@media screen and (max-width: 40em) {
- 
-  
-}
+.table thead th {
+}
+
+table.responsive-table {
+    display: table;
+    /* required for table-layout to be used (not normally necessary; included for completeness) */
+    table-layout: fixed;
+    /* this keeps your columns with fixed with exactly the right width */
+    width: 100% !important;
+    /* table must have width set for fixed layout to work as expected */
+    height: 100%;
+}
+
+table.responsive-table thead {
+        position: fixed;
+        top: 50px;
+        left: 0;
+        right: 0;
+        width: 100%;
+        min-height: 50px;
+        line-height: 3em;
+        background: #eee;
+        table-layout: fixed;
+        display: table;
+    }
+
+    table.responsive-table th {
+        background: #eee;
+    }
+
+    table.responsive-table td {
+        line-height: 2em;
+    }
+
+    table.responsive-table tr > td,
+    table.responsive-table th {
+        text-align: left;
+    }
+
+.table td, .table th {
+    white-space: nowrap;
+    overflow: hidden !important;
+    text-overflow: ellipsis;
+    min-width: 0 !important;
+    border-bottom: 1px solid rgba(224, 224, 224, 1) !important;
+    border-top: none !important;
+}
+
+.selectCell {
+    white-space: normal !important;
+    text-overflow: unset !important;
+}
+
+.selectCell span{
+    padding: 0 !important;
+}
+
+.table td {
+    padding: 6px 24px 6px 16px;
+    border-top: none !important;
+    display: table-cell;
+    font-size: 0.875rem;
+    text-align: left;
+    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
+    font-weight: 400;
+    line-height: 1.43;
+    border-bottom: 1px solid rgba(224, 224, 224, 1);
+    letter-spacing: 0.01071em;
+    vertical-align: inherit
+}
+
+.table th {
+    color: rgba(0, 0, 0, 0.54);
+    font-size: 0.75rem;
+    font-weight: 500;
+    line-height: 1.3125rem;
+}
+
+.table {
+    table-layout: fixed;
+}
+
+    .table-scrollbar {
+    position: relative;
+    overflow: auto;
+}
+
+@media screen and (max-width: 40em) {
+ 
+  
+}

package/dist/components/signatures/widgets.css

@@ -1,126 +1,126 @@
-@media all and (min-width: 480px) {
-    .btn-primary {
-        border-color: transparent;
-    }
-
-    #menubar-scroll::-webkit-scrollbar-track {
-        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-        background-color: #F5F5F5;
-    }
-
-    #menubar-scroll::-webkit-scrollbar {
-        width: 6px !important;
-        background-color: #F5F5F5;
-    }
-
-    #menubar-scroll::-webkit-scrollbar-thumb {
-        background-color: #939393 !important;
-    }
-
-    .menu-table button {
-        height: 96px;
-        width: 100%;
-        border-radius: 0 !important;
-        text-decoration:none;
-    }
-
-    .menu-table .toolStripButtonSelected {
-        text-decoration: none;
-    }
-
-    .menu-table .btn-primary:focus {
-        box-shadow: none;
-        text-decoration: none;
-    }
-    .footer {
-        font-size: 14px;
-        text-align: center;
-        color: white;
-        height: 10vh;
-        padding-top: 8px;
-    }
-
-    .react-pdf__Page__canvas{
-        width: 100% !important;
-    }
-
-    .header {
-        background-clip:border-box;
-        border-bottom: 1px solid #e1e1e1;
-    }
-
-    .header shadow {
-        /**box-shadow: 0 0.15rem 1.75rem 0 rgba(40, 41, 55, 0.15) !important;**/
-    }
-
-        .header span {
-            /**color: #fff;**/
-    }
-
-    .header .form-inline .form-control {
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-        position: relative;
-        flex: 1 1 auto;
-        width: 1%;
-        margin-bottom: 0;
-        display: inline-block;
-        width: auto;
-        vertical-align: middle;
-        background-color: #f8f9fc !important;
-        border: 0 !important;
-    }
-
-    .btn-primary, .btn, .btn-primary:hover, .btn:hover, .btn-primary:focus, .btn:focus {
-        outline: none !important;
-        outline-offset: unset !important;
-        border-color: transparent !important;
-        box-shadow: none !important;
-        text-decoration: none;
-    }
-
-    .header .btn-primary {
-        display: block;
-        color: #fff;
-        border-radius: 0px;
-        /*box-shadow: 0px 4px 6px 2px rgba(0,0,0,0.2);*/
-        //background-color: #114084;
-        border-top: 1px solid rgba(255,255,255,0.5) !important;
-        margin-top: -5px;
-        text-decoration: none;
-    }
-
-    .header .btn {
-        font-weight: 400;
-        text-align: center;
-        vertical-align: middle;
-        -ms-user-select: none;
-        user-select: none;
-        border: 1px solid transparent;
-        padding: 0.375rem 0.75rem;
-        font-size: 1rem;
-        line-height: 2;
-        width: 100%;
-        text-align:left;
-        text-decoration:none;
-        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-    }
-    .border {
-        border: 0px solid #dee2e6 !important;
-    }
-
-    .header .dropdown-toggle::after {
-        display: inline-block;
-        margin-left: .255em;
-        vertical-align: .255em;
-        content: none !important;
-        border-top: .3em solid;
-        border-right: .3em solid transparent;
-        border-bottom: 0;
-        border-left: .3em solid transparent;
-    }
-
-    .search .card-body{
-       height: 60vh !important;  
-    }
-}
+@media all and (min-width: 480px) {
+    .btn-primary {
+        border-color: transparent;
+    }
+
+    #menubar-scroll::-webkit-scrollbar-track {
+        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+        background-color: #F5F5F5;
+    }
+
+    #menubar-scroll::-webkit-scrollbar {
+        width: 6px !important;
+        background-color: #F5F5F5;
+    }
+
+    #menubar-scroll::-webkit-scrollbar-thumb {
+        background-color: #939393 !important;
+    }
+
+    .menu-table button {
+        height: 96px;
+        width: 100%;
+        border-radius: 0 !important;
+        text-decoration:none;
+    }
+
+    .menu-table .toolStripButtonSelected {
+        text-decoration: none;
+    }
+
+    .menu-table .btn-primary:focus {
+        box-shadow: none;
+        text-decoration: none;
+    }
+    .footer {
+        font-size: 14px;
+        text-align: center;
+        color: white;
+        height: 10vh;
+        padding-top: 8px;
+    }
+
+    .react-pdf__Page__canvas{
+        width: 100% !important;
+    }
+
+    .header {
+        background-clip:border-box;
+        border-bottom: 1px solid #e1e1e1;
+    }
+
+    .header shadow {
+        /**box-shadow: 0 0.15rem 1.75rem 0 rgba(40, 41, 55, 0.15) !important;**/
+    }
+
+        .header span {
+            /**color: #fff;**/
+    }
+
+    .header .form-inline .form-control {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+        position: relative;
+        flex: 1 1 auto;
+        width: 1%;
+        margin-bottom: 0;
+        display: inline-block;
+        width: auto;
+        vertical-align: middle;
+        background-color: #f8f9fc !important;
+        border: 0 !important;
+    }
+
+    .btn-primary, .btn, .btn-primary:hover, .btn:hover, .btn-primary:focus, .btn:focus {
+        outline: none !important;
+        outline-offset: unset !important;
+        border-color: transparent !important;
+        box-shadow: none !important;
+        text-decoration: none;
+    }
+
+    .header .btn-primary {
+        display: block;
+        color: #fff;
+        border-radius: 0px;
+        /*box-shadow: 0px 4px 6px 2px rgba(0,0,0,0.2);*/
+        //background-color: #114084;
+        border-top: 1px solid rgba(255,255,255,0.5) !important;
+        margin-top: -5px;
+        text-decoration: none;
+    }
+
+    .header .btn {
+        font-weight: 400;
+        text-align: center;
+        vertical-align: middle;
+        -ms-user-select: none;
+        user-select: none;
+        border: 1px solid transparent;
+        padding: 0.375rem 0.75rem;
+        font-size: 1rem;
+        line-height: 2;
+        width: 100%;
+        text-align:left;
+        text-decoration:none;
+        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+    }
+    .border {
+        border: 0px solid #dee2e6 !important;
+    }
+
+    .header .dropdown-toggle::after {
+        display: inline-block;
+        margin-left: .255em;
+        vertical-align: .255em;
+        content: none !important;
+        border-top: .3em solid;
+        border-right: .3em solid transparent;
+        border-bottom: 0;
+        border-left: .3em solid transparent;
+    }
+
+    .search .card-body{
+       height: 60vh !important;  
+    }
+}

package/dist/event/RouteActionHandler.js

@@ -37,7 +37,7 @@ class RouteActionHandler {
     if (!_Utils.default.isNull(actionConfig.pathEvaluator)) {
       path = _DynamicJS.default.executeScriptObject(currentViewId + 'ViewEvaluator_' + event?.source.id, actionConfig.pathEvaluator);
     } else {
-      path = _ApplicationManager.default.isExpression(actionConfig.path) ? _ApplicationManager.default.resolveExpressionValue(actionConfig.path, event?.data) : actionConfig.path;
+      path = actionConfig.path !== '@#{history.back}' && _ApplicationManager.default.isExpression(actionConfig.path) ? _ApplicationManager.default.resolveExpressionValue(actionConfig.path, event?.data) : actionConfig.path;
       if ('@#{history.back}' === path || '$history.back' === path) {
         let historyElement = _ApplicationManager.default.getPreviousHistoryElement(isWindow ? 'window' : 'main');
         if (historyElement === null) {

package/dist/js/Calendar.js

@@ -152,6 +152,7 @@ class Calendar {
       description: event.extendedProps.description,
       status: event.extendedProps.status,
       host: event.extendedProps.host,
+      chairPersonId: event.chairPersonId ? event.chairPersonId : event.extendedProps.host.id,
       attendees: event.extendedProps.attendees,
       privacyType: event.extendedProps.privacyType,
       documents: event.extendedProps.documents,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agilemotion/oui-react-js",
-  "version": "1.8.39",
+  "version": "1.8.41",
   "description": "AgileMotion React UI Component Library - A comprehensive collection of dashboard components, forms, media controls, and more",
   "license": "ISC",
   "author": "",
@@ -36,10 +36,6 @@
     "**/*.css",
     "**/*.scss"
   ],
-  "peerDependencies": {
-    "react": ">=17",
-    "react-dom": ">=17"
-  },
   "dependencies": {
     "@blaumaus/react-alert": "^7.0.7",
     "@date-io/date-fns": "^1.3.13",
@@ -96,10 +92,11 @@
     "perfect-scrollbar": "^1.5.0",
     "process": "^0.11.10",
     "prop-types": "^15.7.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-bootstrap": "^1.5.2",
     "react-bootstrap-switch": "^15.5.3",
     "react-confirm-alert": "^3.0.6",
-    "react-dom": "^18.3.1",
     "react-draggable": "^4.4.6",
     "react-feather": "^2.0.10",
     "react-google-autocomplete": "^2.7.3",
@@ -180,4 +177,4 @@
     "eslint-plugin-flowtype": "3.13.0",
     "typescript": "3.8.3"
   }
-}
+}