@vitrosoftware/common-ui-ts 1.1.217 → 1.1.219

package/css/std/controls/alert/alert.css

@@ -22,6 +22,7 @@
     display: flex;
     flex-direction: column;
     gap: 12px;
+    width: 100%;
 }
 
 :global(#Timesheets) .vitro-alert {
@@ -41,6 +42,8 @@
 }
 
 .vitro-button-close {
+    margin-left: auto;
+    align-self: flex-start;
     cursor: pointer;
     width: 24px;
     height: 24px;
@@ -85,17 +88,6 @@
     margin: 0px;
 }
 
-.vitro-alert-action-list {
-    display: flex;
-    flex-grow: 0;
-    flex-shrink: 0;
-    flex-basis: auto;
-    align-items: center;
-    margin-right: 6px;
-    margin-left: 8px;
-    padding: 0px;
-}
-
 .vitro-position-center {
     top: 50%;
     left: 50%;
@@ -120,28 +112,6 @@
 .vitro-alert > ul:global(.errorList) > li a {
     text-decoration: underline;
 }
-
-.vitro-alert a:global(.link) {
-    text-decoration: underline;
-    white-space: pre-wrap;
-}
-
-.vitro-alert button:global(.btn) {
-    margin-left: 8px;
-    background: white;
-    color: #616365;
-    font-size: 13px;
-    padding: 0.1rem 16px;
-    border: 1px solid rgb(138, 136, 134);
-    font-weight: 600;
-    min-width: 80px;
-    border-radius: 2px;
-}
-
-.vitro-alert :global(.btn):active, 
-.vitro-alert :global(.btn):focus {
-  outline: none !important;
-}
 
 .vitro-alert > div :global(.header) {
     font-weight: 500;
@@ -153,19 +123,6 @@
     padding: 0.2rem;
 }
 
-.vitro-alert button:global(.btn.error) {
-    margin-left: 8px;
-    font-size: 13px;
-    font-weight: bold;
-    padding: 0.1rem 0.75rem;
-    border-radius: 0;
-}
-
-.vitro-alert :global(.btn.danger),
-.vitro-alert :global(.btn.warning) {
-    margin: 5px;
-}
-
 .vitro-alert :global(.alert-danger),
 .vitro-alert :global(.alert-success),
 .vitro-alert :global(.alert-warning) {
@@ -196,4 +153,9 @@
 
 .vitro-alert :global(.alert-warning) .vitro-icon {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/alert/img/warning.svg');
+}
+
+.vitro-content-container {
+    gap: 12px;
+    align-items: flex-start;
 }

package/css/std/controls/bim-viewer/bim-viewer-index.css

@@ -13181,6 +13181,10 @@ body {
 
 [class*="_lookup-picker-value-list"] {
     z-index: 89000005 !important;
+}
+
+[class^="_search_vitro-search"] {
+    width: 100% !important;
 }
 .toolbar {
     height: 50px;

package/css/std/controls/bim-viewer/style.css

@@ -57,4 +57,8 @@ body {
 
 [class*="_lookup-picker-value-list"] {
     z-index: 89000005 !important;
+}
+
+[class^="_search_vitro-search"] {
+    width: 100% !important;
 }

package/css/std/controls/dxf-viewer/common.css

@@ -21,4 +21,8 @@ body {
 .canvasContainer {
     height: calc(100% - 51px); /* 32 */
     position: relative;
+}
+
+[class^="_search_vitro-search"] {
+    width: 100% !important;
 }

package/css/std/controls/dxf-viewer/dxf-viewer-index.css

@@ -13048,6 +13048,10 @@ body {
 .canvasContainer {
     height: calc(100% - 51px); /* 32 */
     position: relative;
+}
+
+[class^="_search_vitro-search"] {
+    width: 100% !important;
 }
 .toolbar {
     height: 50px;

package/css/std/controls/pdf-viewer/custom.css

@@ -488,4 +488,8 @@ html[dir='ltr'] .toolbarButton#btnCompare::before,
 .vitro-issue-detail.ui-resizable {
     left: initial !important;
     right: 0 !important;
+}
+
+[class^="_search_vitro-search"] {
+    width: 100% !important;
 }

package/css/std/controls/pdf-viewer/pdf-viewer-index.css

@@ -6738,6 +6738,10 @@ html[dir='ltr'] .toolbarButton#btnCompare::before,
 .vitro-issue-detail.ui-resizable {
     left: initial !important;
     right: 0 !important;
+}
+
+[class^="_search_vitro-search"] {
+    width: 100% !important;
 }
 #sidebarContent {
     background-color: rgba(0, 0, 0, 0.1);

package/dist/index.css

@@ -6611,6 +6611,7 @@ div._component-loader_vitro-component-loader_3J3a2or {
     display: flex;
     flex-direction: column;
     gap: 12px;
+    width: 100%;
 }
 
 #Timesheets ._alert_vitro-alert_3sPAkJb {
@@ -6630,6 +6631,8 @@ div._component-loader_vitro-component-loader_3J3a2or {
 }
 
 ._alert_vitro-button-close_39K9cqW {
+    margin-left: auto;
+    align-self: flex-start;
     cursor: pointer;
     width: 24px;
     height: 24px;
@@ -6674,17 +6677,6 @@ div._component-loader_vitro-component-loader_3J3a2or {
     margin: 0px;
 }
 
-._alert_vitro-alert-action-list_2XzbaCO {
-    display: flex;
-    flex-grow: 0;
-    flex-shrink: 0;
-    flex-basis: auto;
-    align-items: center;
-    margin-right: 6px;
-    margin-left: 8px;
-    padding: 0px;
-}
-
 ._alert_vitro-position-center_1r_lK_e {
     top: 50%;
     left: 50%;
@@ -6709,28 +6701,6 @@ div._component-loader_vitro-component-loader_3J3a2or {
 ._alert_vitro-alert_3sPAkJb > ul.errorList > li a {
     text-decoration: underline;
 }
-
-._alert_vitro-alert_3sPAkJb a.link {
-    text-decoration: underline;
-    white-space: pre-wrap;
-}
-
-._alert_vitro-alert_3sPAkJb button.btn {
-    margin-left: 8px;
-    background: white;
-    color: #616365;
-    font-size: 13px;
-    padding: 0.1rem 16px;
-    border: 1px solid rgb(138, 136, 134);
-    font-weight: 600;
-    min-width: 80px;
-    border-radius: 2px;
-}
-
-._alert_vitro-alert_3sPAkJb .btn:active, 
-._alert_vitro-alert_3sPAkJb .btn:focus {
-  outline: none !important;
-}
 
 ._alert_vitro-alert_3sPAkJb > div .header {
     font-weight: 500;
@@ -6742,19 +6712,6 @@ div._component-loader_vitro-component-loader_3J3a2or {
     padding: 0.2rem;
 }
 
-._alert_vitro-alert_3sPAkJb button.btn.error {
-    margin-left: 8px;
-    font-size: 13px;
-    font-weight: bold;
-    padding: 0.1rem 0.75rem;
-    border-radius: 0;
-}
-
-._alert_vitro-alert_3sPAkJb .btn.danger,
-._alert_vitro-alert_3sPAkJb .btn.warning {
-    margin: 5px;
-}
-
 ._alert_vitro-alert_3sPAkJb .alert-danger,
 ._alert_vitro-alert_3sPAkJb .alert-success,
 ._alert_vitro-alert_3sPAkJb .alert-warning {
@@ -6785,6 +6742,11 @@ div._component-loader_vitro-component-loader_3J3a2or {
 
 ._alert_vitro-alert_3sPAkJb .alert-warning ._alert_vitro-icon_pK385gF {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/alert/img/warning.svg');
+}
+
+._alert_vitro-content-container_M2-akFp {
+    gap: 12px;
+    align-items: flex-start;
 }
 ._user-profile_vitro-user-profile_11XpBoQ span {
     margin-right: 10px;

package/dist/index.js

@@ -21482,6 +21482,9 @@ var ATTRIBUTE$1;
   ATTRIBUTE["FORMULA"] = "Formula";
   ATTRIBUTE["FORMAT"] = "Format";
   ATTRIBUTE["SPAN"] = "Span";
+  ATTRIBUTE["LANG"] = "Lang";
+  ATTRIBUTE["GMT"] = "GMT";
+  ATTRIBUTE["ACTIONS"] = "Actions";
 })(ATTRIBUTE$1 || (ATTRIBUTE$1 = {}));
 var DRAG_ITEM_TYPE;
 (function (DRAG_ITEM_TYPE) {
@@ -22281,6 +22284,72 @@ var TableViewServiceImpl = /*#__PURE__*/function () {
   return TableViewServiceImpl;
 }();
 
+var TableViewOnCustomAjaxServiceImpl = /*#__PURE__*/function () {
+  function TableViewOnCustomAjaxServiceImpl(ajaxService) {
+    this.id = EVENT$1.ON_CUSTOM_AJAX;
+    this.data = 'Data';
+    this.dataRequestUrl = '/api/tableViewRequest/' + this.data;
+    this.dataResultString = '<Grid><Body><B /></Body></Grid>';
+    this.getRequest = 'Get';
+    this.treeGrid = 'treegrid/';
+    this.api = '/api/';
+    this.cacheVersionParam = 'CacheVersion';
+    this.ajaxService = ajaxService;
+  }
+  var _proto = TableViewOnCustomAjaxServiceImpl.prototype;
+  _proto.process = function process(tableView, source, data, func) {
+    var success = function success(ret) {
+      return func(0, ret);
+    };
+    if (source.Url && source.Url.indexOf(this.dataRequestUrl) === 0) {
+      success(this.dataResultString);
+      return true;
+    }
+    var fail = function fail() {
+      return func(0, '<Grid><IO / > <Body><B Pos="0" Count = "0" /> </Body></Grid>');
+    };
+    var url = source.Url;
+    if (url.indexOf(this.api) !== 0) {
+      url = this.getTreeGridFileUrl(tableView[this.cacheVersionParam], source);
+    }
+    if (source.Method === this.getRequest) {
+      this.ajaxService.get(url, tableView.scope).then(success)["catch"](fail);
+    } else {
+      var formData = new FormData();
+      formData.set(this.data, data);
+      this.ajaxService.post(url, formData, tableView.scope).then(success)["catch"](fail);
+    }
+    return true;
+  };
+  _proto.getTreeGridFileUrl = function getTreeGridFileUrl(cacheVersion, source) {
+    var url = source.Url;
+    if (url[0] !== CTRL.SLASH) {
+      if (url.indexOf(this.treeGrid) !== 0) {
+        url = this.treeGrid + source.Url;
+      }
+      url = CTRL.SLASH + url;
+    }
+    if (url.indexOf(CTRL.QUESTION) === -1) {
+      url += CTRL.QUESTION + this.cacheVersionParam + CTRL.EQUAL + cacheVersion;
+    }
+    return url;
+  };
+  return TableViewOnCustomAjaxServiceImpl;
+}();
+
+var SERVICE = function SERVICE() {};
+SERVICE.LOCALE = 'LocaleService';
+SERVICE.LOCAL_STORAGE = 'LocalStorageService';
+SERVICE.COLUMN = 'ColumnService';
+SERVICE.GUID = 'GuidService';
+SERVICE.EVENT = 'EventService';
+SERVICE.IMAGE = 'ImageService';
+SERVICE.ITEM = 'ItemService';
+SERVICE.CONTENT_TYPE = 'ContentTypeService';
+SERVICE.LOOKUP_LIST_ITEM = 'LookupListItemService';
+SERVICE.ITEM_SELECT_DIALOG = 'ItemSelectDialogService';
+SERVICE.AJAX = 'AjaxService';
+
 var styles$5 = {"vitro-table-view":"_table-view_vitro-table-view_1tTs32D"};
 
 var w$2 = window;
@@ -22352,6 +22421,22 @@ var TreeGrid = function TreeGrid(props) {
       return [URL.API, controller, dataKey, props.listCode].join(CTRL.SLASH);
     }
   };
+  var initOnCustomAjax = function initOnCustomAjax() {
+    if (props.onCustomAjax) {
+      var onCustomAjax = props.onCustomAjax;
+      w$2.TGSetEvent(EVENT$1.ON_CUSTOM_AJAX, props.id, function (grid, source, data, func) {
+        return onCustomAjax(grid, source, data, func);
+      });
+    } else if (props.container) {
+      var ajaxService = props.container.get(SERVICE.AJAX);
+      if (ajaxService) {
+        var tableViewOnCustomAjaxService = new TableViewOnCustomAjaxServiceImpl(ajaxService);
+        w$2.TGSetEvent(EVENT$1.ON_CUSTOM_AJAX, props.id, function (grid, source, data, func) {
+          return tableViewOnCustomAjaxService.process(grid, source, data, func);
+        });
+      }
+    }
+  };
   React.useEffect(function () {
     if (prevGridIdRef.current) {
       disposeTableViewById(prevGridIdRef.current);
@@ -22361,15 +22446,10 @@ var TreeGrid = function TreeGrid(props) {
       w$2.TGSetEvent(EVENT$1.ON_LOADED, props.id, function (grid, next) {
         return onGridLoaded(grid, next);
       });
-      w$2.TGSetEvent(EVENT$1.ON_INIT, props.id, function (grid, reload) {
+      w$2.TGSetEvent(EVENT$1.ON_INIT, props.id, function (grid) {
         return onGridInit(grid);
       });
-      if (props.onCustomAjax) {
-        var onCustomAjax = props.onCustomAjax;
-        w$2.TGSetEvent(EVENT$1.ON_CUSTOM_AJAX, props.id, function (grid, source, data, func) {
-          return onCustomAjax(grid, source, data, func);
-        });
-      }
+      initOnCustomAjax();
     }
     if (w$2.TreeGrid) {
       if (props.layout || props.data) {
@@ -23021,18 +23101,6 @@ var DropZone = React.forwardRef(function (props, ref) {
   }, props.label)));
 });
 
-var SERVICE = function SERVICE() {};
-SERVICE.LOCALE = 'LocaleService';
-SERVICE.LOCAL_STORAGE = 'LocalStorageService';
-SERVICE.COLUMN = 'ColumnService';
-SERVICE.GUID = 'GuidService';
-SERVICE.EVENT = 'EventService';
-SERVICE.IMAGE = 'ImageService';
-SERVICE.ITEM = 'ItemService';
-SERVICE.CONTENT_TYPE = 'ContentTypeService';
-SERVICE.LOOKUP_LIST_ITEM = 'LookupListItemService';
-SERVICE.ITEM_SELECT_DIALOG = 'ItemSelectDialogService';
-
 var styles$a = {"vitro-uploader":"_uploader_vitro-uploader_237vX7T","vitro-upload-container":"_uploader_vitro-upload-container_2ASGHSS","vitro-drop-zone":"_uploader_vitro-drop-zone_3w2dluc","vitro-progress-info":"_uploader_vitro-progress-info_J4BRjZ0","vitro-button-close":"_uploader_vitro-button-close_30As0AM","vitro-button-show":"_uploader_vitro-button-show_uUmWVJc","vitro-button-hide":"_uploader_vitro-button-hide_LYS1px9","vitro-hidden":"_uploader_vitro-hidden_12825pc","vitro-progress":"_uploader_vitro-progress_2NtaSj2","vitro-progress-bar":"_uploader_vitro-progress-bar_3YXLbbu"};
 
 var $$2 = window.$;
@@ -56683,35 +56751,6 @@ var BootstrapAlert = Object.assign(Alert, {
   Heading: AlertHeading
 });
 
-const Button$1 = /*#__PURE__*/React.forwardRef(({
-  as,
-  bsPrefix,
-  variant = 'primary',
-  size,
-  active = false,
-  disabled = false,
-  className,
-  ...props
-}, ref) => {
-  const prefix = useBootstrapPrefix(bsPrefix, 'btn');
-  const [buttonProps, {
-    tagName
-  }] = useButtonProps({
-    tagName: as,
-    disabled,
-    ...props
-  });
-  const Component = tagName;
-  return /*#__PURE__*/jsxRuntime.jsx(Component, {
-    ...buttonProps,
-    ...props,
-    ref: ref,
-    disabled: disabled,
-    className: classnames(className, prefix, active && 'active', variant && `${prefix}-${variant}`, size && `${prefix}-${size}`, props.href && disabled && 'disabled')
-  });
-});
-Button$1.displayName = 'Button';
-
 const context = /*#__PURE__*/React.createContext(null);
 context.displayName = 'CardHeaderContext';
 
@@ -60281,7 +60320,7 @@ var styles$h = {"vitro-button":"_button_vitro-button_hVfBuSO","vitro-animation-r
 
 var HTML_ELEMENT_SPAN = 'span';
 var TYPE_BUTTON = 'button';
-var Button$2 = React.forwardRef(function (props, ref) {
+var Button$1 = React.forwardRef(function (props, ref) {
   var _useState = React.useState(false),
     pending = _useState[0],
     setPending = _useState[1];
@@ -60360,7 +60399,7 @@ var Button$2 = React.forwardRef(function (props, ref) {
 });
 
 var ButtonCancel = function ButtonCancel(props) {
-  return React__default.createElement(Button$2, Object.assign({}, props, {
+  return React__default.createElement(Button$1, Object.assign({}, props, {
     className: STYLE.OUTLINE_LIGHT + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }));
 };
@@ -60372,7 +60411,7 @@ var ButtonGroup = React.forwardRef(function (props, ref) {
     ref: ref,
     className: styles$i['vitro-button-group'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, props.itemList && props.itemList.length > 0 ? props.itemList.map(function (item, index) {
-    return React__default.createElement(Button$2, Object.assign({}, item, {
+    return React__default.createElement(Button$1, Object.assign({}, item, {
       key: index
     }));
   }) : null, props.children);
@@ -60448,7 +60487,7 @@ var DialogFooter = function DialogFooter(props) {
     onClick: props.onClose,
     className: styles$k['vitro-button']
   }), (_props$buttonList2 = props.buttonList) !== null && _props$buttonList2 !== void 0 && _props$buttonList2.length ? props.buttonList.map(function (button) {
-    return React__default.createElement(Button$2, Object.assign({}, button, {
+    return React__default.createElement(Button$1, Object.assign({}, button, {
       onClick: function onClick() {
         var _button$onClick;
         return (_button$onClick = button.onClick) === null || _button$onClick === void 0 ? void 0 : _button$onClick.call(button, props.dialog);
@@ -61646,7 +61685,8 @@ var GroupControl = function GroupControl(props) {
     horizontal: true
   }, React__default.createElement(ScrollBar, {
     contentClassName: styles$u['vitro-content'],
-    contentRef: scrollbarContentRef
+    contentRef: scrollbarContentRef,
+    key: props.key
   }, props.componentList && props.componentList.map(function (viewPart) {
     return React__default.createElement(ViewPart, {
       component: viewPart.component,
@@ -61663,14 +61703,15 @@ var View = React.forwardRef(function (props, ref) {
     tabList = _useState[0],
     setTabList = _useState[1];
   var createTabList = function createTabList(tabList) {
-    return tabList.map(function (tab) {
+    return tabList.map(function (tab, index) {
       return _extends({}, tab, {
         text: tab.text,
         content: {
           component: GroupControl,
           props: {
             item: props.item,
-            componentList: tab.componentList
+            componentList: tab.componentList,
+            key: index
           }
         }
       });
@@ -61811,7 +61852,7 @@ var TabButtonGroup = function TabButtonGroup(props) {
     return ((_tabList$index = tabList[index]) === null || _tabList$index === void 0 ? void 0 : _tabList$index.id) == activeItem;
   };
   var getTabButton = function getTabButton(item, index) {
-    return React__default.createElement(Button$2, {
+    return React__default.createElement(Button$1, {
       key: item.id,
       className: isTabButtonActive(index) ? styles$v[CSS_CLASS_ACTIVE] : CTRL.EMPTY,
       text: item.text,
@@ -61842,7 +61883,7 @@ var TabButtonGroup = function TabButtonGroup(props) {
     }
     overflowTabList.push(item);
     return null;
-  }), activeItemTabBtn && React__default.createElement(Button$2, {
+  }), activeItemTabBtn && React__default.createElement(Button$1, {
     key: activeItemTabBtn.id,
     className: styles$v[CSS_CLASS_ACTIVE],
     text: activeItemTabBtn.text,
@@ -62864,7 +62905,7 @@ var AddFieldButton = React.forwardRef(function (props, ref) {
   };
   return React__default.createElement("div", {
     className: styles$H['vitro-add-field']
-  }, React__default.createElement(Button$2, {
+  }, React__default.createElement(Button$1, {
     ref: addFieldButtonRef,
     text: props.labelAddField,
     onClick: props.onAddField,
@@ -63543,7 +63584,7 @@ var ValueList = function ValueList(props) {
     className: valueListStyles['vitro-placeholder-empty']
   }, props.emptyPlaceholder))), props.button && React__default.createElement(FlexBox, {
     className: valueListStyles['vitro-flex']
-  }, React__default.createElement(Button$2, Object.assign({}, props.button, {
+  }, React__default.createElement(Button$1, Object.assign({}, props.button, {
     className: valueListStyles['vitro-button']
   })))));
 };
@@ -64119,7 +64160,7 @@ var BaseLookupPicker = function BaseLookupPicker(props) {
       var _exit = false;
       var _temp2 = function () {
         if (data.list) {
-          return Promise.resolve(itemSelectDialogService.show(data.list, undefined, isMultiSelect, undefined, {
+          return Promise.resolve(itemSelectDialogService.show(data.list, undefined, isMultiSelect, undefined, false, {
             isShowSelection: isMultiSelect
           })).then(function (itemIdList) {
             if (itemIdList && itemIdList.length) {
@@ -66376,7 +66417,7 @@ var SortFilter = function SortFilter(props) {
     isClearChangedFieldValueMap: true
   }) : CTRL.EMPTY, React__default.createElement("div", {
     className: CSS_CLASS_ADD_FIELD
-  }, React__default.createElement(Button$2, {
+  }, React__default.createElement(Button$1, {
     ref: addFieldButtonRef,
     text: props.labelAddField,
     onClick: onAddSortField,
@@ -66532,7 +66573,7 @@ var SearchDialog = function SearchDialog(props) {
   }, React__default.createElement(ButtonCancel, {
     text: getSearchLabel(ACTION$2.CANCEL),
     onClick: props.onCancel
-  }), React__default.createElement(Button$2, {
+  }), React__default.createElement(Button$1, {
     text: getSearchLabel(ACTION$2.SEARCH),
     onClick: props.onSearch,
     className: STYLE.PRIMARY
@@ -67059,7 +67100,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.217";
+var version$1 = "1.1.219";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -67361,7 +67402,7 @@ var styles$12 = {"vitro-submit-button":"_login-submit-button_vitro-submit-button
 
 var LoginSubmitButton = function LoginSubmitButton(props) {
   var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
-  return React__default.createElement(Button$2, {
+  return React__default.createElement(Button$1, {
     className: STYLE.PRIMARY + CTRL.SPACE + styles$12['vitro-submit-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
     text: localeService.create(LOCALE$9.ACTION_LOGIN),
     onClick: props.onClick,
@@ -67528,7 +67569,7 @@ var LoginForm = React.forwardRef(function (props, ref) {
   }, localeService.create(LOCALE$9.LOGIN_FORM_SEPARATOR_TEXT)), React__default.createElement("div", {
     className: styles$14['vitro-button-list']
   }, props.buttonList.map(function (button) {
-    return React__default.createElement(Button$2, Object.assign({}, button, {
+    return React__default.createElement(Button$1, Object.assign({}, button, {
       className: styles$14['vitro-button']
     }));
   }))) : React__default.createElement(React__default.Fragment, null), props.onRegister && React__default.createElement(Link, {
@@ -67723,7 +67764,7 @@ var CommandMenu = React.forwardRef(function (props, ref) {
 var styles$19 = {"vitro-command-menu-button":"_command-menu-button_vitro-command-menu-button_2IiXVbP","vitro-image":"_command-menu-button_vitro-image_27yILgG"};
 
 var CommandMenuButton = function CommandMenuButton(props) {
-  return React__default.createElement("li", null, React__default.createElement(Button$2, Object.assign({}, props, {
+  return React__default.createElement("li", null, React__default.createElement(Button$1, Object.assign({}, props, {
     className: styles$19['vitro-command-menu-button'] + CTRL.SPACE + (props.className ? props.className : STYLE.LIGHT)
   })));
 };
@@ -68466,7 +68507,7 @@ var AlertConstants = {
     get TYPE () { return TYPE$2; }
 };
 
-var styles$1h = {"vitro-alert":"_alert_vitro-alert_3sPAkJb","vitro-position-absolute":"_alert_vitro-position-absolute_2A33Lq4","vitro-alert-content":"_alert_vitro-alert-content_10fW1n4","vitro-button-close":"_alert_vitro-button-close_39K9cqW","vitro-icon":"_alert_vitro-icon_pK385gF","vitro-text":"_alert_vitro-text_37Erxqj","vitro-alert-action-list":"_alert_vitro-alert-action-list_2XzbaCO","vitro-position-center":"_alert_vitro-position-center_1r_lK_e"};
+var styles$1h = {"vitro-alert":"_alert_vitro-alert_3sPAkJb","vitro-position-absolute":"_alert_vitro-position-absolute_2A33Lq4","vitro-alert-content":"_alert_vitro-alert-content_10fW1n4","vitro-button-close":"_alert_vitro-button-close_39K9cqW","vitro-icon":"_alert_vitro-icon_pK385gF","vitro-text":"_alert_vitro-text_37Erxqj","vitro-position-center":"_alert_vitro-position-center_1r_lK_e","vitro-content-container":"_alert_vitro-content-container_M2-akFp"};
 
 var TYPE_DANGER = 'danger';
 var Alert$1 = function Alert(props) {
@@ -68476,12 +68517,6 @@ var Alert$1 = function Alert(props) {
       ref.current.focus();
     }
   }, [props]);
-  var actionOnClick = function actionOnClick(action) {
-    if (action) {
-      action();
-    }
-    props.setMessage(null);
-  };
   var onClose = function onClose() {
     if (props.onClose) {
       props.onClose();
@@ -68498,16 +68533,6 @@ var Alert$1 = function Alert(props) {
       }, 100);
     }
   };
-  var actionList = props.actionList && React__default.createElement("div", {
-    className: styles$1h['vitro-alert-action-list']
-  }, props.actionList.map(function (a) {
-    return React__default.createElement(Button$1, {
-      key: a.text,
-      onClick: function onClick() {
-        return actionOnClick(a.onClick);
-      }
-    }, a.text);
-  }));
   var className = [styles$1h['vitro-alert'], props.isPositionCenter ? styles$1h['vitro-position-center'] : CTRL.EMPTY, props.isPositionAbsolute ? styles$1h['vitro-position-absolute'] : CTRL.EMPTY, props.className || CTRL.EMPTY].join(CTRL.SPACE);
   return React__default.createElement("div", {
     tabIndex: 1,
@@ -68521,12 +68546,15 @@ var Alert$1 = function Alert(props) {
     className: styles$1h['vitro-alert-content']
   }, React__default.createElement("div", {
     className: styles$1h['vitro-icon']
-  }), React__default.createElement("div", {
+  }), React__default.createElement(FlexBox, {
+    className: styles$1h['vitro-content-container'],
+    isColumn: true
+  }, React__default.createElement("div", {
     className: styles$1h['vitro-text']
-  }, props.title && React__default.createElement("strong", null, props.title), props.text, !props.text && props.children), !props.isMultiline && actionList, props.isDismissible && React__default.createElement("div", {
+  }, props.title && React__default.createElement("strong", null, props.title), props.text, !props.text && props.children), props.children), props.isDismissible && React__default.createElement("div", {
     className: styles$1h['vitro-button-close'],
     onClick: onClose
-  })), props.text && props.children, props.isMultiline && actionList));
+  }))));
 };
 
 var styles$1i = {"vitro-user-profile":"_user-profile_vitro-user-profile_11XpBoQ","vitro-dropdown-item":"_user-profile_vitro-dropdown-item_dSErsta","vitro-avatar":"_user-profile_vitro-avatar_3SzDPAi"};
@@ -86130,7 +86158,7 @@ var SlideUpButton = function SlideUpButton(props) {
       props.onClick(e);
     }
   };
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(Button$2, {
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(Button$1, {
     onClick: onClick,
     text: CTRL.EMPTY,
     imageUrl: props.imageUrl,
@@ -86168,7 +86196,7 @@ exports.BUTTON = ButtonConstants;
 exports.BimViewer = BimViewer;
 exports.BottomAlignControlGroup = BottomAlignControlGroup;
 exports.Breadcrumbs = Breadcrumbs;
-exports.Button = Button$2;
+exports.Button = Button$1;
 exports.ButtonCancel = ButtonCancel;
 exports.ButtonGroup = ButtonGroup;
 exports.CONTROL = CONTROL;