@vitrosoftware/common-ui-ts 1.1.133 → 1.1.135
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/std/controls/action-handler/result-dialog.css +2 -3
- package/css/std/controls/component-loader/component-loader.css +13 -0
- package/css/std/controls/login/{ntlm-authentication-form.css → login-kerberos-form.css} +1 -1
- package/dist/index.css +21 -8
- package/dist/index.js +583 -536
- package/dist/index.js.map +1 -1
- package/dist/src/controls/Login/LoginConstants.d.ts +2 -2
- package/dist/src/controls/Login/LoginKerberosForm.d.ts +9 -0
- package/dist/src/controls/NumberInput/NumberInput.d.ts +3 -1
- package/dist/src/controls/NumberInput/NumberInputConstants.d.ts +3 -0
- package/dist/src/index.d.ts +2 -2
- package/package.json +1 -1
- package/src/controls/BimViewer/js/bim-viewer.js +2 -2
- package/src/controls/DxfViewer/js/dxf-viewer.js +14 -14
- package/src/controls/PdfViewer/js/pdf-viewer.js +22 -2
package/dist/index.js
CHANGED
|
@@ -181,7 +181,7 @@ var app$1 = {
|
|
|
181
181
|
empty: "Заполните поле"
|
|
182
182
|
}
|
|
183
183
|
},
|
|
184
|
-
|
|
184
|
+
loginKerberosForm: {
|
|
185
185
|
subtitle: {
|
|
186
186
|
progress: "Выполняется вход через Windows...",
|
|
187
187
|
error: "Вход не выполнен"
|
|
@@ -22544,6 +22544,8 @@ var TelerikUploader = function TelerikUploader(props) {
|
|
|
22544
22544
|
})));
|
|
22545
22545
|
};
|
|
22546
22546
|
|
|
22547
|
+
var styles$8 = {"vitro-component-loader":"_component-loader_vitro-component-loader_3J3a2or"};
|
|
22548
|
+
|
|
22547
22549
|
var ComponentLoader = function ComponentLoader(props) {
|
|
22548
22550
|
var container = props.container;
|
|
22549
22551
|
var _useState = React.useState([]),
|
|
@@ -22556,7 +22558,9 @@ var ComponentLoader = function ComponentLoader(props) {
|
|
|
22556
22558
|
var context = container.get(props.name);
|
|
22557
22559
|
context.setReactComponent(createComponent, setComponentList);
|
|
22558
22560
|
}, []);
|
|
22559
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement("div",
|
|
22561
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
|
|
22562
|
+
className: styles$8['vitro-component-loader']
|
|
22563
|
+
}, componentList));
|
|
22560
22564
|
};
|
|
22561
22565
|
|
|
22562
22566
|
var ComponentLoaderContextImpl = /*#__PURE__*/function () {
|
|
@@ -60416,7 +60420,7 @@ const OverlayTrigger = ({
|
|
|
60416
60420
|
});
|
|
60417
60421
|
};
|
|
60418
60422
|
|
|
60419
|
-
var styles$
|
|
60423
|
+
var styles$9 = {"vitro-tooltip":"_tooltip_vitro-tooltip_JvGPShz"};
|
|
60420
60424
|
|
|
60421
60425
|
var Tooltip$1 = function Tooltip(props) {
|
|
60422
60426
|
if (!props.text) {
|
|
@@ -60432,7 +60436,7 @@ var Tooltip$1 = function Tooltip(props) {
|
|
|
60432
60436
|
flip: props.isFlip,
|
|
60433
60437
|
trigger: TRIGGER.HOVER,
|
|
60434
60438
|
overlay: React__default.createElement(TooltipComponent, {
|
|
60435
|
-
className: styles$
|
|
60439
|
+
className: styles$9['vitro-tooltip'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
|
|
60436
60440
|
style: props.style
|
|
60437
60441
|
}, props.text)
|
|
60438
60442
|
}, props.children);
|
|
@@ -60456,7 +60460,7 @@ var Image = function Image(props) {
|
|
|
60456
60460
|
}));
|
|
60457
60461
|
};
|
|
60458
60462
|
|
|
60459
|
-
var styles$
|
|
60463
|
+
var styles$a = {"vitro-image-button":"_image-button_vitro-image-button_34pBVmE"};
|
|
60460
60464
|
|
|
60461
60465
|
var ImageButton = function ImageButton(props) {
|
|
60462
60466
|
return React__default.createElement(Tooltip$1, {
|
|
@@ -60464,7 +60468,7 @@ var ImageButton = function ImageButton(props) {
|
|
|
60464
60468
|
placement: props.tooltipPlacement
|
|
60465
60469
|
}, React__default.createElement("button", {
|
|
60466
60470
|
onClick: props.onClick,
|
|
60467
|
-
className: styles$
|
|
60471
|
+
className: styles$a['vitro-image-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
|
|
60468
60472
|
}, props.imageUrl && React__default.createElement(Image, {
|
|
60469
60473
|
defaultUrl: props.imageUrl,
|
|
60470
60474
|
hoverUrl: props.imageHoverUrl
|
|
@@ -60481,18 +60485,18 @@ var DialogComponent = function DialogComponent(props) {
|
|
|
60481
60485
|
}, props.children);
|
|
60482
60486
|
};
|
|
60483
60487
|
|
|
60484
|
-
var styles$
|
|
60488
|
+
var styles$b = {"vitro-dialog-content":"_dialog-content_vitro-dialog-content_qQNWu6x"};
|
|
60485
60489
|
|
|
60486
60490
|
var DialogContent = function DialogContent(props) {
|
|
60487
60491
|
return React__default.createElement("div", {
|
|
60488
|
-
className: styles$
|
|
60492
|
+
className: styles$b['vitro-dialog-content'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
|
|
60489
60493
|
}, props.children);
|
|
60490
60494
|
};
|
|
60491
60495
|
|
|
60492
|
-
var styles$
|
|
60496
|
+
var styles$c = {"vitro-heading-h1":"_heading_vitro-heading-h1_3SB01Ds","vitro-heading-h2":"_heading_vitro-heading-h2_2W1uEiH","vitro-heading-h3":"_heading_vitro-heading-h3_3H5QlHH","vitro-heading-h4":"_heading_vitro-heading-h4_y-DCkfR","vitro-heading-h5":"_heading_vitro-heading-h5_2MeHzg3"};
|
|
60493
60497
|
|
|
60494
60498
|
var Heading = function Heading(props) {
|
|
60495
|
-
var className = styles$
|
|
60499
|
+
var className = styles$c["vitro-heading-" + props.tag] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY);
|
|
60496
60500
|
return React__default.createElement(props.tag, {
|
|
60497
60501
|
className: className
|
|
60498
60502
|
}, props.text);
|
|
@@ -60512,28 +60516,28 @@ var HeadingConstants = {
|
|
|
60512
60516
|
get TAG () { return TAG; }
|
|
60513
60517
|
};
|
|
60514
60518
|
|
|
60515
|
-
var styles$
|
|
60519
|
+
var styles$d = {"vitro-dialog-header":"_dialog-header_vitro-dialog-header_2W3GraU","vitro-subtitle":"_dialog-header_vitro-subtitle_3mjvJAN","vitro-image":"_dialog-header_vitro-image_3TdbvmV"};
|
|
60516
60520
|
|
|
60517
60521
|
var DialogHeader = function DialogHeader(props) {
|
|
60518
60522
|
return React__default.createElement("div", {
|
|
60519
|
-
className: styles$
|
|
60523
|
+
className: styles$d['vitro-dialog-header'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
|
|
60520
60524
|
}, props.imageUrl && React__default.createElement(Image, {
|
|
60521
60525
|
defaultUrl: props.imageUrl,
|
|
60522
|
-
className: styles$
|
|
60526
|
+
className: styles$d['vitro-image']
|
|
60523
60527
|
}), props.image, React__default.createElement("div", null, React__default.createElement(Heading, {
|
|
60524
60528
|
tag: TAG.H1,
|
|
60525
60529
|
text: props.title
|
|
60526
60530
|
}), props.subtitle && React__default.createElement(Heading, {
|
|
60527
60531
|
tag: TAG.H2,
|
|
60528
60532
|
text: props.subtitle,
|
|
60529
|
-
className: styles$
|
|
60533
|
+
className: styles$d['vitro-subtitle']
|
|
60530
60534
|
})));
|
|
60531
60535
|
};
|
|
60532
60536
|
|
|
60533
60537
|
var UNIT = function UNIT() {};
|
|
60534
60538
|
UNIT.PX = 'px';
|
|
60535
60539
|
|
|
60536
|
-
var styles$
|
|
60540
|
+
var styles$e = {"vitro-button":"_button_vitro-button_hVfBuSO","vitro-animation-ripple":"_button_vitro-animation-ripple_7CFAk_a"};
|
|
60537
60541
|
|
|
60538
60542
|
var HTML_ELEMENT_SPAN = 'span';
|
|
60539
60543
|
var TYPE_BUTTON = 'button';
|
|
@@ -60591,7 +60595,7 @@ var Button$2 = React.forwardRef(function (props, ref) {
|
|
|
60591
60595
|
},
|
|
60592
60596
|
disabled: pending || props.isDisabled,
|
|
60593
60597
|
type: TYPE_BUTTON,
|
|
60594
|
-
className: styles$
|
|
60598
|
+
className: styles$e['vitro-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
|
|
60595
60599
|
title: CTRL.EMPTY,
|
|
60596
60600
|
onClick: onClick,
|
|
60597
60601
|
onMouseDown: props.isCreateRipple ? createRipple : function () {}
|
|
@@ -60603,24 +60607,24 @@ var Button$2 = React.forwardRef(function (props, ref) {
|
|
|
60603
60607
|
}), React__default.createElement("div", null, props.text)));
|
|
60604
60608
|
});
|
|
60605
60609
|
|
|
60606
|
-
var styles$
|
|
60610
|
+
var styles$f = {"vitro-button-cancel":"_button-cancel_vitro-button-cancel_2UT1K9Z"};
|
|
60607
60611
|
|
|
60608
60612
|
var ButtonCancel = function ButtonCancel(props) {
|
|
60609
60613
|
return React__default.createElement(Button$2, Object.assign({}, props, {
|
|
60610
|
-
className: styles$
|
|
60614
|
+
className: styles$f['vitro-button-cancel'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
|
|
60611
60615
|
}));
|
|
60612
60616
|
};
|
|
60613
60617
|
|
|
60614
|
-
var styles$
|
|
60618
|
+
var styles$g = {"vitro-button-group":"_button-group_vitro-button-group_3TLqxjf"};
|
|
60615
60619
|
|
|
60616
60620
|
var ButtonGroup = React.forwardRef(function (props, ref) {
|
|
60617
60621
|
return React__default.createElement("div", {
|
|
60618
60622
|
ref: ref,
|
|
60619
|
-
className: styles$
|
|
60623
|
+
className: styles$g['vitro-button-group'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
|
|
60620
60624
|
}, props.children);
|
|
60621
60625
|
});
|
|
60622
60626
|
|
|
60623
|
-
var styles$
|
|
60627
|
+
var styles$h = {"vitro-expand-collapse-button":"_expand-collapse-button_vitro-expand-collapse-button_2O97Y_w","vitro-expanded":"_expand-collapse-button_vitro-expanded_bPbXQ6M","vitro-collapsed":"_expand-collapse-button_vitro-collapsed_1NqpRKU"};
|
|
60624
60628
|
|
|
60625
60629
|
var ExpandCollapseButton = function ExpandCollapseButton(props) {
|
|
60626
60630
|
var _useState = React.useState(props.isExpanded || false),
|
|
@@ -60640,9 +60644,9 @@ var ExpandCollapseButton = function ExpandCollapseButton(props) {
|
|
|
60640
60644
|
return React__default.createElement("button", {
|
|
60641
60645
|
onClick: onClick,
|
|
60642
60646
|
onMouseDown: onMouseDown,
|
|
60643
|
-
className: styles$
|
|
60647
|
+
className: styles$h['vitro-expand-collapse-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
|
|
60644
60648
|
}, props.expandImage && props.collapseImage ? React__default.createElement(React__default.Fragment, null, isExpanded ? props.collapseImage : props.expandImage) : React__default.createElement("div", {
|
|
60645
|
-
className: isExpanded ? styles$
|
|
60649
|
+
className: isExpanded ? styles$h['vitro-expanded'] : styles$h['vitro-collapsed']
|
|
60646
60650
|
}), isExpanded ? props.collapseText : props.expandText);
|
|
60647
60651
|
};
|
|
60648
60652
|
|
|
@@ -60655,7 +60659,7 @@ var LOCALE$1;
|
|
|
60655
60659
|
LOCALE["ACTION_HIDE"] = "app.common.dialog.action.hide";
|
|
60656
60660
|
})(LOCALE$1 || (LOCALE$1 = {}));
|
|
60657
60661
|
|
|
60658
|
-
var styles$
|
|
60662
|
+
var styles$i = {"vitro-dialog-footer":"_dialog-footer_vitro-dialog-footer_2vUQ3aG","vitro-button-group":"_dialog-footer_vitro-button-group_1HXCUOQ","vitro-button":"_dialog-footer_vitro-button_3RufMLa","vitro-detail-button":"_dialog-footer_vitro-detail-button_Ue4coux","vitro-expand":"_dialog-footer_vitro-expand_cSDlKgd","vitro-collapse":"_dialog-footer_vitro-collapse_21FwaIZ"};
|
|
60659
60663
|
|
|
60660
60664
|
var DialogDetailExpandButton = function DialogDetailExpandButton(props) {
|
|
60661
60665
|
var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
|
|
@@ -60663,13 +60667,13 @@ var DialogDetailExpandButton = function DialogDetailExpandButton(props) {
|
|
|
60663
60667
|
expandText: localeService.create(LOCALE$1.ACTION_SHOW_DETAIL),
|
|
60664
60668
|
collapseText: localeService.create(LOCALE$1.ACTION_HIDE),
|
|
60665
60669
|
expandImage: React__default.createElement("div", {
|
|
60666
|
-
className: styles$
|
|
60670
|
+
className: styles$i['vitro-expand']
|
|
60667
60671
|
}),
|
|
60668
60672
|
collapseImage: React__default.createElement("div", {
|
|
60669
|
-
className: styles$
|
|
60673
|
+
className: styles$i['vitro-collapse']
|
|
60670
60674
|
}),
|
|
60671
60675
|
onClick: props.onClick,
|
|
60672
|
-
className: styles$
|
|
60676
|
+
className: styles$i['vitro-detail-button']
|
|
60673
60677
|
});
|
|
60674
60678
|
};
|
|
60675
60679
|
|
|
@@ -60678,9 +60682,9 @@ var DialogFooter = function DialogFooter(props) {
|
|
|
60678
60682
|
var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
|
|
60679
60683
|
var labelClose = props.labelClose || localeService.create((_props$buttonList = props.buttonList) !== null && _props$buttonList !== void 0 && _props$buttonList.length ? LOCALE$1.ACTION_CANCEL : LOCALE$1.ACTION_CLOSE);
|
|
60680
60684
|
return React__default.createElement("div", {
|
|
60681
|
-
className: styles$
|
|
60685
|
+
className: styles$i['vitro-dialog-footer'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
|
|
60682
60686
|
}, React__default.createElement(ButtonGroup, {
|
|
60683
|
-
className: styles$
|
|
60687
|
+
className: styles$i['vitro-button-group'],
|
|
60684
60688
|
ref: props.buttonGroupRef
|
|
60685
60689
|
}, props.isShowDetailButton && props.onClickDetailButton && React__default.createElement(DialogDetailExpandButton, {
|
|
60686
60690
|
onClick: props.onClickDetailButton
|
|
@@ -60688,7 +60692,7 @@ var DialogFooter = function DialogFooter(props) {
|
|
|
60688
60692
|
text: labelClose,
|
|
60689
60693
|
isDisabled: !props.isDismissible,
|
|
60690
60694
|
onClick: props.onClose,
|
|
60691
|
-
className: styles$
|
|
60695
|
+
className: styles$i['vitro-button']
|
|
60692
60696
|
}), (_props$buttonList2 = props.buttonList) !== null && _props$buttonList2 !== void 0 && _props$buttonList2.length ? props.buttonList.map(function (button) {
|
|
60693
60697
|
return React__default.createElement(Button$2, {
|
|
60694
60698
|
text: button.text,
|
|
@@ -60697,7 +60701,7 @@ var DialogFooter = function DialogFooter(props) {
|
|
|
60697
60701
|
return (_button$onClick = button.onClick) === null || _button$onClick === void 0 ? void 0 : _button$onClick.call(button, props.dialog);
|
|
60698
60702
|
},
|
|
60699
60703
|
isDisabled: button.isDisabled,
|
|
60700
|
-
className: styles$
|
|
60704
|
+
className: styles$i['vitro-button'] + (button.className ? CTRL.SPACE + button.className : CTRL.EMPTY)
|
|
60701
60705
|
});
|
|
60702
60706
|
}) : null));
|
|
60703
60707
|
};
|
|
@@ -60709,7 +60713,7 @@ KEY_CODE.ARROW_RIGHT = 39;
|
|
|
60709
60713
|
KEY_CODE.ARROW_LEFT = 37;
|
|
60710
60714
|
KEY_CODE.TAB = 9;
|
|
60711
60715
|
|
|
60712
|
-
var styles$
|
|
60716
|
+
var styles$j = {"vitro-dialog":"_dialog_vitro-dialog_2NzcRZg","vitro-dialog-button-close":"_dialog_vitro-dialog-button-close_2TF5iry","vitro-hidden-content":"_dialog_vitro-hidden-content_niGbpGx","vitro-hidden":"_dialog_vitro-hidden_1kSAyNC","vitro-display-none":"_dialog_vitro-display-none_T-eWeyA"};
|
|
60713
60717
|
|
|
60714
60718
|
var Dialog = function Dialog(props) {
|
|
60715
60719
|
var _props$buttonList;
|
|
@@ -60724,7 +60728,7 @@ var Dialog = function Dialog(props) {
|
|
|
60724
60728
|
setIsMobileView = _useState3[1];
|
|
60725
60729
|
var dialogRef = React.useRef(null);
|
|
60726
60730
|
var buttonGroupRef = React.useRef(null);
|
|
60727
|
-
var className = styles$
|
|
60731
|
+
var className = styles$j['vitro-dialog'] + (props.isShow === false ? CTRL.SPACE + styles$j['vitro-display-none'] : CTRL.EMPTY);
|
|
60728
60732
|
var showFooter = !props.isHideFooter && (((_props$buttonList = props.buttonList) === null || _props$buttonList === void 0 ? void 0 : _props$buttonList.length) || props.onClose);
|
|
60729
60733
|
React.useEffect(function () {
|
|
60730
60734
|
if (buttonGroupRef.current && buttonGroupRef.current.lastChild) {
|
|
@@ -60811,7 +60815,7 @@ var Dialog = function Dialog(props) {
|
|
|
60811
60815
|
height: props.height,
|
|
60812
60816
|
className: props.className
|
|
60813
60817
|
}, props.isDismissible && React__default.createElement(ImageButton, {
|
|
60814
|
-
className: styles$
|
|
60818
|
+
className: styles$j['vitro-dialog-button-close'],
|
|
60815
60819
|
onClick: onClose
|
|
60816
60820
|
}), (props.title || props.subtitle) && React__default.createElement(DialogHeader, {
|
|
60817
60821
|
title: props.title,
|
|
@@ -60822,7 +60826,7 @@ var Dialog = function Dialog(props) {
|
|
|
60822
60826
|
}), component && React__default.createElement(DialogContent, null, component), props.children, isMobileView && props.hiddenContent && React__default.createElement(DialogDetailExpandButton, {
|
|
60823
60827
|
onClick: onClickDetailButton
|
|
60824
60828
|
}), props.hiddenContent && React__default.createElement("div", {
|
|
60825
|
-
className: styles$
|
|
60829
|
+
className: styles$j['vitro-hidden-content'] + (isShowHiddenContent ? CTRL.EMPTY : CTRL.SPACE + styles$j['vitro-hidden'])
|
|
60826
60830
|
}, props.hiddenContent), showFooter ? React__default.createElement(DialogFooter, {
|
|
60827
60831
|
dialog: props.dialog,
|
|
60828
60832
|
buttonList: props.buttonList,
|
|
@@ -60855,7 +60859,7 @@ var ActionHandlerConstants = {
|
|
|
60855
60859
|
get LOCALE () { return LOCALE$2; }
|
|
60856
60860
|
};
|
|
60857
60861
|
|
|
60858
|
-
var styles$
|
|
60862
|
+
var styles$k = {"vitro-confirm-dialog":"_confirm-dialog_vitro-confirm-dialog_1r-CtWW","vitro-image":"_confirm-dialog_vitro-image_3vwBe8E","vitro-header":"_confirm-dialog_vitro-header_3nRlgzW"};
|
|
60859
60863
|
|
|
60860
60864
|
var ConfirmDialog = function ConfirmDialog(props) {
|
|
60861
60865
|
var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
|
|
@@ -60869,10 +60873,10 @@ var ConfirmDialog = function ConfirmDialog(props) {
|
|
|
60869
60873
|
count: props.itemCount
|
|
60870
60874
|
}),
|
|
60871
60875
|
image: React__default.createElement("div", {
|
|
60872
|
-
className: styles$
|
|
60876
|
+
className: styles$k['vitro-image']
|
|
60873
60877
|
}),
|
|
60874
|
-
className: styles$
|
|
60875
|
-
headerClassName: styles$
|
|
60878
|
+
className: styles$k['vitro-confirm-dialog'],
|
|
60879
|
+
headerClassName: styles$k['vitro-header'],
|
|
60876
60880
|
onClose: props.onCancel,
|
|
60877
60881
|
buttonList: buttonList,
|
|
60878
60882
|
labelClose: props.labelNo,
|
|
@@ -60882,25 +60886,25 @@ var ConfirmDialog = function ConfirmDialog(props) {
|
|
|
60882
60886
|
});
|
|
60883
60887
|
};
|
|
60884
60888
|
|
|
60885
|
-
var styles$
|
|
60889
|
+
var styles$l = {"vitro-action-result-list":"_action-result-list_vitro-action-result-list_fJtJWdL","vitro-scrollbar":"_action-result-list_vitro-scrollbar_1mcualw","vitro-result-item":"_action-result-list_vitro-result-item_2AUSpie","vitro-image-container":"_action-result-list_vitro-image-container_ModalRS","vitro-flex-column":"_action-result-list_vitro-flex-column_3z0h2Y_","vitro-name":"_action-result-list_vitro-name_10TEfnU","vitro-error-message":"_action-result-list_vitro-error-message_12OqWLU","vitro-success-message":"_action-result-list_vitro-success-message_1yRyyKc","vitro-warning-message":"_action-result-list_vitro-warning-message_2UEX9Kp","vitro-image-success":"_action-result-list_vitro-image-success_2ovrZNi","vitro-image-error":"_action-result-list_vitro-image-error_KGQj2dj","vitro-image-warning":"_action-result-list_vitro-image-warning_3SKqDID","vitro-hidden":"_action-result-list_vitro-hidden_1_bZmps","vitro-visible":"_action-result-list_vitro-visible_2K_m-HH"};
|
|
60886
60890
|
|
|
60887
60891
|
var ActionResultItem = function ActionResultItem(props) {
|
|
60888
60892
|
return React__default.createElement("div", {
|
|
60889
|
-
className: styles$
|
|
60893
|
+
className: styles$l['vitro-result-item']
|
|
60890
60894
|
}, React__default.createElement("div", {
|
|
60891
|
-
className: styles$
|
|
60895
|
+
className: styles$l['vitro-image-container']
|
|
60892
60896
|
}, props.imageUrl && React__default.createElement(Image, {
|
|
60893
60897
|
defaultUrl: props.imageUrl
|
|
60894
60898
|
})), React__default.createElement("div", {
|
|
60895
|
-
className: styles$
|
|
60899
|
+
className: styles$l['vitro-flex-column']
|
|
60896
60900
|
}, React__default.createElement("span", {
|
|
60897
|
-
className: styles$
|
|
60901
|
+
className: styles$l['vitro-name']
|
|
60898
60902
|
}, props.name), props.id && React__default.createElement("span", {
|
|
60899
|
-
className: styles$
|
|
60903
|
+
className: styles$l['vitro-name']
|
|
60900
60904
|
}, CTRL.PARENTHESIS_OPEN + props.id + CTRL.PARENTHESIS_CLOSE), React__default.createElement("span", {
|
|
60901
|
-
className: props.isWarning ? styles$
|
|
60905
|
+
className: props.isWarning ? styles$l['vitro-warning-message'] : props.isSuccess ? styles$l['vitro-success-message'] : styles$l['vitro-error-message']
|
|
60902
60906
|
}, props.message)), React__default.createElement("div", {
|
|
60903
|
-
className: props.isWarning ? styles$
|
|
60907
|
+
className: props.isWarning ? styles$l['vitro-image-warning'] : props.isSuccess ? styles$l['vitro-image-success'] : styles$l['vitro-image-error']
|
|
60904
60908
|
}));
|
|
60905
60909
|
};
|
|
60906
60910
|
|
|
@@ -60920,10 +60924,10 @@ var ActionResultList = function ActionResultList(props) {
|
|
|
60920
60924
|
}
|
|
60921
60925
|
}, [props.isVisible]);
|
|
60922
60926
|
return React__default.createElement("div", {
|
|
60923
|
-
className: styles$
|
|
60927
|
+
className: styles$l['vitro-action-result-list'] + CTRL.SPACE + (props.isVisible ? styles$l['vitro-visible'] : styles$l['vitro-hidden']),
|
|
60924
60928
|
ref: listRef
|
|
60925
60929
|
}, React__default.createElement(ScrollBar, {
|
|
60926
|
-
className: styles$
|
|
60930
|
+
className: styles$l['vitro-scrollbar']
|
|
60927
60931
|
}, props.failResult.map(function (result, index) {
|
|
60928
60932
|
return React__default.createElement(ActionResultItem, {
|
|
60929
60933
|
key: index,
|
|
@@ -60957,10 +60961,10 @@ var ActionResultList = function ActionResultList(props) {
|
|
|
60957
60961
|
})));
|
|
60958
60962
|
};
|
|
60959
60963
|
|
|
60960
|
-
var styles$
|
|
60964
|
+
var styles$m = {"vitro-result-dialog":"_result-dialog_vitro-result-dialog_kqxXHts","vitro-progress":"_result-dialog_vitro-progress_3WaZ52V","vitro-success":"_result-dialog_vitro-success_3UZikJl","vitro-error":"_result-dialog_vitro-error_3-IKuM9","vitro-warning":"_result-dialog_vitro-warning_1YXyHJC","vitro-header":"_result-dialog_vitro-header_2rBOm3x","vitro-image":"_result-dialog_vitro-image_19CVcbX","vitro-flex":"_result-dialog_vitro-flex_1CUfSCh","vitro-result-text":"_result-dialog_vitro-result-text_3wNan1D","vitro-button-group":"_result-dialog_vitro-button-group_2cBzj9Q","vitro-progress-bar":"_result-dialog_vitro-progress-bar_2MazExd","vitro-button-close":"_result-dialog_vitro-button-close_AJxsgiW","vitro-save-report-button":"_result-dialog_vitro-save-report-button_28kdZ5l","vitro-save-report-image":"_result-dialog_vitro-save-report-image_2fnLBCP"};
|
|
60961
60965
|
|
|
60962
60966
|
var ResultDialog = function ResultDialog(props) {
|
|
60963
|
-
var _useState = React.useState(styles$
|
|
60967
|
+
var _useState = React.useState(styles$m['vitro-progress']),
|
|
60964
60968
|
state = _useState[0],
|
|
60965
60969
|
setState = _useState[1];
|
|
60966
60970
|
var _useState2 = React.useState(!props.isSuccess || props.isWarning),
|
|
@@ -60979,17 +60983,17 @@ var ResultDialog = function ResultDialog(props) {
|
|
|
60979
60983
|
}, [props.isProgress, props.isSuccess, props.isWarning]);
|
|
60980
60984
|
var updateState = function updateState(isProgress, isSuccess, isWarning) {
|
|
60981
60985
|
if (isProgress) {
|
|
60982
|
-
setState(styles$
|
|
60986
|
+
setState(styles$m['vitro-progress']);
|
|
60983
60987
|
return;
|
|
60984
60988
|
}
|
|
60985
60989
|
if (isSuccess) {
|
|
60986
60990
|
if (isWarning) {
|
|
60987
|
-
setState(styles$
|
|
60991
|
+
setState(styles$m['vitro-warning']);
|
|
60988
60992
|
} else {
|
|
60989
|
-
setState(styles$
|
|
60993
|
+
setState(styles$m['vitro-success']);
|
|
60990
60994
|
}
|
|
60991
60995
|
} else {
|
|
60992
|
-
setState(styles$
|
|
60996
|
+
setState(styles$m['vitro-error']);
|
|
60993
60997
|
}
|
|
60994
60998
|
};
|
|
60995
60999
|
var updateText = function updateText(isProgress, isSuccess, isWarning) {
|
|
@@ -61033,30 +61037,30 @@ var ResultDialog = function ResultDialog(props) {
|
|
|
61033
61037
|
}
|
|
61034
61038
|
};
|
|
61035
61039
|
return React__default.createElement("div", {
|
|
61036
|
-
className: styles$
|
|
61040
|
+
className: styles$m['vitro-result-dialog'] + CTRL.SPACE + state,
|
|
61037
61041
|
style: {
|
|
61038
61042
|
zIndex: props.zIndex
|
|
61039
61043
|
}
|
|
61040
61044
|
}, React__default.createElement("div", {
|
|
61041
|
-
className: styles$
|
|
61045
|
+
className: styles$m['vitro-header']
|
|
61042
61046
|
}, React__default.createElement("div", {
|
|
61043
|
-
className: styles$
|
|
61047
|
+
className: styles$m['vitro-flex']
|
|
61044
61048
|
}, !props.isProgress && React__default.createElement("div", {
|
|
61045
|
-
className: styles$
|
|
61049
|
+
className: styles$m['vitro-image']
|
|
61046
61050
|
}), props.isProgress ? React__default.createElement(Heading, {
|
|
61047
61051
|
tag: TAG.H3,
|
|
61048
61052
|
text: text
|
|
61049
61053
|
}) : React__default.createElement("span", {
|
|
61050
|
-
className: styles$
|
|
61054
|
+
className: styles$m['vitro-result-text']
|
|
61051
61055
|
}, text), React__default.createElement(ButtonGroup, {
|
|
61052
|
-
className: styles$
|
|
61056
|
+
className: styles$m['vitro-button-group']
|
|
61053
61057
|
}, (props.isProgress || !props.isSuccess || props.isWarning) && React__default.createElement(ExpandCollapseButton, {
|
|
61054
61058
|
isExpanded: showInfo,
|
|
61055
61059
|
onClick: function onClick(isExpanded) {
|
|
61056
61060
|
return setShowInfo(isExpanded);
|
|
61057
61061
|
}
|
|
61058
61062
|
}), React__default.createElement(ImageButton, {
|
|
61059
|
-
className: styles$
|
|
61063
|
+
className: styles$m['vitro-button-close'],
|
|
61060
61064
|
onClick: onClose
|
|
61061
61065
|
}))), props.isProgress && React__default.createElement(React__default.Fragment, null, React__default.createElement(Heading, {
|
|
61062
61066
|
tag: TAG.H4,
|
|
@@ -61065,13 +61069,13 @@ var ResultDialog = function ResultDialog(props) {
|
|
|
61065
61069
|
count: props.itemList.length
|
|
61066
61070
|
})
|
|
61067
61071
|
}), React__default.createElement(ProgressBar, {
|
|
61068
|
-
className: styles$
|
|
61072
|
+
className: styles$m['vitro-progress-bar'],
|
|
61069
61073
|
percentComplete: getPercentComplete(props.processedItemCount)
|
|
61070
61074
|
})), props.onSaveReport && !props.isProgress && React__default.createElement("button", {
|
|
61071
61075
|
onClick: onSaveReport,
|
|
61072
|
-
className: styles$
|
|
61076
|
+
className: styles$m['vitro-save-report-button']
|
|
61073
61077
|
}, localeService.create(LOCALE$2.RESULT_DIALOG_ACTION_SAVE_REPORT), React__default.createElement("div", {
|
|
61074
|
-
className: styles$
|
|
61078
|
+
className: styles$m['vitro-save-report-image']
|
|
61075
61079
|
}))), React__default.createElement(ActionResultList, {
|
|
61076
61080
|
successResult: props.successResult,
|
|
61077
61081
|
failResult: props.failResult,
|
|
@@ -61359,7 +61363,7 @@ var ActionHandler = function ActionHandler(props) {
|
|
|
61359
61363
|
}));
|
|
61360
61364
|
};
|
|
61361
61365
|
|
|
61362
|
-
var styles$
|
|
61366
|
+
var styles$n = {"vitro-dropdown-button":"_dropdown-button_vitro-dropdown-button_1myvkhB","vitro-dropdown-icon":"_dropdown-button_vitro-dropdown-icon_2aKCNii","vitro-text":"_dropdown-button_vitro-text_1FRiwp0","vitro-dropdown-button-item-overflow":"_dropdown-button_vitro-dropdown-button-item-overflow_2aWEhD4","vitro-image":"_dropdown-button_vitro-image_3bX1quk","dropdown-item":"_dropdown-button_dropdown-item_1c2DhhE"};
|
|
61363
61367
|
|
|
61364
61368
|
var w$4 = window;
|
|
61365
61369
|
var ALIGN_END = 'end';
|
|
@@ -61430,10 +61434,10 @@ var DropdownButton = function DropdownButton(props) {
|
|
|
61430
61434
|
return !!item.imageUrl;
|
|
61431
61435
|
}) ? true : false;
|
|
61432
61436
|
return React__default.createElement("div", {
|
|
61433
|
-
className: styles$
|
|
61437
|
+
className: styles$n['vitro-dropdown-button'] + CTRL.SPACE + (props.className || CTRL.EMPTY)
|
|
61434
61438
|
}, overflowItemList.map(function (item) {
|
|
61435
61439
|
return React__default.createElement("div", {
|
|
61436
|
-
className: styles$
|
|
61440
|
+
className: styles$n['vitro-dropdown-button-item-overflow'],
|
|
61437
61441
|
key: item.key,
|
|
61438
61442
|
onClick: function onClick(e) {
|
|
61439
61443
|
return item.onClick(item.value, e);
|
|
@@ -61441,7 +61445,7 @@ var DropdownButton = function DropdownButton(props) {
|
|
|
61441
61445
|
}, item.imageUrl && React__default.createElement(Image, {
|
|
61442
61446
|
defaultUrl: item.imageUrl,
|
|
61443
61447
|
hoverUrl: item.imageHoverUrl,
|
|
61444
|
-
className: styles$
|
|
61448
|
+
className: styles$n['vitro-image']
|
|
61445
61449
|
}), React__default.createElement("span", null, item.text));
|
|
61446
61450
|
}), itemList.length > 0 && isReady && React__default.createElement(BootstrapDropdown, {
|
|
61447
61451
|
align: ALIGN_END,
|
|
@@ -61450,12 +61454,12 @@ var DropdownButton = function DropdownButton(props) {
|
|
|
61450
61454
|
}, React__default.createElement(BootstrapDropdown.Toggle, {
|
|
61451
61455
|
ref: buttonRef
|
|
61452
61456
|
}, props.title && React__default.createElement("span", {
|
|
61453
|
-
className: styles$
|
|
61457
|
+
className: styles$n['vitro-title']
|
|
61454
61458
|
}, props.title), props.imageUrl ? React__default.createElement(Image, {
|
|
61455
61459
|
defaultUrl: props.imageUrl,
|
|
61456
61460
|
hoverUrl: props.imageHoverUrl
|
|
61457
61461
|
}) : React__default.createElement("span", {
|
|
61458
|
-
className: styles$
|
|
61462
|
+
className: styles$n['vitro-dropdown-icon']
|
|
61459
61463
|
})), React__default.createElement(BootstrapDropdown.Menu, {
|
|
61460
61464
|
renderOnMount: false,
|
|
61461
61465
|
flip: props.isFlip !== false,
|
|
@@ -61467,7 +61471,7 @@ var DropdownButton = function DropdownButton(props) {
|
|
|
61467
61471
|
return x.onClick(x.value, e);
|
|
61468
61472
|
}
|
|
61469
61473
|
}, isShowImage && React__default.createElement("div", {
|
|
61470
|
-
className: styles$
|
|
61474
|
+
className: styles$n['vitro-image']
|
|
61471
61475
|
}, x.imageUrl && React__default.createElement(Image, {
|
|
61472
61476
|
defaultUrl: x.imageUrl,
|
|
61473
61477
|
hoverUrl: x.imageHoverUrl
|
|
@@ -61475,12 +61479,12 @@ var DropdownButton = function DropdownButton(props) {
|
|
|
61475
61479
|
})))));
|
|
61476
61480
|
};
|
|
61477
61481
|
|
|
61478
|
-
var styles$
|
|
61482
|
+
var styles$o = {"vitro-tab":"_tab-group_vitro-tab_1Qb50HL","vitro-item":"_tab-group_vitro-item_2YnBcmb","active":"_tab-group_active_3M-IIR2","vitro-dropdown-button":"_tab-group_vitro-dropdown-button_146jv_h"};
|
|
61479
61483
|
|
|
61480
61484
|
var OverflowButton = function OverflowButton(props) {
|
|
61481
61485
|
if (!props.list || !props.list.length) return null;
|
|
61482
61486
|
return React__default.createElement(DropdownButton, {
|
|
61483
|
-
className: styles$
|
|
61487
|
+
className: styles$o['vitro-dropdown-button'],
|
|
61484
61488
|
itemList: props.list.map(function (x, i) {
|
|
61485
61489
|
return _extends({}, x, {
|
|
61486
61490
|
value: x.index,
|
|
@@ -61499,9 +61503,9 @@ var OverflowButton = function OverflowButton(props) {
|
|
|
61499
61503
|
var Tab = function Tab(props) {
|
|
61500
61504
|
return React__default.createElement("div", {
|
|
61501
61505
|
key: props.index,
|
|
61502
|
-
className: styles$
|
|
61506
|
+
className: styles$o['vitro-item']
|
|
61503
61507
|
}, React__default.createElement(Nav$2.Item, {
|
|
61504
|
-
className: props.active ? styles$
|
|
61508
|
+
className: props.active ? styles$o['active'] : undefined,
|
|
61505
61509
|
onClick: function onClick() {
|
|
61506
61510
|
return props.onClick(props.index);
|
|
61507
61511
|
}
|
|
@@ -61642,7 +61646,7 @@ var TabGroupComponent = function TabGroupComponent(props) {
|
|
|
61642
61646
|
}
|
|
61643
61647
|
}, [props.itemList]);
|
|
61644
61648
|
return React__default.createElement("div", {
|
|
61645
|
-
className: styles$
|
|
61649
|
+
className: styles$o['vitro-tab'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
|
|
61646
61650
|
ref: ref
|
|
61647
61651
|
}, React__default.createElement(TabGroupHeader, {
|
|
61648
61652
|
itemList: tabList,
|
|
@@ -61681,7 +61685,7 @@ var TabGroup = function TabGroup(props) {
|
|
|
61681
61685
|
}, React__default.createElement(TabGroupComponent, Object.assign({}, props))) : React__default.createElement(TabGroupComponent, Object.assign({}, props));
|
|
61682
61686
|
};
|
|
61683
61687
|
|
|
61684
|
-
var styles$
|
|
61688
|
+
var styles$p = {"vitro-view-part":"_view-part_vitro-view-part_3j_gZpl"};
|
|
61685
61689
|
|
|
61686
61690
|
var ViewPart = function ViewPart(props) {
|
|
61687
61691
|
var _useState = React.useState(null),
|
|
@@ -61697,26 +61701,26 @@ var ViewPart = function ViewPart(props) {
|
|
|
61697
61701
|
}
|
|
61698
61702
|
}, [props.component, props.settings, props.item]);
|
|
61699
61703
|
return React__default.createElement("div", {
|
|
61700
|
-
className: styles$
|
|
61704
|
+
className: styles$p['vitro-view-part'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
|
|
61701
61705
|
}, component);
|
|
61702
61706
|
};
|
|
61703
61707
|
|
|
61704
|
-
var styles$
|
|
61708
|
+
var styles$q = {"vitro-control":"_control-group_vitro-control_2h_sXQv","vitro-control-row":"_control-group_vitro-control-row_6l8m5Wh","vitro-label":"_control-group_vitro-label_3J193Ml"};
|
|
61705
61709
|
|
|
61706
61710
|
var ControlGroup = function ControlGroup(props) {
|
|
61707
61711
|
if (props.horizontal) {
|
|
61708
61712
|
return React__default.createElement("div", {
|
|
61709
|
-
className: 'container ' + styles$
|
|
61713
|
+
className: 'container ' + styles$q['vitro-control']
|
|
61710
61714
|
}, React__default.createElement("div", {
|
|
61711
61715
|
className: props.as
|
|
61712
61716
|
}, props.children));
|
|
61713
61717
|
}
|
|
61714
61718
|
return React__default.createElement("div", {
|
|
61715
|
-
className: styles$
|
|
61719
|
+
className: styles$q['vitro-control-row']
|
|
61716
61720
|
}, props.children);
|
|
61717
61721
|
};
|
|
61718
61722
|
|
|
61719
|
-
var styles$
|
|
61723
|
+
var styles$r = {"vitro-view":"_view_vitro-view_1NKb-kU","vitro-tab":"_view_vitro-tab_2sqf0L9","vitro-content":"_view_vitro-content_17HzDlb"};
|
|
61720
61724
|
|
|
61721
61725
|
var GroupControl = function GroupControl(props) {
|
|
61722
61726
|
var scrollbarContentRef = React.useRef(null);
|
|
@@ -61728,7 +61732,7 @@ var GroupControl = function GroupControl(props) {
|
|
|
61728
61732
|
return React__default.createElement(ControlGroup, {
|
|
61729
61733
|
horizontal: true
|
|
61730
61734
|
}, React__default.createElement(ScrollBar, {
|
|
61731
|
-
contentClassName: styles$
|
|
61735
|
+
contentClassName: styles$r['vitro-content'],
|
|
61732
61736
|
contentRef: scrollbarContentRef
|
|
61733
61737
|
}, props.componentList && props.componentList.map(function (viewPart) {
|
|
61734
61738
|
return React__default.createElement(ViewPart, {
|
|
@@ -61736,7 +61740,7 @@ var GroupControl = function GroupControl(props) {
|
|
|
61736
61740
|
settings: viewPart.settings,
|
|
61737
61741
|
props: props,
|
|
61738
61742
|
item: props.item,
|
|
61739
|
-
className: styles$
|
|
61743
|
+
className: styles$r['vitro-view-part']
|
|
61740
61744
|
});
|
|
61741
61745
|
})));
|
|
61742
61746
|
};
|
|
@@ -61765,34 +61769,34 @@ var View = function View(props) {
|
|
|
61765
61769
|
}
|
|
61766
61770
|
}, [props.tabList]);
|
|
61767
61771
|
return tabList && React__default.createElement("div", {
|
|
61768
|
-
className: styles$
|
|
61772
|
+
className: styles$r['vitro-view']
|
|
61769
61773
|
}, React__default.createElement(TabGroup, {
|
|
61770
61774
|
itemList: tabList,
|
|
61771
61775
|
isDisabled: props.isDisabled,
|
|
61772
|
-
className: styles$
|
|
61776
|
+
className: styles$r['vitro-tab'],
|
|
61773
61777
|
wrap: true
|
|
61774
61778
|
}));
|
|
61775
61779
|
};
|
|
61776
61780
|
|
|
61777
|
-
var styles$
|
|
61781
|
+
var styles$s = {"vitro-label":"_label_vitro-label_it8WNUE","vitro-required":"_label_vitro-required_2-bSGif"};
|
|
61778
61782
|
|
|
61779
61783
|
var Label = React.forwardRef(function (props, ref) {
|
|
61780
61784
|
return React__default.createElement("div", {
|
|
61781
61785
|
ref: ref,
|
|
61782
|
-
className: styles$
|
|
61786
|
+
className: styles$s['vitro-label'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
|
|
61783
61787
|
style: props.width ? {
|
|
61784
61788
|
width: props.width + UNIT.PX
|
|
61785
61789
|
} : undefined
|
|
61786
61790
|
}, props.text, props.isRequired && React__default.createElement("span", {
|
|
61787
|
-
className: styles$
|
|
61791
|
+
className: styles$s['vitro-required']
|
|
61788
61792
|
}, CTRL.ASTERISK));
|
|
61789
61793
|
});
|
|
61790
61794
|
|
|
61791
|
-
var styles$
|
|
61795
|
+
var styles$t = {"vitro-error-message":"_error-message_vitro-error-message_2lHJjgO"};
|
|
61792
61796
|
|
|
61793
61797
|
var ErrorMessage = function ErrorMessage(props) {
|
|
61794
61798
|
return React__default.createElement("span", {
|
|
61795
|
-
className: styles$
|
|
61799
|
+
className: styles$t['vitro-error-message'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
|
|
61796
61800
|
}, props.text);
|
|
61797
61801
|
};
|
|
61798
61802
|
|
|
@@ -61807,7 +61811,7 @@ var AUTOCOMPLETE;
|
|
|
61807
61811
|
AUTOCOMPLETE["OFF"] = "off";
|
|
61808
61812
|
})(AUTOCOMPLETE || (AUTOCOMPLETE = {}));
|
|
61809
61813
|
|
|
61810
|
-
var styles$
|
|
61814
|
+
var styles$u = {"vitro-control":"_input_vitro-control_1DmPFkF","vitro-read-only":"_input_vitro-read-only_3f-cBbK","vitro-label":"_input_vitro-label_2XBESiY","vitro-focus":"_input_vitro-focus_1txynr8","vitro-error":"_input_vitro-error_1T3dLzB","vitro-left-label":"_input_vitro-left-label_D9Fpvpd","vitro-error-message":"_input_vitro-error-message_349uWKt","vitro-button-copy":"_input_vitro-button-copy_jjyktjx","vitro-tooltip":"_input_vitro-tooltip_2DcJtbX"};
|
|
61811
61815
|
|
|
61812
61816
|
var Input = React.forwardRef(function (props, ref) {
|
|
61813
61817
|
var control;
|
|
@@ -61852,7 +61856,7 @@ var Input = React.forwardRef(function (props, ref) {
|
|
|
61852
61856
|
}
|
|
61853
61857
|
}, [inputValue]);
|
|
61854
61858
|
React.useEffect(function () {
|
|
61855
|
-
setState(props.errorMessage || props.isError ? styles$
|
|
61859
|
+
setState(props.errorMessage || props.isError ? styles$u['vitro-error'] : CTRL.EMPTY);
|
|
61856
61860
|
}, [props.errorMessage, props.isError]);
|
|
61857
61861
|
React.useEffect(function () {
|
|
61858
61862
|
var jsonStyle = {};
|
|
@@ -61862,7 +61866,7 @@ var Input = React.forwardRef(function (props, ref) {
|
|
|
61862
61866
|
setStyle(jsonStyle);
|
|
61863
61867
|
}, [props.height, props.minHeight, props.maxHeight]);
|
|
61864
61868
|
React.useEffect(function () {
|
|
61865
|
-
if (state === styles$
|
|
61869
|
+
if (state === styles$u['vitro-focus'] && inputRef.current && document.activeElement !== inputRef.current) {
|
|
61866
61870
|
inputRef.current.focus();
|
|
61867
61871
|
}
|
|
61868
61872
|
}, [state]);
|
|
@@ -61891,7 +61895,7 @@ var Input = React.forwardRef(function (props, ref) {
|
|
|
61891
61895
|
}
|
|
61892
61896
|
};
|
|
61893
61897
|
var onBlur = function onBlur(e) {
|
|
61894
|
-
setState(props.errorMessage || props.isError ? styles$
|
|
61898
|
+
setState(props.errorMessage || props.isError ? styles$u['vitro-error'] : CTRL.EMPTY);
|
|
61895
61899
|
setIsShowTooltip(getIsShowTooltip());
|
|
61896
61900
|
if (props.onBlur) {
|
|
61897
61901
|
props.onBlur(e);
|
|
@@ -61899,7 +61903,7 @@ var Input = React.forwardRef(function (props, ref) {
|
|
|
61899
61903
|
};
|
|
61900
61904
|
var onFocus = function onFocus(e) {
|
|
61901
61905
|
var _inputRef$current;
|
|
61902
|
-
setState(styles$
|
|
61906
|
+
setState(styles$u['vitro-focus']);
|
|
61903
61907
|
setIsShowTooltip(false);
|
|
61904
61908
|
(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
|
|
61905
61909
|
if (props.onFocus) {
|
|
@@ -61973,19 +61977,19 @@ var Input = React.forwardRef(function (props, ref) {
|
|
|
61973
61977
|
});
|
|
61974
61978
|
if (props.isIcon) {
|
|
61975
61979
|
control = React__default.createElement("div", {
|
|
61976
|
-
className: styles$
|
|
61980
|
+
className: styles$u['vitro-icon-control'] + CTRL.SPACE + state
|
|
61977
61981
|
}, input);
|
|
61978
61982
|
} else {
|
|
61979
61983
|
control = input;
|
|
61980
61984
|
}
|
|
61981
61985
|
}
|
|
61982
61986
|
var getClassName = function getClassName() {
|
|
61983
|
-
var classList = [styles$
|
|
61987
|
+
var classList = [styles$u['vitro-control'], props.className];
|
|
61984
61988
|
if (props.isDisabled || props.isReadOnly) {
|
|
61985
|
-
classList.push(styles$
|
|
61989
|
+
classList.push(styles$u['vitro-read-only']);
|
|
61986
61990
|
}
|
|
61987
61991
|
if (props.labelPosition === POSITION.LEFT) {
|
|
61988
|
-
classList.push(styles$
|
|
61992
|
+
classList.push(styles$u['vitro-left-label']);
|
|
61989
61993
|
}
|
|
61990
61994
|
classList.push(state);
|
|
61991
61995
|
return classList.join(CTRL.SPACE);
|
|
@@ -61994,42 +61998,42 @@ var Input = React.forwardRef(function (props, ref) {
|
|
|
61994
61998
|
text: props.isMultiline || isShowTooltip === false ? CTRL.EMPTY : inputValue,
|
|
61995
61999
|
placement: PLACEMENT.BOTTOM,
|
|
61996
62000
|
isShow: isShowTooltip === false ? false : undefined,
|
|
61997
|
-
className: styles$
|
|
62001
|
+
className: styles$u['vitro-tooltip']
|
|
61998
62002
|
}, React__default.createElement("div", {
|
|
61999
62003
|
className: getClassName()
|
|
62000
62004
|
}, props.label && React__default.createElement(Label, {
|
|
62001
62005
|
text: props.label,
|
|
62002
62006
|
isRequired: props.isRequired,
|
|
62003
62007
|
width: props.labelWidth,
|
|
62004
|
-
className: styles$
|
|
62008
|
+
className: styles$u['vitro-label']
|
|
62005
62009
|
}), control, props.isReadOnly && props.isShowCopyButton !== false ? React__default.createElement("span", {
|
|
62006
|
-
className: styles$
|
|
62010
|
+
className: styles$u['vitro-button-copy'],
|
|
62007
62011
|
onClick: copyValue
|
|
62008
62012
|
}) : null, props.children, props.errorMessage && React__default.createElement(ErrorMessage, {
|
|
62009
62013
|
text: props.errorMessage,
|
|
62010
|
-
className: styles$
|
|
62014
|
+
className: styles$u['vitro-error-message']
|
|
62011
62015
|
})));
|
|
62012
62016
|
});
|
|
62013
62017
|
|
|
62014
|
-
var styles$
|
|
62018
|
+
var styles$v = {"vitro-issue-tile-footer":"_issue-tile-footer_vitro-issue-tile-footer_KtHOieL","vitro-issue-tile-status":"_issue-tile-footer_vitro-issue-tile-status_3OjC56L","vitro-status-color":"_issue-tile-footer_vitro-status-color_hhLb22J","vitro-button-more":"_issue-tile-footer_vitro-button-more_1RyVAeR"};
|
|
62015
62019
|
|
|
62016
62020
|
var IssueTileFooter = function IssueTileFooter(props) {
|
|
62017
62021
|
return React__default.createElement("div", {
|
|
62018
|
-
className: styles$
|
|
62022
|
+
className: styles$v['vitro-issue-tile-footer']
|
|
62019
62023
|
}, React__default.createElement("div", {
|
|
62020
|
-
className: styles$
|
|
62024
|
+
className: styles$v['vitro-issue-tile-status']
|
|
62021
62025
|
}, props.statusColor && React__default.createElement("div", {
|
|
62022
|
-
className: styles$
|
|
62026
|
+
className: styles$v['vitro-status-color'],
|
|
62023
62027
|
style: {
|
|
62024
62028
|
background: props.statusColor
|
|
62025
62029
|
}
|
|
62026
62030
|
}), props.status), props.onShowMoreClick && React__default.createElement("div", {
|
|
62027
62031
|
onClick: props.onShowMoreClick,
|
|
62028
|
-
className: styles$
|
|
62032
|
+
className: styles$v['vitro-button-more']
|
|
62029
62033
|
}));
|
|
62030
62034
|
};
|
|
62031
62035
|
|
|
62032
|
-
var styles$
|
|
62036
|
+
var styles$w = {"vitro-avatar":"_avatar_vitro-avatar_P2tU-_r"};
|
|
62033
62037
|
|
|
62034
62038
|
var Avatar = function Avatar(props) {
|
|
62035
62039
|
var getInitials = function getInitials() {
|
|
@@ -62068,7 +62072,7 @@ var Avatar = function Avatar(props) {
|
|
|
62068
62072
|
var getBgColor = function getBgColor(name) {
|
|
62069
62073
|
return "linear-gradient(0deg, hsla(" + getHue(name) + ", 58%, 55%, 1), hsla(" + (getHue(name) + 50) + ", 100%, 78%, 1))";
|
|
62070
62074
|
};
|
|
62071
|
-
var className = styles$
|
|
62075
|
+
var className = styles$w['vitro-avatar'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY);
|
|
62072
62076
|
return React__default.createElement("div", {
|
|
62073
62077
|
className: className,
|
|
62074
62078
|
style: props.image ? {} : {
|
|
@@ -62079,30 +62083,30 @@ var Avatar = function Avatar(props) {
|
|
|
62079
62083
|
}) : getInitials());
|
|
62080
62084
|
};
|
|
62081
62085
|
|
|
62082
|
-
var styles$
|
|
62086
|
+
var styles$x = {"vitro-issue-tile-header":"_issue-tile-header_vitro-issue-tile-header_jTcaXBE","vitro-link":"_issue-tile-header_vitro-link_9DQ3Bqk","vitro-user-info":"_issue-tile-header_vitro-user-info_16Yhluy","vitro-avatar":"_issue-tile-header_vitro-avatar_3rf1BME","vitro-dropdown-button":"_issue-tile-header_vitro-dropdown-button_1-7nI-k"};
|
|
62083
62087
|
|
|
62084
62088
|
var VERSION = 'V';
|
|
62085
62089
|
var TARGET_BLANK = '_blank';
|
|
62086
62090
|
var IssueTileHeader = function IssueTileHeader(props) {
|
|
62087
62091
|
return React__default.createElement("div", {
|
|
62088
|
-
className: styles$
|
|
62092
|
+
className: styles$x['vitro-issue-tile-header']
|
|
62089
62093
|
}, React__default.createElement("a", {
|
|
62090
|
-
className: styles$
|
|
62094
|
+
className: styles$x['vitro-link'],
|
|
62091
62095
|
href: props.url,
|
|
62092
62096
|
target: TARGET_BLANK
|
|
62093
62097
|
}, CTRL.SHARP + props.id), React__default.createElement("div", {
|
|
62094
|
-
className: styles$
|
|
62098
|
+
className: styles$x['vitro-user-info']
|
|
62095
62099
|
}, React__default.createElement(Avatar, {
|
|
62096
62100
|
image: props.userImage,
|
|
62097
62101
|
userName: props.userName,
|
|
62098
|
-
className: styles$
|
|
62102
|
+
className: styles$x['vitro-avatar']
|
|
62099
62103
|
}), React__default.createElement("div", null, React__default.createElement("span", null, props.userName), React__default.createElement("span", null, props.date))), React__default.createElement("a", {
|
|
62100
|
-
className: styles$
|
|
62104
|
+
className: styles$x['vitro-link'],
|
|
62101
62105
|
href: props.fileVersionUrl,
|
|
62102
62106
|
target: TARGET_BLANK
|
|
62103
62107
|
}, VERSION + CTRL.SQUARE_BRACKET_OPEN + props.fileVersion + CTRL.SQUARE_BRACKET_CLOSE), props.actionList && props.actionList.length ? React__default.createElement(DropdownButton, {
|
|
62104
62108
|
itemList: props.actionList,
|
|
62105
|
-
className: styles$
|
|
62109
|
+
className: styles$x['vitro-dropdown-button']
|
|
62106
62110
|
}) : null);
|
|
62107
62111
|
};
|
|
62108
62112
|
|
|
@@ -62113,7 +62117,7 @@ var LOCALE$3;
|
|
|
62113
62117
|
LOCALE["ERROR_EMPTY"] = "app.common.issueTile.error.empty";
|
|
62114
62118
|
})(LOCALE$3 || (LOCALE$3 = {}));
|
|
62115
62119
|
|
|
62116
|
-
var styles$
|
|
62120
|
+
var styles$y = {"vitro-issue-tile":"_issue-tile_vitro-issue-tile_2D7E9Y-","vitro-control":"_issue-tile_vitro-control_3V6_Ze7"};
|
|
62117
62121
|
|
|
62118
62122
|
var IssueTile = function IssueTile(props) {
|
|
62119
62123
|
var _useState = React.useState(props.name),
|
|
@@ -62168,7 +62172,7 @@ var IssueTile = function IssueTile(props) {
|
|
|
62168
62172
|
};
|
|
62169
62173
|
return React__default.createElement("div", {
|
|
62170
62174
|
id: 'vitro-issue-tile-' + props.id,
|
|
62171
|
-
className: styles$
|
|
62175
|
+
className: styles$y['vitro-issue-tile'] + (props.isActive ? CTRL.SPACE + 'vitro-active' : CTRL.EMPTY),
|
|
62172
62176
|
onClick: props.onClick
|
|
62173
62177
|
}, React__default.createElement(IssueTileHeader, {
|
|
62174
62178
|
id: props.id,
|
|
@@ -62184,7 +62188,7 @@ var IssueTile = function IssueTile(props) {
|
|
|
62184
62188
|
}, React__default.createElement("div", null, React__default.createElement(Input, {
|
|
62185
62189
|
label: props.createLocale(LOCALE$3.INPUT_NAME_LABEL),
|
|
62186
62190
|
onBlur: _onBlurInputName,
|
|
62187
|
-
className: styles$
|
|
62191
|
+
className: styles$y['vitro-control'],
|
|
62188
62192
|
value: nameVal,
|
|
62189
62193
|
isRequired: true,
|
|
62190
62194
|
ref: inputRef,
|
|
@@ -62194,7 +62198,7 @@ var IssueTile = function IssueTile(props) {
|
|
|
62194
62198
|
isMultiline: true,
|
|
62195
62199
|
label: props.createLocale(LOCALE$3.TEXTAREA_LABEL),
|
|
62196
62200
|
onBlur: props.onBlur,
|
|
62197
|
-
className: styles$
|
|
62201
|
+
className: styles$y['vitro-control'],
|
|
62198
62202
|
value: props.text,
|
|
62199
62203
|
rows: 7
|
|
62200
62204
|
}), React__default.createElement(IssueTileFooter, {
|
|
@@ -62204,7 +62208,7 @@ var IssueTile = function IssueTile(props) {
|
|
|
62204
62208
|
}));
|
|
62205
62209
|
};
|
|
62206
62210
|
|
|
62207
|
-
var styles$
|
|
62211
|
+
var styles$z = {"vitro-file-version-select":"_file-version-select_vitro-file-version-select_1wIyab3","vitro-selected-version":"_file-version-select_vitro-selected-version_2BVgaBC","vitro-file-name":"_file-version-select_vitro-file-name_1PtLh8A","vitro-file-name-tip":"_file-version-select_vitro-file-name-tip_12pxa7I","vitro-button-collapse-up":"_file-version-select_vitro-button-collapse-up_2GaCEdu","vitro-button-collapse-bottom":"_file-version-select_vitro-button-collapse-bottom_38zg3bU","vitro-version-name-red":"_file-version-select_vitro-version-name-red_-j6Z9ap","vitro-version-name-green":"_file-version-select_vitro-version-name-green_7PfVUHk","vitro-version-list":"_file-version-select_vitro-version-list_3h5D3pD","vitro-file-version-item":"_file-version-select_vitro-file-version-item_38KWa8a","vitro-content":"_file-version-select_vitro-content_zDUhjj0","vitro-version-name":"_file-version-select_vitro-version-name_1821bal","vitro-flex":"_file-version-select_vitro-flex_35zCAQv","vitro-active":"_file-version-select_vitro-active_1PRyjUa"};
|
|
62208
62212
|
|
|
62209
62213
|
var VERSION_PREFIX = 'V';
|
|
62210
62214
|
var Item$1 = function Item(props) {
|
|
@@ -62215,7 +62219,7 @@ var Item$1 = function Item(props) {
|
|
|
62215
62219
|
}
|
|
62216
62220
|
}, [versionNameRef]);
|
|
62217
62221
|
return React__default.createElement("li", {
|
|
62218
|
-
className: styles$
|
|
62222
|
+
className: styles$z['vitro-file-version-item'] + CTRL.SPACE + (props.isActive ? styles$z['vitro-active'] : CTRL.EMPTY),
|
|
62219
62223
|
onClick: function onClick() {
|
|
62220
62224
|
return props.onClick(props.version);
|
|
62221
62225
|
}
|
|
@@ -62224,13 +62228,13 @@ var Item$1 = function Item(props) {
|
|
|
62224
62228
|
style: props.versionWidth ? {
|
|
62225
62229
|
width: props.versionWidth + UNIT.PX
|
|
62226
62230
|
} : {},
|
|
62227
|
-
className: props.isActive ? props.isCurrent ? styles$
|
|
62231
|
+
className: props.isActive ? props.isCurrent ? styles$z['vitro-version-name-green'] : styles$z['vitro-version-name-red'] : styles$z['vitro-version-name']
|
|
62228
62232
|
}, VERSION_PREFIX + props.version.name), React__default.createElement("div", {
|
|
62229
|
-
className: styles$
|
|
62233
|
+
className: styles$z['vitro-content']
|
|
62230
62234
|
}, React__default.createElement("div", {
|
|
62231
|
-
className: styles$
|
|
62235
|
+
className: styles$z['vitro-file-name']
|
|
62232
62236
|
}, props.fileName), React__default.createElement("div", {
|
|
62233
|
-
className: styles$
|
|
62237
|
+
className: styles$z['vitro-flex']
|
|
62234
62238
|
}, React__default.createElement("span", null, props.version.userName), React__default.createElement("span", null, props.version.date))));
|
|
62235
62239
|
};
|
|
62236
62240
|
|
|
@@ -62295,17 +62299,17 @@ var FileVersionSelect = function FileVersionSelect(props) {
|
|
|
62295
62299
|
}
|
|
62296
62300
|
};
|
|
62297
62301
|
return React__default.createElement("div", {
|
|
62298
|
-
className: styles$
|
|
62302
|
+
className: styles$z['vitro-file-version-select'],
|
|
62299
62303
|
ref: selectRef
|
|
62300
62304
|
}, selectedVersion && React__default.createElement("div", {
|
|
62301
|
-
className: styles$
|
|
62305
|
+
className: styles$z['vitro-selected-version'],
|
|
62302
62306
|
onClick: onCollapseButtonClick
|
|
62303
62307
|
}, React__default.createElement("div", {
|
|
62304
62308
|
ref: fileNameRef,
|
|
62305
62309
|
onMouseOver: onMouseOver,
|
|
62306
|
-
className: styles$
|
|
62310
|
+
className: styles$z['vitro-file-name']
|
|
62307
62311
|
}, props.fileName), showFileName && React__default.createElement("div", {
|
|
62308
|
-
className: styles$
|
|
62312
|
+
className: styles$z['vitro-file-name-tip'],
|
|
62309
62313
|
onMouseLeave: function onMouseLeave() {
|
|
62310
62314
|
return setShowFileName(false);
|
|
62311
62315
|
},
|
|
@@ -62314,11 +62318,11 @@ var FileVersionSelect = function FileVersionSelect(props) {
|
|
|
62314
62318
|
placement: PLACEMENT.BOTTOM,
|
|
62315
62319
|
text: isCurrent ? props.tooltipTextCurrent : props.tooltipTextNotCurrent
|
|
62316
62320
|
}, React__default.createElement("div", {
|
|
62317
|
-
className: isCurrent ? styles$
|
|
62321
|
+
className: isCurrent ? styles$z['vitro-version-name-green'] : styles$z['vitro-version-name-red']
|
|
62318
62322
|
}, VERSION_PREFIX$1 + selectedVersion.name)), React__default.createElement("div", {
|
|
62319
|
-
className: showValueList ? styles$
|
|
62323
|
+
className: showValueList ? styles$z['vitro-button-collapse-up'] : styles$z['vitro-button-collapse-bottom']
|
|
62320
62324
|
})), showValueList && React__default.createElement("ul", {
|
|
62321
|
-
className: styles$
|
|
62325
|
+
className: styles$z['vitro-version-list']
|
|
62322
62326
|
}, React__default.createElement(ScrollBar, null, props.itemList.map(function (item) {
|
|
62323
62327
|
return React__default.createElement(Item$1, {
|
|
62324
62328
|
version: item,
|
|
@@ -62421,7 +62425,7 @@ var Viewer = function Viewer(props) {
|
|
|
62421
62425
|
};
|
|
62422
62426
|
|
|
62423
62427
|
var name = "@vitrosoftware/common-ui-ts";
|
|
62424
|
-
var version$1 = "1.1.
|
|
62428
|
+
var version$1 = "1.1.135";
|
|
62425
62429
|
var description = "vitro software common ui ts";
|
|
62426
62430
|
var author = "";
|
|
62427
62431
|
var license = "MIT";
|
|
@@ -62566,7 +62570,7 @@ var PdfViewer = function PdfViewer(props) {
|
|
|
62566
62570
|
});
|
|
62567
62571
|
};
|
|
62568
62572
|
|
|
62569
|
-
var styles$
|
|
62573
|
+
var styles$A = {"vitro-login-content":"_login-content_vitro-login-content_2RdLZle"};
|
|
62570
62574
|
|
|
62571
62575
|
var LoginContent = function LoginContent(props) {
|
|
62572
62576
|
var ref = React.useRef(null);
|
|
@@ -62577,26 +62581,26 @@ var LoginContent = function LoginContent(props) {
|
|
|
62577
62581
|
}
|
|
62578
62582
|
}, [props.children]);
|
|
62579
62583
|
return React__default.createElement("div", {
|
|
62580
|
-
className: styles$
|
|
62584
|
+
className: styles$A['vitro-login-content'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
|
|
62581
62585
|
ref: ref
|
|
62582
62586
|
}, props.children);
|
|
62583
62587
|
};
|
|
62584
62588
|
|
|
62585
|
-
var styles$
|
|
62589
|
+
var styles$B = {"vitro-login-layout":"_login_vitro-login-layout_1C8owlz","vitro-login":"_login_vitro-login_12nYNm2","vitro-logo":"_login_vitro-logo_3-qTjgy","vitro-footer":"_login_vitro-footer_1lceaP0","vitro-link-list":"_login_vitro-link-list_1rQQg9u","vitro-copyright":"_login_vitro-copyright_1gm65Ao","vitro-language":"_login_vitro-language_2T3uktL"};
|
|
62586
62590
|
|
|
62587
62591
|
var LoginFooter = function LoginFooter(props) {
|
|
62588
62592
|
return React__default.createElement("div", {
|
|
62589
|
-
className: styles$
|
|
62593
|
+
className: styles$B['vitro-footer']
|
|
62590
62594
|
}, React__default.createElement("div", {
|
|
62591
|
-
className: styles$
|
|
62595
|
+
className: styles$B['vitro-language']
|
|
62592
62596
|
}), React__default.createElement("ul", {
|
|
62593
|
-
className: styles$
|
|
62597
|
+
className: styles$B['vitro-link-list']
|
|
62594
62598
|
}, props.itemList && props.itemList.map(function (item) {
|
|
62595
62599
|
return React__default.createElement("li", null, React__default.createElement("a", {
|
|
62596
62600
|
href: item.url
|
|
62597
62601
|
}, item.text));
|
|
62598
62602
|
})), React__default.createElement("div", {
|
|
62599
|
-
className: styles$
|
|
62603
|
+
className: styles$B['vitro-copyright']
|
|
62600
62604
|
}, props.copyright));
|
|
62601
62605
|
};
|
|
62602
62606
|
|
|
@@ -62619,8 +62623,8 @@ var LOCALE$4;
|
|
|
62619
62623
|
LOCALE["TWO_FACTOR_AUTHENTICATION_FORM_DESCRIPTION_VALIDITY"] = "app.common.login.twoFactorAuthenticationForm.description.codeValidityDuration";
|
|
62620
62624
|
LOCALE["TWO_FACTOR_AUTHENTICATION_FORM_DESCRIPTION_RESEND"] = "app.common.login.twoFactorAuthenticationForm.description.resendCodeDuration";
|
|
62621
62625
|
LOCALE["TWO_FACTOR_AUTHENTICATION_FORM_ERROR_EMPTY"] = "app.common.login.twoFactorAuthenticationForm.error.empty";
|
|
62622
|
-
LOCALE["
|
|
62623
|
-
LOCALE["
|
|
62626
|
+
LOCALE["LOGIN_KERBEROS_FORM_SUBTITLE_PROGRESS"] = "app.common.login.loginKerberosForm.subtitle.progress";
|
|
62627
|
+
LOCALE["LOGIN_KERBEROS_FORM_SUBTITLE_ERROR"] = "app.common.login.loginKerberosForm.subtitle.error";
|
|
62624
62628
|
LOCALE["ACTION_LOGIN"] = "app.common.login.action.login";
|
|
62625
62629
|
LOCALE["ACTION_GO_BACK"] = "app.common.login.action.goBack";
|
|
62626
62630
|
LOCALE["ACTION_RESET_PASSWORD"] = "app.common.login.action.resetPassword";
|
|
@@ -62639,11 +62643,11 @@ var FIELD_NAME;
|
|
|
62639
62643
|
var Login = function Login(props) {
|
|
62640
62644
|
var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
|
|
62641
62645
|
return React__default.createElement("div", {
|
|
62642
|
-
className: styles$
|
|
62646
|
+
className: styles$B['vitro-login-layout']
|
|
62643
62647
|
}, React__default.createElement("div", {
|
|
62644
|
-
className: styles$
|
|
62648
|
+
className: styles$B['vitro-login']
|
|
62645
62649
|
}, React__default.createElement(Image, {
|
|
62646
|
-
className: styles$
|
|
62650
|
+
className: styles$B['vitro-logo'],
|
|
62647
62651
|
defaultUrl: props.logo
|
|
62648
62652
|
}), React__default.createElement(LoginContent, null, props.children)), React__default.createElement(LoginFooter, {
|
|
62649
62653
|
copyright: props.copyright || localeService.create(LOCALE$4.COPYRIGHT),
|
|
@@ -62651,7 +62655,7 @@ var Login = function Login(props) {
|
|
|
62651
62655
|
}));
|
|
62652
62656
|
};
|
|
62653
62657
|
|
|
62654
|
-
var styles$
|
|
62658
|
+
var styles$C = {"vitro-control":"_checkbox_vitro-control_DfB5DDM","vitro-checkbox-content":"_checkbox_vitro-checkbox-content_2fBG1zl","vitro-label":"_checkbox_vitro-label_qZxCbCP","vitro-left-label":"_checkbox_vitro-left-label_Uu1Tp31"};
|
|
62655
62659
|
|
|
62656
62660
|
var Checkbox = React.forwardRef(function (props, ref) {
|
|
62657
62661
|
var _useState = React.useState(props.value ? true : false),
|
|
@@ -62680,14 +62684,14 @@ var Checkbox = React.forwardRef(function (props, ref) {
|
|
|
62680
62684
|
props.onChange && props.onChange(!value, props.name);
|
|
62681
62685
|
_setValue(!value);
|
|
62682
62686
|
};
|
|
62683
|
-
var className = styles$
|
|
62687
|
+
var className = styles$C['vitro-control'] + (props.labelPosition === POSITION.LEFT ? CTRL.SPACE + styles$C['vitro-left-label'] : CTRL.EMPTY) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY);
|
|
62684
62688
|
return React__default.createElement("div", {
|
|
62685
62689
|
className: className
|
|
62686
62690
|
}, props.labelPosition === POSITION.LEFT && React__default.createElement(Label, {
|
|
62687
62691
|
text: props.label,
|
|
62688
|
-
className: styles$
|
|
62692
|
+
className: styles$C['vitro-label']
|
|
62689
62693
|
}), React__default.createElement("div", {
|
|
62690
|
-
className: styles$
|
|
62694
|
+
className: styles$C['vitro-checkbox-content']
|
|
62691
62695
|
}, React__default.createElement("input", {
|
|
62692
62696
|
ref: checkboxRef,
|
|
62693
62697
|
disabled: props.isDisabled,
|
|
@@ -62697,7 +62701,7 @@ var Checkbox = React.forwardRef(function (props, ref) {
|
|
|
62697
62701
|
onChange: onChange
|
|
62698
62702
|
}), props.labelPosition !== POSITION.LEFT && React__default.createElement(Label, {
|
|
62699
62703
|
text: props.label,
|
|
62700
|
-
className: styles$
|
|
62704
|
+
className: styles$C['vitro-label']
|
|
62701
62705
|
})));
|
|
62702
62706
|
});
|
|
62703
62707
|
|
|
@@ -62707,22 +62711,22 @@ var TYPE;
|
|
|
62707
62711
|
TYPE["PASSWORD"] = "password";
|
|
62708
62712
|
})(TYPE || (TYPE = {}));
|
|
62709
62713
|
|
|
62710
|
-
var styles$
|
|
62714
|
+
var styles$D = {"vitro-button-show-password":"_password-input_vitro-button-show-password_2jL4nM-","vitro-button-hide-password":"_password-input_vitro-button-hide-password_vPoUeVl"};
|
|
62711
62715
|
|
|
62712
62716
|
var PasswordInput = React.forwardRef(function (props, ref) {
|
|
62713
62717
|
var _useState = React.useState(TYPE.PASSWORD),
|
|
62714
62718
|
type = _useState[0],
|
|
62715
62719
|
setType = _useState[1];
|
|
62716
|
-
var _useState2 = React.useState(styles$
|
|
62720
|
+
var _useState2 = React.useState(styles$D['vitro-button-show-password']),
|
|
62717
62721
|
icon = _useState2[0],
|
|
62718
62722
|
setIcon = _useState2[1];
|
|
62719
62723
|
var togglePassword = function togglePassword() {
|
|
62720
62724
|
if (type === TYPE.PASSWORD) {
|
|
62721
62725
|
setType(TYPE.TEXT);
|
|
62722
|
-
setIcon(styles$
|
|
62726
|
+
setIcon(styles$D['vitro-button-hide-password']);
|
|
62723
62727
|
} else {
|
|
62724
62728
|
setType(TYPE.PASSWORD);
|
|
62725
|
-
setIcon(styles$
|
|
62729
|
+
setIcon(styles$D['vitro-button-show-password']);
|
|
62726
62730
|
}
|
|
62727
62731
|
};
|
|
62728
62732
|
return React__default.createElement(Input, Object.assign({}, props, {
|
|
@@ -62734,39 +62738,39 @@ var PasswordInput = React.forwardRef(function (props, ref) {
|
|
|
62734
62738
|
}));
|
|
62735
62739
|
});
|
|
62736
62740
|
|
|
62737
|
-
var styles$
|
|
62741
|
+
var styles$E = {"vitro-link":"_link_vitro-link_2ePaXvd"};
|
|
62738
62742
|
|
|
62739
62743
|
var Link = function Link(props) {
|
|
62740
62744
|
return React__default.createElement("a", {
|
|
62741
|
-
className: styles$
|
|
62745
|
+
className: styles$E['vitro-link'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
|
|
62742
62746
|
href: props.href,
|
|
62743
62747
|
onClick: props.href ? function () {} : props.onClick,
|
|
62744
62748
|
target: props.target
|
|
62745
62749
|
}, props.text);
|
|
62746
62750
|
};
|
|
62747
62751
|
|
|
62748
|
-
var styles$
|
|
62752
|
+
var styles$F = {"vitro-submit-button":"_login-submit-button_vitro-submit-button_1TFkn8x"};
|
|
62749
62753
|
|
|
62750
62754
|
var LoginSubmitButton = function LoginSubmitButton(props) {
|
|
62751
62755
|
var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
|
|
62752
62756
|
return React__default.createElement(Button$2, {
|
|
62753
|
-
className: styles$
|
|
62757
|
+
className: styles$F['vitro-submit-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
|
|
62754
62758
|
text: localeService.create(LOCALE$4.ACTION_LOGIN),
|
|
62755
62759
|
onClick: props.onClick,
|
|
62756
62760
|
isDisabled: props.isDisabled
|
|
62757
62761
|
});
|
|
62758
62762
|
};
|
|
62759
62763
|
|
|
62760
|
-
var styles$
|
|
62764
|
+
var styles$G = {"vitro-login-title":"_login-title_vitro-login-title_3Y4jqav"};
|
|
62761
62765
|
|
|
62762
62766
|
var LoginTitle = function LoginTitle(props) {
|
|
62763
62767
|
var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
|
|
62764
62768
|
return React__default.createElement("h1", {
|
|
62765
|
-
className: styles$
|
|
62769
|
+
className: styles$G['vitro-login-title'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
|
|
62766
62770
|
}, props.text || localeService.create(LOCALE$4.LOGIN_FORM_TITLE));
|
|
62767
62771
|
};
|
|
62768
62772
|
|
|
62769
|
-
var styles$
|
|
62773
|
+
var styles$H = {"vitro-title":"_login-form_vitro-title_3hbcdDr","vitro-flex":"_login-form_vitro-flex_fxG_Mos","vitro-error":"_login-form_vitro-error_2-jVYfA","vitro-link":"_login-form_vitro-link_2LCXwY2","vitro-separator":"_login-form_vitro-separator_P7hw9MH","vitro-control":"_login-form_vitro-control_1Th9h7G","vitro-password-control":"_login-form_vitro-password-control_2_Eo-gN","vitro-login-checkbox":"_login-form_vitro-login-checkbox_1eoT81X","vitro-button-list":"_login-form_vitro-button-list_1-9qryi","vitro-button":"_login-form_vitro-button_r2KCJ7k","vitro-link-register":"_login-form_vitro-link-register_zUIL_1f"};
|
|
62770
62774
|
|
|
62771
62775
|
var LoginForm = React.forwardRef(function (props, ref) {
|
|
62772
62776
|
var _useState = React.useState(CTRL.EMPTY),
|
|
@@ -62876,7 +62880,7 @@ var LoginForm = React.forwardRef(function (props, ref) {
|
|
|
62876
62880
|
}
|
|
62877
62881
|
};
|
|
62878
62882
|
return React__default.createElement("div", null, React__default.createElement(LoginTitle, {
|
|
62879
|
-
className: styles$
|
|
62883
|
+
className: styles$H['vitro-title']
|
|
62880
62884
|
}), React__default.createElement(Input, {
|
|
62881
62885
|
name: FIELD_NAME.USER_NAME,
|
|
62882
62886
|
label: localeService.create(LOCALE$4.LOGIN_FORM_FIELD_NAME),
|
|
@@ -62886,7 +62890,7 @@ var LoginForm = React.forwardRef(function (props, ref) {
|
|
|
62886
62890
|
return _onFocus(FIELD_NAME.USER_NAME);
|
|
62887
62891
|
},
|
|
62888
62892
|
isError: errorMessage ? true : false,
|
|
62889
|
-
className: styles$
|
|
62893
|
+
className: styles$H['vitro-control']
|
|
62890
62894
|
}), React__default.createElement(PasswordInput, {
|
|
62891
62895
|
name: FIELD_NAME.PASSWORD,
|
|
62892
62896
|
label: localeService.create(LOCALE$4.LOGIN_FORM_FIELD_PASSWORD),
|
|
@@ -62896,48 +62900,48 @@ var LoginForm = React.forwardRef(function (props, ref) {
|
|
|
62896
62900
|
return _onFocus(FIELD_NAME.PASSWORD);
|
|
62897
62901
|
},
|
|
62898
62902
|
isError: errorMessage ? true : false,
|
|
62899
|
-
className: styles$
|
|
62903
|
+
className: styles$H['vitro-control']
|
|
62900
62904
|
}), (props.onSaveData || props.onResetPassword) && React__default.createElement("div", {
|
|
62901
|
-
className: styles$
|
|
62905
|
+
className: styles$H['vitro-flex'] + (passwordErrorMessage || errorMessage || userNameErrorMessage ? CTRL.SPACE + styles$H['vitro-error'] : CTRL.EMPTY)
|
|
62902
62906
|
}, props.onSaveData && React__default.createElement(Checkbox, {
|
|
62903
62907
|
label: localeService.create(LOCALE$4.LOGIN_FORM_ACTION_SAVE_DATA),
|
|
62904
62908
|
name: FIELD_NAME.SAVE_DATA,
|
|
62905
62909
|
onChange: props.onSaveData,
|
|
62906
|
-
className: styles$
|
|
62910
|
+
className: styles$H['vitro-login-checkbox']
|
|
62907
62911
|
}), props.onResetPassword && React__default.createElement(Link, {
|
|
62908
62912
|
text: localeService.create(LOCALE$4.LOGIN_FORM_ACTION_RESET_PASSWORD),
|
|
62909
62913
|
onClick: props.onResetPassword,
|
|
62910
|
-
className: styles$
|
|
62914
|
+
className: styles$H['vitro-link']
|
|
62911
62915
|
})), React__default.createElement(LoginSubmitButton, {
|
|
62912
62916
|
onClick: submit,
|
|
62913
62917
|
isDisabled: loading
|
|
62914
62918
|
}), props.buttonList && props.buttonList.length ? React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
|
|
62915
|
-
className: styles$
|
|
62919
|
+
className: styles$H['vitro-separator']
|
|
62916
62920
|
}, localeService.create(LOCALE$4.LOGIN_FORM_SEPARATOR_TEXT)), React__default.createElement("div", {
|
|
62917
|
-
className: styles$
|
|
62921
|
+
className: styles$H['vitro-button-list']
|
|
62918
62922
|
}, props.buttonList.map(function (button) {
|
|
62919
62923
|
return React__default.createElement(Button$2, Object.assign({}, button, {
|
|
62920
|
-
className: styles$
|
|
62924
|
+
className: styles$H['vitro-button']
|
|
62921
62925
|
}));
|
|
62922
62926
|
}))) : React__default.createElement(React__default.Fragment, null), props.onRegister && React__default.createElement(Link, {
|
|
62923
62927
|
text: localeService.create(LOCALE$4.LOGIN_FORM_ACTION_REGISTER),
|
|
62924
62928
|
onClick: props.onRegister,
|
|
62925
|
-
className: styles$
|
|
62929
|
+
className: styles$H['vitro-link-register']
|
|
62926
62930
|
}));
|
|
62927
62931
|
});
|
|
62928
62932
|
|
|
62929
|
-
var styles$
|
|
62933
|
+
var styles$I = {"vitro-link":"_login-go-back-link_vitro-link_103lWHm"};
|
|
62930
62934
|
|
|
62931
62935
|
var LoginGoBackLink = function LoginGoBackLink(props) {
|
|
62932
62936
|
var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
|
|
62933
62937
|
return React__default.createElement(Link, {
|
|
62934
62938
|
text: localeService.create(LOCALE$4.ACTION_GO_BACK),
|
|
62935
62939
|
onClick: props.onClick,
|
|
62936
|
-
className: styles$
|
|
62940
|
+
className: styles$I['vitro-link']
|
|
62937
62941
|
});
|
|
62938
62942
|
};
|
|
62939
62943
|
|
|
62940
|
-
var styles$
|
|
62944
|
+
var styles$J = {"vitro-two-factor-authentication-form":"_two-factor-authentication-form_vitro-two-factor-authentication-form_2BAlkOL","vitro-title":"_two-factor-authentication-form_vitro-title_2TyfWcR","vitro-subtitle":"_two-factor-authentication-form_vitro-subtitle_aP8TzSj","vitro-control":"_two-factor-authentication-form_vitro-control_DMLipzl","vitro-link-resend-code":"_two-factor-authentication-form_vitro-link-resend-code_1TOWPEe","vitro-description":"_two-factor-authentication-form_vitro-description_2mhz2nj","vitro-resend-code-description":"_two-factor-authentication-form_vitro-resend-code-description_9WkdV6i","vitro-flex":"_two-factor-authentication-form_vitro-flex_3mAp0Js","vitro-clock":"_two-factor-authentication-form_vitro-clock_3_ffAz_","vitro-button":"_two-factor-authentication-form_vitro-button_3hpMWyE","vitro-email":"_two-factor-authentication-form_vitro-email_qxiJm1M","vitro-hidden-symbol":"_two-factor-authentication-form_vitro-hidden-symbol_12uh3tN"};
|
|
62941
62945
|
|
|
62942
62946
|
var RESEND_CODE_DURATION = 60000;
|
|
62943
62947
|
var DOT_STRING = "\u2022\u2022\u2022\u2022";
|
|
@@ -62999,9 +63003,9 @@ var TwoFactorAuthenticationForm = React.forwardRef(function (props, ref) {
|
|
|
62999
63003
|
var name = emailArr[0].slice(0, 2);
|
|
63000
63004
|
var domain = emailArr[1].slice(emailArr[1].indexOf(CTRL.DOT));
|
|
63001
63005
|
return React__default.createElement(React__default.Fragment, null, name, React__default.createElement("span", {
|
|
63002
|
-
className: styles$
|
|
63006
|
+
className: styles$J['vitro-hidden-symbol']
|
|
63003
63007
|
}, DOT_STRING), CTRL.AT_SIGN, React__default.createElement("span", {
|
|
63004
|
-
className: styles$
|
|
63008
|
+
className: styles$J['vitro-hidden-symbol']
|
|
63005
63009
|
}, DOT_STRING), domain);
|
|
63006
63010
|
};
|
|
63007
63011
|
var onResendCode = function onResendCode() {
|
|
@@ -63018,40 +63022,40 @@ var TwoFactorAuthenticationForm = React.forwardRef(function (props, ref) {
|
|
|
63018
63022
|
}
|
|
63019
63023
|
};
|
|
63020
63024
|
return React__default.createElement("div", {
|
|
63021
|
-
className: styles$
|
|
63025
|
+
className: styles$J['vitro-two-factor-authentication-form']
|
|
63022
63026
|
}, React__default.createElement(LoginTitle, {
|
|
63023
|
-
className: styles$
|
|
63027
|
+
className: styles$J['vitro-title'],
|
|
63024
63028
|
text: localeService.create(LOCALE$4.TWO_FACTOR_AUTHENTICATION_FORM_TITLE)
|
|
63025
63029
|
}), React__default.createElement("div", {
|
|
63026
|
-
className: styles$
|
|
63030
|
+
className: styles$J['vitro-subtitle']
|
|
63027
63031
|
}, React__default.createElement("div", null, localeService.create(LOCALE$4.TWO_FACTOR_AUTHENTICATION_FORM_SUBTITLE_USER_NAME), React__default.createElement("span", null, CTRL.SPACE + props.userName)), React__default.createElement("div", null, localeService.create(LOCALE$4.TWO_FACTOR_AUTHENTICATION_FORM_SUBTITLE_EMAIL) + CTRL.SPACE, React__default.createElement("span", {
|
|
63028
|
-
className: styles$
|
|
63032
|
+
className: styles$J['vitro-email']
|
|
63029
63033
|
}, getEmail(props.email)))), React__default.createElement(Input, {
|
|
63030
63034
|
name: FIELD_NAME.USER_NAME,
|
|
63031
63035
|
label: localeService.create(LOCALE$4.TWO_FACTOR_AUTHENTICATION_FORM_FIELD_CODE),
|
|
63032
63036
|
onChange: onChange,
|
|
63033
63037
|
onBlur: validate,
|
|
63034
63038
|
errorMessage: errorMessage,
|
|
63035
|
-
className: styles$
|
|
63039
|
+
className: styles$J['vitro-control']
|
|
63036
63040
|
}), React__default.createElement("div", {
|
|
63037
|
-
className: styles$
|
|
63041
|
+
className: styles$J['vitro-flex']
|
|
63038
63042
|
}, React__default.createElement(Link, {
|
|
63039
63043
|
text: localeService.create(LOCALE$4.TWO_FACTOR_AUTHENTICATION_FORM_ACTION_CODE_SEND_ERROR),
|
|
63040
63044
|
onClick: props.onResendCode,
|
|
63041
|
-
className: styles$
|
|
63045
|
+
className: styles$J['vitro-link']
|
|
63042
63046
|
}), React__default.createElement("div", {
|
|
63043
|
-
className: styles$
|
|
63047
|
+
className: styles$J['vitro-description'] + CTRL.SPACE + styles$J['vitro-clock']
|
|
63044
63048
|
}, localeService.create(LOCALE$4.TWO_FACTOR_AUTHENTICATION_FORM_DESCRIPTION_VALIDITY, {
|
|
63045
63049
|
duration: props.codeValidityDurationMin || 10
|
|
63046
63050
|
}))), React__default.createElement(LoginSubmitButton, {
|
|
63047
63051
|
onClick: submit,
|
|
63048
|
-
className: styles$
|
|
63052
|
+
className: styles$J['vitro-button']
|
|
63049
63053
|
}), !resendDuration ? React__default.createElement(Link, {
|
|
63050
63054
|
text: localeService.create(LOCALE$4.TWO_FACTOR_AUTHENTICATION_FORM_ACTION_RESEND_CODE),
|
|
63051
63055
|
onClick: onResendCode,
|
|
63052
|
-
className: styles$
|
|
63056
|
+
className: styles$J['vitro-link-resend-code']
|
|
63053
63057
|
}) : React__default.createElement("div", {
|
|
63054
|
-
className: styles$
|
|
63058
|
+
className: styles$J['vitro-resend-code-description']
|
|
63055
63059
|
}, localeService.create(LOCALE$4.TWO_FACTOR_AUTHENTICATION_FORM_DESCRIPTION_RESEND, {
|
|
63056
63060
|
duration: resendDuration
|
|
63057
63061
|
})), React__default.createElement(LoginGoBackLink, {
|
|
@@ -63059,7 +63063,7 @@ var TwoFactorAuthenticationForm = React.forwardRef(function (props, ref) {
|
|
|
63059
63063
|
}));
|
|
63060
63064
|
});
|
|
63061
63065
|
|
|
63062
|
-
var styles$
|
|
63066
|
+
var styles$K = {"vitro-flex-box":"_flex-box_vitro-flex-box_3jGTD6k"};
|
|
63063
63067
|
|
|
63064
63068
|
var FlexBox = React.forwardRef(function (props, ref) {
|
|
63065
63069
|
return React__default.createElement("div", Object.assign({}, props, {
|
|
@@ -63067,13 +63071,13 @@ var FlexBox = React.forwardRef(function (props, ref) {
|
|
|
63067
63071
|
style: props.gap ? {
|
|
63068
63072
|
gridGap: props.gap + UNIT.PX
|
|
63069
63073
|
} : {},
|
|
63070
|
-
className: styles$
|
|
63074
|
+
className: styles$K['vitro-flex-box'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
|
|
63071
63075
|
}), props.children);
|
|
63072
63076
|
});
|
|
63073
63077
|
|
|
63074
|
-
var styles$
|
|
63078
|
+
var styles$L = {"vitro-login-kerberos-form":"_login-kerberos-form_vitro-login-kerberos-form_v_rdUFi","vitro-flex":"_login-kerberos-form_vitro-flex_3DV6V0F","vitro-subtitle":"_login-kerberos-form_vitro-subtitle_hOCCFau","vitro-error-message":"_login-kerberos-form_vitro-error-message_2LXMkSK"};
|
|
63075
63079
|
|
|
63076
|
-
var
|
|
63080
|
+
var LoginKerberosForm = React.forwardRef(function (props, ref) {
|
|
63077
63081
|
var _useState = React.useState(props.errorMessage),
|
|
63078
63082
|
errorMessage = _useState[0],
|
|
63079
63083
|
_setErrorMessage = _useState[1];
|
|
@@ -63081,7 +63085,7 @@ var NTLMAuthenticationForm = React.forwardRef(function (props, ref) {
|
|
|
63081
63085
|
_setErrorMessage(props.errorMessage);
|
|
63082
63086
|
}, [props.errorMessage]);
|
|
63083
63087
|
var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
|
|
63084
|
-
var subtitle = errorMessage ? localeService.create(LOCALE$4.
|
|
63088
|
+
var subtitle = errorMessage ? localeService.create(LOCALE$4.LOGIN_KERBEROS_FORM_SUBTITLE_ERROR) : localeService.create(LOCALE$4.LOGIN_KERBEROS_FORM_SUBTITLE_PROGRESS);
|
|
63085
63089
|
React.useImperativeHandle(ref, function () {
|
|
63086
63090
|
return {
|
|
63087
63091
|
setErrorMessage: function setErrorMessage(message) {
|
|
@@ -63090,16 +63094,16 @@ var NTLMAuthenticationForm = React.forwardRef(function (props, ref) {
|
|
|
63090
63094
|
};
|
|
63091
63095
|
});
|
|
63092
63096
|
return React__default.createElement(FlexBox, {
|
|
63093
|
-
className: styles$
|
|
63097
|
+
className: styles$L['vitro-login-kerberos-form']
|
|
63094
63098
|
}, React__default.createElement(LoginTitle, null), React__default.createElement(FlexBox, {
|
|
63095
|
-
className: styles$
|
|
63099
|
+
className: styles$L['vitro-flex']
|
|
63096
63100
|
}, React__default.createElement(Image, {
|
|
63097
63101
|
defaultUrl: props.imageUrl
|
|
63098
63102
|
}), React__default.createElement("span", {
|
|
63099
|
-
className: styles$
|
|
63103
|
+
className: styles$L['vitro-subtitle']
|
|
63100
63104
|
}, subtitle), errorMessage && React__default.createElement(ErrorMessage, {
|
|
63101
63105
|
text: errorMessage,
|
|
63102
|
-
className: styles$
|
|
63106
|
+
className: styles$L['vitro-error-message']
|
|
63103
63107
|
})), React__default.createElement(LoginGoBackLink, {
|
|
63104
63108
|
onClick: props.onGoBack
|
|
63105
63109
|
}));
|
|
@@ -63120,12 +63124,17 @@ var REGEXP;
|
|
|
63120
63124
|
REGEXP["FLOAT"] = "^[0-9]+[.,]?[0-9]{0,precision}$";
|
|
63121
63125
|
REGEXP["INT"] = "^[0-9]+$";
|
|
63122
63126
|
})(REGEXP || (REGEXP = {}));
|
|
63127
|
+
var MAX_VALUE;
|
|
63128
|
+
(function (MAX_VALUE) {
|
|
63129
|
+
MAX_VALUE[MAX_VALUE["INT"] = 2147483647] = "INT";
|
|
63130
|
+
})(MAX_VALUE || (MAX_VALUE = {}));
|
|
63123
63131
|
|
|
63124
63132
|
var NumberInputConstants = {
|
|
63125
63133
|
__proto__: null,
|
|
63126
63134
|
get AUTOCOMPLETE () { return AUTOCOMPLETE$1; },
|
|
63127
63135
|
get TYPE () { return TYPE$1; },
|
|
63128
|
-
get REGEXP () { return REGEXP; }
|
|
63136
|
+
get REGEXP () { return REGEXP; },
|
|
63137
|
+
get MAX_VALUE () { return MAX_VALUE; }
|
|
63129
63138
|
};
|
|
63130
63139
|
|
|
63131
63140
|
var PRECISION = 'precision';
|
|
@@ -63155,25 +63164,51 @@ var NumberInput = React.forwardRef(function (props, ref) {
|
|
|
63155
63164
|
var getDisplayValue = function getDisplayValue(value) {
|
|
63156
63165
|
if (value || value === 0) {
|
|
63157
63166
|
return value.toLocaleString(undefined, {
|
|
63158
|
-
maximumFractionDigits:
|
|
63167
|
+
maximumFractionDigits: getPrecision(),
|
|
63159
63168
|
useGrouping: false
|
|
63160
63169
|
});
|
|
63161
63170
|
}
|
|
63162
63171
|
return CTRL.EMPTY;
|
|
63163
63172
|
};
|
|
63164
|
-
var
|
|
63165
|
-
var
|
|
63166
|
-
var precision = (
|
|
63173
|
+
var isValidString = function isValidString(value) {
|
|
63174
|
+
var _getPrecision;
|
|
63175
|
+
var precision = (_getPrecision = getPrecision()) === null || _getPrecision === void 0 ? void 0 : _getPrecision.toString();
|
|
63167
63176
|
var regex = REGEXP.FLOAT.split(PRECISION).join(precision);
|
|
63168
63177
|
return new RegExp(regex).test(value);
|
|
63169
63178
|
};
|
|
63179
|
+
var isValidNumber = function isValidNumber(value) {
|
|
63180
|
+
var maxValue = getMaxValue();
|
|
63181
|
+
if (value <= maxValue) {
|
|
63182
|
+
return true;
|
|
63183
|
+
}
|
|
63184
|
+
return false;
|
|
63185
|
+
};
|
|
63186
|
+
var getMaxValue = function getMaxValue() {
|
|
63187
|
+
return props.maxValue && props.maxValue < MAX_VALUE.INT ? props.maxValue : MAX_VALUE.INT;
|
|
63188
|
+
};
|
|
63189
|
+
var getMinValue = function getMinValue() {
|
|
63190
|
+
var maxValue = getMaxValue();
|
|
63191
|
+
return props.minValue && props.minValue >= 0 && props.minValue <= maxValue ? props.minValue : 0;
|
|
63192
|
+
};
|
|
63193
|
+
var getPrecision = function getPrecision() {
|
|
63194
|
+
return Number.isInteger(props.precision) ? props.precision : 20;
|
|
63195
|
+
};
|
|
63196
|
+
var getFloatString = function getFloatString(value) {
|
|
63197
|
+
return value.replaceAll(CTRL.COMMA, CTRL.DOT);
|
|
63198
|
+
};
|
|
63170
63199
|
var getNewDisplayValue = function getNewDisplayValue(value) {
|
|
63171
|
-
if (
|
|
63200
|
+
if (isValidString(value)) {
|
|
63172
63201
|
if (props.number === TYPE$1.INT) {
|
|
63173
|
-
|
|
63202
|
+
var val = Math.trunc(+value);
|
|
63203
|
+
if (isValidNumber(val)) {
|
|
63204
|
+
return val.toString();
|
|
63205
|
+
}
|
|
63174
63206
|
}
|
|
63175
63207
|
if (props.number === TYPE$1.FLOAT) {
|
|
63176
|
-
|
|
63208
|
+
var _val = +getFloatString(getDisplayValue(+value));
|
|
63209
|
+
if (isValidNumber(_val)) {
|
|
63210
|
+
return _val.toString();
|
|
63211
|
+
}
|
|
63177
63212
|
}
|
|
63178
63213
|
}
|
|
63179
63214
|
return inputValue;
|
|
@@ -63184,15 +63219,26 @@ var NumberInput = React.forwardRef(function (props, ref) {
|
|
|
63184
63219
|
inputRef.current.setValue(value);
|
|
63185
63220
|
}
|
|
63186
63221
|
};
|
|
63222
|
+
var onBlur = function onBlur(e) {
|
|
63223
|
+
var minValue = getMinValue();
|
|
63224
|
+
var newVal = e.target.value === CTRL.EMPTY ? null : +e.target.value;
|
|
63225
|
+
if (inputValue !== CTRL.EMPTY && +inputValue < minValue) {
|
|
63226
|
+
updateInputValue(minValue.toString());
|
|
63227
|
+
newVal = minValue;
|
|
63228
|
+
}
|
|
63229
|
+
if (props.onBlur) {
|
|
63230
|
+
props.onBlur(e, newVal, props.name);
|
|
63231
|
+
}
|
|
63232
|
+
};
|
|
63187
63233
|
var onChange = function onChange(value, name) {
|
|
63188
|
-
var stringVal = value
|
|
63189
|
-
if (stringVal.indexOf(CTRL.DOT) === stringVal.length - 1 && stringVal.length > 1) {
|
|
63234
|
+
var stringVal = getFloatString(value);
|
|
63235
|
+
if (props.number === TYPE$1.FLOAT && stringVal.indexOf(CTRL.DOT) === stringVal.length - 1 && stringVal.length > 1) {
|
|
63190
63236
|
updateInputValue(stringVal);
|
|
63191
63237
|
} else {
|
|
63192
63238
|
var newDisplayValue = value === CTRL.EMPTY ? CTRL.EMPTY : getNewDisplayValue(stringVal);
|
|
63193
63239
|
updateInputValue(newDisplayValue);
|
|
63194
63240
|
if (props.onChange) {
|
|
63195
|
-
var numberVal = newDisplayValue === CTRL.EMPTY ? null : +newDisplayValue
|
|
63241
|
+
var numberVal = newDisplayValue === CTRL.EMPTY ? null : +getFloatString(newDisplayValue);
|
|
63196
63242
|
props.onChange(numberVal, name);
|
|
63197
63243
|
}
|
|
63198
63244
|
}
|
|
@@ -63200,7 +63246,8 @@ var NumberInput = React.forwardRef(function (props, ref) {
|
|
|
63200
63246
|
return React__default.createElement(Input, Object.assign({}, props, {
|
|
63201
63247
|
value: inputValue,
|
|
63202
63248
|
onChange: onChange,
|
|
63203
|
-
ref: inputRef
|
|
63249
|
+
ref: inputRef,
|
|
63250
|
+
onBlur: onBlur
|
|
63204
63251
|
}));
|
|
63205
63252
|
});
|
|
63206
63253
|
|
|
@@ -63220,7 +63267,7 @@ var LABEL_POSITION;
|
|
|
63220
63267
|
LABEL_POSITION["LEFT"] = "left";
|
|
63221
63268
|
})(LABEL_POSITION || (LABEL_POSITION = {}));
|
|
63222
63269
|
|
|
63223
|
-
var styles$
|
|
63270
|
+
var styles$M = {"vitro-control":"_date-picker_vitro-control_2AYXegb","vitro-display-none":"_date-picker_vitro-display-none_2wJx8XG","vitro-button-copy":"_date-picker_vitro-button-copy_1cGY1Uu","vitro-control-container":"_date-picker_vitro-control-container_2CVwecs","vitro-read-only":"_date-picker_vitro-read-only_2NZoMN5","vitro-label":"_date-picker_vitro-label_2jh9qxb","vitro-focus":"_date-picker_vitro-focus_2cJKcKr","vitro-error":"_date-picker_vitro-error_3DkgZiN","vitro-left-label":"_date-picker_vitro-left-label_ZFhZFS9","vitro-error-message":"_date-picker_vitro-error-message_3VKrJgj"};
|
|
63224
63271
|
|
|
63225
63272
|
var $$3 = window.$;
|
|
63226
63273
|
var DatePicker = React.forwardRef(function (props, ref) {
|
|
@@ -63272,7 +63319,7 @@ var DatePicker = React.forwardRef(function (props, ref) {
|
|
|
63272
63319
|
}
|
|
63273
63320
|
}, [props.depth, props.start]);
|
|
63274
63321
|
React.useEffect(function () {
|
|
63275
|
-
props.errorMessage ? setState(styles$
|
|
63322
|
+
props.errorMessage ? setState(styles$M['vitro-error']) : setState(CTRL.EMPTY);
|
|
63276
63323
|
}, [props.errorMessage]);
|
|
63277
63324
|
React.useImperativeHandle(ref, function () {
|
|
63278
63325
|
return {
|
|
@@ -63336,13 +63383,13 @@ var DatePicker = React.forwardRef(function (props, ref) {
|
|
|
63336
63383
|
$$3(inputRef.current).data(componentName).setOptions(options);
|
|
63337
63384
|
};
|
|
63338
63385
|
var onFocus = function onFocus(e) {
|
|
63339
|
-
setState(styles$
|
|
63386
|
+
setState(styles$M['vitro-focus']);
|
|
63340
63387
|
if (props.onFocus) {
|
|
63341
63388
|
props.onFocus(e);
|
|
63342
63389
|
}
|
|
63343
63390
|
};
|
|
63344
63391
|
var onBlur = function onBlur(e) {
|
|
63345
|
-
setState(props.errorMessage ? styles$
|
|
63392
|
+
setState(props.errorMessage ? styles$M['vitro-error'] : styles$M[CTRL.EMPTY]);
|
|
63346
63393
|
if (props.onBlur) {
|
|
63347
63394
|
props.onBlur(e);
|
|
63348
63395
|
}
|
|
@@ -63368,12 +63415,12 @@ var DatePicker = React.forwardRef(function (props, ref) {
|
|
|
63368
63415
|
navigator.clipboard.writeText("" + props.value);
|
|
63369
63416
|
};
|
|
63370
63417
|
var getClassName = function getClassName() {
|
|
63371
|
-
var classList = [styles$
|
|
63418
|
+
var classList = [styles$M['vitro-control'], props.className];
|
|
63372
63419
|
if (props.isDisabled || props.isReadOnly) {
|
|
63373
|
-
classList.push(styles$
|
|
63420
|
+
classList.push(styles$M['vitro-read-only']);
|
|
63374
63421
|
}
|
|
63375
63422
|
if (props.labelPosition === POSITION.LEFT) {
|
|
63376
|
-
classList.push(styles$
|
|
63423
|
+
classList.push(styles$M['vitro-left-label']);
|
|
63377
63424
|
}
|
|
63378
63425
|
classList.push(state);
|
|
63379
63426
|
return classList.join(CTRL.SPACE);
|
|
@@ -63385,21 +63432,21 @@ var DatePicker = React.forwardRef(function (props, ref) {
|
|
|
63385
63432
|
text: props.label,
|
|
63386
63433
|
isRequired: props.isRequired,
|
|
63387
63434
|
width: props.labelWidth,
|
|
63388
|
-
className: styles$
|
|
63435
|
+
className: styles$M['vitro-label']
|
|
63389
63436
|
}), React__default.createElement("input", {
|
|
63390
63437
|
ref: inputRef,
|
|
63391
63438
|
placeholder: props.placeholder,
|
|
63392
63439
|
onFocus: onFocus,
|
|
63393
63440
|
onBlur: onBlur
|
|
63394
63441
|
}), props.isReadOnly ? React__default.createElement("span", {
|
|
63395
|
-
className: styles$
|
|
63442
|
+
className: styles$M['vitro-button-copy'],
|
|
63396
63443
|
onClick: copyValue
|
|
63397
63444
|
}) : null, React__default.createElement("div", {
|
|
63398
63445
|
ref: containerRef,
|
|
63399
|
-
className: styles$
|
|
63446
|
+
className: styles$M['vitro-control-container']
|
|
63400
63447
|
}), props.errorMessage && React__default.createElement(ErrorMessage, {
|
|
63401
63448
|
text: props.errorMessage,
|
|
63402
|
-
className: styles$
|
|
63449
|
+
className: styles$M['vitro-error-message']
|
|
63403
63450
|
}));
|
|
63404
63451
|
});
|
|
63405
63452
|
|
|
@@ -63420,7 +63467,7 @@ var COMPONENT_TYPE;
|
|
|
63420
63467
|
COMPONENT_TYPE["MODERN"] = "modern";
|
|
63421
63468
|
})(COMPONENT_TYPE || (COMPONENT_TYPE = {}));
|
|
63422
63469
|
|
|
63423
|
-
var styles$
|
|
63470
|
+
var styles$N = {"vitro-control":"_time-picker_vitro-control_1sx07It","vitro-display-none":"_time-picker_vitro-display-none_3GgWh46","vitro-button-copy":"_time-picker_vitro-button-copy_QZg3bTW","vitro-control-container":"_time-picker_vitro-control-container_3ys3rMN","vitro-read-only":"_time-picker_vitro-read-only_NlE18Zm","vitro-label":"_time-picker_vitro-label_2b97aCy","vitro-focus":"_time-picker_vitro-focus_wmhPjvE","vitro-error":"_time-picker_vitro-error_2ZmK0I5","vitro-left-label":"_time-picker_vitro-left-label_3NRmFYH","vitro-error-message":"_time-picker_vitro-error-message_1w7ey-y"};
|
|
63424
63471
|
|
|
63425
63472
|
var $$4 = window.$;
|
|
63426
63473
|
var TimePicker = React.forwardRef(function (props, ref) {
|
|
@@ -63484,7 +63531,7 @@ var TimePicker = React.forwardRef(function (props, ref) {
|
|
|
63484
63531
|
appendTo: $$4(containerRef.current)
|
|
63485
63532
|
};
|
|
63486
63533
|
} else {
|
|
63487
|
-
$$4('.k-animation-container').addClass(styles$
|
|
63534
|
+
$$4('.k-animation-container').addClass(styles$N['vitro-control-container']);
|
|
63488
63535
|
}
|
|
63489
63536
|
return config;
|
|
63490
63537
|
};
|
|
@@ -63506,13 +63553,13 @@ var TimePicker = React.forwardRef(function (props, ref) {
|
|
|
63506
63553
|
}
|
|
63507
63554
|
};
|
|
63508
63555
|
var onFocus = function onFocus(e) {
|
|
63509
|
-
setState(styles$
|
|
63556
|
+
setState(styles$N['vitro-focus']);
|
|
63510
63557
|
if (props.onFocus) {
|
|
63511
63558
|
props.onFocus(e);
|
|
63512
63559
|
}
|
|
63513
63560
|
};
|
|
63514
63561
|
var onBlur = function onBlur(e) {
|
|
63515
|
-
setState(props.errorMessage ? styles$
|
|
63562
|
+
setState(props.errorMessage ? styles$N['vitro-error'] : styles$N[CTRL.EMPTY]);
|
|
63516
63563
|
if (props.onBlur) {
|
|
63517
63564
|
props.onBlur(e);
|
|
63518
63565
|
}
|
|
@@ -63521,12 +63568,12 @@ var TimePicker = React.forwardRef(function (props, ref) {
|
|
|
63521
63568
|
navigator.clipboard.writeText("" + props.value);
|
|
63522
63569
|
};
|
|
63523
63570
|
var getClassName = function getClassName() {
|
|
63524
|
-
var classList = [styles$
|
|
63571
|
+
var classList = [styles$N['vitro-control'], props.className];
|
|
63525
63572
|
if (props.isDisabled || props.isReadOnly) {
|
|
63526
|
-
classList.push(styles$
|
|
63573
|
+
classList.push(styles$N['vitro-read-only']);
|
|
63527
63574
|
}
|
|
63528
63575
|
if (props.labelPosition === POSITION.LEFT) {
|
|
63529
|
-
classList.push(styles$
|
|
63576
|
+
classList.push(styles$N['vitro-left-label']);
|
|
63530
63577
|
}
|
|
63531
63578
|
classList.push(state);
|
|
63532
63579
|
return classList.join(CTRL.SPACE);
|
|
@@ -63538,27 +63585,27 @@ var TimePicker = React.forwardRef(function (props, ref) {
|
|
|
63538
63585
|
text: props.label,
|
|
63539
63586
|
isRequired: props.isRequired,
|
|
63540
63587
|
width: props.labelWidth,
|
|
63541
|
-
className: styles$
|
|
63588
|
+
className: styles$N['vitro-label']
|
|
63542
63589
|
}), React__default.createElement("input", {
|
|
63543
63590
|
ref: inputRef,
|
|
63544
63591
|
placeholder: props.placeholder,
|
|
63545
63592
|
onFocus: onFocus,
|
|
63546
63593
|
onBlur: onBlur
|
|
63547
63594
|
}), props.isReadOnly ? React__default.createElement("span", {
|
|
63548
|
-
className: styles$
|
|
63595
|
+
className: styles$N['vitro-button-copy'],
|
|
63549
63596
|
onClick: copyValue
|
|
63550
63597
|
}) : null, React__default.createElement("div", {
|
|
63551
63598
|
ref: containerRef,
|
|
63552
|
-
className: styles$
|
|
63599
|
+
className: styles$N['vitro-control-container']
|
|
63553
63600
|
}), props.errorMessage && React__default.createElement(ErrorMessage, {
|
|
63554
63601
|
text: props.errorMessage,
|
|
63555
|
-
className: styles$
|
|
63602
|
+
className: styles$N['vitro-error-message']
|
|
63556
63603
|
}));
|
|
63557
63604
|
});
|
|
63558
63605
|
|
|
63559
|
-
var styles$
|
|
63606
|
+
var styles$O = {"vitro-selected-item-multi":"_lookup-picker-selected-item_vitro-selected-item-multi_bzL7ugZ","vitro-selected-item":"_lookup-picker-selected-item_vitro-selected-item_hw-euth","vitro-button-close":"_lookup-picker-selected-item_vitro-button-close_1SRnr_0"};
|
|
63560
63607
|
|
|
63561
|
-
var styles$
|
|
63608
|
+
var styles$P = {"vitro-lookup-picker":"_lookup-picker_vitro-lookup-picker_1aXYQEG","vitro-content":"_lookup-picker_vitro-content_37L0slb","vitro-lookup-picker-multi-select":"_lookup-picker_vitro-lookup-picker-multi-select_3Lkq2tk","vitro-read-only":"_lookup-picker_vitro-read-only_32NOdGB","vitro-label":"_lookup-picker_vitro-label_2QoJkUz","vitro-focus":"_lookup-picker_vitro-focus_2UGpxXD","vitro-error":"_lookup-picker_vitro-error_dF7iopC","vitro-error-message":"_lookup-picker_vitro-error-message_2iBjyRP","vitro-button-copy":"_lookup-picker_vitro-button-copy_2UIHHZD","vitro-right":"_lookup-picker_vitro-right_1XFsL1w","vitro-button-close":"_lookup-picker_vitro-button-close_3_Qndrj","vitro-button-collapse-up":"_lookup-picker_vitro-button-collapse-up_3i0OJub","vitro-button-collapse-bottom":"_lookup-picker_vitro-button-collapse-bottom_3o0Pl83","vitro-tooltip":"_lookup-picker_vitro-tooltip_2a12Z4P"};
|
|
63562
63609
|
|
|
63563
63610
|
var htmlValueStyles = {"vitro-item-html-value":"_lookup-picker-html-value_vitro-item-html-value_2QBoTey"};
|
|
63564
63611
|
|
|
@@ -63566,7 +63613,7 @@ var SelectedValueListItem = function SelectedValueListItem(props) {
|
|
|
63566
63613
|
var _useState = React.useState(CTRL.EMPTY),
|
|
63567
63614
|
tooltipText = _useState[0],
|
|
63568
63615
|
setTooltipText = _useState[1];
|
|
63569
|
-
var className = props.isMultiSelect ? styles$
|
|
63616
|
+
var className = props.isMultiSelect ? styles$O['vitro-selected-item-multi'] : styles$O['vitro-selected-item'];
|
|
63570
63617
|
var title = props.selectedValueTemplate(props.item);
|
|
63571
63618
|
React.useEffect(function () {
|
|
63572
63619
|
if (props.isMultiSelect) {
|
|
@@ -63578,7 +63625,7 @@ var SelectedValueListItem = function SelectedValueListItem(props) {
|
|
|
63578
63625
|
return React__default.createElement(Tooltip$1, {
|
|
63579
63626
|
text: tooltipText,
|
|
63580
63627
|
placement: PLACEMENT.BOTTOM,
|
|
63581
|
-
className: styles$
|
|
63628
|
+
className: styles$P['vitro-tooltip'],
|
|
63582
63629
|
isFlip: true
|
|
63583
63630
|
}, React__default.createElement("div", {
|
|
63584
63631
|
className: className
|
|
@@ -63588,7 +63635,7 @@ var SelectedValueListItem = function SelectedValueListItem(props) {
|
|
|
63588
63635
|
onClick: function onClick() {
|
|
63589
63636
|
return props.onOptionValueDelete(props.item.id);
|
|
63590
63637
|
},
|
|
63591
|
-
className: styles$
|
|
63638
|
+
className: styles$O['vitro-button-close']
|
|
63592
63639
|
})));
|
|
63593
63640
|
};
|
|
63594
63641
|
|
|
@@ -63752,7 +63799,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
|
|
|
63752
63799
|
var _useState6 = React.useState(null),
|
|
63753
63800
|
valueListRequestToken = _useState6[0],
|
|
63754
63801
|
setValueListRequestToken = _useState6[1];
|
|
63755
|
-
var _useState7 = React.useState(props.isDisabled || props.isReadOnly ? styles$
|
|
63802
|
+
var _useState7 = React.useState(props.isDisabled || props.isReadOnly ? styles$P['vitro-read-only'] : CTRL.EMPTY),
|
|
63756
63803
|
state = _useState7[0],
|
|
63757
63804
|
setState = _useState7[1];
|
|
63758
63805
|
var _useState8 = React.useState(CTRL.EMPTY),
|
|
@@ -63852,13 +63899,13 @@ var LookupPicker = React.forwardRef(function (props, ref) {
|
|
|
63852
63899
|
}
|
|
63853
63900
|
}, [selectedValueList]);
|
|
63854
63901
|
React.useEffect(function () {
|
|
63855
|
-
setState(props.errorMessage && !valueListVisible ? styles$
|
|
63902
|
+
setState(props.errorMessage && !valueListVisible ? styles$P['vitro-error'] : valueListVisible ? state : CTRL.EMPTY);
|
|
63856
63903
|
}, [props.errorMessage]);
|
|
63857
63904
|
React.useEffect(function () {
|
|
63858
63905
|
if (inputRef.current) {
|
|
63859
|
-
if (state === styles$
|
|
63906
|
+
if (state === styles$P['vitro-focus'] && document.activeElement !== inputRef.current && !tooltipText) {
|
|
63860
63907
|
inputRef.current.focus();
|
|
63861
|
-
} else if (state !== styles$
|
|
63908
|
+
} else if (state !== styles$P['vitro-focus']) {
|
|
63862
63909
|
isShowTooltipRef.current = true;
|
|
63863
63910
|
}
|
|
63864
63911
|
}
|
|
@@ -63884,7 +63931,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
|
|
|
63884
63931
|
};
|
|
63885
63932
|
var onChange = function onChange(e) {
|
|
63886
63933
|
var _inputRef$current;
|
|
63887
|
-
setState(styles$
|
|
63934
|
+
setState(styles$P['vitro-focus']);
|
|
63888
63935
|
setValueListVisible(true);
|
|
63889
63936
|
setInputValue(e.target.value);
|
|
63890
63937
|
(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
|
|
@@ -63952,14 +63999,14 @@ var LookupPicker = React.forwardRef(function (props, ref) {
|
|
|
63952
63999
|
return x;
|
|
63953
64000
|
}), props.name);
|
|
63954
64001
|
}
|
|
63955
|
-
setState(props.errorMessage ? styles$
|
|
64002
|
+
setState(props.errorMessage ? styles$P['vitro-error'] : CTRL.EMPTY);
|
|
63956
64003
|
}
|
|
63957
64004
|
};
|
|
63958
64005
|
var onFocus = function onFocus(e) {
|
|
63959
64006
|
var _inputRef$current3;
|
|
63960
64007
|
onInputValueUpdated();
|
|
63961
64008
|
isShowTooltipRef.current = false;
|
|
63962
|
-
setState(styles$
|
|
64009
|
+
setState(styles$P['vitro-focus']);
|
|
63963
64010
|
setValueListVisible(true);
|
|
63964
64011
|
(_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.focus();
|
|
63965
64012
|
if (props.onFocus) {
|
|
@@ -63978,12 +64025,12 @@ var LookupPicker = React.forwardRef(function (props, ref) {
|
|
|
63978
64025
|
}).join(CTRL.COMMA));
|
|
63979
64026
|
};
|
|
63980
64027
|
var getClassName = function getClassName() {
|
|
63981
|
-
var classList = [styles$
|
|
64028
|
+
var classList = [styles$P['vitro-lookup-picker'], props.className];
|
|
63982
64029
|
if (props.isDisabled || props.isReadOnly) {
|
|
63983
|
-
classList.push(styles$
|
|
64030
|
+
classList.push(styles$P['vitro-read-only']);
|
|
63984
64031
|
}
|
|
63985
64032
|
if (props.isMultiSelect) {
|
|
63986
|
-
classList.push(styles$
|
|
64033
|
+
classList.push(styles$P['vitro-lookup-picker-multi-select']);
|
|
63987
64034
|
}
|
|
63988
64035
|
classList.push(state);
|
|
63989
64036
|
return classList.join(CTRL.SPACE);
|
|
@@ -63997,7 +64044,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
|
|
|
63997
64044
|
return React__default.createElement(Tooltip$1, {
|
|
63998
64045
|
text: tooltipText,
|
|
63999
64046
|
placement: PLACEMENT.BOTTOM,
|
|
64000
|
-
className: styles$
|
|
64047
|
+
className: styles$P['vitro-tooltip'],
|
|
64001
64048
|
isShow: isShowTooltipRef.current === false ? false : undefined,
|
|
64002
64049
|
isFlip: true
|
|
64003
64050
|
}, React__default.createElement("div", {
|
|
@@ -64009,9 +64056,9 @@ var LookupPicker = React.forwardRef(function (props, ref) {
|
|
|
64009
64056
|
text: props.label,
|
|
64010
64057
|
isRequired: props.isRequired,
|
|
64011
64058
|
width: props.labelWidth,
|
|
64012
|
-
className: styles$
|
|
64059
|
+
className: styles$P['vitro-label']
|
|
64013
64060
|
}), React__default.createElement("div", {
|
|
64014
|
-
className: styles$
|
|
64061
|
+
className: styles$P['vitro-content'],
|
|
64015
64062
|
onClick: onFocus,
|
|
64016
64063
|
ref: contentRef
|
|
64017
64064
|
}, selectedValueList && selectedValueList.length > 0 && (props.isMultiSelect ? true : inputValue.length === 0) ? React__default.createElement(SelectedValueList, {
|
|
@@ -64028,9 +64075,9 @@ var LookupPicker = React.forwardRef(function (props, ref) {
|
|
|
64028
64075
|
onChange: onChange,
|
|
64029
64076
|
onFocus: onFocus
|
|
64030
64077
|
}), !props.isDisabled && props.children, React__default.createElement("div", {
|
|
64031
|
-
className: styles$
|
|
64078
|
+
className: styles$P['vitro-right']
|
|
64032
64079
|
}, props.isShowButtonClear !== false && !props.isMultiSelect && selectedValueList && selectedValueList.length > 0 && isEditable && React__default.createElement("div", {
|
|
64033
|
-
className: styles$
|
|
64080
|
+
className: styles$P['vitro-button-close'],
|
|
64034
64081
|
onClick: function onClick() {
|
|
64035
64082
|
return onOptionValueDelete();
|
|
64036
64083
|
}
|
|
@@ -64038,9 +64085,9 @@ var LookupPicker = React.forwardRef(function (props, ref) {
|
|
|
64038
64085
|
onClick: function onClick() {
|
|
64039
64086
|
return onCollapseButtonClick(valueListVisible);
|
|
64040
64087
|
},
|
|
64041
|
-
className: valueListVisible ? styles$
|
|
64088
|
+
className: valueListVisible ? styles$P['vitro-button-collapse-up'] : styles$P['vitro-button-collapse-bottom']
|
|
64042
64089
|
}), props.isReadOnly ? React__default.createElement("span", {
|
|
64043
|
-
className: styles$
|
|
64090
|
+
className: styles$P['vitro-button-copy'],
|
|
64044
64091
|
onClick: copyValue
|
|
64045
64092
|
}) : null)), isEditable && (!props.filterMinLength || props.filterMinLength <= inputValue.length) && React__default.createElement(ValueList, {
|
|
64046
64093
|
isPending: pending,
|
|
@@ -64058,42 +64105,42 @@ var LookupPicker = React.forwardRef(function (props, ref) {
|
|
|
64058
64105
|
button: props.valueListButton
|
|
64059
64106
|
}), props.errorMessage && React__default.createElement(ErrorMessage, {
|
|
64060
64107
|
text: props.errorMessage,
|
|
64061
|
-
className: styles$
|
|
64108
|
+
className: styles$P['vitro-error-message']
|
|
64062
64109
|
})));
|
|
64063
64110
|
});
|
|
64064
64111
|
|
|
64065
|
-
var styles$
|
|
64112
|
+
var styles$Q = {"vitro-command-menu":"_command-menu_vitro-command-menu_l82vtIh"};
|
|
64066
64113
|
|
|
64067
64114
|
var CommandMenu = function CommandMenu(props) {
|
|
64068
64115
|
return React__default.createElement("nav", {
|
|
64069
|
-
className: styles$
|
|
64116
|
+
className: styles$Q['vitro-command-menu'] + CTRL.SPACE + 'navbar'
|
|
64070
64117
|
}, React__default.createElement("ul", {
|
|
64071
64118
|
className: 'nav'
|
|
64072
64119
|
}, props.children));
|
|
64073
64120
|
};
|
|
64074
64121
|
|
|
64075
|
-
var styles$
|
|
64122
|
+
var styles$R = {"vitro-command-menu-button":"_command-menu-button_vitro-command-menu-button_2IiXVbP","vitro-image":"_command-menu-button_vitro-image_27yILgG"};
|
|
64076
64123
|
|
|
64077
64124
|
var CommandMenuButton = function CommandMenuButton(props) {
|
|
64078
64125
|
return React__default.createElement("li", null, React__default.createElement(Button$2, Object.assign({
|
|
64079
|
-
className: styles$
|
|
64080
|
-
imageClassName: styles$
|
|
64126
|
+
className: styles$R['vitro-command-menu-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
|
|
64127
|
+
imageClassName: styles$R['vitro-image']
|
|
64081
64128
|
}, props)));
|
|
64082
64129
|
};
|
|
64083
64130
|
|
|
64084
64131
|
var itemStyles = {"vitro-item":"_command-menu-item_vitro-item_2pVhk23"};
|
|
64085
64132
|
|
|
64086
|
-
var styles$
|
|
64133
|
+
var styles$S = {"vitro-item-lookup-picker":"_command-menu-lookup-picker_vitro-item-lookup-picker_28SsSpP","vitro-command-menu-lookup-picker":"_command-menu-lookup-picker_vitro-command-menu-lookup-picker_1840wlg","vitro-content":"_command-menu-lookup-picker_vitro-content_3fNJUmC","vitro-value-list":"_command-menu-lookup-picker_vitro-value-list_3_OCO0r","ps":"_command-menu-lookup-picker_ps_2nXaPqA","ps--active-y":"_command-menu-lookup-picker_ps--active-y_1PYkoqT","vitro-selected-item":"_command-menu-lookup-picker_vitro-selected-item_2oLYUbH","vitro-item":"_command-menu-lookup-picker_vitro-item_16ocUuf","vitro-right":"_command-menu-lookup-picker_vitro-right_3sBWu8H"};
|
|
64087
64134
|
|
|
64088
64135
|
var CommandMenuLookupPicker = function CommandMenuLookupPicker(props) {
|
|
64089
64136
|
return React__default.createElement("li", {
|
|
64090
|
-
className: itemStyles['vitro-item'] + CTRL.SPACE + 'nav-item ' + styles$
|
|
64137
|
+
className: itemStyles['vitro-item'] + CTRL.SPACE + 'nav-item ' + styles$S['vitro-item-lookup-picker']
|
|
64091
64138
|
}, React__default.createElement(LookupPicker, Object.assign({}, props, {
|
|
64092
|
-
className: styles$
|
|
64139
|
+
className: styles$S['vitro-command-menu-lookup-picker'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
|
|
64093
64140
|
})));
|
|
64094
64141
|
};
|
|
64095
64142
|
|
|
64096
|
-
var styles$
|
|
64143
|
+
var styles$T = {"vitro-command-menu-dropdown-button":"_command-menu-dropdown-button_vitro-command-menu-dropdown-button_2ImIuc3","vitro-dropdown-button-container":"_command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O","vitro-right":"_command-menu-dropdown-button_vitro-right_uTzkzdJ","vitro-image":"_command-menu-dropdown-button_vitro-image_2VNGo-H","vitro-button-collapse-bottom":"_command-menu-dropdown-button_vitro-button-collapse-bottom_1OS_X_a","vitro-scrollbar":"_command-menu-dropdown-button_vitro-scrollbar_1J6dT6q"};
|
|
64097
64144
|
|
|
64098
64145
|
var CommandMenuSubItem = function CommandMenuSubItem(props) {
|
|
64099
64146
|
var onClick = function onClick(e) {
|
|
@@ -64112,7 +64159,7 @@ var CommandMenuSubItem = function CommandMenuSubItem(props) {
|
|
|
64112
64159
|
onClick: onClick,
|
|
64113
64160
|
toggle: props.toggle === false ? false : true
|
|
64114
64161
|
}, props.isShowImage && React__default.createElement("div", {
|
|
64115
|
-
className: styles$
|
|
64162
|
+
className: styles$T['vitro-image']
|
|
64116
64163
|
}, props.imageUrl && React__default.createElement(Image, {
|
|
64117
64164
|
defaultUrl: props.imageUrl,
|
|
64118
64165
|
hoverUrl: props.imageHoverUrl
|
|
@@ -64146,15 +64193,15 @@ var CommandMenuItemHeader = function CommandMenuItemHeader(props) {
|
|
|
64146
64193
|
onMouseLeave: function onMouseLeave() {
|
|
64147
64194
|
return setIsHover(false);
|
|
64148
64195
|
},
|
|
64149
|
-
className: itemStyles['vitro-item'] + CTRL.SPACE + styles$
|
|
64196
|
+
className: itemStyles['vitro-item'] + CTRL.SPACE + styles$T['vitro-command-menu-dropdown-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
|
|
64150
64197
|
"data-show": props.isVisibleFunction
|
|
64151
64198
|
}, props.imageUrl && React__default.createElement(Image, {
|
|
64152
64199
|
isHover: isHover,
|
|
64153
64200
|
defaultUrl: props.imageUrl,
|
|
64154
64201
|
hoverUrl: props.imageHoverUrl,
|
|
64155
|
-
className: styles$
|
|
64202
|
+
className: styles$T['vitro-image']
|
|
64156
64203
|
}), React__default.createElement("span", null, props.text), !props.isHideChevronDown && React__default.createElement("div", {
|
|
64157
|
-
className: styles$
|
|
64204
|
+
className: styles$T['vitro-button-collapse-bottom']
|
|
64158
64205
|
}));
|
|
64159
64206
|
};
|
|
64160
64207
|
|
|
@@ -64181,7 +64228,7 @@ var CommandMenuDropdownButton = function CommandMenuDropdownButton(props) {
|
|
|
64181
64228
|
return React__default.createElement(reactstrap.UncontrolledDropdown, {
|
|
64182
64229
|
nav: true,
|
|
64183
64230
|
inNavbar: true,
|
|
64184
|
-
className: styles$
|
|
64231
|
+
className: styles$T['vitro-dropdown-button-container'] + (isRight ? CTRL.SPACE + styles$T['vitro-right'] : CTRL.EMPTY)
|
|
64185
64232
|
}, React__default.createElement(reactstrap.DropdownToggle, {
|
|
64186
64233
|
nav: true,
|
|
64187
64234
|
caret: true,
|
|
@@ -64190,7 +64237,7 @@ var CommandMenuDropdownButton = function CommandMenuDropdownButton(props) {
|
|
|
64190
64237
|
className: props.className,
|
|
64191
64238
|
setIsRight: setIsRight
|
|
64192
64239
|
}))), React__default.createElement(reactstrap.DropdownMenu, null, React__default.createElement(ScrollBar, {
|
|
64193
|
-
className: styles$
|
|
64240
|
+
className: styles$T['vitro-scrollbar'],
|
|
64194
64241
|
isHideScrollX: true
|
|
64195
64242
|
}, props.itemList && props.itemList.map(function (i) {
|
|
64196
64243
|
return React__default.createElement(CommandMenuSubItem, Object.assign({
|
|
@@ -64202,7 +64249,7 @@ var CommandMenuDropdownButton = function CommandMenuDropdownButton(props) {
|
|
|
64202
64249
|
}), props.children)));
|
|
64203
64250
|
};
|
|
64204
64251
|
|
|
64205
|
-
var styles$
|
|
64252
|
+
var styles$U = {"vitro-item":"_sidebar-item_vitro-item_1BR_7F0","vitro-image":"_sidebar-item_vitro-image_2A82YI0","vitro-item-text":"_sidebar-item_vitro-item-text_1kK_aIZ","vitro-active":"_sidebar-item_vitro-active_7p5iOhY","vitro-hover":"_sidebar-item_vitro-hover_1mECzme","vitro-group-item":"_sidebar-item_vitro-group-item_ZADCctV","vitro-item-list":"_sidebar-item_vitro-item-list_17dWov1","vitro-expanded":"_sidebar-item_vitro-expanded_3qb1vOx","vitro-collapsed":"_sidebar-item_vitro-collapsed_2EhVmXL","vitro-display-none":"_sidebar-item_vitro-display-none_2WwKi5v","vitro-scrollbar":"_sidebar-item_vitro-scrollbar___xylIx","vitro-button-close":"_sidebar-item_vitro-button-close_2Kdf-ob"};
|
|
64206
64253
|
|
|
64207
64254
|
var Item$2 = function Item(props) {
|
|
64208
64255
|
var _useState = React.useState(false),
|
|
@@ -64239,10 +64286,10 @@ var Item$2 = function Item(props) {
|
|
|
64239
64286
|
defaultUrl: props.imageUrl,
|
|
64240
64287
|
hoverUrl: props.imageHoverUrl,
|
|
64241
64288
|
isHover: props.isHover,
|
|
64242
|
-
className: styles$
|
|
64289
|
+
className: styles$U['vitro-image']
|
|
64243
64290
|
})), React__default.createElement("span", {
|
|
64244
64291
|
ref: textRef,
|
|
64245
|
-
className: styles$
|
|
64292
|
+
className: styles$U['vitro-item-text'] + (!(props.isSidebarExpanded || props.isMobileView) ? CTRL.SPACE + styles$U['vitro-display-none'] : CTRL.EMPTY)
|
|
64246
64293
|
}, props.text)));
|
|
64247
64294
|
};
|
|
64248
64295
|
|
|
@@ -64264,7 +64311,7 @@ var LinkItem$1 = function LinkItem(props) {
|
|
|
64264
64311
|
isHover = _useState[0],
|
|
64265
64312
|
setIsHover = _useState[1];
|
|
64266
64313
|
var isActive = !!props.link && (props.link === props.currentUrl && (!props.activeItem || props.activeItem === props.id) || props.altUrlList && props.altUrlList.includes(props.currentUrl));
|
|
64267
|
-
var className = isActive ? styles$
|
|
64314
|
+
var className = isActive ? styles$U['vitro-active'] : isHover ? styles$U['vitro-hover'] : CTRL.EMPTY;
|
|
64268
64315
|
var onClick = function onClick(e) {
|
|
64269
64316
|
if (!props.isDisabled) {
|
|
64270
64317
|
if (props.onClick) {
|
|
@@ -64289,7 +64336,7 @@ var LinkItem$1 = function LinkItem(props) {
|
|
|
64289
64336
|
style: {
|
|
64290
64337
|
width: props.linkItemWidth ? props.linkItemWidth + UNIT.PX : WIDTH_AUTO
|
|
64291
64338
|
},
|
|
64292
|
-
className: styles$
|
|
64339
|
+
className: styles$U['vitro-item']
|
|
64293
64340
|
}, (props.link || props.onClick) && React__default.createElement("button", {
|
|
64294
64341
|
onMouseEnter: function onMouseEnter() {
|
|
64295
64342
|
return setIsHover(true);
|
|
@@ -64329,7 +64376,7 @@ var LinkItem$1 = function LinkItem(props) {
|
|
|
64329
64376
|
}))));
|
|
64330
64377
|
};
|
|
64331
64378
|
|
|
64332
|
-
var styles$
|
|
64379
|
+
var styles$V = {"vitro-slide-up-panel":"_slide-up-panel_vitro-slide-up-panel_2EOSLHK","vitro-content":"_slide-up-panel_vitro-content_1er6bcv","vitro-expanded":"_slide-up-panel_vitro-expanded_2f2dYt6","vitro-button-close":"_slide-up-panel_vitro-button-close_2iM7SFL"};
|
|
64333
64380
|
|
|
64334
64381
|
var SlideUpPanel = function SlideUpPanel(props) {
|
|
64335
64382
|
var _useState = React.useState(props.isShow),
|
|
@@ -64393,13 +64440,13 @@ var SlideUpPanel = function SlideUpPanel(props) {
|
|
|
64393
64440
|
target: props.container,
|
|
64394
64441
|
placement: exports.PLACEMENT.TOP
|
|
64395
64442
|
}, React__default.createElement("div", {
|
|
64396
|
-
className: styles$
|
|
64443
|
+
className: styles$V['vitro-slide-up-panel'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
|
|
64397
64444
|
}, React__default.createElement("div", {
|
|
64398
|
-
className: styles$
|
|
64445
|
+
className: styles$V['vitro-content'] + (isExpanded ? CTRL.SPACE + styles$V['vitro-expanded'] : CTRL.EMPTY),
|
|
64399
64446
|
ref: contentRef
|
|
64400
64447
|
}, React__default.createElement("button", {
|
|
64401
64448
|
ref: buttonRef,
|
|
64402
|
-
className: styles$
|
|
64449
|
+
className: styles$V['vitro-button-close'],
|
|
64403
64450
|
onTouchStart: onTouchStart,
|
|
64404
64451
|
onTouchEnd: onTouchEnd,
|
|
64405
64452
|
onTouchMove: onTouchMove,
|
|
@@ -64484,7 +64531,7 @@ var GroupItem = function GroupItem(props) {
|
|
|
64484
64531
|
setIsHover(focus);
|
|
64485
64532
|
}
|
|
64486
64533
|
};
|
|
64487
|
-
var className = isActive ? styles$
|
|
64534
|
+
var className = isActive ? styles$U['vitro-active'] : isHover ? styles$U['vitro-hover'] : CTRL.EMPTY;
|
|
64488
64535
|
var content = React__default.createElement(React__default.Fragment, null, props.itemList && props.itemList.map(function (i) {
|
|
64489
64536
|
return i.link || i.onClick ? React__default.createElement(LinkItem$1, Object.assign({
|
|
64490
64537
|
link: i.link,
|
|
@@ -64513,7 +64560,7 @@ var GroupItem = function GroupItem(props) {
|
|
|
64513
64560
|
style: {
|
|
64514
64561
|
width: props.linkItemWidth ? props.linkItemWidth + UNIT.PX : WIDTH_AUTO$1
|
|
64515
64562
|
},
|
|
64516
|
-
className: styles$
|
|
64563
|
+
className: styles$U['vitro-item'] + CTRL.SPACE + styles$U['vitro-group-item']
|
|
64517
64564
|
}, React__default.createElement("button", {
|
|
64518
64565
|
onMouseEnter: function onMouseEnter() {
|
|
64519
64566
|
return _onFocus(true);
|
|
@@ -64532,7 +64579,7 @@ var GroupItem = function GroupItem(props) {
|
|
|
64532
64579
|
}, React__default.createElement(Item$2, Object.assign({}, props, {
|
|
64533
64580
|
isHover: isHover || isActive
|
|
64534
64581
|
})), props.isSidebarExpanded && !props.isMobileView && React__default.createElement("span", {
|
|
64535
|
-
className: isExpanded ? styles$
|
|
64582
|
+
className: isExpanded ? styles$U['vitro-expanded'] : styles$U['vitro-collapsed']
|
|
64536
64583
|
})), props.isMobileView ? React__default.createElement(SlideUpPanel, {
|
|
64537
64584
|
isShow: isExpanded,
|
|
64538
64585
|
container: props.container,
|
|
@@ -64540,9 +64587,9 @@ var GroupItem = function GroupItem(props) {
|
|
|
64540
64587
|
return props.setActiveItem(CTRL.EMPTY);
|
|
64541
64588
|
}
|
|
64542
64589
|
}, React__default.createElement(ScrollBar, {
|
|
64543
|
-
className: styles$
|
|
64590
|
+
className: styles$U['vitro-scrollbar']
|
|
64544
64591
|
}, content)) : React__default.createElement("ul", {
|
|
64545
|
-
className: styles$
|
|
64592
|
+
className: styles$U['vitro-item-list'] + CTRL.SPACE + (props.isSidebarExpanded ? !isExpanded ? styles$U['vitro-display-none'] : CTRL.EMPTY : styles$U['vitro-display-none'])
|
|
64546
64593
|
}, content)));
|
|
64547
64594
|
};
|
|
64548
64595
|
|
|
@@ -64571,7 +64618,7 @@ var Section = function Section(props) {
|
|
|
64571
64618
|
})) : React__default.createElement(React__default.Fragment, null));
|
|
64572
64619
|
};
|
|
64573
64620
|
|
|
64574
|
-
var styles$
|
|
64621
|
+
var styles$W = {"vitro-sidebar":"_sidebar_vitro-sidebar_1IxGYiU","vitro-scrollbar":"_sidebar_vitro-scrollbar_2PtQGQD","vitro-sidebar-section-list":"_sidebar_vitro-sidebar-section-list_1nGto5m","vitro-scroll-container":"_sidebar_vitro-scroll-container_3K-iJy8","vitro-button-more":"_sidebar_vitro-button-more_3s9oZY9","vitro-logo-container":"_sidebar_vitro-logo-container_31O5Ly-","vitro-logo":"_sidebar_vitro-logo_1qxi8L_","vitro-scroll-content":"_sidebar_vitro-scroll-content_2RUBhZd"};
|
|
64575
64622
|
|
|
64576
64623
|
var SectionList = React.forwardRef(function (props, ref) {
|
|
64577
64624
|
if (!props.itemList || props.itemList.length === 0) {
|
|
@@ -64579,7 +64626,7 @@ var SectionList = React.forwardRef(function (props, ref) {
|
|
|
64579
64626
|
}
|
|
64580
64627
|
return React__default.createElement("ul", {
|
|
64581
64628
|
ref: ref,
|
|
64582
|
-
className: styles$
|
|
64629
|
+
className: styles$W['vitro-sidebar-section-list']
|
|
64583
64630
|
}, props.itemList.map(function (section) {
|
|
64584
64631
|
return React__default.createElement(Section, Object.assign({
|
|
64585
64632
|
isExpanded: props.isExpanded,
|
|
@@ -64674,12 +64721,12 @@ var Sidebar = function Sidebar(props) {
|
|
|
64674
64721
|
var width = containerWidth / count;
|
|
64675
64722
|
setLinkItemWidth(width);
|
|
64676
64723
|
};
|
|
64677
|
-
var className = styles$
|
|
64724
|
+
var className = styles$W['vitro-sidebar'] + (props.theme ? CTRL.SPACE + props.theme : CTRL.EMPTY) + CTRL.SPACE + (isMobileView ? 'vitro-bottom-menu' : CTRL.EMPTY);
|
|
64678
64725
|
return React__default.createElement("div", {
|
|
64679
64726
|
className: className,
|
|
64680
64727
|
id: 'vitro-sidebar'
|
|
64681
64728
|
}, !isMobileView ? React__default.createElement(React__default.Fragment, null, React__default.createElement(ScrollBar, {
|
|
64682
|
-
className: styles$
|
|
64729
|
+
className: styles$W['vitro-scrollbar']
|
|
64683
64730
|
}, React__default.createElement(SectionList, {
|
|
64684
64731
|
itemList: itemList,
|
|
64685
64732
|
currentUrl: currentUrl,
|
|
@@ -64697,18 +64744,18 @@ var Sidebar = function Sidebar(props) {
|
|
|
64697
64744
|
isMobileView: isMobileView,
|
|
64698
64745
|
isDisabled: props.isDisabled
|
|
64699
64746
|
})), React__default.createElement("div", {
|
|
64700
|
-
className: styles$
|
|
64747
|
+
className: styles$W['vitro-logo-container']
|
|
64701
64748
|
}, React__default.createElement(Item$2, {
|
|
64702
64749
|
text: props.logoText,
|
|
64703
64750
|
imageUrl: props.logo,
|
|
64704
64751
|
isSidebarExpanded: !props.sidebar,
|
|
64705
64752
|
isMobileView: isMobileView,
|
|
64706
|
-
className: styles$
|
|
64753
|
+
className: styles$W['vitro-logo']
|
|
64707
64754
|
}))) : React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
|
|
64708
|
-
className: styles$
|
|
64755
|
+
className: styles$W['vitro-scroll-container'],
|
|
64709
64756
|
ref: menuRef
|
|
64710
64757
|
}, React__default.createElement("div", {
|
|
64711
|
-
className: styles$
|
|
64758
|
+
className: styles$W['vitro-scroll-content'],
|
|
64712
64759
|
ref: scrollContentRef
|
|
64713
64760
|
}, React__default.createElement(SectionList, {
|
|
64714
64761
|
container: menuRef.current,
|
|
@@ -64726,36 +64773,36 @@ var Sidebar = function Sidebar(props) {
|
|
|
64726
64773
|
width: linkItemWidth,
|
|
64727
64774
|
isSidebarExpanded: !props.sidebar,
|
|
64728
64775
|
isMobileView: isMobileView,
|
|
64729
|
-
className: styles$
|
|
64776
|
+
className: styles$W['vitro-logo']
|
|
64730
64777
|
}))), React__default.createElement("button", {
|
|
64731
64778
|
onClick: scroll,
|
|
64732
|
-
className: styles$
|
|
64779
|
+
className: styles$W['vitro-button-more']
|
|
64733
64780
|
})));
|
|
64734
64781
|
};
|
|
64735
64782
|
|
|
64736
|
-
var styles$
|
|
64783
|
+
var styles$X = {"vitro-item":"_activity-item_vitro-item_3Tprske","vitro-active":"_activity-item_vitro-active_2kENgvf","vitro-title":"_activity-item_vitro-title__QItISm","vitro-due-date":"_activity-item_vitro-due-date_1mBIraY","vitro-content":"_activity-item_vitro-content_3Lt7XRy","vitro-message":"_activity-item_vitro-message_1ndqhgR","vitro-flex":"_activity-item_vitro-flex_37IxBWe","vitro-dropdown-button":"_activity-item_vitro-dropdown-button_1J50ja7","vitro-avatar":"_activity-item_vitro-avatar_218ZqAk"};
|
|
64737
64784
|
|
|
64738
64785
|
var ActivityItem = function ActivityItem(props) {
|
|
64739
64786
|
return React__default.createElement("div", {
|
|
64740
|
-
className: styles$
|
|
64787
|
+
className: styles$X['vitro-item'] + (props.isActive ? CTRL.SPACE + styles$X['vitro-active'] : CTRL.EMPTY)
|
|
64741
64788
|
}, React__default.createElement("div", {
|
|
64742
|
-
className: styles$
|
|
64789
|
+
className: styles$X['vitro-flex']
|
|
64743
64790
|
}, React__default.createElement(Avatar, {
|
|
64744
64791
|
userName: props.userName,
|
|
64745
64792
|
image: props.userImageUrl,
|
|
64746
|
-
className: styles$
|
|
64793
|
+
className: styles$X['vitro-avatar']
|
|
64747
64794
|
}), React__default.createElement("div", {
|
|
64748
|
-
className: styles$
|
|
64795
|
+
className: styles$X['vitro-content']
|
|
64749
64796
|
}, React__default.createElement("div", null, React__default.createElement("div", {
|
|
64750
|
-
className: styles$
|
|
64797
|
+
className: styles$X['vitro-title']
|
|
64751
64798
|
}, React__default.createElement("span", null, props.title || props.userName), props.isShowDetail && React__default.createElement("span", {
|
|
64752
|
-
className: styles$
|
|
64799
|
+
className: styles$X['vitro-due-date']
|
|
64753
64800
|
}, props.date), props.isShowDetail && props.dropdownItemList && React__default.createElement(DropdownButton, {
|
|
64754
64801
|
itemList: props.dropdownItemList,
|
|
64755
64802
|
onToggle: props.onDropdownToggle,
|
|
64756
|
-
className: styles$
|
|
64803
|
+
className: styles$X['vitro-dropdown-button']
|
|
64757
64804
|
})), React__default.createElement("div", {
|
|
64758
|
-
className: styles$
|
|
64805
|
+
className: styles$X['vitro-message'] + (props.variant ? CTRL.SPACE + props.variant : CTRL.EMPTY)
|
|
64759
64806
|
}, React__default.createElement("p", {
|
|
64760
64807
|
dangerouslySetInnerHTML: {
|
|
64761
64808
|
__html: props.message
|
|
@@ -64763,46 +64810,46 @@ var ActivityItem = function ActivityItem(props) {
|
|
|
64763
64810
|
}), props.children)))));
|
|
64764
64811
|
};
|
|
64765
64812
|
|
|
64766
|
-
var styles$
|
|
64813
|
+
var styles$Y = {"vitro-task-user-list":"_task-user-list_vitro-task-user-list_3GBJVjt"};
|
|
64767
64814
|
|
|
64768
64815
|
var TaskUserList = function TaskUserList(props) {
|
|
64769
64816
|
return React__default.createElement("div", {
|
|
64770
|
-
className: styles$
|
|
64817
|
+
className: styles$Y['vitro-task-user-list']
|
|
64771
64818
|
}, props.itemList && props.itemList.map(function (x) {
|
|
64772
64819
|
return React__default.createElement(ActivityItem, Object.assign({}, x));
|
|
64773
64820
|
}));
|
|
64774
64821
|
};
|
|
64775
64822
|
|
|
64776
|
-
var styles$
|
|
64823
|
+
var styles$Z = {"vitro-task-tile":"_task-tile_vitro-task-tile_35bZu48","vitro-active":"_task-tile_vitro-active_11W9nJz","vitro-content":"_task-tile_vitro-content_rl2ERCQ","vitro-description":"_task-tile_vitro-description_qtyUbLy","vitro-comment":"_task-tile_vitro-comment_2im2AJj","vitro-title":"_task-tile_vitro-title_1pXrIrB","vitro-top-right":"_task-tile_vitro-top-right_19tbPX4","vitro-dropdown-button":"_task-tile_vitro-dropdown-button_2YgEUdg","vitro-bottom-right":"_task-tile_vitro-bottom-right_2E9WAle","vitro-button-cancel":"_task-tile_vitro-button-cancel_1lgja1K"};
|
|
64777
64824
|
|
|
64778
64825
|
var TaskTile = function TaskTile(props) {
|
|
64779
64826
|
return React__default.createElement("div", {
|
|
64780
|
-
className: styles$
|
|
64827
|
+
className: styles$Z['vitro-task-tile'] + (props.isActive ? CTRL.SPACE + styles$Z['vitro-active'] : CTRL.EMPTY),
|
|
64781
64828
|
onClick: props.onClick
|
|
64782
64829
|
}, props.dropdownItemList && React__default.createElement("div", {
|
|
64783
|
-
className: styles$
|
|
64830
|
+
className: styles$Z['vitro-top-right']
|
|
64784
64831
|
}, React__default.createElement(DropdownButton, {
|
|
64785
64832
|
itemList: props.dropdownItemList,
|
|
64786
|
-
className: styles$
|
|
64833
|
+
className: styles$Z['vitro-dropdown-button']
|
|
64787
64834
|
})), props.isShowDeleteButton && React__default.createElement("div", {
|
|
64788
|
-
className: styles$
|
|
64835
|
+
className: styles$Z['vitro-button-cancel'],
|
|
64789
64836
|
onClick: props.onDeleteClick
|
|
64790
64837
|
}), props.description && React__default.createElement("div", {
|
|
64791
|
-
className: styles$
|
|
64838
|
+
className: styles$Z['vitro-description']
|
|
64792
64839
|
}, props.description), React__default.createElement("div", {
|
|
64793
|
-
className: styles$
|
|
64840
|
+
className: styles$Z['vitro-title']
|
|
64794
64841
|
}, props.title), props.comment && React__default.createElement("div", {
|
|
64795
|
-
className: styles$
|
|
64842
|
+
className: styles$Z['vitro-comment']
|
|
64796
64843
|
}, props.comment), React__default.createElement("div", {
|
|
64797
|
-
className: styles$
|
|
64844
|
+
className: styles$Z['vitro-content']
|
|
64798
64845
|
}, props.userList && React__default.createElement(TaskUserList, {
|
|
64799
64846
|
itemList: props.userList
|
|
64800
64847
|
})), React__default.createElement("div", {
|
|
64801
|
-
className: styles$
|
|
64848
|
+
className: styles$Z['vitro-bottom-right']
|
|
64802
64849
|
}, props.dateComment, " \xA0 ", props.date), props.children);
|
|
64803
64850
|
};
|
|
64804
64851
|
|
|
64805
|
-
var styles$
|
|
64852
|
+
var styles$_ = {"vitro-alert":"_alert_vitro-alert_3sPAkJb","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"};
|
|
64806
64853
|
|
|
64807
64854
|
var Alert$1 = function Alert(props) {
|
|
64808
64855
|
var ref = React.useRef(null);
|
|
@@ -64834,7 +64881,7 @@ var Alert$1 = function Alert(props) {
|
|
|
64834
64881
|
}
|
|
64835
64882
|
};
|
|
64836
64883
|
var actionList = props.actionList && React__default.createElement("div", {
|
|
64837
|
-
className: styles$
|
|
64884
|
+
className: styles$_['vitro-alert-action-list']
|
|
64838
64885
|
}, props.actionList.map(function (a) {
|
|
64839
64886
|
return React__default.createElement(Button$1, {
|
|
64840
64887
|
key: a.text,
|
|
@@ -64843,7 +64890,7 @@ var Alert$1 = function Alert(props) {
|
|
|
64843
64890
|
}
|
|
64844
64891
|
}, a.text);
|
|
64845
64892
|
}));
|
|
64846
|
-
var className = styles$
|
|
64893
|
+
var className = styles$_['vitro-alert'] + CTRL.SPACE + (props.isPositionCenter && styles$_['vitro-position-center']) + CTRL.SPACE + (props.className ? props.className : CTRL.EMPTY);
|
|
64847
64894
|
return React__default.createElement("div", {
|
|
64848
64895
|
tabIndex: 1,
|
|
64849
64896
|
onBlur: onFocusOut,
|
|
@@ -64853,13 +64900,13 @@ var Alert$1 = function Alert(props) {
|
|
|
64853
64900
|
variant: props.type,
|
|
64854
64901
|
onClose: props.onClose
|
|
64855
64902
|
}, React__default.createElement("div", {
|
|
64856
|
-
className: styles$
|
|
64903
|
+
className: styles$_['vitro-alert-content']
|
|
64857
64904
|
}, React__default.createElement("div", {
|
|
64858
|
-
className: styles$
|
|
64905
|
+
className: styles$_['vitro-icon']
|
|
64859
64906
|
}), React__default.createElement("div", {
|
|
64860
|
-
className: styles$
|
|
64907
|
+
className: styles$_['vitro-text']
|
|
64861
64908
|
}, props.title && React__default.createElement("strong", null, props.title), props.text, !props.text && props.children), !props.isMultiline && actionList, props.isDismissible && React__default.createElement("div", {
|
|
64862
|
-
className: styles$
|
|
64909
|
+
className: styles$_['vitro-button-close'],
|
|
64863
64910
|
onClick: onClose
|
|
64864
64911
|
})), props.text && props.children, props.isMultiline && actionList));
|
|
64865
64912
|
};
|
|
@@ -64876,7 +64923,7 @@ var AlertConstants = {
|
|
|
64876
64923
|
get TYPE () { return TYPE$2; }
|
|
64877
64924
|
};
|
|
64878
64925
|
|
|
64879
|
-
var styles
|
|
64926
|
+
var styles$$ = {"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"};
|
|
64880
64927
|
|
|
64881
64928
|
var UserProfileMenuItem = function UserProfileMenuItem(props) {
|
|
64882
64929
|
var onClick = function onClick() {
|
|
@@ -64887,7 +64934,7 @@ var UserProfileMenuItem = function UserProfileMenuItem(props) {
|
|
|
64887
64934
|
};
|
|
64888
64935
|
if (props.link) {
|
|
64889
64936
|
return React__default.createElement("div", {
|
|
64890
|
-
className: styles
|
|
64937
|
+
className: styles$$['vitro-dropdown-item'],
|
|
64891
64938
|
onClick: onClick
|
|
64892
64939
|
}, React__default.createElement("a", {
|
|
64893
64940
|
href: props.link
|
|
@@ -64898,7 +64945,7 @@ var UserProfileMenuItem = function UserProfileMenuItem(props) {
|
|
|
64898
64945
|
}
|
|
64899
64946
|
if (props.onClick) {
|
|
64900
64947
|
return React__default.createElement("div", {
|
|
64901
|
-
className: styles
|
|
64948
|
+
className: styles$$['vitro-dropdown-item'],
|
|
64902
64949
|
key: props.text,
|
|
64903
64950
|
onClick: onClick
|
|
64904
64951
|
}, props.imageUrl && React__default.createElement(Image, {
|
|
@@ -64932,15 +64979,15 @@ var UserProfile = function UserProfile(props) {
|
|
|
64932
64979
|
return React__default.createElement(reactstrap.Dropdown, {
|
|
64933
64980
|
isOpen: dropdownOpen,
|
|
64934
64981
|
toggle: toggle,
|
|
64935
|
-
className: styles
|
|
64982
|
+
className: styles$$['vitro-user-profile']
|
|
64936
64983
|
}, React__default.createElement(reactstrap.DropdownToggle, {
|
|
64937
64984
|
caret: true
|
|
64938
64985
|
}, React__default.createElement("div", null, React__default.createElement("span", {
|
|
64939
|
-
className: styles
|
|
64986
|
+
className: styles$$['vitro-text-color-white']
|
|
64940
64987
|
}, createSurnameWithInitials(props.userName)), React__default.createElement(Avatar, {
|
|
64941
64988
|
userName: props.userName,
|
|
64942
64989
|
image: props.image,
|
|
64943
|
-
className: styles
|
|
64990
|
+
className: styles$$['vitro-avatar']
|
|
64944
64991
|
}))), React__default.createElement(reactstrap.DropdownMenu, {
|
|
64945
64992
|
right: true
|
|
64946
64993
|
}, props.dropdownMenuItemList && props.dropdownMenuItemList.length > 0 && props.dropdownMenuItemList.map(function (item) {
|
|
@@ -64950,7 +64997,7 @@ var UserProfile = function UserProfile(props) {
|
|
|
64950
64997
|
})));
|
|
64951
64998
|
};
|
|
64952
64999
|
|
|
64953
|
-
var styles
|
|
65000
|
+
var styles$10 = {"vitro-avatar":"_user-lookup-picker_vitro-avatar_2vI-SeH"};
|
|
64954
65001
|
|
|
64955
65002
|
var UserLookupPicker = React.forwardRef(function (props, ref) {
|
|
64956
65003
|
var lookupPickerRef = React.useRef(null);
|
|
@@ -64958,7 +65005,7 @@ var UserLookupPicker = React.forwardRef(function (props, ref) {
|
|
|
64958
65005
|
var prop = props.getHtmlValueTemplateProps(item);
|
|
64959
65006
|
if (props.isMultiSelect) {
|
|
64960
65007
|
return _extends({}, prop, {
|
|
64961
|
-
className: styles
|
|
65008
|
+
className: styles$10['vitro-avatar']
|
|
64962
65009
|
});
|
|
64963
65010
|
}
|
|
64964
65011
|
return prop;
|
|
@@ -64979,7 +65026,7 @@ var UserLookupPicker = React.forwardRef(function (props, ref) {
|
|
|
64979
65026
|
}));
|
|
64980
65027
|
});
|
|
64981
65028
|
|
|
64982
|
-
var styles$
|
|
65029
|
+
var styles$11 = {"vitro-title":"_activity_vitro-title_1rdvvaa","vitro-dropdown-button":"_activity_vitro-dropdown-button_12258nJ","vitro-activity":"_activity_vitro-activity_1u7YeF3"};
|
|
64983
65030
|
|
|
64984
65031
|
var Activity = function Activity(props) {
|
|
64985
65032
|
var onDrop = function onDrop(e) {
|
|
@@ -64992,16 +65039,16 @@ var Activity = function Activity(props) {
|
|
|
64992
65039
|
className: 'vitro-activity',
|
|
64993
65040
|
onDrop: onDrop
|
|
64994
65041
|
}, (props.filterDropdownList || props.title) && React__default.createElement("div", {
|
|
64995
|
-
className: styles$
|
|
65042
|
+
className: styles$11['vitro-title']
|
|
64996
65043
|
}, props.filterDropdownList && React__default.createElement(DropdownButton, {
|
|
64997
65044
|
itemList: props.filterDropdownList,
|
|
64998
|
-
className: styles$
|
|
65045
|
+
className: styles$11['vitro-dropdown-button']
|
|
64999
65046
|
}), props.title && React__default.createElement("h3", null, props.title)), React__default.createElement("div", {
|
|
65000
65047
|
className: 'vitro-content'
|
|
65001
65048
|
}, props.children));
|
|
65002
65049
|
};
|
|
65003
65050
|
|
|
65004
|
-
var styles$
|
|
65051
|
+
var styles$12 = {"vitro-file":"_file_vitro-file_2xkXgkS","vitro-preview":"_file_vitro-preview_2RVdrbm","vitro-preview-container":"_file_vitro-preview-container_2dmbDD7","vitro-flex":"_file_vitro-flex_3nGTlWX","vitro-image":"_file_vitro-image_2Bt3otk","vitro-file-name":"_file_vitro-file-name_2t9Y643","vitro-file-size":"_file_vitro-file-size_15f_E_0","vitro-dropdown-button":"_file_vitro-dropdown-button_3MgI2n9"};
|
|
65005
65052
|
|
|
65006
65053
|
var File = function File(props) {
|
|
65007
65054
|
var onClick = function onClick() {
|
|
@@ -65009,33 +65056,33 @@ var File = function File(props) {
|
|
|
65009
65056
|
props.onClick(props.id);
|
|
65010
65057
|
}
|
|
65011
65058
|
};
|
|
65012
|
-
var className = [styles$
|
|
65059
|
+
var className = [styles$12['vitro-file'], props.className || CTRL.EMPTY, props.isImage ? styles$12['vitro-preview'] : CTRL.EMPTY].join(CTRL.SPACE);
|
|
65013
65060
|
return React__default.createElement("div", {
|
|
65014
65061
|
className: className
|
|
65015
65062
|
}, props.actionList && props.actionList.length ? React__default.createElement(DropdownButton, {
|
|
65016
65063
|
itemList: props.actionList,
|
|
65017
|
-
className: styles$
|
|
65064
|
+
className: styles$12['vitro-dropdown-button']
|
|
65018
65065
|
}) : null, React__default.createElement(Tooltip$1, {
|
|
65019
65066
|
placement: PLACEMENT.TOP,
|
|
65020
65067
|
text: props.tooltip || CTRL.EMPTY
|
|
65021
65068
|
}, React__default.createElement("div", {
|
|
65022
|
-
className: styles$
|
|
65069
|
+
className: styles$12['vitro-preview-container'],
|
|
65023
65070
|
onClick: onClick
|
|
65024
65071
|
}, React__default.createElement("img", {
|
|
65025
65072
|
src: props.preview
|
|
65026
65073
|
}))), !props.isImage && React__default.createElement("div", {
|
|
65027
|
-
className: styles$
|
|
65074
|
+
className: styles$12['vitro-flex']
|
|
65028
65075
|
}, props.image && React__default.createElement("img", {
|
|
65029
65076
|
src: props.image,
|
|
65030
|
-
className: styles$
|
|
65077
|
+
className: styles$12['vitro-image']
|
|
65031
65078
|
}), React__default.createElement("div", null, React__default.createElement("span", {
|
|
65032
|
-
className: styles$
|
|
65079
|
+
className: styles$12['vitro-file-name']
|
|
65033
65080
|
}, props.name), React__default.createElement("span", {
|
|
65034
|
-
className: styles$
|
|
65081
|
+
className: styles$12['vitro-file-size']
|
|
65035
65082
|
}, props.size))));
|
|
65036
65083
|
};
|
|
65037
65084
|
|
|
65038
|
-
var styles$
|
|
65085
|
+
var styles$13 = {"vitro-file-list-container":"_attached-file-list_vitro-file-list-container_5PIFyI7","vitro-overflow-button":"_attached-file-list_vitro-overflow-button_39QxX1m","vitro-item-count":"_attached-file-list_vitro-item-count_35PIT1U","vitro-file":"_attached-file-list_vitro-file_2mPE3Rq"};
|
|
65039
65086
|
|
|
65040
65087
|
var AttachedFileListItem = function AttachedFileListItem(props) {
|
|
65041
65088
|
var _useState = React.useState(null),
|
|
@@ -65051,14 +65098,14 @@ var AttachedFileListItem = function AttachedFileListItem(props) {
|
|
|
65051
65098
|
return React__default.createElement(React__default.Fragment, null, props.fileList.map(function (file, index) {
|
|
65052
65099
|
if (index < props.maxVisibleFileCount) {
|
|
65053
65100
|
return React__default.createElement(File, Object.assign({}, file, {
|
|
65054
|
-
className: styles$
|
|
65101
|
+
className: styles$13['vitro-file']
|
|
65055
65102
|
}));
|
|
65056
65103
|
}
|
|
65057
65104
|
return React__default.createElement(React__default.Fragment, null);
|
|
65058
65105
|
}), props.fileList.length > props.maxVisibleFileCount && !hiddenFileList ? React__default.createElement("div", {
|
|
65059
|
-
className: styles$
|
|
65106
|
+
className: styles$13['vitro-overflow-button']
|
|
65060
65107
|
}, React__default.createElement("div", {
|
|
65061
|
-
className: styles$
|
|
65108
|
+
className: styles$13['vitro-item-count'],
|
|
65062
65109
|
onClick: function onClick() {
|
|
65063
65110
|
return onHiddenFileListClick(props.fileList.slice(props.maxVisibleFileCount));
|
|
65064
65111
|
}
|
|
@@ -65067,10 +65114,10 @@ var AttachedFileListItem = function AttachedFileListItem(props) {
|
|
|
65067
65114
|
text: props.hiddenFileCountTooltip || CTRL.EMPTY
|
|
65068
65115
|
}, React__default.createElement("div", null, CTRL.PLUS + (props.fileList.length - props.maxVisibleFileCount)))), React__default.createElement(File, Object.assign({}, props.fileList[props.maxVisibleFileCount], {
|
|
65069
65116
|
actionList: [],
|
|
65070
|
-
className: styles$
|
|
65117
|
+
className: styles$13['vitro-file']
|
|
65071
65118
|
}))) : null, hiddenFileList && hiddenFileList.map(function (file) {
|
|
65072
65119
|
return React__default.createElement(File, Object.assign({}, file, {
|
|
65073
|
-
className: styles$
|
|
65120
|
+
className: styles$13['vitro-file']
|
|
65074
65121
|
}));
|
|
65075
65122
|
}));
|
|
65076
65123
|
};
|
|
@@ -65106,7 +65153,7 @@ var AttachedFileList = function AttachedFileList(props) {
|
|
|
65106
65153
|
}
|
|
65107
65154
|
};
|
|
65108
65155
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
|
|
65109
|
-
className: styles$
|
|
65156
|
+
className: styles$13['vitro-file-list-container']
|
|
65110
65157
|
}, imageList && React__default.createElement(AttachedFileListItem, {
|
|
65111
65158
|
fileList: imageList,
|
|
65112
65159
|
maxVisibleFileCount: maxImageCount,
|
|
@@ -65120,7 +65167,7 @@ var AttachedFileList = function AttachedFileList(props) {
|
|
|
65120
65167
|
})));
|
|
65121
65168
|
};
|
|
65122
65169
|
|
|
65123
|
-
var styles$
|
|
65170
|
+
var styles$14 = {"vitro-activity-message":"_activity-message_vitro-activity-message_3GdyQuC","vitro-item":"_activity-message_vitro-item_3Q-7zX3","vitro-value":"_activity-message_vitro-value_O4DpuTR","vitro-message":"_activity-message_vitro-message_25otUOy","vitro-field-name":"_activity-message_vitro-field-name_hdjdQbg","vitro-separator":"_activity-message_vitro-separator_vxgHLaH"};
|
|
65124
65171
|
|
|
65125
65172
|
var ActivityMessage = function ActivityMessage(props) {
|
|
65126
65173
|
var _useState = React.useState(false),
|
|
@@ -65162,25 +65209,25 @@ var ActivityMessage = function ActivityMessage(props) {
|
|
|
65162
65209
|
return false;
|
|
65163
65210
|
};
|
|
65164
65211
|
return React__default.createElement(React__default.Fragment, null, props.changedValueList.length ? React__default.createElement("div", {
|
|
65165
|
-
className: styles$
|
|
65212
|
+
className: styles$14['vitro-activity-message']
|
|
65166
65213
|
}, props.changedValueList.map(function (item) {
|
|
65167
65214
|
return React__default.createElement("div", {
|
|
65168
|
-
className: styles$
|
|
65215
|
+
className: styles$14['vitro-item']
|
|
65169
65216
|
}, item.fieldName && React__default.createElement("span", {
|
|
65170
|
-
className: styles$
|
|
65217
|
+
className: styles$14['vitro-field-name']
|
|
65171
65218
|
}, "" + item.fieldName + CTRL.COLON), item.oldValue && React__default.createElement(React__default.Fragment, null, React__default.createElement(Tooltip$1, {
|
|
65172
65219
|
text: item.oldValue,
|
|
65173
65220
|
isShow: isShowOldValueTooltip ? undefined : false
|
|
65174
65221
|
}, React__default.createElement("div", {
|
|
65175
|
-
className: styles$
|
|
65222
|
+
className: styles$14['vitro-value'],
|
|
65176
65223
|
ref: oldValueRef
|
|
65177
65224
|
}, item.oldValue)), React__default.createElement("span", {
|
|
65178
|
-
className: styles$
|
|
65225
|
+
className: styles$14['vitro-separator']
|
|
65179
65226
|
})), item.newValue && React__default.createElement(Tooltip$1, {
|
|
65180
65227
|
text: item.newValue,
|
|
65181
65228
|
isShow: isShowNewValueTooltip ? undefined : false
|
|
65182
65229
|
}, React__default.createElement("div", {
|
|
65183
|
-
className: item.isMessage ? styles$
|
|
65230
|
+
className: item.isMessage ? styles$14['vitro-message'] : styles$14['vitro-value'],
|
|
65184
65231
|
ref: newValueRef
|
|
65185
65232
|
}, item.newValue)));
|
|
65186
65233
|
})) : null, props.fileList && props.fileList.length ? React__default.createElement(AttachedFileList, Object.assign({
|
|
@@ -65207,7 +65254,7 @@ var LOCALE$6;
|
|
|
65207
65254
|
LOCALE["ADD_FILE"] = "app.common.messageInput.action.addFile";
|
|
65208
65255
|
})(LOCALE$6 || (LOCALE$6 = {}));
|
|
65209
65256
|
|
|
65210
|
-
var styles$
|
|
65257
|
+
var styles$15 = {"vitro-attached-file-container":"_attached-file_vitro-attached-file-container_3AhHHlm","vitro-attached-file":"_attached-file_vitro-attached-file_1R6PPQN","vitro-button-remove":"_attached-file_vitro-button-remove_3ehToHf"};
|
|
65211
65258
|
|
|
65212
65259
|
var AttachedFile = function AttachedFile(props) {
|
|
65213
65260
|
var _useState = React.useState(null),
|
|
@@ -65245,23 +65292,23 @@ var AttachedFile = function AttachedFile(props) {
|
|
|
65245
65292
|
return null;
|
|
65246
65293
|
}
|
|
65247
65294
|
return React__default.createElement("div", {
|
|
65248
|
-
className: styles$
|
|
65295
|
+
className: styles$15['vitro-attached-file-container']
|
|
65249
65296
|
}, React__default.createElement(Tooltip$1, {
|
|
65250
65297
|
placement: PLACEMENT.TOP,
|
|
65251
65298
|
text: localeService.create(LOCALE$6.DELETE_FILE)
|
|
65252
65299
|
}, React__default.createElement("button", {
|
|
65253
|
-
className: styles$
|
|
65300
|
+
className: styles$15['vitro-button-remove'],
|
|
65254
65301
|
onClick: function onClick() {
|
|
65255
65302
|
return props.onDelete(props.index);
|
|
65256
65303
|
}
|
|
65257
65304
|
})), React__default.createElement(File, Object.assign({
|
|
65258
65305
|
id: "" + props.index
|
|
65259
65306
|
}, file, {
|
|
65260
|
-
className: styles$
|
|
65307
|
+
className: styles$15['vitro-attached-file']
|
|
65261
65308
|
})));
|
|
65262
65309
|
};
|
|
65263
65310
|
|
|
65264
|
-
var styles$
|
|
65311
|
+
var styles$16 = {"vitro-message-input":"_message-input_vitro-message-input_3MkcjWD","vitro-control":"_message-input_vitro-control_1PUSjq9","vitro-message":"_message-input_vitro-message_2EJSy-9","vitro-placeholder":"_message-input_vitro-placeholder_1FBfIqN","vitro-button-add-file":"_message-input_vitro-button-add-file_1qdtHHq","vitro-button-send":"_message-input_vitro-button-send_1vktQrZ","vitro-display-none":"_message-input_vitro-display-none_2dYTZ22","vitro-attached-file-list":"_message-input_vitro-attached-file-list_l95S4VR","vitro-flex":"_message-input_vitro-flex_18M_7xU"};
|
|
65265
65312
|
|
|
65266
65313
|
var MessageInput = React.forwardRef(function (props, ref) {
|
|
65267
65314
|
var _useState = React.useState(true),
|
|
@@ -65374,12 +65421,12 @@ var MessageInput = React.forwardRef(function (props, ref) {
|
|
|
65374
65421
|
}
|
|
65375
65422
|
};
|
|
65376
65423
|
return React__default.createElement("div", {
|
|
65377
|
-
className: styles$
|
|
65424
|
+
className: styles$16['vitro-message-input'],
|
|
65378
65425
|
onDrop: props.onDrop
|
|
65379
65426
|
}, React__default.createElement("div", {
|
|
65380
|
-
className: styles$
|
|
65427
|
+
className: styles$16['vitro-control']
|
|
65381
65428
|
}, fileList.length ? React__default.createElement("div", {
|
|
65382
|
-
className: styles$
|
|
65429
|
+
className: styles$16['vitro-attached-file-list']
|
|
65383
65430
|
}, React__default.createElement(ScrollBar, null, fileList.map(function (file, index) {
|
|
65384
65431
|
return React__default.createElement(AttachedFile, {
|
|
65385
65432
|
key: index,
|
|
@@ -65390,11 +65437,11 @@ var MessageInput = React.forwardRef(function (props, ref) {
|
|
|
65390
65437
|
getFileSize: props.getFileSize
|
|
65391
65438
|
});
|
|
65392
65439
|
}))) : null, React__default.createElement(FlexBox, {
|
|
65393
|
-
className: styles$
|
|
65440
|
+
className: styles$16['vitro-flex']
|
|
65394
65441
|
}, !props.isDisabled && React__default.createElement(ScrollBar, {
|
|
65395
65442
|
isHideScrollX: true
|
|
65396
65443
|
}, React__default.createElement("div", {
|
|
65397
|
-
className: styles$
|
|
65444
|
+
className: styles$16['vitro-message'],
|
|
65398
65445
|
ref: inputRef,
|
|
65399
65446
|
onInput: onChange,
|
|
65400
65447
|
onKeyDown: onKeyDown,
|
|
@@ -65404,20 +65451,20 @@ var MessageInput = React.forwardRef(function (props, ref) {
|
|
|
65404
65451
|
onDrop: onDrop,
|
|
65405
65452
|
contentEditable: true
|
|
65406
65453
|
}, isShowPlaceholder && React__default.createElement("span", {
|
|
65407
|
-
className: styles$
|
|
65454
|
+
className: styles$16['vitro-placeholder']
|
|
65408
65455
|
}, props.placeholder || localeService.create(LOCALE$6.PLACEHOLDER)))), props.children, props.onSelectFiles && React__default.createElement(React__default.Fragment, null, React__default.createElement(ImageButton, {
|
|
65409
65456
|
onClick: selectFile,
|
|
65410
65457
|
tooltipText: localeService.create(LOCALE$6.ADD_FILE),
|
|
65411
|
-
className: styles$
|
|
65458
|
+
className: styles$16['vitro-button-add-file']
|
|
65412
65459
|
}), React__default.createElement("input", {
|
|
65413
65460
|
type: 'file',
|
|
65414
65461
|
onChange: onSelectFile,
|
|
65415
65462
|
ref: fileInputRef,
|
|
65416
|
-
className: styles$
|
|
65463
|
+
className: styles$16['vitro-display-none'],
|
|
65417
65464
|
multiple: true
|
|
65418
65465
|
})))), React__default.createElement(ImageButton, {
|
|
65419
65466
|
onClick: onEnter,
|
|
65420
|
-
className: styles$
|
|
65467
|
+
className: styles$16['vitro-button-send']
|
|
65421
65468
|
}));
|
|
65422
65469
|
});
|
|
65423
65470
|
|
|
@@ -65432,7 +65479,7 @@ var LOCALE$7;
|
|
|
65432
65479
|
LOCALE["ACTION_DELETE"] = "app.common.action.delete";
|
|
65433
65480
|
})(LOCALE$7 || (LOCALE$7 = {}));
|
|
65434
65481
|
|
|
65435
|
-
var styles$
|
|
65482
|
+
var styles$17 = {"vitro-image-picker-root":"_image-picker_vitro-image-picker-root_AqOYRhP","vitro-image-picker-dropdown-wrapper":"_image-picker_vitro-image-picker-dropdown-wrapper_8Tr_BBS","vitro-image-picker-defaultImage-wrapper":"_image-picker_vitro-image-picker-defaultImage-wrapper_1BHZ1he","vitro-image-picker-image-wrapper":"_image-picker_vitro-image-picker-image-wrapper_328OVLU","vitro-image-picker-input":"_image-picker_vitro-image-picker-input_12jFFNU","vitro-image-default":"_image-picker_vitro-image-default_LhN4iy6","vitro-image-picker-label-wrapper":"_image-picker_vitro-image-picker-label-wrapper_WRLzUYM","vitro-image-picker-wrapper":"_image-picker_vitro-image-picker-wrapper_dlZyYFL","vitro-required":"_image-picker_vitro-required_2lpwlb0"};
|
|
65436
65483
|
|
|
65437
65484
|
var ImagePicker = function ImagePicker(props) {
|
|
65438
65485
|
var localeService = inversifyReact.useInjection(SERVICE.LOCALE);
|
|
@@ -65440,16 +65487,16 @@ var ImagePicker = function ImagePicker(props) {
|
|
|
65440
65487
|
var renderPreview = function renderPreview() {
|
|
65441
65488
|
if (props.defaultUrl) {
|
|
65442
65489
|
return React__default.createElement("div", {
|
|
65443
|
-
className: props.classNameDefaultImage ? props.classNameDefaultImage : styles$
|
|
65490
|
+
className: props.classNameDefaultImage ? props.classNameDefaultImage : styles$17['vitro-image-picker-image-wrapper']
|
|
65444
65491
|
}, React__default.createElement(Image, {
|
|
65445
65492
|
defaultUrl: props.defaultUrl,
|
|
65446
|
-
className: props.classNameImage ? props.classNameImage : styles$
|
|
65493
|
+
className: props.classNameImage ? props.classNameImage : styles$17['vitro-image-picker-image']
|
|
65447
65494
|
}));
|
|
65448
65495
|
} else {
|
|
65449
65496
|
return React__default.createElement("div", {
|
|
65450
|
-
className: props.classNameDefaultImage ? props.classNameDefaultImage : styles$
|
|
65497
|
+
className: props.classNameDefaultImage ? props.classNameDefaultImage : styles$17['vitro-image-picker-defaultImage-wrapper']
|
|
65451
65498
|
}, React__default.createElement("div", {
|
|
65452
|
-
className: styles$
|
|
65499
|
+
className: styles$17['vitro-image-default']
|
|
65453
65500
|
}));
|
|
65454
65501
|
}
|
|
65455
65502
|
};
|
|
@@ -65489,19 +65536,19 @@ var ImagePicker = function ImagePicker(props) {
|
|
|
65489
65536
|
return (_props$itemList = props.itemList) !== null && _props$itemList !== void 0 && _props$itemList.length ? result.concat(props.itemList) : result;
|
|
65490
65537
|
}, [props.itemList, props.defaultUrl]);
|
|
65491
65538
|
return React__default.createElement("div", {
|
|
65492
|
-
className: styles$
|
|
65539
|
+
className: styles$17['vitro-image-picker-wrapper']
|
|
65493
65540
|
}, React__default.createElement("div", {
|
|
65494
|
-
className: styles$
|
|
65541
|
+
className: styles$17['vitro-image-picker-label-wrapper']
|
|
65495
65542
|
}, props.label ? props.label : '', props.isRequired && React__default.createElement("span", {
|
|
65496
|
-
className: styles$
|
|
65543
|
+
className: styles$17['vitro-required']
|
|
65497
65544
|
}, CTRL.ASTERISK)), React__default.createElement("div", {
|
|
65498
|
-
className: props.classNameRoot ? props.classNameRoot : styles$
|
|
65545
|
+
className: props.classNameRoot ? props.classNameRoot : styles$17['vitro-image-picker-root']
|
|
65499
65546
|
}, !props.isReadOnly && React__default.createElement(DropdownButton, {
|
|
65500
65547
|
itemList: defaultItemList,
|
|
65501
|
-
className: styles$
|
|
65548
|
+
className: styles$17['vitro-image-picker-dropdown-wrapper']
|
|
65502
65549
|
}), React__default.createElement("input", {
|
|
65503
65550
|
type: 'file',
|
|
65504
|
-
className: styles$
|
|
65551
|
+
className: styles$17['vitro-image-picker-input'],
|
|
65505
65552
|
ref: inputFileRef,
|
|
65506
65553
|
onChange: onChange,
|
|
65507
65554
|
accept: 'image/*'
|
|
@@ -65510,7 +65557,7 @@ var ImagePicker = function ImagePicker(props) {
|
|
|
65510
65557
|
}));
|
|
65511
65558
|
};
|
|
65512
65559
|
|
|
65513
|
-
var styles$
|
|
65560
|
+
var styles$18 = {"vitro-list":"_list_vitro-list_2cs4WZE"};
|
|
65514
65561
|
|
|
65515
65562
|
var List = React.forwardRef(function (props, ref) {
|
|
65516
65563
|
var _onClick = function onClick(item) {
|
|
@@ -65520,7 +65567,7 @@ var List = React.forwardRef(function (props, ref) {
|
|
|
65520
65567
|
};
|
|
65521
65568
|
return React__default.createElement("ul", {
|
|
65522
65569
|
ref: ref,
|
|
65523
|
-
className: styles$
|
|
65570
|
+
className: styles$18['vitro-list'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
|
|
65524
65571
|
onBlur: props.onBlur
|
|
65525
65572
|
}, props.itemList && props.itemList.map(function (item, index) {
|
|
65526
65573
|
return React__default.createElement("li", {
|
|
@@ -65571,7 +65618,7 @@ var Overlay$2 = React.forwardRef(function (props, ref) {
|
|
|
65571
65618
|
}, props.children));
|
|
65572
65619
|
});
|
|
65573
65620
|
|
|
65574
|
-
var styles$
|
|
65621
|
+
var styles$19 = {"vitro-criterion-container":"_criterion_vitro-criterion-container_2cYcSkL","vitro-control":"_criterion_vitro-control_2JLaybj","vitro-label":"_criterion_vitro-label_3F6a8dj","vitro-operator-select-container":"_criterion_vitro-operator-select-container_3OkjzXG","vitro-operator-select":"_criterion_vitro-operator-select_1guNlk9","vitro-operator-list":"_criterion_vitro-operator-list_3A2VZsd","vitro-button-cancel":"_criterion_vitro-button-cancel_2C2G0sL","vitro-focus":"_criterion_vitro-focus_3FNLsoN","vitro-error":"_criterion_vitro-error_3pvFrlW","vitro-condition-select":"_criterion_vitro-condition-select_1hTBBg-","vitro-image":"_criterion_vitro-image_1f6DKPL","vitro-condition-list-container":"_criterion_vitro-condition-list-container_ERfumwB","vitro-operator-list-container":"_criterion_vitro-operator-list-container_RgT0R_Z","vitro-condition-list":"_criterion_vitro-condition-list_10UIxJI","vitro-condition":"_criterion_vitro-condition_2RFixrp","vitro-criterion-container-mobile":"_criterion_vitro-criterion-container-mobile_1yxaJHi"};
|
|
65575
65622
|
|
|
65576
65623
|
var ConditionSelect = React.forwardRef(function (props, ref) {
|
|
65577
65624
|
var _useState = React.useState(props.defaultValue || props.itemList[0]),
|
|
@@ -65602,32 +65649,32 @@ var ConditionSelect = React.forwardRef(function (props, ref) {
|
|
|
65602
65649
|
};
|
|
65603
65650
|
var getCondition = function getCondition(props) {
|
|
65604
65651
|
return React__default.createElement(FlexBox, {
|
|
65605
|
-
className: styles$
|
|
65652
|
+
className: styles$19['vitro-condition']
|
|
65606
65653
|
}, props.imageUrl && React__default.createElement(Image, {
|
|
65607
65654
|
defaultUrl: props.imageUrl
|
|
65608
65655
|
}), props.text);
|
|
65609
65656
|
};
|
|
65610
65657
|
return React__default.createElement(React__default.Fragment, null, condition && React__default.createElement("div", {
|
|
65611
65658
|
ref: ref,
|
|
65612
|
-
className: styles$
|
|
65659
|
+
className: styles$19['vitro-condition-select']
|
|
65613
65660
|
}, React__default.createElement("div", {
|
|
65614
65661
|
onClick: toggleSelect
|
|
65615
65662
|
}, condition.imageUrl ? React__default.createElement(Image, {
|
|
65616
65663
|
defaultUrl: condition.imageUrl,
|
|
65617
|
-
className: styles$
|
|
65664
|
+
className: styles$19['vitro-image']
|
|
65618
65665
|
}) : condition.text), React__default.createElement(Overlay$2, {
|
|
65619
65666
|
isShow: showSelectList,
|
|
65620
65667
|
isFlip: true,
|
|
65621
65668
|
target: ref.current,
|
|
65622
65669
|
placement: exports.PLACEMENT.BOTTOM + CTRL.DASH + exports.PLACEMENT.START,
|
|
65623
|
-
className: styles$
|
|
65670
|
+
className: styles$19['vitro-condition-list-container']
|
|
65624
65671
|
}, React__default.createElement(List, {
|
|
65625
65672
|
ref: listRef,
|
|
65626
65673
|
itemList: props.itemList,
|
|
65627
65674
|
itemTemplate: getCondition,
|
|
65628
65675
|
onClick: onClick,
|
|
65629
65676
|
onBlur: onBlur,
|
|
65630
|
-
className: styles$
|
|
65677
|
+
className: styles$19['vitro-condition-list']
|
|
65631
65678
|
}))));
|
|
65632
65679
|
});
|
|
65633
65680
|
|
|
@@ -65694,13 +65741,13 @@ var Criterion = function Criterion(props) {
|
|
|
65694
65741
|
onChange(value);
|
|
65695
65742
|
};
|
|
65696
65743
|
var onFocus = function onFocus(e) {
|
|
65697
|
-
setState(styles$
|
|
65744
|
+
setState(styles$19['vitro-focus']);
|
|
65698
65745
|
if (componentProps.onFocus) {
|
|
65699
65746
|
componentProps.onFocus(e);
|
|
65700
65747
|
}
|
|
65701
65748
|
};
|
|
65702
65749
|
var onBlur = function onBlur(e) {
|
|
65703
|
-
setState(componentProps.errorMessage ? styles$
|
|
65750
|
+
setState(componentProps.errorMessage ? styles$19['vitro-error'] : CTRL.EMPTY);
|
|
65704
65751
|
if (componentProps.onBlur) {
|
|
65705
65752
|
componentProps.onBlur(e);
|
|
65706
65753
|
}
|
|
@@ -65715,39 +65762,39 @@ var Criterion = function Criterion(props) {
|
|
|
65715
65762
|
onChange(value);
|
|
65716
65763
|
};
|
|
65717
65764
|
return React__default.createElement(FlexBox, {
|
|
65718
|
-
className: props.isMobileView ? styles$
|
|
65765
|
+
className: props.isMobileView ? styles$19['vitro-criterion-container-mobile'] : styles$19['vitro-criterion-container']
|
|
65719
65766
|
}, React__default.createElement("div", {
|
|
65720
|
-
className: styles$
|
|
65767
|
+
className: styles$19['vitro-operator-select-container']
|
|
65721
65768
|
}, props.isShowOperatorSelect && React__default.createElement(FlexBox, {
|
|
65722
65769
|
ref: operatorSelectRef,
|
|
65723
|
-
className: styles$
|
|
65770
|
+
className: styles$19['vitro-operator-select'],
|
|
65724
65771
|
onClick: toggleOperatorSelect
|
|
65725
65772
|
}, React__default.createElement("div", null, operator.text)), React__default.createElement(Overlay$2, {
|
|
65726
65773
|
isShow: showOperatorSelectList,
|
|
65727
65774
|
isFlip: true,
|
|
65728
65775
|
target: operatorSelectRef.current,
|
|
65729
65776
|
placement: exports.PLACEMENT.BOTTOM + CTRL.DASH + exports.PLACEMENT.END,
|
|
65730
|
-
className: styles$
|
|
65777
|
+
className: styles$19['vitro-operator-list-container']
|
|
65731
65778
|
}, React__default.createElement(List, {
|
|
65732
65779
|
itemList: props.operatorList,
|
|
65733
65780
|
itemTemplate: function itemTemplate(props) {
|
|
65734
65781
|
return React__default.createElement(React__default.Fragment, null, props.text);
|
|
65735
65782
|
},
|
|
65736
65783
|
onClick: onOperatorClick,
|
|
65737
|
-
className: styles$
|
|
65784
|
+
className: styles$19['vitro-operator-list']
|
|
65738
65785
|
}))), React__default.createElement("div", {
|
|
65739
|
-
className: styles$
|
|
65786
|
+
className: styles$19['vitro-control'] + CTRL.SPACE + state
|
|
65740
65787
|
}, React__default.createElement(Label, {
|
|
65741
65788
|
ref: labelRef,
|
|
65742
65789
|
text: props.label,
|
|
65743
|
-
className: styles$
|
|
65790
|
+
className: styles$19['vitro-label']
|
|
65744
65791
|
}), React__default.createElement(ConditionSelect, {
|
|
65745
65792
|
ref: conditionSelectRef,
|
|
65746
65793
|
itemList: props.conditionList,
|
|
65747
65794
|
onSelect: onConditionClick,
|
|
65748
65795
|
defaultValue: defaultCondition
|
|
65749
65796
|
}), React__default.createElement(props.content.component, _extends({}, componentProps, {
|
|
65750
|
-
className: styles$
|
|
65797
|
+
className: styles$19['vitro-control'],
|
|
65751
65798
|
onBlur: onBlur,
|
|
65752
65799
|
onFocus: onFocus,
|
|
65753
65800
|
onChange: onControlChange,
|
|
@@ -65759,7 +65806,7 @@ var Criterion = function Criterion(props) {
|
|
|
65759
65806
|
onClick: function onClick() {
|
|
65760
65807
|
return props.onDelete(componentProps.id);
|
|
65761
65808
|
},
|
|
65762
|
-
className: styles$
|
|
65809
|
+
className: styles$19['vitro-button-cancel']
|
|
65763
65810
|
}));
|
|
65764
65811
|
};
|
|
65765
65812
|
|
|
@@ -65769,7 +65816,7 @@ var LOCALE$8;
|
|
|
65769
65816
|
LOCALE["PLACEHOLDER"] = "app.common.searchInput.placeholder";
|
|
65770
65817
|
})(LOCALE$8 || (LOCALE$8 = {}));
|
|
65771
65818
|
|
|
65772
|
-
var styles$
|
|
65819
|
+
var styles$1a = {"vitro-search-input":"_search-input_vitro-search-input_3M9i4Gi","vitro-search-value-list":"_search-input_vitro-search-value-list_1Gqj4bm","vitro-button-cancel":"_search-input_vitro-button-cancel_xqdMNLo","vitro-search-value":"_search-input_vitro-search-value_TJm1BCf","vitro-search-input-mobile":"_search-input_vitro-search-input-mobile_1H1USnO"};
|
|
65773
65820
|
|
|
65774
65821
|
var NEW_LINE = '\n';
|
|
65775
65822
|
var SearchInput = function SearchInput(props) {
|
|
@@ -65858,7 +65905,7 @@ var SearchInput = function SearchInput(props) {
|
|
|
65858
65905
|
return list.join(NEW_LINE);
|
|
65859
65906
|
};
|
|
65860
65907
|
var getClassName = function getClassName() {
|
|
65861
|
-
var classList = [props.isMobileView ? styles$
|
|
65908
|
+
var classList = [props.isMobileView ? styles$1a['vitro-search-input-mobile'] : styles$1a['vitro-search-input'], props.className || CTRL.EMPTY, state];
|
|
65862
65909
|
if (props.isActive) {
|
|
65863
65910
|
classList.push('vitro-active');
|
|
65864
65911
|
}
|
|
@@ -65868,24 +65915,24 @@ var SearchInput = function SearchInput(props) {
|
|
|
65868
65915
|
var firstValue = valueList[0];
|
|
65869
65916
|
var list = valueList.slice(1);
|
|
65870
65917
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(FlexBox, {
|
|
65871
|
-
className: styles$
|
|
65918
|
+
className: styles$1a['vitro-search-value']
|
|
65872
65919
|
}, React__default.createElement("span", null, getTextValue(firstValue)), React__default.createElement(ImageButton, {
|
|
65873
65920
|
onClick: function onClick() {
|
|
65874
65921
|
return onRemoveValue([firstValue]);
|
|
65875
65922
|
},
|
|
65876
|
-
className: styles$
|
|
65923
|
+
className: styles$1a['vitro-button-cancel']
|
|
65877
65924
|
})), list.length >= 1 ? React__default.createElement(Tooltip$1, {
|
|
65878
65925
|
text: getTextValueList(list),
|
|
65879
65926
|
placement: PLACEMENT.BOTTOM
|
|
65880
65927
|
}, React__default.createElement("div", null, React__default.createElement(FlexBox, {
|
|
65881
|
-
className: styles$
|
|
65928
|
+
className: styles$1a['vitro-search-value']
|
|
65882
65929
|
}, localeService.create(LOCALE$8.VALUE_COUNT, {
|
|
65883
65930
|
count: list.length
|
|
65884
65931
|
}), React__default.createElement(ImageButton, {
|
|
65885
65932
|
onClick: function onClick() {
|
|
65886
65933
|
return onRemoveValue(list);
|
|
65887
65934
|
},
|
|
65888
|
-
className: styles$
|
|
65935
|
+
className: styles$1a['vitro-button-cancel']
|
|
65889
65936
|
})))) : null);
|
|
65890
65937
|
};
|
|
65891
65938
|
return React__default.createElement(FlexBox, {
|
|
@@ -65894,7 +65941,7 @@ var SearchInput = function SearchInput(props) {
|
|
|
65894
65941
|
className: 'vitro-button-search',
|
|
65895
65942
|
onClick: props.onSearchClick ? props.onSearchClick : onSubmit
|
|
65896
65943
|
}), !props.isMobileView && React__default.createElement(React__default.Fragment, null, React__default.createElement(FlexBox, {
|
|
65897
|
-
className: styles$
|
|
65944
|
+
className: styles$1a['vitro-search-value-list']
|
|
65898
65945
|
}, props.searchCriterionList && props.searchCriterionList.length ? getSelectedValueList(props.searchCriterionList) : React__default.createElement("input", {
|
|
65899
65946
|
type: 'text',
|
|
65900
65947
|
ref: inputRef,
|
|
@@ -65905,7 +65952,7 @@ var SearchInput = function SearchInput(props) {
|
|
|
65905
65952
|
placeholder: !props.isActive ? props.placeholder || localeService.create(LOCALE$8.PLACEHOLDER) : CTRL.EMPTY
|
|
65906
65953
|
})), props.children, value || (_props$searchCriterio = props.searchCriterionList) !== null && _props$searchCriterio !== void 0 && _props$searchCriterio.length || props.isActive ? React__default.createElement(ImageButton, {
|
|
65907
65954
|
onClick: onCancel,
|
|
65908
|
-
className: styles$
|
|
65955
|
+
className: styles$1a['vitro-button-cancel']
|
|
65909
65956
|
}) : null));
|
|
65910
65957
|
};
|
|
65911
65958
|
|
|
@@ -65915,7 +65962,7 @@ var LOCALE$9;
|
|
|
65915
65962
|
LOCALE["COLLAPSE_TEXT"] = "app.common.expandControlGroup.collapse";
|
|
65916
65963
|
})(LOCALE$9 || (LOCALE$9 = {}));
|
|
65917
65964
|
|
|
65918
|
-
var styles$
|
|
65965
|
+
var styles$1b = {"vitro-expand-control-group":"_expand-control-group_vitro-expand-control-group_1qSUMoN","vitro-top":"_expand-control-group_vitro-top_pV-8fhr","vitro-display-none":"_expand-control-group_vitro-display-none_Zs_5rQL"};
|
|
65919
65966
|
|
|
65920
65967
|
var ExpandControlGroup = function ExpandControlGroup(props) {
|
|
65921
65968
|
var _useState = React.useState(props.isExpanded || false),
|
|
@@ -65931,7 +65978,7 @@ var ExpandControlGroup = function ExpandControlGroup(props) {
|
|
|
65931
65978
|
props.onClick(isExpanded);
|
|
65932
65979
|
}
|
|
65933
65980
|
};
|
|
65934
|
-
var className = [styles$
|
|
65981
|
+
var className = [styles$1b['vitro-expand-control-group'], props.className || CTRL.EMPTY, props.isExpandTop ? styles$1b['vitro-top'] : CTRL.EMPTY, isExpanded ? 'vitro-expanded' : 'vitro-collapsed'].join(CTRL.SPACE);
|
|
65935
65982
|
return React__default.createElement("div", {
|
|
65936
65983
|
className: className
|
|
65937
65984
|
}, React__default.createElement(ExpandCollapseButton, {
|
|
@@ -65943,11 +65990,11 @@ var ExpandControlGroup = function ExpandControlGroup(props) {
|
|
|
65943
65990
|
isExpanded: isExpanded,
|
|
65944
65991
|
className: props.buttonClassName
|
|
65945
65992
|
}), React__default.createElement("div", {
|
|
65946
|
-
className: 'vitro-content' + (isExpanded ? CTRL.EMPTY : CTRL.SPACE + styles$
|
|
65993
|
+
className: 'vitro-content' + (isExpanded ? CTRL.EMPTY : CTRL.SPACE + styles$1b['vitro-display-none'])
|
|
65947
65994
|
}, props.children));
|
|
65948
65995
|
};
|
|
65949
65996
|
|
|
65950
|
-
var styles$
|
|
65997
|
+
var styles$1c = {"vitro-field-iterator":"_field-iterator_vitro-field-iterator_2zUPyUF","vitro-expand-control-group":"_field-iterator_vitro-expand-control-group_3R-v8Nb","vitro-expand-collapse-button":"_field-iterator_vitro-expand-collapse-button_myRTctg","vitro-collapse":"_field-iterator_vitro-collapse_SZoovCi","vitro-expand":"_field-iterator_vitro-expand_ToLTBVI"};
|
|
65951
65998
|
|
|
65952
65999
|
var FieldIterator = React.forwardRef(function (props, ref) {
|
|
65953
66000
|
var _useState = React.useState([]),
|
|
@@ -66126,7 +66173,7 @@ var FieldIterator = React.forwardRef(function (props, ref) {
|
|
|
66126
66173
|
}, React__default.createElement("div", null, React__default.createElement(component.value, control)));
|
|
66127
66174
|
};
|
|
66128
66175
|
return React__default.createElement("div", {
|
|
66129
|
-
className: styles$
|
|
66176
|
+
className: styles$1c['vitro-field-iterator'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
|
|
66130
66177
|
}, controlList.map(function (control, index) {
|
|
66131
66178
|
var component = props.componentMap.find(function (x) {
|
|
66132
66179
|
return x.name === control.code;
|
|
@@ -66143,13 +66190,13 @@ var FieldIterator = React.forwardRef(function (props, ref) {
|
|
|
66143
66190
|
return null;
|
|
66144
66191
|
}), props.maxVisibleCount && controlList.length > props.maxVisibleCount ? React__default.createElement(ExpandControlGroup, {
|
|
66145
66192
|
expandImage: React__default.createElement("span", {
|
|
66146
|
-
className: styles$
|
|
66193
|
+
className: styles$1c['vitro-expand']
|
|
66147
66194
|
}),
|
|
66148
66195
|
collapseImage: React__default.createElement("span", {
|
|
66149
|
-
className: styles$
|
|
66196
|
+
className: styles$1c['vitro-collapse']
|
|
66150
66197
|
}),
|
|
66151
|
-
className: styles$
|
|
66152
|
-
buttonClassName: styles$
|
|
66198
|
+
className: styles$1c['vitro-expand-control-group'],
|
|
66199
|
+
buttonClassName: styles$1c['vitro-expand-collapse-button'],
|
|
66153
66200
|
isExpandTop: true
|
|
66154
66201
|
}, controlList.map(function (control, index) {
|
|
66155
66202
|
var component = props.componentMap.find(function (x) {
|
|
@@ -66162,7 +66209,7 @@ var FieldIterator = React.forwardRef(function (props, ref) {
|
|
|
66162
66209
|
})) : null);
|
|
66163
66210
|
});
|
|
66164
66211
|
|
|
66165
|
-
var styles$
|
|
66212
|
+
var styles$1d = {"vitro-search":"_search_vitro-search_QkJksC_","vitro-active":"_search_vitro-active_1HhQOCR","vitro-settings-dialog":"_search_vitro-settings-dialog_1_c5bIg","vitro-filter-container":"_search_vitro-filter-container_3p6D0hI","vitro-filter":"_search_vitro-filter_2n-Y-mS","vitro-add-field":"_search_vitro-add-field_2hHt1Z2","vitro-add-field-button":"_search_vitro-add-field-button_30hdXYn","vitro-add-field-dialog":"_search_vitro-add-field-dialog_3gC92SF","vitro-button-group":"_search_vitro-button-group_1VuZJdq","vitro-button":"_search_vitro-button_1kaitIg","vitro-button-cancel":"_search_vitro-button-cancel_1M8UkMM","vitro-button-settings":"_search_vitro-button-settings_oJCn__t","vitro-search-mobile":"_search_vitro-search-mobile_XsKRflV","vitro-settings-dialog-mobile":"_search_vitro-settings-dialog-mobile_1no71m6","vitro-settings-dialog-header":"_search_vitro-settings-dialog-header_vID4BE6","vitro-settings-dialog-footer":"_search_vitro-settings-dialog-footer_11fP4FC","vitro-scrollbar":"_search_vitro-scrollbar_3Xg3VXI"};
|
|
66166
66213
|
|
|
66167
66214
|
var Filter = function Filter(props) {
|
|
66168
66215
|
var _useState = React.useState(null),
|
|
@@ -66226,9 +66273,9 @@ var Filter = function Filter(props) {
|
|
|
66226
66273
|
props.onChange(changedFieldValueMap);
|
|
66227
66274
|
};
|
|
66228
66275
|
return React__default.createElement("div", {
|
|
66229
|
-
className: styles$
|
|
66276
|
+
className: styles$1d['vitro-filter']
|
|
66230
66277
|
}, React__default.createElement(ScrollBar, {
|
|
66231
|
-
className: styles$
|
|
66278
|
+
className: styles$1d['vitro-scrollbar']
|
|
66232
66279
|
}, componentMap && React__default.createElement(FieldIterator, {
|
|
66233
66280
|
fieldList: props.fieldList,
|
|
66234
66281
|
fieldValueMap: fieldValueMap,
|
|
@@ -66244,7 +66291,7 @@ var LOCALE$a;
|
|
|
66244
66291
|
LOCALE["EMPTY_PLACEHOLDER"] = "app.common.searchValueList.emptyPlaceholder";
|
|
66245
66292
|
})(LOCALE$a || (LOCALE$a = {}));
|
|
66246
66293
|
|
|
66247
|
-
var styles$
|
|
66294
|
+
var styles$1e = {"vitro-search-input-container":"_search-value-list_vitro-search-input-container_167CEqB","vitro-empty-placeholder":"_search-value-list_vitro-empty-placeholder_2f08lDK"};
|
|
66248
66295
|
|
|
66249
66296
|
var SearchValueList = function SearchValueList(props) {
|
|
66250
66297
|
var _useState = React.useState(props.itemList),
|
|
@@ -66271,7 +66318,7 @@ var SearchValueList = function SearchValueList(props) {
|
|
|
66271
66318
|
return React__default.createElement("div", {
|
|
66272
66319
|
className: props.className || CTRL.EMPTY
|
|
66273
66320
|
}, React__default.createElement("div", {
|
|
66274
|
-
className: styles$
|
|
66321
|
+
className: styles$1e['vitro-search-input-container']
|
|
66275
66322
|
}, React__default.createElement(SearchInput, {
|
|
66276
66323
|
onCancel: onSearchCancel,
|
|
66277
66324
|
onChange: onInputChange,
|
|
@@ -66280,11 +66327,11 @@ var SearchValueList = function SearchValueList(props) {
|
|
|
66280
66327
|
})), React__default.createElement(ScrollBar, null, props.children, itemList.length ? itemList.map(function (item) {
|
|
66281
66328
|
return props.valueTemplate(item);
|
|
66282
66329
|
}) : React__default.createElement("span", {
|
|
66283
|
-
className: styles$
|
|
66330
|
+
className: styles$1e['vitro-empty-placeholder']
|
|
66284
66331
|
}, props.emptyPlaceHolder || localeService.create(LOCALE$a.EMPTY_PLACEHOLDER))));
|
|
66285
66332
|
};
|
|
66286
66333
|
|
|
66287
|
-
var styles$
|
|
66334
|
+
var styles$1f = {"vitro-checkbox-list":"_checkbox-list_vitro-checkbox-list_1iZSkkv","vitro-search-value-list":"_checkbox-list_vitro-search-value-list_2i58fRK","vitro-checkbox":"_checkbox-list_vitro-checkbox_1EqsnoQ"};
|
|
66288
66335
|
|
|
66289
66336
|
var CheckboxList = React.forwardRef(function (props, ref) {
|
|
66290
66337
|
var _useState = React.useState(props.itemList),
|
|
@@ -66319,20 +66366,20 @@ var CheckboxList = React.forwardRef(function (props, ref) {
|
|
|
66319
66366
|
onChange: function onChange(value, name) {
|
|
66320
66367
|
return _onChange(value, item.id);
|
|
66321
66368
|
},
|
|
66322
|
-
className: styles$
|
|
66369
|
+
className: styles$1f['vitro-checkbox']
|
|
66323
66370
|
});
|
|
66324
66371
|
};
|
|
66325
66372
|
var filterValueTemplate = function filterValueTemplate(item) {
|
|
66326
66373
|
return item.name;
|
|
66327
66374
|
};
|
|
66328
66375
|
return React__default.createElement("div", {
|
|
66329
|
-
className: styles$
|
|
66376
|
+
className: styles$1f['vitro-checkbox-list'],
|
|
66330
66377
|
ref: ref
|
|
66331
66378
|
}, React__default.createElement(SearchValueList, {
|
|
66332
66379
|
itemList: props.itemList,
|
|
66333
66380
|
valueTemplate: getCheckbox,
|
|
66334
66381
|
filterValueTemplate: filterValueTemplate,
|
|
66335
|
-
className: styles$
|
|
66382
|
+
className: styles$1f['vitro-search-value-list']
|
|
66336
66383
|
}));
|
|
66337
66384
|
});
|
|
66338
66385
|
|
|
@@ -66394,7 +66441,7 @@ var Search = function Search(props) {
|
|
|
66394
66441
|
}, [filterFieldList]);
|
|
66395
66442
|
React.useEffect(function () {
|
|
66396
66443
|
if (selectedSearchCriterionList.length) {
|
|
66397
|
-
setState(styles$
|
|
66444
|
+
setState(styles$1d['vitro-active']);
|
|
66398
66445
|
}
|
|
66399
66446
|
}, [selectedSearchCriterionList]);
|
|
66400
66447
|
React.useEffect(function () {
|
|
@@ -66543,7 +66590,7 @@ var Search = function Search(props) {
|
|
|
66543
66590
|
}
|
|
66544
66591
|
};
|
|
66545
66592
|
var onFocusInput = function onFocusInput() {
|
|
66546
|
-
setState(styles$
|
|
66593
|
+
setState(styles$1d['vitro-active']);
|
|
66547
66594
|
};
|
|
66548
66595
|
var onRemoveValue = function onRemoveValue(valueList) {
|
|
66549
66596
|
setSearchCriterionList(valueList);
|
|
@@ -66553,7 +66600,7 @@ var Search = function Search(props) {
|
|
|
66553
66600
|
closeSettings();
|
|
66554
66601
|
};
|
|
66555
66602
|
var content = React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
|
|
66556
|
-
className: styles$
|
|
66603
|
+
className: styles$1d['vitro-filter-container'],
|
|
66557
66604
|
ref: filterContainerRef
|
|
66558
66605
|
}, React__default.createElement(Filter, {
|
|
66559
66606
|
fieldList: filterFieldList,
|
|
@@ -66566,38 +66613,38 @@ var Search = function Search(props) {
|
|
|
66566
66613
|
getDefaultCondition: props.getDefaultCondition,
|
|
66567
66614
|
isMobileView: props.isMobileView
|
|
66568
66615
|
}), isShowAddFieldButton && React__default.createElement("div", {
|
|
66569
|
-
className: styles$
|
|
66616
|
+
className: styles$1d['vitro-add-field']
|
|
66570
66617
|
}, React__default.createElement(Button$2, {
|
|
66571
66618
|
ref: addFieldButtonRef,
|
|
66572
66619
|
text: props.labelAddField,
|
|
66573
66620
|
onClick: onAddField,
|
|
66574
|
-
className: styles$
|
|
66621
|
+
className: styles$1d['vitro-add-field-button']
|
|
66575
66622
|
}), React__default.createElement(Overlay$2, {
|
|
66576
66623
|
isShow: isShowAddFieldDialog,
|
|
66577
66624
|
isFlip: props.isMobileView,
|
|
66578
66625
|
target: addFieldButtonRef.current,
|
|
66579
66626
|
container: filterContainerRef.current,
|
|
66580
66627
|
placement: props.isMobileView ? exports.PLACEMENT.BOTTOM + CTRL.DASH + exports.PLACEMENT.START : exports.PLACEMENT.RIGHT + CTRL.DASH + exports.PLACEMENT.START,
|
|
66581
|
-
className: styles$
|
|
66628
|
+
className: styles$1d['vitro-add-field-dialog']
|
|
66582
66629
|
}, React__default.createElement(CheckboxList, {
|
|
66583
66630
|
ref: addFieldListRef,
|
|
66584
66631
|
itemList: checkboxFieldList,
|
|
66585
66632
|
onChange: onFieldListChange,
|
|
66586
66633
|
isAllSelected: props.isAllFieldsVisible
|
|
66587
66634
|
}))), !props.isMobileView && React__default.createElement(ButtonGroup, {
|
|
66588
|
-
className: styles$
|
|
66635
|
+
className: styles$1d['vitro-button-group']
|
|
66589
66636
|
}, React__default.createElement(Button$2, {
|
|
66590
66637
|
text: props.labelCancel,
|
|
66591
66638
|
onClick: onCancel,
|
|
66592
|
-
className: styles$
|
|
66639
|
+
className: styles$1d['vitro-button-cancel']
|
|
66593
66640
|
}), React__default.createElement(Button$2, {
|
|
66594
66641
|
text: props.labelSearch,
|
|
66595
66642
|
onClick: onSearch,
|
|
66596
|
-
className: styles$
|
|
66643
|
+
className: styles$1d['vitro-button']
|
|
66597
66644
|
}))));
|
|
66598
66645
|
return React__default.createElement("div", {
|
|
66599
66646
|
ref: searchRef,
|
|
66600
|
-
className: (props.isMobileView || props.isMinifiedInput ? styles$
|
|
66647
|
+
className: (props.isMobileView || props.isMinifiedInput ? styles$1d['vitro-search-mobile'] : styles$1d['vitro-search']) + CTRL.SPACE + state
|
|
66601
66648
|
}, React__default.createElement(SearchInput, {
|
|
66602
66649
|
searchCriterionList: selectedSearchCriterionList,
|
|
66603
66650
|
onCancel: onCancelSearch,
|
|
@@ -66609,10 +66656,10 @@ var Search = function Search(props) {
|
|
|
66609
66656
|
onFocus: onFocusInput,
|
|
66610
66657
|
isActive: state || isShowDialog ? true : false,
|
|
66611
66658
|
isMobileView: props.isMobileView ? true : props.isMinifiedInput,
|
|
66612
|
-
className: styles$
|
|
66659
|
+
className: styles$1d['vitro-control']
|
|
66613
66660
|
}, (state || isShowDialog) && React__default.createElement(ImageButton, {
|
|
66614
66661
|
onClick: onSettingsClick,
|
|
66615
|
-
className: styles$
|
|
66662
|
+
className: styles$1d['vitro-button-settings'] + (isShowDialog ? CTRL.SPACE + styles$1d['vitro-active'] : CTRL.EMPTY)
|
|
66616
66663
|
})), isShowDialog && (props.isMobileView ? React__default.createElement(Dialog, {
|
|
66617
66664
|
title: props.inputPlaceholder || CTRL.EMPTY,
|
|
66618
66665
|
onClose: closeSettings,
|
|
@@ -66620,12 +66667,12 @@ var Search = function Search(props) {
|
|
|
66620
66667
|
text: props.labelSearch,
|
|
66621
66668
|
onClick: onSearch
|
|
66622
66669
|
}],
|
|
66623
|
-
className: styles$
|
|
66624
|
-
headerClassName: styles$
|
|
66625
|
-
footerClassName: styles$
|
|
66670
|
+
className: styles$1d['vitro-settings-dialog-mobile'],
|
|
66671
|
+
headerClassName: styles$1d['vitro-settings-dialog-header'],
|
|
66672
|
+
footerClassName: styles$1d['vitro-settings-dialog-footer'],
|
|
66626
66673
|
isDismissible: true
|
|
66627
66674
|
}, content) : React__default.createElement(FlexBox, {
|
|
66628
|
-
className: styles$
|
|
66675
|
+
className: styles$1d['vitro-settings-dialog']
|
|
66629
66676
|
}, content)));
|
|
66630
66677
|
};
|
|
66631
66678
|
|
|
@@ -66685,7 +66732,7 @@ var Splitter = function Splitter(props) {
|
|
|
66685
66732
|
}, props.children);
|
|
66686
66733
|
};
|
|
66687
66734
|
|
|
66688
|
-
var styles$
|
|
66735
|
+
var styles$1g = {"vitro-route-item":"_route-item_vitro-route-item_bBCgBZG","vitro-route-item-body":"_route-item_vitro-route-item-body_1_1fjOZ","vitro-route-item-content":"_route-item_vitro-route-item-content_2CcLogk","vitro-button-collapse":"_route-item_vitro-button-collapse_1kVB5Vo","vitro-button-expand":"_route-item_vitro-button-expand_3IuABa1","vitro-button-hide-comment":"_route-item_vitro-button-hide-comment_2CiY-Ch","vitro-button-show-comment":"_route-item_vitro-button-show-comment_DJt2SLC","vitro-avatar":"_route-item_vitro-avatar_3Dypnmz","vitro-date":"_route-item_vitro-date_3ojnKSb","vitro-route-item-header":"_route-item_vitro-route-item-header_y69bLwZ","vitro-flex":"_route-item_vitro-flex_3ebkqZ9","vitro-comment":"_route-item_vitro-comment_2K7RwrZ","vitro-status-color":"_route-item_vitro-status-color_VgXzXKD"};
|
|
66689
66736
|
|
|
66690
66737
|
var RouteItem = function RouteItem(props) {
|
|
66691
66738
|
var _useState = React.useState(true),
|
|
@@ -66695,42 +66742,42 @@ var RouteItem = function RouteItem(props) {
|
|
|
66695
66742
|
isShowComment = _useState2[0],
|
|
66696
66743
|
setIsShowComment = _useState2[1];
|
|
66697
66744
|
return React__default.createElement("div", {
|
|
66698
|
-
className: styles$
|
|
66745
|
+
className: styles$1g['vitro-route-item']
|
|
66699
66746
|
}, props.children ? React__default.createElement("button", {
|
|
66700
|
-
className: isExpanded ? styles$
|
|
66747
|
+
className: isExpanded ? styles$1g['vitro-button-collapse'] : styles$1g['vitro-button-expand'],
|
|
66701
66748
|
onClick: function onClick() {
|
|
66702
66749
|
return setIsExpanded(!isExpanded);
|
|
66703
66750
|
}
|
|
66704
66751
|
}) : null, React__default.createElement("div", {
|
|
66705
|
-
className: styles$
|
|
66752
|
+
className: styles$1g['vitro-route-item-content']
|
|
66706
66753
|
}, props.userName && props.status && React__default.createElement("div", {
|
|
66707
|
-
className: styles$
|
|
66754
|
+
className: styles$1g['vitro-route-item-header']
|
|
66708
66755
|
}, React__default.createElement("div", null, React__default.createElement("div", null, React__default.createElement(Avatar, {
|
|
66709
66756
|
userName: props.userName,
|
|
66710
66757
|
image: props.userImage,
|
|
66711
|
-
className: styles$
|
|
66758
|
+
className: styles$1g['vitro-avatar']
|
|
66712
66759
|
}), props.userName), React__default.createElement("div", {
|
|
66713
|
-
className: styles$
|
|
66760
|
+
className: styles$1g['vitro-date']
|
|
66714
66761
|
}, props.date)), React__default.createElement("div", null, React__default.createElement("div", null, props.statusColor && React__default.createElement("div", {
|
|
66715
|
-
className: styles$
|
|
66762
|
+
className: styles$1g['vitro-status-color'],
|
|
66716
66763
|
style: {
|
|
66717
66764
|
background: props.statusColor
|
|
66718
66765
|
}
|
|
66719
66766
|
}), props.status), React__default.createElement("div", null, React__default.createElement("a", {
|
|
66720
66767
|
href: props.itemUrl
|
|
66721
66768
|
}, CTRL.SHARP + props.itemId)))), React__default.createElement("div", {
|
|
66722
|
-
className: styles$
|
|
66769
|
+
className: styles$1g['vitro-route-item-body']
|
|
66723
66770
|
}, React__default.createElement("div", {
|
|
66724
|
-
className: styles$
|
|
66771
|
+
className: styles$1g['vitro-flex']
|
|
66725
66772
|
}, React__default.createElement("span", null, props.name), props.comment && React__default.createElement("button", {
|
|
66726
|
-
className: isShowComment ? styles$
|
|
66773
|
+
className: isShowComment ? styles$1g['vitro-button-hide-comment'] : styles$1g['vitro-button-show-comment'],
|
|
66727
66774
|
onClick: function onClick() {
|
|
66728
66775
|
return setIsShowComment(!isShowComment);
|
|
66729
66776
|
}
|
|
66730
66777
|
})), isShowComment && props.comment && React__default.createElement("div", {
|
|
66731
|
-
className: styles$
|
|
66778
|
+
className: styles$1g['vitro-comment']
|
|
66732
66779
|
}, props.comment)), isExpanded && React__default.createElement("div", {
|
|
66733
|
-
className: styles$
|
|
66780
|
+
className: styles$1g['vitro-route-item-child']
|
|
66734
66781
|
}, props.children)));
|
|
66735
66782
|
};
|
|
66736
66783
|
|
|
@@ -66838,7 +66885,7 @@ var BimViewer = function BimViewer(props) {
|
|
|
66838
66885
|
});
|
|
66839
66886
|
};
|
|
66840
66887
|
|
|
66841
|
-
var styles$
|
|
66888
|
+
var styles$1h = {"vitro-scroll-view":"_scroll-view_vitro-scroll-view_TXQ8QQh"};
|
|
66842
66889
|
|
|
66843
66890
|
var COMPONENT_NAME = 'kendoScrollView';
|
|
66844
66891
|
var CONTENT_HEIGHT = 100;
|
|
@@ -66883,27 +66930,27 @@ var ScrollView = function ScrollView(props) {
|
|
|
66883
66930
|
};
|
|
66884
66931
|
return React__default.createElement("div", {
|
|
66885
66932
|
ref: scrollViewRef,
|
|
66886
|
-
className: styles$
|
|
66933
|
+
className: styles$1h['vitro-scroll-view'] + CTRL.SPACE + (props.className || CTRL.EMPTY),
|
|
66887
66934
|
tabIndex: 0
|
|
66888
66935
|
}, props.itemList.map(function (item) {
|
|
66889
66936
|
return React__default.createElement(item.component, item.props);
|
|
66890
66937
|
}));
|
|
66891
66938
|
};
|
|
66892
66939
|
|
|
66893
|
-
var styles$
|
|
66940
|
+
var styles$1i = {"vitro-image-container":"_page_vitro-image-container_QEXhGHE"};
|
|
66894
66941
|
|
|
66895
66942
|
var Page = function Page(props) {
|
|
66896
66943
|
return React__default.createElement("div", {
|
|
66897
|
-
className: styles$
|
|
66944
|
+
className: styles$1i['vitro-page'],
|
|
66898
66945
|
"data-role": "page"
|
|
66899
66946
|
}, React__default.createElement("div", {
|
|
66900
|
-
className: styles$
|
|
66947
|
+
className: styles$1i['vitro-image-container']
|
|
66901
66948
|
}, React__default.createElement("img", {
|
|
66902
66949
|
src: props.url
|
|
66903
66950
|
})));
|
|
66904
66951
|
};
|
|
66905
66952
|
|
|
66906
|
-
var styles$
|
|
66953
|
+
var styles$1j = {"vitro-image-viewer":"_image-viewer_vitro-image-viewer_19T7Auc","vitro-header":"_image-viewer_vitro-header_1KIbDWk","vitro-button-close":"_image-viewer_vitro-button-close_36TY-iY","vitro-scroll-view":"_image-viewer_vitro-scroll-view_3nuGD7c","vitro-dropdown-button":"_image-viewer_vitro-dropdown-button_2TOT1pw","vitro-pager":"_image-viewer_vitro-pager_1FiaoGR"};
|
|
66907
66954
|
|
|
66908
66955
|
var ImageViewer = React.forwardRef(function (props, ref) {
|
|
66909
66956
|
var _props$itemList$;
|
|
@@ -66961,25 +67008,25 @@ var ImageViewer = React.forwardRef(function (props, ref) {
|
|
|
66961
67008
|
}
|
|
66962
67009
|
};
|
|
66963
67010
|
return React__default.createElement(React__default.Fragment, null, itemList.length ? React__default.createElement("div", {
|
|
66964
|
-
className: styles$
|
|
67011
|
+
className: styles$1j['vitro-image-viewer']
|
|
66965
67012
|
}, React__default.createElement("div", {
|
|
66966
|
-
className: styles$
|
|
67013
|
+
className: styles$1j['vitro-header']
|
|
66967
67014
|
}, actionList.length ? React__default.createElement(DropdownButton, {
|
|
66968
67015
|
itemList: actionList,
|
|
66969
|
-
className: styles$
|
|
67016
|
+
className: styles$1j['vitro-dropdown-button']
|
|
66970
67017
|
}) : null, React__default.createElement("button", {
|
|
66971
|
-
className: styles$
|
|
67018
|
+
className: styles$1j['vitro-button-close'],
|
|
66972
67019
|
onClick: props.onCloseClick
|
|
66973
67020
|
})), React__default.createElement(ScrollView, {
|
|
66974
67021
|
itemList: itemList,
|
|
66975
67022
|
onChange: onChange,
|
|
66976
|
-
className: styles$
|
|
67023
|
+
className: styles$1j['vitro-scroll-view'],
|
|
66977
67024
|
isEnablePager: true,
|
|
66978
67025
|
activePage: props.activePage
|
|
66979
67026
|
})) : null);
|
|
66980
67027
|
});
|
|
66981
67028
|
|
|
66982
|
-
var styles$
|
|
67029
|
+
var styles$1k = {"vitro-page":"_page-layout_vitro-page_GzZ3agH"};
|
|
66983
67030
|
|
|
66984
67031
|
var PageLayout = function PageLayout(props) {
|
|
66985
67032
|
var getClassName = function getClassName(sidebar) {
|
|
@@ -66993,7 +67040,7 @@ var PageLayout = function PageLayout(props) {
|
|
|
66993
67040
|
return CTRL.SPACE + classNameArr.join(CTRL.SPACE);
|
|
66994
67041
|
};
|
|
66995
67042
|
return React__default.createElement("div", {
|
|
66996
|
-
className: styles$
|
|
67043
|
+
className: styles$1k['vitro-page'] + getClassName(props.sidebar) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
|
|
66997
67044
|
id: 'vitro-page'
|
|
66998
67045
|
}, props.children);
|
|
66999
67046
|
};
|
|
@@ -67008,7 +67055,7 @@ var HeaderConstants = {
|
|
|
67008
67055
|
get LOCAL_STORAGE_KEY () { return LOCAL_STORAGE_KEY; }
|
|
67009
67056
|
};
|
|
67010
67057
|
|
|
67011
|
-
var styles$
|
|
67058
|
+
var styles$1l = {"vitro-header":"_header_vitro-header_ta9aLJn"};
|
|
67012
67059
|
|
|
67013
67060
|
var onChangeSidebarMode = function onChangeSidebarMode() {};
|
|
67014
67061
|
var Header = function Header(props) {
|
|
@@ -67051,44 +67098,44 @@ var Header = function Header(props) {
|
|
|
67051
67098
|
}
|
|
67052
67099
|
}, [props.sidebar]);
|
|
67053
67100
|
return React__default.createElement("div", {
|
|
67054
|
-
className: styles$
|
|
67101
|
+
className: styles$1l['vitro-header'],
|
|
67055
67102
|
id: 'vitro-header',
|
|
67056
67103
|
ref: ref
|
|
67057
67104
|
}, props.children);
|
|
67058
67105
|
};
|
|
67059
67106
|
|
|
67060
|
-
var styles$
|
|
67107
|
+
var styles$1m = {"vitro-nav-bar-sidebar-button":"_header-nav-bar-sidebar-button_vitro-nav-bar-sidebar-button_3IZcIOc"};
|
|
67061
67108
|
|
|
67062
67109
|
var SidebarButton = function SidebarButton(props) {
|
|
67063
67110
|
return React__default.createElement("button", {
|
|
67064
|
-
className: styles$
|
|
67111
|
+
className: styles$1m['vitro-nav-bar-sidebar-button'],
|
|
67065
67112
|
onClick: props.onClick
|
|
67066
67113
|
});
|
|
67067
67114
|
};
|
|
67068
67115
|
|
|
67069
|
-
var styles$
|
|
67116
|
+
var styles$1n = {"vitro-nav-bar":"_header-nav-bar_vitro-nav-bar_EuyFIk8"};
|
|
67070
67117
|
|
|
67071
67118
|
var HeaderNavBar = function HeaderNavBar(props) {
|
|
67072
67119
|
return React__default.createElement("nav", {
|
|
67073
|
-
className: styles$
|
|
67120
|
+
className: styles$1n['vitro-nav-bar'] + CTRL.SPACE + ['navbar', 'navbar-expand-lg', 'navbar-light'].join(CTRL.SPACE)
|
|
67074
67121
|
}, React__default.createElement(SidebarButton, {
|
|
67075
67122
|
onClick: onChangeSidebarMode
|
|
67076
67123
|
}), props.children);
|
|
67077
67124
|
};
|
|
67078
67125
|
|
|
67079
|
-
var styles$
|
|
67126
|
+
var styles$1o = {"vitro-nav-service":"_header-nav-service_vitro-nav-service_1-i4GOh"};
|
|
67080
67127
|
|
|
67081
67128
|
var logoStyles = {"vitro-customer-logo":"_header-customer-logo_vitro-customer-logo_2htY4zG"};
|
|
67082
67129
|
|
|
67083
67130
|
var HeaderNavService = function HeaderNavService(props) {
|
|
67084
67131
|
return React__default.createElement("div", {
|
|
67085
|
-
className: styles$
|
|
67132
|
+
className: styles$1o['vitro-nav-service']
|
|
67086
67133
|
}, React__default.createElement("div", {
|
|
67087
67134
|
className: logoStyles['vitro-customer-logo']
|
|
67088
67135
|
}), props.children);
|
|
67089
67136
|
};
|
|
67090
67137
|
|
|
67091
|
-
var styles$
|
|
67138
|
+
var styles$1p = {"vitro-product-title":"_product-title_vitro-product-title_2gZcA5j"};
|
|
67092
67139
|
|
|
67093
67140
|
var ProductTitle = function ProductTitle(props) {
|
|
67094
67141
|
var content = React__default.createElement(React__default.Fragment, null, React__default.createElement(Image, {
|
|
@@ -67110,22 +67157,22 @@ var ProductTitle = function ProductTitle(props) {
|
|
|
67110
67157
|
if (props.href) {
|
|
67111
67158
|
return React__default.createElement("a", {
|
|
67112
67159
|
href: props.href,
|
|
67113
|
-
className: styles$
|
|
67160
|
+
className: styles$1p['vitro-product-title'],
|
|
67114
67161
|
title: props.imageCaption
|
|
67115
67162
|
}, content);
|
|
67116
67163
|
}
|
|
67117
67164
|
return React__default.createElement("a", {
|
|
67118
67165
|
onClick: onClick,
|
|
67119
|
-
className: styles$
|
|
67166
|
+
className: styles$1p['vitro-product-title'],
|
|
67120
67167
|
title: props.imageCaption
|
|
67121
67168
|
}, content);
|
|
67122
67169
|
};
|
|
67123
67170
|
|
|
67124
|
-
var styles$
|
|
67171
|
+
var styles$1q = {"vitro-right":"_right-align-control-group_vitro-right_2vnd6R7"};
|
|
67125
67172
|
|
|
67126
67173
|
var RightAlignControlGroup = function RightAlignControlGroup(props) {
|
|
67127
67174
|
return React__default.createElement("div", {
|
|
67128
|
-
className: styles$
|
|
67175
|
+
className: styles$1q['vitro-right']
|
|
67129
67176
|
}, props.children);
|
|
67130
67177
|
};
|
|
67131
67178
|
|
|
@@ -67135,32 +67182,32 @@ var LeftAlignControlGroup = function LeftAlignControlGroup(props) {
|
|
|
67135
67182
|
}, props.children);
|
|
67136
67183
|
};
|
|
67137
67184
|
|
|
67138
|
-
var styles$
|
|
67185
|
+
var styles$1r = {"vitro-center":"_center-align-control-group_vitro-center_3SHmVN-"};
|
|
67139
67186
|
|
|
67140
67187
|
var CenterAlignControlGroup = function CenterAlignControlGroup(props) {
|
|
67141
67188
|
return React__default.createElement("div", {
|
|
67142
|
-
className: styles$
|
|
67189
|
+
className: styles$1r['vitro-center']
|
|
67143
67190
|
}, props.children);
|
|
67144
67191
|
};
|
|
67145
67192
|
|
|
67146
|
-
var styles$
|
|
67193
|
+
var styles$1s = {"vitro-main":"_main_vitro-main_Kk2JMBF"};
|
|
67147
67194
|
|
|
67148
67195
|
var Main = function Main(props) {
|
|
67149
67196
|
return React__default.createElement("div", {
|
|
67150
|
-
className: styles$
|
|
67197
|
+
className: styles$1s['vitro-main'],
|
|
67151
67198
|
id: 'vitro-main'
|
|
67152
67199
|
}, props.children);
|
|
67153
67200
|
};
|
|
67154
67201
|
|
|
67155
|
-
var styles$
|
|
67202
|
+
var styles$1t = {"vitro-table-view-detail":"_table-view-detail_vitro-table-view-detail_zxwp4XX"};
|
|
67156
67203
|
|
|
67157
67204
|
var TableViewDetail = function TableViewDetail(props) {
|
|
67158
67205
|
return React__default.createElement("div", {
|
|
67159
|
-
className: styles$
|
|
67206
|
+
className: styles$1t['vitro-table-view-detail']
|
|
67160
67207
|
}, props.children);
|
|
67161
67208
|
};
|
|
67162
67209
|
|
|
67163
|
-
var styles$
|
|
67210
|
+
var styles$1u = {"vitro-control":"_radio_vitro-control_1pRRp6K","vitro-radio-content":"_radio_vitro-radio-content_2iXhEPK","vitro-disabled":"_radio_vitro-disabled_2JSpn9-","vitro-label":"_radio_vitro-label_21dXFJN","vitro-left-label":"_radio_vitro-left-label_3BbOjIR"};
|
|
67164
67211
|
|
|
67165
67212
|
var Radio = React.forwardRef(function (props, ref) {
|
|
67166
67213
|
var radioRef = React.useRef(null);
|
|
@@ -67184,14 +67231,14 @@ var Radio = React.forwardRef(function (props, ref) {
|
|
|
67184
67231
|
props.onChange(props.value, e);
|
|
67185
67232
|
}
|
|
67186
67233
|
};
|
|
67187
|
-
var className = styles$
|
|
67234
|
+
var className = styles$1u['vitro-control'] + (props.labelPosition === POSITION.LEFT ? CTRL.SPACE + styles$1u['vitro-left-label'] : CTRL.EMPTY) + CTRL.SPACE + (props.isDisabled ? styles$1u['vitro-disabled'] : CTRL.EMPTY) + CTRL.SPACE + (props.className || CTRL.EMPTY);
|
|
67188
67235
|
return React__default.createElement("div", {
|
|
67189
67236
|
className: className
|
|
67190
67237
|
}, props.labelPosition === POSITION.LEFT && React__default.createElement(Label, {
|
|
67191
67238
|
text: props.label,
|
|
67192
|
-
className: styles$
|
|
67239
|
+
className: styles$1u['vitro-label']
|
|
67193
67240
|
}), React__default.createElement("div", {
|
|
67194
|
-
className: styles$
|
|
67241
|
+
className: styles$1u['vitro-radio-content']
|
|
67195
67242
|
}, React__default.createElement("input", {
|
|
67196
67243
|
ref: radioRef,
|
|
67197
67244
|
type: 'radio',
|
|
@@ -67203,7 +67250,7 @@ var Radio = React.forwardRef(function (props, ref) {
|
|
|
67203
67250
|
onChange: onChange
|
|
67204
67251
|
}), props.labelPosition !== POSITION.LEFT && React__default.createElement(Label, {
|
|
67205
67252
|
text: props.label,
|
|
67206
|
-
className: styles$
|
|
67253
|
+
className: styles$1u['vitro-label']
|
|
67207
67254
|
})));
|
|
67208
67255
|
});
|
|
67209
67256
|
|
|
@@ -67217,7 +67264,7 @@ var TARGET$2 = function TARGET() {};
|
|
|
67217
67264
|
TARGET$2.BLANK = '_blank';
|
|
67218
67265
|
TARGET$2.SELF = '_self';
|
|
67219
67266
|
|
|
67220
|
-
var styles$
|
|
67267
|
+
var styles$1v = {"vitro-link-input":"_link-input_vitro-link-input_1FBo8kO","vitro-edit-mode":"_link-input_vitro-edit-mode_2HhUoeO","vitro-read-only":"_link-input_vitro-read-only_AG9_cYJ","vitro-control":"_link-input_vitro-control_1MGkxWi","vitro-edit-button":"_link-input_vitro-edit-button_1PMQnWv"};
|
|
67221
67268
|
|
|
67222
67269
|
var LinkInput = React.forwardRef(function (props, ref) {
|
|
67223
67270
|
var _useState = React.useState(false),
|
|
@@ -67287,7 +67334,7 @@ var LinkInput = React.forwardRef(function (props, ref) {
|
|
|
67287
67334
|
link.remove();
|
|
67288
67335
|
}
|
|
67289
67336
|
};
|
|
67290
|
-
var className = styles$
|
|
67337
|
+
var className = styles$1v['vitro-link-input'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY) + (props.isReadOnly ? CTRL.SPACE + styles$1v['vitro-read-only'] : CTRL.EMPTY) + (isEditMode ? CTRL.SPACE + styles$1v['vitro-edit-mode'] : CTRL.EMPTY);
|
|
67291
67338
|
return React__default.createElement("div", {
|
|
67292
67339
|
className: className
|
|
67293
67340
|
}, React__default.createElement(Tooltip$1, {
|
|
@@ -67306,11 +67353,11 @@ var LinkInput = React.forwardRef(function (props, ref) {
|
|
|
67306
67353
|
isRequired: props.isRequired,
|
|
67307
67354
|
isError: props.isError,
|
|
67308
67355
|
isReadOnly: props.isReadOnly ? true : !isEditMode,
|
|
67309
|
-
className: styles$
|
|
67356
|
+
className: styles$1v['vitro-control']
|
|
67310
67357
|
}))), !props.isReadOnly && !isEditMode && React__default.createElement(ImageButton, {
|
|
67311
67358
|
onClick: onClickEditButton,
|
|
67312
67359
|
tooltipText: localeService.create(LOCALE$b.TOOLTIP_EDIT),
|
|
67313
|
-
className: styles$
|
|
67360
|
+
className: styles$1v['vitro-edit-button']
|
|
67314
67361
|
}));
|
|
67315
67362
|
});
|
|
67316
67363
|
|
|
@@ -67327,7 +67374,7 @@ var LOCALE$c;
|
|
|
67327
67374
|
LOCALE["SETTING_SYSTEM_INFO"] = "systemInformation";
|
|
67328
67375
|
})(LOCALE$c || (LOCALE$c = {}));
|
|
67329
67376
|
|
|
67330
|
-
var styles$
|
|
67377
|
+
var styles$1w = {"vitro-system-exception-dialog":"_system-exception-dialog_vitro-system-exception-dialog_2UVdbuB","vitro-image":"_system-exception-dialog_vitro-image_XG5PD8h","vitro-exception":"_system-exception-dialog_vitro-exception_2bLGF01","vitro-exception-message":"_system-exception-dialog_vitro-exception-message_2S8ZwQP","vitro-label":"_system-exception-dialog_vitro-label_1Nbb_It","vitro-input":"_system-exception-dialog_vitro-input_262484M","vitro-flex":"_system-exception-dialog_vitro-flex_EHka5VC","vitro-settings-list":"_system-exception-dialog_vitro-settings-list_6N3QiPa","vitro-checkbox":"_system-exception-dialog_vitro-checkbox_354NjHR"};
|
|
67331
67378
|
|
|
67332
67379
|
var settingsList = [LOCALE$c.SETTING_SCREENSHOT, LOCALE$c.SETTING_EXCEPTION_TEXT, LOCALE$c.SETTING_USER_NAME, LOCALE$c.SETTING_SYSTEM_INFO];
|
|
67333
67380
|
var SystemExceptionDialog = function SystemExceptionDialog(props) {
|
|
@@ -67377,52 +67424,52 @@ var SystemExceptionDialog = function SystemExceptionDialog(props) {
|
|
|
67377
67424
|
text: props.labelConfirm || localeService.create(LOCALE$c.ACTION_SEND)
|
|
67378
67425
|
}];
|
|
67379
67426
|
var hiddenContent = React__default.createElement("div", {
|
|
67380
|
-
className: styles$
|
|
67427
|
+
className: styles$1w['vitro-settings-list']
|
|
67381
67428
|
}, settingsList.map(function (name, index) {
|
|
67382
67429
|
return React__default.createElement("div", {
|
|
67383
67430
|
key: index,
|
|
67384
|
-
className: styles$
|
|
67431
|
+
className: styles$1w['vitro-flex']
|
|
67385
67432
|
}, React__default.createElement(Checkbox, {
|
|
67386
67433
|
label: CTRL.EMPTY,
|
|
67387
67434
|
name: name,
|
|
67388
67435
|
value: true,
|
|
67389
67436
|
onChange: onChangeSetting,
|
|
67390
|
-
className: styles$
|
|
67437
|
+
className: styles$1w['vitro-checkbox']
|
|
67391
67438
|
}), getCheckboxLabel(name));
|
|
67392
67439
|
}));
|
|
67393
67440
|
return React__default.createElement(Dialog, {
|
|
67394
67441
|
title: localeService.create(LOCALE$c.TITLE),
|
|
67395
67442
|
subtitle: isMobileView ? CTRL.EMPTY : localeService.create(LOCALE$c.SUBTITLE),
|
|
67396
67443
|
image: React__default.createElement("div", {
|
|
67397
|
-
className: styles$
|
|
67444
|
+
className: styles$1w['vitro-image']
|
|
67398
67445
|
}),
|
|
67399
67446
|
onClose: props.onCancel,
|
|
67400
67447
|
buttonList: buttonList,
|
|
67401
67448
|
labelClose: props.labelClose,
|
|
67402
|
-
className: styles$
|
|
67449
|
+
className: styles$1w['vitro-system-exception-dialog'],
|
|
67403
67450
|
hiddenContent: hiddenContent,
|
|
67404
67451
|
zIndex: props.zIndex,
|
|
67405
67452
|
isDismissible: true
|
|
67406
67453
|
}, React__default.createElement(DialogContent, null, isMobileView && React__default.createElement(Label, {
|
|
67407
67454
|
text: localeService.create(LOCALE$c.SUBTITLE),
|
|
67408
|
-
className: styles$
|
|
67455
|
+
className: styles$1w['vitro-label']
|
|
67409
67456
|
}), React__default.createElement(Input, {
|
|
67410
67457
|
ref: inputRef,
|
|
67411
|
-
className: styles$
|
|
67458
|
+
className: styles$1w['vitro-input'],
|
|
67412
67459
|
isMultiline: true
|
|
67413
67460
|
}), props.message && React__default.createElement("div", {
|
|
67414
|
-
className: styles$
|
|
67461
|
+
className: styles$1w['vitro-exception']
|
|
67415
67462
|
}, React__default.createElement(ScrollBar, null, React__default.createElement("div", {
|
|
67416
67463
|
onCut: blockAction,
|
|
67417
67464
|
onPaste: blockAction,
|
|
67418
67465
|
onBeforeInput: blockAction,
|
|
67419
67466
|
spellCheck: false,
|
|
67420
67467
|
contentEditable: true,
|
|
67421
|
-
className: styles$
|
|
67468
|
+
className: styles$1w['vitro-exception-message']
|
|
67422
67469
|
}, props.message)))));
|
|
67423
67470
|
};
|
|
67424
67471
|
|
|
67425
|
-
var styles$
|
|
67472
|
+
var styles$1x = {"vitro-star-button":"_star-button_vitro-star-button_1_mQ_Gq","vitro-hidden":"_star-button_vitro-hidden_oRKUkzt","vitro-active":"_star-button_vitro-active_2UV6u5C"};
|
|
67426
67473
|
|
|
67427
67474
|
var StarButton = function StarButton(props) {
|
|
67428
67475
|
var _useState = React.useState(props.isActive || false),
|
|
@@ -67439,11 +67486,11 @@ var StarButton = function StarButton(props) {
|
|
|
67439
67486
|
};
|
|
67440
67487
|
return React__default.createElement("button", {
|
|
67441
67488
|
onClick: onClick,
|
|
67442
|
-
className: styles$
|
|
67489
|
+
className: styles$1x['vitro-star-button'] + (isActive ? CTRL.SPACE + styles$1x['vitro-active'] : CTRL.EMPTY) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
|
|
67443
67490
|
});
|
|
67444
67491
|
};
|
|
67445
67492
|
|
|
67446
|
-
var styles$
|
|
67493
|
+
var styles$1y = {"vitro-item":"_site-item_vitro-item_1eSpRGl","vitro-active":"_site-item_vitro-active_1d0nDLb","vitro-name":"_site-item_vitro-name_141-LTn","vitro-image":"_site-item_vitro-image_3wrW9q4","vitro-default-image":"_site-item_vitro-default-image_fcWWNwv","vitro-hidden":"_site-item_vitro-hidden_d6n2ocz","vitro-mobile-view":"_site-item_vitro-mobile-view_3bXuBr6"};
|
|
67447
67494
|
|
|
67448
67495
|
var SiteItem = function SiteItem(props) {
|
|
67449
67496
|
var _useState = React.useState(props.isStarActive || false),
|
|
@@ -67469,7 +67516,7 @@ var SiteItem = function SiteItem(props) {
|
|
|
67469
67516
|
props.onMouseDown(e);
|
|
67470
67517
|
}
|
|
67471
67518
|
};
|
|
67472
|
-
var className = [styles$
|
|
67519
|
+
var className = [styles$1y['vitro-item'], props.className || CTRL.EMPTY, props.isActive ? styles$1y['vitro-active'] : CTRL.EMPTY, props.isMobileView && styles$1y['vitro-mobile-view']].join(CTRL.SPACE);
|
|
67473
67520
|
return React__default.createElement(FlexBox, {
|
|
67474
67521
|
onClick: props.onClick,
|
|
67475
67522
|
onMouseDown: onMouseDown,
|
|
@@ -67478,19 +67525,19 @@ var SiteItem = function SiteItem(props) {
|
|
|
67478
67525
|
className: className
|
|
67479
67526
|
}, props.imageUrl ? React__default.createElement(Image, {
|
|
67480
67527
|
defaultUrl: props.imageUrl,
|
|
67481
|
-
className: styles$
|
|
67528
|
+
className: styles$1y['vitro-image']
|
|
67482
67529
|
}) : React__default.createElement("div", {
|
|
67483
|
-
className: styles$
|
|
67530
|
+
className: styles$1y['vitro-default-image']
|
|
67484
67531
|
}), React__default.createElement("div", {
|
|
67485
|
-
className: styles$
|
|
67532
|
+
className: styles$1y['vitro-name']
|
|
67486
67533
|
}, props.name), props.onStar && React__default.createElement(StarButton, {
|
|
67487
67534
|
onChange: props.onStar,
|
|
67488
67535
|
isActive: props.isStarActive,
|
|
67489
|
-
className: isShowStar || props.isStarActive ? CTRL.EMPTY : styles$
|
|
67536
|
+
className: isShowStar || props.isStarActive ? CTRL.EMPTY : styles$1y['vitro-hidden']
|
|
67490
67537
|
}));
|
|
67491
67538
|
};
|
|
67492
67539
|
|
|
67493
|
-
var styles$
|
|
67540
|
+
var styles$1z = {"vitro-site-select":"_site-select_vitro-site-select_2irDOFZ","vitro-flex":"_site-select_vitro-flex_15EJnju","vitro-expand":"_site-select_vitro-expand_KKfRtc8","vitro-collapse":"_site-select_vitro-collapse_B0ZjAm-","vitro-site-list":"_site-select_vitro-site-list_1Yt4nLj","vitro-title":"_site-select_vitro-title_2vfT7F5","vitro-search-input":"_site-select_vitro-search-input_UMmv9PP","vitro-root-item":"_site-select_vitro-root-item_f1rGcQ4","vitro-slide-up-panel":"_site-select_vitro-slide-up-panel_U3Xn-UQ","vitro-search-value-list":"_site-select_vitro-search-value-list_3XlFSA6"};
|
|
67494
67541
|
|
|
67495
67542
|
var SiteSelect = function SiteSelect(props) {
|
|
67496
67543
|
var _useState = React.useState(props.itemList),
|
|
@@ -67593,8 +67640,8 @@ var SiteSelect = function SiteSelect(props) {
|
|
|
67593
67640
|
itemList: visibleItemList,
|
|
67594
67641
|
valueTemplate: getItem,
|
|
67595
67642
|
filterValueTemplate: filterValueTemplate,
|
|
67596
|
-
className: styles$
|
|
67597
|
-
inputClassName: styles$
|
|
67643
|
+
className: styles$1z['vitro-search-value-list'],
|
|
67644
|
+
inputClassName: styles$1z['vitro-search-input']
|
|
67598
67645
|
}, React__default.createElement(SiteItem, Object.assign({}, props.rootItem, {
|
|
67599
67646
|
isMobileView: isMobileView,
|
|
67600
67647
|
onClick: function onClick() {
|
|
@@ -67603,49 +67650,49 @@ var SiteSelect = function SiteSelect(props) {
|
|
|
67603
67650
|
onMouseDown: function onMouseDown(e) {
|
|
67604
67651
|
return onItemMouseDown(props.rootItem, e);
|
|
67605
67652
|
},
|
|
67606
|
-
className: styles$
|
|
67653
|
+
className: styles$1z['vitro-root-item']
|
|
67607
67654
|
})), React__default.createElement(FlexBox, {
|
|
67608
|
-
className: styles$
|
|
67655
|
+
className: styles$1z['vitro-title']
|
|
67609
67656
|
}, props.title, props.onStarChange && React__default.createElement(StarButton, {
|
|
67610
67657
|
onChange: filterStarActive
|
|
67611
67658
|
})));
|
|
67612
67659
|
return React__default.createElement("div", {
|
|
67613
|
-
className: styles$
|
|
67660
|
+
className: styles$1z['vitro-site-select']
|
|
67614
67661
|
}, React__default.createElement(FlexBox, {
|
|
67615
|
-
className: styles$
|
|
67662
|
+
className: styles$1z['vitro-flex'],
|
|
67616
67663
|
ref: flexBoxRef
|
|
67617
67664
|
}, React__default.createElement("h2", {
|
|
67618
67665
|
onClick: onClick
|
|
67619
67666
|
}, props.activeItem.name), React__default.createElement(ImageButton, {
|
|
67620
|
-
className: isExpanded ? styles$
|
|
67667
|
+
className: isExpanded ? styles$1z['vitro-collapse'] : styles$1z['vitro-expand'],
|
|
67621
67668
|
onClick: onClick
|
|
67622
67669
|
})), isMobileView && React__default.createElement(SlideUpPanel, {
|
|
67623
|
-
className: styles$
|
|
67670
|
+
className: styles$1z['vitro-slide-up-panel'],
|
|
67624
67671
|
isShow: isExpanded,
|
|
67625
67672
|
onClose: function onClose() {
|
|
67626
67673
|
return setIsExpanded(false);
|
|
67627
67674
|
}
|
|
67628
67675
|
}, content), !isMobileView && isExpanded && React__default.createElement("div", {
|
|
67629
|
-
className: styles$
|
|
67676
|
+
className: styles$1z['vitro-site-list'],
|
|
67630
67677
|
ref: listRef
|
|
67631
67678
|
}, content));
|
|
67632
67679
|
};
|
|
67633
67680
|
|
|
67634
|
-
var styles$
|
|
67681
|
+
var styles$1A = {"vitro-bottom":"_bottom-align-control-group_vitro-bottom_3-a5nWD"};
|
|
67635
67682
|
|
|
67636
67683
|
var BottomAlignControlGroup = function BottomAlignControlGroup(props) {
|
|
67637
67684
|
return React__default.createElement("div", {
|
|
67638
|
-
className: styles$
|
|
67685
|
+
className: styles$1A['vitro-bottom']
|
|
67639
67686
|
}, props.children);
|
|
67640
67687
|
};
|
|
67641
67688
|
|
|
67642
|
-
var styles$
|
|
67689
|
+
var styles$1B = {"vitro-linear-progress":"_linear-progress_vitro-linear-progress_1i4VVyb","vitro-bar":"_linear-progress_vitro-bar_2rwmbp3","progress":"_linear-progress_progress_11DTdlB"};
|
|
67643
67690
|
|
|
67644
67691
|
var LinearProgress = function LinearProgress(props) {
|
|
67645
67692
|
return React__default.createElement("div", {
|
|
67646
|
-
className: styles$
|
|
67693
|
+
className: styles$1B['vitro-linear-progress'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
|
|
67647
67694
|
}, React__default.createElement("div", {
|
|
67648
|
-
className: styles$
|
|
67695
|
+
className: styles$1B['vitro-bar']
|
|
67649
67696
|
}));
|
|
67650
67697
|
};
|
|
67651
67698
|
|
|
@@ -82181,7 +82228,7 @@ var DxfViewer = function DxfViewer(props) {
|
|
|
82181
82228
|
});
|
|
82182
82229
|
};
|
|
82183
82230
|
|
|
82184
|
-
var styles$
|
|
82231
|
+
var styles$1C = {"vitro-select":"_select_vitro-select_EObExkL","vitro-active":"_select_vitro-active_3I2oZ9Y","vitro-list-container":"_select_vitro-list-container_1iaPtG5","vitro-item":"_select_vitro-item_3Q88bWt"};
|
|
82185
82232
|
|
|
82186
82233
|
var Select = function Select(props) {
|
|
82187
82234
|
var _useState = React.useState(null),
|
|
@@ -82226,11 +82273,11 @@ var Select = function Select(props) {
|
|
|
82226
82273
|
};
|
|
82227
82274
|
var defaultItemTemplate = function defaultItemTemplate(props) {
|
|
82228
82275
|
return React__default.createElement("div", {
|
|
82229
|
-
className: styles$
|
|
82276
|
+
className: styles$1C['vitro-item']
|
|
82230
82277
|
}, props.text);
|
|
82231
82278
|
};
|
|
82232
82279
|
var itemTemplate = props.itemTemplate ? props.itemTemplate : defaultItemTemplate;
|
|
82233
|
-
var className = [styles$
|
|
82280
|
+
var className = [styles$1C['vitro-select'], isExpanded ? styles$1C['vitro-active'] : CTRL.EMPTY, props.className || CTRL.EMPTY].join(CTRL.SPACE);
|
|
82234
82281
|
if (!props.itemList.length || !value) {
|
|
82235
82282
|
return null;
|
|
82236
82283
|
}
|
|
@@ -82242,7 +82289,7 @@ var Select = function Select(props) {
|
|
|
82242
82289
|
},
|
|
82243
82290
|
ref: flexBoxRef
|
|
82244
82291
|
}, React__default.createElement(itemTemplate, value), React__default.createElement("div", {
|
|
82245
|
-
className: styles$
|
|
82292
|
+
className: styles$1C['vitro-list-container'],
|
|
82246
82293
|
ref: listRef
|
|
82247
82294
|
}, React__default.createElement(List, {
|
|
82248
82295
|
itemList: props.itemList,
|
|
@@ -82310,11 +82357,11 @@ exports.LinkInput = LinkInput;
|
|
|
82310
82357
|
exports.List = List;
|
|
82311
82358
|
exports.Login = Login;
|
|
82312
82359
|
exports.LoginForm = LoginForm;
|
|
82360
|
+
exports.LoginKerberosForm = LoginKerberosForm;
|
|
82313
82361
|
exports.LookupPicker = LookupPicker;
|
|
82314
82362
|
exports.Main = Main;
|
|
82315
82363
|
exports.MessageInput = MessageInput;
|
|
82316
82364
|
exports.MicroFrontend = MicroFrontend;
|
|
82317
|
-
exports.NTLMAuthenticationForm = NTLMAuthenticationForm;
|
|
82318
82365
|
exports.NUMBER_INPUT = NumberInputConstants;
|
|
82319
82366
|
exports.NumberInput = NumberInput;
|
|
82320
82367
|
exports.Overlay = Overlay$2;
|