@vitrosoftware/common-ui-ts 1.1.48 → 1.1.50

package/css/std/controls/action-handler/action-handler-info.css

@@ -12,10 +12,6 @@
     margin-left: 32px;
 }
 
-.vitro-item-container {
-    margin-top: 16px;
-}
-
 .vitro-item {
     display: flex;
     margin-bottom: 4px;

package/css/std/controls/table-view/treegrid.css

@@ -136,7 +136,8 @@
     background-color: #DCEEFF !important;
 }
 
-.TWMenuMain {
+.TWCellMenuMain,
+.TWFilterMenuMain {
     width: 241px !important;
     margin-top: 24px !important;
     margin-left: -34px;
@@ -145,7 +146,8 @@
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
 }
 
-.TWMenuMain::before {
+.TWCellMenuMain::before,
+.TWFilterMenuMain::before {
     content: '';
     display: block;
     height: 11px;
@@ -160,7 +162,8 @@
     background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31554 1.65838L0.382812 11H15.6249L9.69214 1.65838C8.90651 0.421336 7.10117 0.421335 6.31554 1.65838Z' fill='white'/%3E%3C/svg%3E%0A");
 }
 
-.TWMenuOuter {
+.TWCellMenuMain .TWMenuOuter,
+.TWFilterMenuMain .TWMenuOuter {
     padding: 0;
     margin: 0;
     border-radius: 4px !important;
@@ -168,36 +171,45 @@
     min-width: 241px !important;
 }
 
-.TWMenuBody {
+.TWCellMenuMain .TWMenuBody,
+.TWFilterMenuMain .TWMenuBody {
     margin: 0 !important;
     width: 100%;
 }
 
-.TWMenuBody {
+.TWCellMenuMain .TWMenuBody,
+.TWFilterMenuMain .TWMenuBody {
     cursor: default;
     margin: 0px 1px 0px 1px;
 }
 
-.TWMenuFocus, .TWMenuHover {
+.TWCellMenuMain .TWMenuFocus,
+.TWCellMenuMain .TWMenuHover,
+.TWFilterMenuMain .TWMenuHover,
+.TWFilterMenuMain .TWMenuHover {
     background: #F3F8FF !important;
 }
 
-.TWMenuItem {
+.TWCellMenuMain .TWMenuItem,
+.TWFilterMenuMain .TWMenuItem {
     margin: 0 !important;
     padding: 8px 0 !important;
 }
 
-.TWMenuItemText {
+.TWCellMenuMain .TWMenuItemText,
+.TWFilterMenuMain .TWMenuItemText {
     line-height: 150%;
     padding-left: 12px;
     white-space: normal;
 }
 
-div.TWMenuItemText {
+.TWCellMenuMain div.TWMenuItemText,
+.TWFilterMenuMain div.TWMenuItemText {
     margin-left: 32px;
 }
 
-.TWMenuItemIcon {
+.TWCellMenuMain .TWMenuItemIcon,
+.TWFilterMenuMain .TWMenuItemIcon {
     height: 20px;
     width: 32px;
     background-size: 20px;
@@ -418,14 +430,6 @@ div.TWMenuItemText {
     font-size: 10pt;
 }
 
-.TWMessage .TWMessageButtons {
-    display: flex;
-    width: 100%;
-    padding: 0;
-    justify-content: flex-end;
-    margin: 0;
-}
-
 .TWMessage .vitro-icon-before {
     /* ico-question.svg URL-encoder for SVG */
     background-image: url("data:image/svg+xml,%3Csvg width='49' height='49' viewBox='0 0 49 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.1631 44.1426C35.2088 44.1426 44.1631 35.1883 44.1631 24.1426C44.1631 13.0969 35.2088 4.14258 24.1631 4.14258C13.1174 4.14258 4.16309 13.0969 4.16309 24.1426C4.16309 35.1883 13.1174 44.1426 24.1631 44.1426Z' stroke='%23BDBDBD' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M18.3428 18.1426C18.813 16.806 19.7411 15.6788 20.9627 14.9609C22.1843 14.2429 23.6206 13.9805 25.0171 14.22C26.4137 14.4596 27.6804 15.1857 28.5929 16.2697C29.5055 17.3537 30.0049 18.7257 30.0028 20.1426C30.0028 24.1426 24.0028 26.1426 24.0028 26.1426' stroke='%23BDBDBD' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M24.1631 34.1426H24.1831' stroke='%23BDBDBD' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
@@ -437,49 +441,6 @@ div.TWMenuItemText {
     flex-shrink: 0;
 }
 
-.TWMessage .TWMessageButtons > button, .TWLow .TWMenuButton, .TWProgressButtons > button {
-    height: 32px;
-    line-height: 32px;
-    background: #0097ff;
-    color: #fff;
-    width: auto;
-    padding: 0 12px;
-    min-width: 96px;
-    margin: 8px 0 0 8px;
-    border-radius: 8px;
-    border: none;
-    padding: 0 !important;
-    font-weight: 500;
-    outline: none;
-    font-family: GraphikRegular;
-    font-size: 10pt;
-}
-
-.TWMessage .TWMessageButtons > button:hover, .TWLow .TWMenuButton:hover, .TWProgressButtons > button:hover {
-    background: rgba(0, 151, 255, .8);
-    border-color: transparent;
-}
-
-.TWMessage .TWMessageButtons > button:first-child {
-    margin-left: 0;
-}
-
-.TWMessage .TWMessageButtons > button:last-child,
-.TWMenuFoot > button:last-child,
-.TWProgressButtons > button:last-child {
-    background: #fff;
-    color: #0097ff;
-    border: 1px solid #0097ff;
-}
-
-.TWMessage .TWMessageButtons > button:last-child:hover,
-.TWMenuFoot > button:last-child:hover,
-.TWProgressButtons > button:last-child {
-    background: #fff;
-    border-color: rgba(0, 151, 255, .8);
-    color: rgba(0, 151, 255, .8);
-}
-
 .TWFilter12Left, .TWFilter12Right, .TWFilter12Menu {
      /*ico-tableview-contains-not.svg URL-encoder for SVG*/ 
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 64 64'%3E%3Cg fill='%23ff5b2d'%3E%3Cpolygon points='12,24 12,40 24,32'/%3E%3Cpolygon points='52,40 52,24 40,32'/%3E%3Cpolygon points='28,33.3 36,28 36,20 40,20 40,12 24,12 24,20 28,20'/%3E%3Cpolygon points='36,32 28,37.3 28,44 24,44 24,52 40,52 40,44 36,44'/%3E%3Cpolygon fill='%23ff5b2d' points='48,20 48,16 12,40 12,44'/%3E%3C/g%3E%3C/svg%3E") !important;
@@ -731,4 +692,101 @@ div.TWMenuItemText {
 
 .TWHeaderGroupCustom {
     padding: 0;
+}
+
+.TWCfgMenuItem {
+    margin: 0;
+    background: #fff !important;
+    padding: 0 16px !important;
+}
+
+.TWCfgMenuItem .TWCfgMenuItemText {
+    padding: 4px 0;
+}
+
+.TWCfgMenuItem .TWCfgMenuBoolIconRight {
+    background-size: 16px;
+}
+
+.TWCfgMenuMain {
+    margin-top: -5%;
+    border-radius: 4px;
+    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
+}
+
+.TWMenuButton {
+    border-radius: 4px;
+    background: #347FDE;
+    padding: 8px 16px !important;
+    color: #fff !important;
+    margin: 0 !important;
+}
+
+.TWMenuButton:hover,
+.TWMenuButton:active {
+    background: #3274E0;
+}
+
+.TWDialogButtonCancel {
+    color: #222D44 !important;
+    background: #fff;
+}
+
+.TWDialogButtonCancel:hover,
+.TWDialogButtonCancel:active {
+    color: #222D44 !important;
+    background: #F3F8FF;
+}
+
+.TWCfgMenuCaption {
+    font-weight: normal;
+    line-height: 150%;
+    padding: 4px;
+}
+
+.TWCfgMenuHead {
+    background: #fff;
+    border-bottom: 1px solid #E4E6EC;
+    padding: 20px 16px 20px 16px !important;
+}
+
+.TWCfgMenuHeadText {
+    font-size: 20px;
+    line-height: 24px;
+    text-align: left;
+}
+
+.TWCfgMenuClose {
+    position: absolute;
+    height: 60px;
+    width: 60px !important;
+    top: -9px;
+    right: -64px;
+    background-size: 100%;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cpath d='M16.8906 43.1056L29.9981 29.9981L43.1056 43.1056M43.1056 16.8906L29.9956 29.9981L16.8906 16.8906' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+}
+
+.TWCfgMenuBody {
+    margin: 0;
+    width: 100%;
+    padding: 8px 0;
+}
+
+.TWCfgMenuFoot {
+    border-top: 1px solid #E4E6EC;
+    padding: 16px 16px !important;
+    display: flex;
+    grid-gap: 12px;
+    justify-content: flex-start;
+    flex-direction: row-reverse;
+}
+
+.TWCfgMenuOuterBottom {
+    padding: 0 !important;
+    border-radius: 4px;
+}
+
+.GridDisabled {
+    background: #222D44;
+    opacity: 0.2;
 }

package/dist/index.css

@@ -1349,10 +1349,6 @@
     margin-left: 32px;
 }
 
-._action-handler-info_vitro-item-container__hZvMvH {
-    margin-top: 16px;
-}
-
 ._action-handler-info_vitro-item_2pXL5Ks {
     display: flex;
     margin-bottom: 4px;

package/dist/index.js

@@ -59648,7 +59648,7 @@ var UpdatingPopover = React__default.forwardRef(function (_ref, ref) {
   }, props), children));
 });
 
-var styles$8 = {"vitro-info-container":"_action-handler-info_vitro-info-container_eNvJr3n","vitro-action-info":"_action-handler-info_vitro-action-info_40N4L4N","vitro-item-container":"_action-handler-info_vitro-item-container__hZvMvH","vitro-item":"_action-handler-info_vitro-item_2pXL5Ks","vitro-title":"_action-handler-info_vitro-title_kdIhxqv","vitro-subtitle":"_action-handler-info_vitro-subtitle_29cfoD0","vitro-progress-bar":"_action-handler-info_vitro-progress-bar_2IxowO0","vitro-button-cancel":"_action-handler-info_vitro-button-cancel_3eqrIKx","vitro-success":"_action-handler-info_vitro-success_22wks7Q","vitro-progress":"_action-handler-info_vitro-progress_1pVf3VJ","vitro-error":"_action-handler-info_vitro-error_2JNd137","vitro-status":"_action-handler-info_vitro-status_3Ey3f6C"};
+var styles$8 = {"vitro-info-container":"_action-handler-info_vitro-info-container_eNvJr3n","vitro-action-info":"_action-handler-info_vitro-action-info_40N4L4N","vitro-item":"_action-handler-info_vitro-item_2pXL5Ks","vitro-title":"_action-handler-info_vitro-title_kdIhxqv","vitro-subtitle":"_action-handler-info_vitro-subtitle_29cfoD0","vitro-progress-bar":"_action-handler-info_vitro-progress-bar_2IxowO0","vitro-button-cancel":"_action-handler-info_vitro-button-cancel_3eqrIKx","vitro-success":"_action-handler-info_vitro-success_22wks7Q","vitro-progress":"_action-handler-info_vitro-progress_1pVf3VJ","vitro-error":"_action-handler-info_vitro-error_2JNd137","vitro-status":"_action-handler-info_vitro-status_3Ey3f6C"};
 
 var ActionInfoItem = function ActionInfoItem(props) {
   var getClassName = function getClassName() {
@@ -59714,11 +59714,6 @@ var ActionHandlerConstants = {
     get TRIGGER () { return TRIGGER; }
 };
 
-var actionMap = {
-  before: 0,
-  progress: 1,
-  after: 2
-};
 var ActionInfo = function ActionInfo(props) {
   var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
   var getInfo = function getInfo(item) {
@@ -59755,32 +59750,9 @@ var ActionInfo = function ActionInfo(props) {
     }
     return info;
   };
-  var getText = function getText() {
-    var successCount = props.successResult ? props.successResult.length : 0;
-    if (props.action === actionMap.progress) {
-      return localeService.create(LOCALE$1.PROGRESS_STD, {
-        actionCode: localeService.create(LOCALE$1.ACTION + CTRL.DOT + props.actionCode)
-      });
-    }
-    if (props.action === actionMap.after) {
-      if (props.isSuccess) {
-        return localeService.create(LOCALE$1.SUCCESS_STD, {
-          count: successCount,
-          actionCode: localeService.create(LOCALE$1.ACTION + CTRL.DOT + props.actionCode)
-        });
-      } else {
-        return localeService.create(LOCALE$1.ERROR_STD, {
-          actionCode: localeService.create(LOCALE$1.ACTION + CTRL.DOT + props.actionCode)
-        });
-      }
-    }
-    return CTRL.EMPTY;
-  };
   return React__default.createElement("div", {
     className: styles$8['vitro-info-container']
   }, React__default.createElement("div", {
-    className: styles$8['vitro-action-info']
-  }, getText()), React__default.createElement("div", {
     className: styles$8['vitro-item-container']
   }, props.itemList.map(function (item) {
     return React__default.createElement(ActionInfoItem, {
@@ -59791,7 +59763,7 @@ var ActionInfo = function ActionInfo(props) {
   })));
 };
 
-var actionMap$1 = {
+var actionMap = {
   before: 0,
   progress: 1,
   after: 2
@@ -59816,7 +59788,7 @@ var ActionHandler = function ActionHandler(props) {
   var _useState6 = React.useState(false),
     blockInterface = _useState6[0],
     setBlockInterface = _useState6[1];
-  var _useState7 = React.useState(actionMap$1.before),
+  var _useState7 = React.useState(actionMap.before),
     currentAction = _useState7[0],
     setCurrentAction = _useState7[1];
   var _useState8 = React.useState(null),
@@ -59856,19 +59828,19 @@ var ActionHandler = function ActionHandler(props) {
   var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
   var action = props.actionText || localeService.create(LOCALE$1.ACTION + CTRL.DOT + props.actionCode);
   React.useEffect(function () {
-    setIsCloseEnabled(currentAction !== actionMap$1.progress);
-    if (currentAction === actionMap$1.before) {
+    setIsCloseEnabled(currentAction !== actionMap.progress);
+    if (currentAction === actionMap.before) {
       setState(styles$7['vitro-confirm']);
       setShowItemCount(true);
       setIcon(styles$7['vitro-icon-before']);
     }
-    if (currentAction === actionMap$1.progress) {
+    if (currentAction === actionMap.progress) {
       setState(CTRL.EMPTY);
       setShowProgressBar(!props.isHideProgressBar);
       setShowItemCount(false);
       setIcon(styles$7['vitro-icon-progress']);
     }
-    if (currentAction !== actionMap$1.progress) {
+    if (currentAction !== actionMap.progress) {
       setShowProgressBar(false);
     }
   }, [currentAction]);
@@ -59917,14 +59889,14 @@ var ActionHandler = function ActionHandler(props) {
       }
       setText(confText + CTRL.QUESTION);
     }
-    setCurrentAction(actionMap$1.before);
+    setCurrentAction(actionMap.before);
   };
   var finish = function finish(success, error, successResult, failResult) {
     if (failResult.length) {
       setShow(true);
     }
     setSuccess(success);
-    setCurrentAction(actionMap$1.after);
+    setCurrentAction(actionMap.after);
     if (props.onAfterAction) {
       props.onAfterAction(error, successResult, failResult);
     }
@@ -60021,7 +59993,7 @@ var ActionHandler = function ActionHandler(props) {
         }
       }
       ;
-      setCurrentAction(actionMap$1.progress);
+      setCurrentAction(actionMap.progress);
       if (props.isBlockInterface) {
         setBlockInterface(true);
       }
@@ -60152,7 +60124,7 @@ var ActionHandler = function ActionHandler(props) {
     if (!props.isShowProgress && !props.isShowAfterAction && !props.isConfirm) {
       window.document.body.click();
     }
-    if (currentAction !== actionMap$1.progress) {
+    if (currentAction !== actionMap.progress) {
       init();
     }
     if (!props.isConfirm) {
@@ -60160,7 +60132,7 @@ var ActionHandler = function ActionHandler(props) {
     }
   };
   var onEscClick = function onEscClick(e) {
-    if (e.keyCode === ESC_KEY_CODE && currentAction === actionMap$1.before) {
+    if (e.keyCode === ESC_KEY_CODE && currentAction === actionMap.before) {
       hideDialog();
     }
   };
@@ -60170,12 +60142,12 @@ var ActionHandler = function ActionHandler(props) {
   };
   var close = function close(error, successResult, failResult) {
     if (isCloseEnabled) {
-      if (currentAction == actionMap$1.after && props.onAfterActionClose) {
+      if (currentAction == actionMap.after && props.onAfterActionClose) {
         props.onAfterActionClose(error, successResult, failResult);
       }
       hideDialog();
     }
-    if (currentAction === actionMap$1.progress) {
+    if (currentAction === actionMap.progress) {
       cancellationToken.cancel = true;
     }
   };
@@ -60189,8 +60161,8 @@ var ActionHandler = function ActionHandler(props) {
       itemCount: data.itemCount
     });
   };
-  var showConfirmButtonGroup = props.isConfirm && currentAction === actionMap$1.before;
-  var showCloseButtonGroup = currentAction !== actionMap$1.before;
+  var showConfirmButtonGroup = props.isConfirm && currentAction === actionMap.before;
+  var showCloseButtonGroup = currentAction !== actionMap.before;
   var positionCenter = !props.target && !props.children;
   var content = React__default.createElement("div", {
     className: styles$7['vitro-content'] + CTRL.SPACE + state
@@ -60205,7 +60177,7 @@ var ActionHandler = function ActionHandler(props) {
     onClick: function onClick() {
       return setShowInfo(!showInfo);
     }
-  }), currentAction != actionMap$1.before && React__default.createElement("div", {
+  }), currentAction != actionMap.before && React__default.createElement("div", {
     className: styles$7['vitro-button-close'],
     onClick: close
   }))), showItemCount && React__default.createElement("span", {
@@ -60230,7 +60202,7 @@ var ActionHandler = function ActionHandler(props) {
   }), React__default.createElement(Button$2, {
     onClick: onStart,
     text: action || props.labelYes || CTRL.EMPTY,
-    isDisabled: currentAction !== actionMap$1.before,
+    isDisabled: currentAction !== actionMap.before,
     className: styles$7['vitro-button']
   })));
   return React__default.createElement(React__default.Fragment, null, props.children && React__default.createElement(OverlayTrigger, {
@@ -60246,7 +60218,7 @@ var ActionHandler = function ActionHandler(props) {
     onHide: close,
     placement: props.placement || PLACEMENT.TOP
   }, React__default.createElement(UpdatingPopover, null, content)), positionCenter && show && React__default.createElement("div", {
-    className: currentAction === actionMap$1.before ? styles$7['vitro-action-handler-dialog-confirm'] : styles$7['vitro-action-handler-dialog']
+    className: currentAction === actionMap.before ? styles$7['vitro-action-handler-dialog-confirm'] : styles$7['vitro-action-handler-dialog']
   }, content), blockInterface && React__default.createElement("div", {
     className: styles$7['vitro-interface-blur']
   }));
@@ -61622,6 +61594,7 @@ var LookupPicker = function LookupPicker(props) {
     state = _useState7[0],
     setState = _useState7[1];
   var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
+  var isEditable = !props.isDisabled && !props.isReadOnly;
   var inputRef = React.useRef(null);
   var updatePending = function updatePending(valueList) {
     return setPending(valueList ? false : true);
@@ -61798,7 +61771,9 @@ var LookupPicker = function LookupPicker(props) {
     }
   };
   var copyValue = function copyValue() {
-    navigator.clipboard.writeText(selectedValueList.join(CTRL.COMMA));
+    navigator.clipboard.writeText(selectedValueList.map(function (x) {
+      return props.selectedValueTemplate(x);
+    }).join(CTRL.COMMA));
   };
   var getClassName = function getClassName() {
     var classList = [styles$q['vitro-lookup-picker'], props.className];
@@ -61835,17 +61810,15 @@ var LookupPicker = function LookupPicker(props) {
     selectedValueTemplate: selectedValueTemplate,
     isMultiSelect: props.isMultiSelect,
     getHtmlValue: getHtmlValue
-  }) : !valueListVisible && React__default.createElement(React__default.Fragment, null, props.placeholder), !props.isDisabled && !props.isReadOnly && React__default.createElement("input", {
+  }) : !valueListVisible && React__default.createElement(React__default.Fragment, null, props.placeholder), isEditable && React__default.createElement("input", {
     ref: inputRef,
     value: inputValue,
     onKeyDown: onKeyDown,
     onChange: onChange,
-    onClick: onFocus,
-    disabled: props.isDisabled,
-    readOnly: props.isReadOnly
+    onClick: onFocus
   }), !props.isDisabled && props.children, React__default.createElement("div", {
     className: styles$q['vitro-right']
-  }, !props.isMultiSelect && selectedValueList && selectedValueList.length > 0 && !props.isDisabled && !props.isReadOnly && React__default.createElement("div", {
+  }, !props.isMultiSelect && selectedValueList && selectedValueList.length > 0 && isEditable && React__default.createElement("div", {
     className: styles$q['vitro-button-close'],
     onClick: function onClick() {
       return onOptionValueDelete();
@@ -61858,7 +61831,7 @@ var LookupPicker = function LookupPicker(props) {
   }), props.isReadOnly ? React__default.createElement("span", {
     className: styles$q['vitro-button-copy'],
     onClick: copyValue
-  }) : null)), !props.isDisabled && (!props.filterMinLength || props.filterMinLength <= inputValue.length) && React__default.createElement(ValueList, {
+  }) : null)), isEditable && (!props.filterMinLength || props.filterMinLength <= inputValue.length) && React__default.createElement(ValueList, {
     isPending: pending,
     inputValue: inputValue,
     list: filteredValueList,