@devtron-labs/devtron-fe-common-lib 0.0.59-beta-10 → 0.0.59
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/dist/Common/Api.d.ts +0 -9
- package/dist/Common/Constants.d.ts +0 -1
- package/dist/Common/Types.d.ts +2 -3
- package/dist/index.d.ts +1 -3
- package/dist/index.js +158 -1405
- package/package.json +1 -1
- package/src/Common/Api.ts +0 -21
- package/src/Common/BreadCrumb/Types.ts +1 -0
- package/src/Common/Checkbox.tsx +0 -1
- package/src/Common/Constants.ts +1 -2
- package/src/Common/CustomInput/CustomInput.tsx +1 -2
- package/src/Common/DraggableWrapper/DraggableWrapper.tsx +1 -3
- package/src/Common/RJSF/utils.ts +0 -2
- package/src/Common/SearchBar/SearchBar.component.tsx +11 -23
- package/src/Common/SearchBar/searchBar.scss +1 -1
- package/src/Common/Types.ts +1 -3
- package/src/index.ts +1 -3
- package/dist/Pages/GlobalConfigurations/BuildInfra/BuildInfraConfigForm.d.ts +0 -4
- package/dist/Pages/GlobalConfigurations/BuildInfra/BuildInfraDescriptionField.d.ts +0 -4
- package/dist/Pages/GlobalConfigurations/BuildInfra/BuildInfraFormAction.d.ts +0 -7
- package/dist/Pages/GlobalConfigurations/BuildInfra/BuildInfraFormItem.d.ts +0 -4
- package/dist/Pages/GlobalConfigurations/BuildInfra/BuildInfraProfileNameField.d.ts +0 -4
- package/dist/Pages/GlobalConfigurations/BuildInfra/Descriptor.d.ts +0 -4
- package/dist/Pages/GlobalConfigurations/BuildInfra/Footer.d.ts +0 -4
- package/dist/Pages/GlobalConfigurations/BuildInfra/constants.d.ts +0 -50
- package/dist/Pages/GlobalConfigurations/BuildInfra/index.d.ts +0 -7
- package/dist/Pages/GlobalConfigurations/BuildInfra/services.d.ts +0 -6
- package/dist/Pages/GlobalConfigurations/BuildInfra/types.d.ts +0 -286
- package/dist/Pages/GlobalConfigurations/BuildInfra/utils.d.ts +0 -12
- package/dist/Pages/GlobalConfigurations/index.d.ts +0 -1
- package/dist/Pages/index.d.ts +0 -1
- package/dist/Shared/Components/APIResponseHandler/APIResponseHandler.d.ts +0 -4
- package/dist/Shared/Components/APIResponseHandler/constants.d.ts +0 -4
- package/dist/Shared/Components/APIResponseHandler/index.d.ts +0 -2
- package/dist/Shared/Components/APIResponseHandler/types.d.ts +0 -37
- package/dist/Shared/Components/BulkSelection/BulkSelection.d.ts +0 -4
- package/dist/Shared/Components/BulkSelection/BulkSelectionDropdownItems.d.ts +0 -4
- package/dist/Shared/Components/BulkSelection/UseBulkSelection.d.ts +0 -3
- package/dist/Shared/Components/BulkSelection/constants.d.ts +0 -8
- package/dist/Shared/Components/BulkSelection/index.d.ts +0 -4
- package/dist/Shared/Components/BulkSelection/types.d.ts +0 -51
- package/dist/Shared/Components/ReactSelect/index.d.ts +0 -1
- package/dist/Shared/Components/ReactSelect/utils.d.ts +0 -12
- package/dist/Shared/Components/index.d.ts +0 -3
- package/dist/Shared/Helpers.d.ts +0 -16
- package/dist/Shared/index.d.ts +0 -3
- package/dist/Shared/validations.d.ts +0 -8
- package/src/Assets/Icon/ic-check-all.svg +0 -5
- package/src/Assets/Icon/ic-check-square.svg +0 -4
- package/src/Assets/Icon/ic-close.svg +0 -3
- package/src/Assets/Icon/ic-cpu.svg +0 -4
- package/src/Assets/Icon/ic-memory.svg +0 -3
- package/src/Assets/Icon/ic-timer.svg +0 -3
- package/src/Pages/GlobalConfigurations/BuildInfra/BuildInfraConfigForm.tsx +0 -128
- package/src/Pages/GlobalConfigurations/BuildInfra/BuildInfraDescriptionField.tsx +0 -44
- package/src/Pages/GlobalConfigurations/BuildInfra/BuildInfraFormAction.tsx +0 -106
- package/src/Pages/GlobalConfigurations/BuildInfra/BuildInfraFormItem.tsx +0 -55
- package/src/Pages/GlobalConfigurations/BuildInfra/BuildInfraProfileNameField.tsx +0 -32
- package/src/Pages/GlobalConfigurations/BuildInfra/Descriptor.tsx +0 -45
- package/src/Pages/GlobalConfigurations/BuildInfra/Footer.tsx +0 -55
- package/src/Pages/GlobalConfigurations/BuildInfra/Readme.md +0 -4
- package/src/Pages/GlobalConfigurations/BuildInfra/constants.tsx +0 -139
- package/src/Pages/GlobalConfigurations/BuildInfra/index.ts +0 -7
- package/src/Pages/GlobalConfigurations/BuildInfra/services.tsx +0 -167
- package/src/Pages/GlobalConfigurations/BuildInfra/types.tsx +0 -339
- package/src/Pages/GlobalConfigurations/BuildInfra/utils.tsx +0 -509
- package/src/Pages/GlobalConfigurations/index.ts +0 -1
- package/src/Pages/index.ts +0 -1
- package/src/Shared/Components/APIResponseHandler/APIResponseHandler.tsx +0 -41
- package/src/Shared/Components/APIResponseHandler/constants.tsx +0 -5
- package/src/Shared/Components/APIResponseHandler/index.ts +0 -2
- package/src/Shared/Components/APIResponseHandler/types.tsx +0 -39
- package/src/Shared/Components/BulkSelection/BulkSelection.tsx +0 -81
- package/src/Shared/Components/BulkSelection/BulkSelectionDropdownItems.tsx +0 -31
- package/src/Shared/Components/BulkSelection/UseBulkSelection.tsx +0 -99
- package/src/Shared/Components/BulkSelection/constants.tsx +0 -12
- package/src/Shared/Components/BulkSelection/index.ts +0 -4
- package/src/Shared/Components/BulkSelection/types.tsx +0 -61
- package/src/Shared/Components/ReactSelect/index.ts +0 -1
- package/src/Shared/Components/ReactSelect/utils.tsx +0 -97
- package/src/Shared/Components/index.ts +0 -3
- package/src/Shared/Helpers.tsx +0 -29
- package/src/Shared/index.ts +0 -3
- package/src/Shared/validations.tsx +0 -130
package/dist/index.js
CHANGED
|
@@ -50,8 +50,7 @@ var ROUTES = {
|
|
|
50
50
|
USER_CHECK_ROLE: 'user/check/roles',
|
|
51
51
|
IMAGE_TAGGING: 'app/image-tagging',
|
|
52
52
|
CD_MATERIAL_GET: 'app/cd-pipeline',
|
|
53
|
-
DEPLOYMENT_TEMPLATE_LIST: 'app/template/list'
|
|
54
|
-
INFRA_CONFIG_PROFILE: 'infra-config/profile',
|
|
53
|
+
DEPLOYMENT_TEMPLATE_LIST: 'app/template/list'
|
|
55
54
|
};
|
|
56
55
|
exports.KEY_VALUE = void 0;
|
|
57
56
|
(function (KEY_VALUE) {
|
|
@@ -430,7 +429,6 @@ exports.CHECKBOX_VALUE = void 0;
|
|
|
430
429
|
(function (CHECKBOX_VALUE) {
|
|
431
430
|
CHECKBOX_VALUE["CHECKED"] = "CHECKED";
|
|
432
431
|
CHECKBOX_VALUE["INTERMEDIATE"] = "INTERMEDIATE";
|
|
433
|
-
CHECKBOX_VALUE["BULK_CHECKED"] = "BULK_CHECKED";
|
|
434
432
|
})(exports.CHECKBOX_VALUE || (exports.CHECKBOX_VALUE = {}));
|
|
435
433
|
exports.ImageType = void 0;
|
|
436
434
|
(function (ImageType) {
|
|
@@ -734,22 +732,6 @@ var get = function (url, options) {
|
|
|
734
732
|
};
|
|
735
733
|
var trash = function (url, data, options) {
|
|
736
734
|
return fetchInTime(url, 'DELETE', data, options);
|
|
737
|
-
};
|
|
738
|
-
/**
|
|
739
|
-
* Aborts the previous request before triggering next request
|
|
740
|
-
*/
|
|
741
|
-
var abortPreviousRequests = function (callback, abortControllerRef) {
|
|
742
|
-
abortControllerRef.current.abort();
|
|
743
|
-
// eslint-disable-next-line no-param-reassign
|
|
744
|
-
abortControllerRef.current = new AbortController();
|
|
745
|
-
return callback();
|
|
746
|
-
};
|
|
747
|
-
/**
|
|
748
|
-
* Returns true if the error is due to a aborted request
|
|
749
|
-
*/
|
|
750
|
-
var getIsRequestAborted = function (error) {
|
|
751
|
-
// The 0 code is common for aborted and blocked requests
|
|
752
|
-
return error && error.code === 0 && error.message === 'The user aborted a request.';
|
|
753
735
|
};
|
|
754
736
|
|
|
755
737
|
function styleInject(css, ref) {
|
|
@@ -783,9 +765,9 @@ var css_248z$9 = ".empty-state {\n height: 100%;\n}\n.empty-state img {\n heig
|
|
|
783
765
|
styleInject(css_248z$9);
|
|
784
766
|
|
|
785
767
|
var _g$7;
|
|
786
|
-
function _extends$
|
|
768
|
+
function _extends$o() { _extends$o = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$o.apply(this, arguments); }
|
|
787
769
|
var SvgIcProgressing = function SvgIcProgressing(props) {
|
|
788
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
770
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
|
|
789
771
|
xmlns: "http://www.w3.org/2000/svg",
|
|
790
772
|
viewBox: "0 0 24 24",
|
|
791
773
|
width: "1em",
|
|
@@ -837,8 +819,8 @@ EmptyState.Loading = Loading;
|
|
|
837
819
|
|
|
838
820
|
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
|
|
839
821
|
|
|
840
|
-
function _extends$
|
|
841
|
-
_extends$
|
|
822
|
+
function _extends$n() {
|
|
823
|
+
_extends$n = Object.assign || function (target) {
|
|
842
824
|
for (var i = 1; i < arguments.length; i++) {
|
|
843
825
|
var source = arguments[i];
|
|
844
826
|
|
|
@@ -852,7 +834,7 @@ function _extends$t() {
|
|
|
852
834
|
return target;
|
|
853
835
|
};
|
|
854
836
|
|
|
855
|
-
return _extends$
|
|
837
|
+
return _extends$n.apply(this, arguments);
|
|
856
838
|
}
|
|
857
839
|
|
|
858
840
|
function _objectWithoutPropertiesLoose$2(source, excluded) {
|
|
@@ -1578,7 +1560,7 @@ function ProgressBar(_ref) {
|
|
|
1578
1560
|
isIn = _ref.isIn,
|
|
1579
1561
|
theme = _ref.theme;
|
|
1580
1562
|
|
|
1581
|
-
var style = _extends$
|
|
1563
|
+
var style = _extends$n({}, userStyle, {
|
|
1582
1564
|
animationDuration: delay + "ms",
|
|
1583
1565
|
animationPlayState: isRunning ? 'running' : 'paused',
|
|
1584
1566
|
opacity: hide ? 0 : 1
|
|
@@ -1855,9 +1837,9 @@ var ToastContainer = function ToastContainer(props) {
|
|
|
1855
1837
|
,
|
|
1856
1838
|
id: containerId
|
|
1857
1839
|
}, getToastToRender(function (position, toastList) {
|
|
1858
|
-
var containerStyle = !toastList.length ? _extends$
|
|
1840
|
+
var containerStyle = !toastList.length ? _extends$n({}, style, {
|
|
1859
1841
|
pointerEvents: 'none'
|
|
1860
|
-
}) : _extends$
|
|
1842
|
+
}) : _extends$n({}, style);
|
|
1861
1843
|
return React.createElement("div", {
|
|
1862
1844
|
className: getClassName(position),
|
|
1863
1845
|
style: containerStyle,
|
|
@@ -1964,7 +1946,7 @@ function dispatchToast(content, options) {
|
|
|
1964
1946
|
|
|
1965
1947
|
|
|
1966
1948
|
function mergeOptions(type, options) {
|
|
1967
|
-
return _extends$
|
|
1949
|
+
return _extends$n({}, options, {
|
|
1968
1950
|
type: options && options.type || type,
|
|
1969
1951
|
toastId: getToastId(options)
|
|
1970
1952
|
});
|
|
@@ -1981,7 +1963,7 @@ function toast(content, options) {
|
|
|
1981
1963
|
}
|
|
1982
1964
|
|
|
1983
1965
|
toast.loading = function (content, options) {
|
|
1984
|
-
return dispatchToast(content, mergeOptions(TYPE.DEFAULT, _extends$
|
|
1966
|
+
return dispatchToast(content, mergeOptions(TYPE.DEFAULT, _extends$n({
|
|
1985
1967
|
isLoading: true,
|
|
1986
1968
|
autoClose: false,
|
|
1987
1969
|
closeOnClick: false,
|
|
@@ -1997,7 +1979,7 @@ function handlePromise(promise, _ref2, options) {
|
|
|
1997
1979
|
var id;
|
|
1998
1980
|
|
|
1999
1981
|
if (pending) {
|
|
2000
|
-
id = isStr(pending) ? toast.loading(pending, options) : toast.loading(pending.render, _extends$
|
|
1982
|
+
id = isStr(pending) ? toast.loading(pending, options) : toast.loading(pending.render, _extends$n({}, options, pending));
|
|
2001
1983
|
}
|
|
2002
1984
|
|
|
2003
1985
|
var resetParams = {
|
|
@@ -2016,7 +1998,7 @@ function handlePromise(promise, _ref2, options) {
|
|
|
2016
1998
|
return;
|
|
2017
1999
|
}
|
|
2018
2000
|
|
|
2019
|
-
var baseParams = _extends$
|
|
2001
|
+
var baseParams = _extends$n({
|
|
2020
2002
|
type: type
|
|
2021
2003
|
}, resetParams, options, {
|
|
2022
2004
|
data: result
|
|
@@ -2027,10 +2009,10 @@ function handlePromise(promise, _ref2, options) {
|
|
|
2027
2009
|
} : input; // if the id is set we know that it's an update
|
|
2028
2010
|
|
|
2029
2011
|
if (id) {
|
|
2030
|
-
toast.update(id, _extends$
|
|
2012
|
+
toast.update(id, _extends$n({}, baseParams, params));
|
|
2031
2013
|
} else {
|
|
2032
2014
|
// using toast.promise without loading
|
|
2033
|
-
toast(params.render, _extends$
|
|
2015
|
+
toast(params.render, _extends$n({}, baseParams, params));
|
|
2034
2016
|
}
|
|
2035
2017
|
|
|
2036
2018
|
return result;
|
|
@@ -2054,7 +2036,7 @@ toast.warning = /*#__PURE__*/createToastByType(TYPE.WARNING);
|
|
|
2054
2036
|
toast.warn = toast.warning;
|
|
2055
2037
|
|
|
2056
2038
|
toast.dark = function (content, options) {
|
|
2057
|
-
return dispatchToast(content, mergeOptions(TYPE.DEFAULT, _extends$
|
|
2039
|
+
return dispatchToast(content, mergeOptions(TYPE.DEFAULT, _extends$n({
|
|
2058
2040
|
theme: 'dark'
|
|
2059
2041
|
}, options)));
|
|
2060
2042
|
};
|
|
@@ -2111,7 +2093,7 @@ toast.update = function (toastId, options) {
|
|
|
2111
2093
|
var oldOptions = toast.props,
|
|
2112
2094
|
oldContent = toast.content;
|
|
2113
2095
|
|
|
2114
|
-
var nextOptions = _extends$
|
|
2096
|
+
var nextOptions = _extends$n({}, oldOptions, options, {
|
|
2115
2097
|
toastId: options.toastId || toastId,
|
|
2116
2098
|
updateId: generateToastId()
|
|
2117
2099
|
});
|
|
@@ -12028,16 +12010,16 @@ var Modal = function (_a) {
|
|
|
12028
12010
|
}, id: "popup", className: "".concat(rootClassName, " popup ").concat(modal ? 'modal' : ''), style: __assign({}, style) }, { children: children })), document.getElementById('visible-modal'));
|
|
12029
12011
|
};
|
|
12030
12012
|
|
|
12031
|
-
var _path$
|
|
12032
|
-
function _extends$
|
|
12013
|
+
var _path$d;
|
|
12014
|
+
function _extends$m() { _extends$m = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$m.apply(this, arguments); }
|
|
12033
12015
|
var SvgIcCross = function SvgIcCross(props) {
|
|
12034
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
12016
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
|
|
12035
12017
|
width: "1em",
|
|
12036
12018
|
height: "1em",
|
|
12037
12019
|
viewBox: "0 0 24 24",
|
|
12038
12020
|
fill: "none",
|
|
12039
12021
|
xmlns: "http://www.w3.org/2000/svg"
|
|
12040
|
-
}, props), _path$
|
|
12022
|
+
}, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
|
|
12041
12023
|
d: "M19.28 5.78a.75.75 0 0 0-1.06-1.06l1.06 1.06ZM4.72 18.22a.75.75 0 1 0 1.06 1.06l-1.06-1.06Zm13.5 1.06a.75.75 0 1 0 1.06-1.06l-1.06 1.06ZM5.78 4.72a.75.75 0 0 0-1.06 1.06l1.06-1.06Zm12.44 0-6.75 6.75 1.06 1.06 6.75-6.75-1.06-1.06Zm-6.75 6.75-6.75 6.75 1.06 1.06 6.75-6.75-1.06-1.06Zm7.81 6.75-6.75-6.75-1.06 1.06 6.75 6.75 1.06-1.06Zm-6.75-6.75L5.78 4.72 4.72 5.78l6.75 6.75 1.06-1.06Z",
|
|
12042
12024
|
fill: "#596168"
|
|
12043
12025
|
})));
|
|
@@ -16336,30 +16318,30 @@ var index = /*#__PURE__*/forwardRef( /*#__PURE__*/TippyGenerator(tippy));
|
|
|
16336
16318
|
|
|
16337
16319
|
var Tippy = index;
|
|
16338
16320
|
|
|
16339
|
-
var _path$
|
|
16340
|
-
function _extends$
|
|
16321
|
+
var _path$c;
|
|
16322
|
+
function _extends$l() { _extends$l = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$l.apply(this, arguments); }
|
|
16341
16323
|
var SvgIcHelp = function SvgIcHelp(props) {
|
|
16342
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
16324
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
|
|
16343
16325
|
xmlns: "http://www.w3.org/2000/svg",
|
|
16344
16326
|
width: "1em",
|
|
16345
16327
|
height: "1em",
|
|
16346
16328
|
viewBox: "0 0 24 24"
|
|
16347
|
-
}, props), _path$
|
|
16329
|
+
}, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
|
|
16348
16330
|
fill: "#767D84",
|
|
16349
16331
|
fillRule: "evenodd",
|
|
16350
16332
|
d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm-.205 12.868c-.615 0-1.12.505-1.12 1.12 0 .617.505 1.121 1.12 1.121.615 0 1.12-.504 1.12-1.12 0-.616-.506-1.12-1.12-1.12zM11.863 7c-1.667 0-3.197 1.187-3.196 2.527 0 .546.41.833.888.833 1.325 0 .642-1.803 2.39-1.803.82 0 1.311.438 1.311 1.175 0 1.34-2.39 1.708-2.39 3.334 0 .438.287.915.874.915.902 0 .792-.67 1.12-1.148.438-.642 2.473-1.325 2.473-3.101 0-1.927-1.721-2.732-3.47-2.732z"
|
|
16351
16333
|
})));
|
|
16352
16334
|
};
|
|
16353
16335
|
|
|
16354
|
-
var _path$
|
|
16355
|
-
function _extends$
|
|
16336
|
+
var _path$b;
|
|
16337
|
+
function _extends$k() { _extends$k = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
|
|
16356
16338
|
var SvgIcHelpOutline = function SvgIcHelpOutline(props) {
|
|
16357
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
16339
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
|
|
16358
16340
|
xmlns: "http://www.w3.org/2000/svg",
|
|
16359
16341
|
viewBox: "0 0 17 16",
|
|
16360
16342
|
width: "1em",
|
|
16361
16343
|
height: "1em"
|
|
16362
|
-
}, props), _path$
|
|
16344
|
+
}, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
|
|
16363
16345
|
fill: "#767D84",
|
|
16364
16346
|
fillRule: "evenodd",
|
|
16365
16347
|
d: "M9 1.333a6.667 6.667 0 1 1 0 13.334A6.667 6.667 0 0 1 9 1.333zm0 1.334C6.054 2.667 3.667 5.054 3.667 8S6.054 13.333 9 13.333 14.333 10.946 14.333 8 11.946 2.667 9 2.667zm-.137 7.245c.41 0 .747.337.747.747s-.337.747-.747.747-.747-.336-.747-.747a.75.75 0 0 1 .747-.747zm.046-5.245c1.166 0 2.313.537 2.313 1.82 0 1.185-1.357 1.64-1.648 2.068-.22.319-.146.766-.747.766-.392 0-.583-.319-.583-.61 0-1.085 1.593-1.33 1.593-2.223 0-.492-.327-.783-.873-.783-1.166 0-.711 1.202-1.594 1.202-.319 0-.592-.191-.592-.556 0-.893 1.02-1.684 2.13-1.684z"
|
|
@@ -16411,16 +16393,16 @@ function TippyCustomized(props) {
|
|
|
16411
16393
|
return (jsxRuntime.jsx(Tippy, __assign({ className: "".concat(isWhiteTheme ? 'tippy-white-container default-white' : 'tippy-black-container default-black', " no-content-padding tippy-shadow ").concat(className), arrow: arrow || false, interactive: interactive || false, placement: placement || 'top', content: getTippyContent(), trigger: trigger || 'mouseenter', onMount: onTippyMount, onClickOutside: closeTippy, showOnCreate: showOnCreate || false, animation: animation || 'fade', duration: duration || 300, visible: props.visible }, { children: children })));
|
|
16412
16394
|
}
|
|
16413
16395
|
|
|
16414
|
-
var _path$
|
|
16415
|
-
function _extends$
|
|
16396
|
+
var _path$a, _circle, _path2$1;
|
|
16397
|
+
function _extends$j() { _extends$j = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
|
|
16416
16398
|
var SvgInjectTag = function SvgInjectTag(props) {
|
|
16417
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
16399
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
|
|
16418
16400
|
width: "1em",
|
|
16419
16401
|
height: "1em",
|
|
16420
16402
|
viewBox: "0 0 20 20",
|
|
16421
16403
|
fill: "none",
|
|
16422
16404
|
xmlns: "http://www.w3.org/2000/svg"
|
|
16423
|
-
}, props), _path$
|
|
16405
|
+
}, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
|
|
16424
16406
|
d: "M10 10H3.333",
|
|
16425
16407
|
stroke: "#596168",
|
|
16426
16408
|
strokeWidth: 1.5,
|
|
@@ -16431,7 +16413,7 @@ var SvgInjectTag = function SvgInjectTag(props) {
|
|
|
16431
16413
|
cy: 10,
|
|
16432
16414
|
r: 1.667,
|
|
16433
16415
|
fill: "#596168"
|
|
16434
|
-
})), _path2$
|
|
16416
|
+
})), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
16435
16417
|
d: "m4.415 6.403 5.347-3.008a.486.486 0 0 1 .476 0l5.348 3.008a.486.486 0 0 1 .247.424v5.994a.485.485 0 0 1-.247.424l-5.348 3.007a.485.485 0 0 1-.476 0l-5.347-3.007",
|
|
16436
16418
|
stroke: "#596168",
|
|
16437
16419
|
strokeWidth: 1.5,
|
|
@@ -16448,15 +16430,15 @@ function PropagateTagInfo(_a) {
|
|
|
16448
16430
|
return (jsxRuntime.jsx(TippyCustomized, __assign({ theme: exports.TippyTheme.white, className: "w-300", placement: "top", Icon: SvgInjectTag, heading: 'Propagate tags to K8s resources', infoText: "", additionalContent: additionalInfo(), showCloseButton: true, trigger: "click", interactive: true, documentationLink: isCreateApp ? DOCUMENTATION.APP_TAGS : DOCUMENTATION.APP_OVERVIEW_TAGS, documentationLinkText: "View Documentation" }, { children: jsxRuntime.jsxs("div", __assign({ className: "flexbox cursor" }, { children: [jsxRuntime.jsx(SvgInjectTag, { className: "icon-dim-16 mt-2 mr-4" }), jsxRuntime.jsx("span", { children: "Propagate tags" }), jsxRuntime.jsx(SvgIcHelpOutline, { className: "icon-dim-16 mt-2 ml-4" })] })) })));
|
|
16449
16431
|
}
|
|
16450
16432
|
|
|
16451
|
-
var _path$
|
|
16452
|
-
function _extends$
|
|
16433
|
+
var _path$9;
|
|
16434
|
+
function _extends$i() { _extends$i = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
|
|
16453
16435
|
var SvgIcInfoOutlined = function SvgIcInfoOutlined(props) {
|
|
16454
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
16436
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
|
|
16455
16437
|
xmlns: "http://www.w3.org/2000/svg",
|
|
16456
16438
|
width: "1em",
|
|
16457
16439
|
height: "1em",
|
|
16458
16440
|
viewBox: "0 0 20 20"
|
|
16459
|
-
}, props), _path$
|
|
16441
|
+
}, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
16460
16442
|
d: "M10 1.667c4.6 0 8.333 3.733 8.333 8.333S14.6 18.333 10 18.333 1.667 14.6 1.667 10 5.4 1.667 10 1.667zm0 1.666A6.67 6.67 0 0 0 3.333 10 6.67 6.67 0 0 0 10 16.667 6.67 6.67 0 0 0 16.667 10 6.67 6.67 0 0 0 10 3.333zm0 5.834c.46 0 .833.373.833.833v3.333a.834.834 0 1 1-1.666 0V10c0-.46.373-.833.833-.833zm0-3.334A.833.833 0 1 1 10 7.5a.833.833 0 0 1 0-1.667z",
|
|
16461
16443
|
fill: "#06C",
|
|
16462
16444
|
fillRule: "evenodd"
|
|
@@ -16690,15 +16672,15 @@ var TagDetails = function (_a) {
|
|
|
16690
16672
|
return (jsxRuntime.jsxs("div", __assign({ className: "flexbox mb-8" }, { children: [jsxRuntime.jsx("div", __assign({ className: "dc__border h-30 pl-4 pr-4 br-4 mr-8 pointer ".concat(tagData.propagate ? 'bcn-7' : '', " ").concat(tagData.key.startsWith("devtron.ai/") ? 'cursor-not-allowed bcn-1' : ''), onClick: propagateTagToResource, "data-testid": "propagate-tag-".concat(index) }, { children: jsxRuntime.jsx(SvgInjectTag, { className: "icon-dim-20 mt-4 ".concat(tagData.propagate ? 'scn-0' : '') }) })), jsxRuntime.jsx(TagLabelValueSelector, { selectedTagIndex: index, tagData: tagData, setTagData: setTagData, tagInputType: exports.KEY_VALUE.KEY, placeholder: "Enter key", tabIndex: tabIndex - 1, refVar: keyRef, dependentRef: valueRef, tagOptions: suggestedTagsOptions }), jsxRuntime.jsx(TagLabelValueSelector, { selectedTagIndex: index, tagData: tagData, setTagData: setTagData, tagInputType: exports.KEY_VALUE.VALUE, placeholder: "Enter value", tabIndex: tabIndex, refVar: valueRef, dependentRef: keyRef }), jsxRuntime.jsx("div", __assign({ className: "dc__border pl-4 pr-4 dc__right-radius-4 pointer flex top", onClick: deleteTag, "data-testid": "delete-tag-".concat(index) }, { children: jsxRuntime.jsx(SvgIcCross, { className: "icon-dim-20 mt-4" }) }))] })));
|
|
16691
16673
|
};
|
|
16692
16674
|
|
|
16693
|
-
var _path$
|
|
16694
|
-
function _extends$
|
|
16675
|
+
var _path$8;
|
|
16676
|
+
function _extends$h() { _extends$h = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$h.apply(this, arguments); }
|
|
16695
16677
|
var SvgIcAdd = function SvgIcAdd(props) {
|
|
16696
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
16678
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
|
|
16697
16679
|
xmlns: "http://www.w3.org/2000/svg",
|
|
16698
16680
|
width: "1em",
|
|
16699
16681
|
height: "1em",
|
|
16700
16682
|
viewBox: "0 0 24 24"
|
|
16701
|
-
}, props), _path$
|
|
16683
|
+
}, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
16702
16684
|
className: "ic-add_svg__fill-color",
|
|
16703
16685
|
fill: "#999",
|
|
16704
16686
|
d: "M18 13h-5v5a1 1 0 0 1-2 0v-5H6a1 1 0 0 1 0-2h5V6a1 1 0 0 1 2 0v5h5a1 1 0 0 1 0 2z"
|
|
@@ -16828,8 +16810,8 @@ function ForceDeleteDialog(_a) {
|
|
|
16828
16810
|
return (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(DeleteDialog, __assign({ title: forceDeleteDialogTitle, delete: onClickDelete, closeDelete: closeDeleteModal, deletePrefix: "Force " }, { children: jsxRuntime.jsxs(DeleteDialog.Description, { children: [jsxRuntime.jsxs("p", __assign({ className: "mt-12 mb-12 p-8 dc__break-word dc__window-bg" }, { children: ["Error: ", forceDeleteDialogMessage] })), jsxRuntime.jsx("p", { children: "Do you want to force delete?" })] }) })) }));
|
|
16829
16811
|
}
|
|
16830
16812
|
|
|
16831
|
-
function _extends$
|
|
16832
|
-
_extends$
|
|
16813
|
+
function _extends$g() {
|
|
16814
|
+
_extends$g = Object.assign ? Object.assign.bind() : function (target) {
|
|
16833
16815
|
for (var i = 1; i < arguments.length; i++) {
|
|
16834
16816
|
var source = arguments[i];
|
|
16835
16817
|
for (var key in source) {
|
|
@@ -16840,7 +16822,7 @@ function _extends$m() {
|
|
|
16840
16822
|
}
|
|
16841
16823
|
return target;
|
|
16842
16824
|
};
|
|
16843
|
-
return _extends$
|
|
16825
|
+
return _extends$g.apply(this, arguments);
|
|
16844
16826
|
}
|
|
16845
16827
|
|
|
16846
16828
|
/*
|
|
@@ -20381,7 +20363,7 @@ var Menu = function Menu(props) {
|
|
|
20381
20363
|
getStyles = props.getStyles,
|
|
20382
20364
|
innerRef = props.innerRef,
|
|
20383
20365
|
innerProps = props.innerProps;
|
|
20384
|
-
return jsx("div", _extends$
|
|
20366
|
+
return jsx("div", _extends$g({
|
|
20385
20367
|
css: getStyles('menu', props),
|
|
20386
20368
|
className: cx({
|
|
20387
20369
|
menu: true
|
|
@@ -20413,7 +20395,7 @@ var MenuList$1 = function MenuList(props) {
|
|
|
20413
20395
|
innerProps = props.innerProps,
|
|
20414
20396
|
innerRef = props.innerRef,
|
|
20415
20397
|
isMulti = props.isMulti;
|
|
20416
|
-
return jsx("div", _extends$
|
|
20398
|
+
return jsx("div", _extends$g({
|
|
20417
20399
|
css: getStyles('menuList', props),
|
|
20418
20400
|
className: cx({
|
|
20419
20401
|
'menu-list': true,
|
|
@@ -20444,7 +20426,7 @@ var NoOptionsMessage = function NoOptionsMessage(props) {
|
|
|
20444
20426
|
cx = props.cx,
|
|
20445
20427
|
getStyles = props.getStyles,
|
|
20446
20428
|
innerProps = props.innerProps;
|
|
20447
|
-
return jsx("div", _extends$
|
|
20429
|
+
return jsx("div", _extends$g({
|
|
20448
20430
|
css: getStyles('noOptionsMessage', props),
|
|
20449
20431
|
className: cx({
|
|
20450
20432
|
'menu-notice': true,
|
|
@@ -20461,7 +20443,7 @@ var LoadingMessage = function LoadingMessage(props) {
|
|
|
20461
20443
|
cx = props.cx,
|
|
20462
20444
|
getStyles = props.getStyles,
|
|
20463
20445
|
innerProps = props.innerProps;
|
|
20464
|
-
return jsx("div", _extends$
|
|
20446
|
+
return jsx("div", _extends$g({
|
|
20465
20447
|
css: getStyles('loadingMessage', props),
|
|
20466
20448
|
className: cx({
|
|
20467
20449
|
'menu-notice': true,
|
|
@@ -20549,7 +20531,7 @@ var MenuPortal = /*#__PURE__*/function (_Component2) {
|
|
|
20549
20531
|
rect: rect
|
|
20550
20532
|
}; // same wrapper element whether fixed or portalled
|
|
20551
20533
|
|
|
20552
|
-
var menuWrapper = jsx("div", _extends$
|
|
20534
|
+
var menuWrapper = jsx("div", _extends$g({
|
|
20553
20535
|
css: getStyles('menuPortal', state),
|
|
20554
20536
|
className: cx({
|
|
20555
20537
|
'menu-portal': true
|
|
@@ -20585,7 +20567,7 @@ var SelectContainer = function SelectContainer(props) {
|
|
|
20585
20567
|
innerProps = props.innerProps,
|
|
20586
20568
|
isDisabled = props.isDisabled,
|
|
20587
20569
|
isRtl = props.isRtl;
|
|
20588
|
-
return jsx("div", _extends$
|
|
20570
|
+
return jsx("div", _extends$g({
|
|
20589
20571
|
css: getStyles('container', props),
|
|
20590
20572
|
className: cx({
|
|
20591
20573
|
'--is-disabled': isDisabled,
|
|
@@ -20620,7 +20602,7 @@ var ValueContainer = function ValueContainer(props) {
|
|
|
20620
20602
|
isMulti = props.isMulti,
|
|
20621
20603
|
getStyles = props.getStyles,
|
|
20622
20604
|
hasValue = props.hasValue;
|
|
20623
|
-
return jsx("div", _extends$
|
|
20605
|
+
return jsx("div", _extends$g({
|
|
20624
20606
|
css: getStyles('valueContainer', props),
|
|
20625
20607
|
className: cx({
|
|
20626
20608
|
'value-container': true,
|
|
@@ -20646,7 +20628,7 @@ var IndicatorsContainer = function IndicatorsContainer(props) {
|
|
|
20646
20628
|
cx = props.cx,
|
|
20647
20629
|
innerProps = props.innerProps,
|
|
20648
20630
|
getStyles = props.getStyles;
|
|
20649
|
-
return jsx("div", _extends$
|
|
20631
|
+
return jsx("div", _extends$g({
|
|
20650
20632
|
css: getStyles('indicatorsContainer', props),
|
|
20651
20633
|
className: cx({
|
|
20652
20634
|
indicators: true
|
|
@@ -20677,7 +20659,7 @@ var Svg = function Svg(_ref) {
|
|
|
20677
20659
|
var size = _ref.size,
|
|
20678
20660
|
props = _objectWithoutProperties(_ref, _excluded$2);
|
|
20679
20661
|
|
|
20680
|
-
return jsx("svg", _extends$
|
|
20662
|
+
return jsx("svg", _extends$g({
|
|
20681
20663
|
height: size,
|
|
20682
20664
|
width: size,
|
|
20683
20665
|
viewBox: "0 0 20 20",
|
|
@@ -20688,14 +20670,14 @@ var Svg = function Svg(_ref) {
|
|
|
20688
20670
|
};
|
|
20689
20671
|
|
|
20690
20672
|
var CrossIcon = function CrossIcon(props) {
|
|
20691
|
-
return jsx(Svg, _extends$
|
|
20673
|
+
return jsx(Svg, _extends$g({
|
|
20692
20674
|
size: 20
|
|
20693
20675
|
}, props), jsx("path", {
|
|
20694
20676
|
d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
|
|
20695
20677
|
}));
|
|
20696
20678
|
};
|
|
20697
20679
|
var DownChevron = function DownChevron(props) {
|
|
20698
|
-
return jsx(Svg, _extends$
|
|
20680
|
+
return jsx(Svg, _extends$g({
|
|
20699
20681
|
size: 20
|
|
20700
20682
|
}, props), jsx("path", {
|
|
20701
20683
|
d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
@@ -20728,7 +20710,7 @@ var DropdownIndicator$1 = function DropdownIndicator(props) {
|
|
|
20728
20710
|
cx = props.cx,
|
|
20729
20711
|
getStyles = props.getStyles,
|
|
20730
20712
|
innerProps = props.innerProps;
|
|
20731
|
-
return jsx("div", _extends$
|
|
20713
|
+
return jsx("div", _extends$g({
|
|
20732
20714
|
css: getStyles('dropdownIndicator', props),
|
|
20733
20715
|
className: cx({
|
|
20734
20716
|
indicator: true,
|
|
@@ -20743,7 +20725,7 @@ var ClearIndicator$1 = function ClearIndicator(props) {
|
|
|
20743
20725
|
cx = props.cx,
|
|
20744
20726
|
getStyles = props.getStyles,
|
|
20745
20727
|
innerProps = props.innerProps;
|
|
20746
|
-
return jsx("div", _extends$
|
|
20728
|
+
return jsx("div", _extends$g({
|
|
20747
20729
|
css: getStyles('clearIndicator', props),
|
|
20748
20730
|
className: cx({
|
|
20749
20731
|
indicator: true,
|
|
@@ -20773,7 +20755,7 @@ var IndicatorSeparator = function IndicatorSeparator(props) {
|
|
|
20773
20755
|
cx = props.cx,
|
|
20774
20756
|
getStyles = props.getStyles,
|
|
20775
20757
|
innerProps = props.innerProps;
|
|
20776
|
-
return jsx("span", _extends$
|
|
20758
|
+
return jsx("span", _extends$g({}, innerProps, {
|
|
20777
20759
|
css: getStyles('indicatorSeparator', props),
|
|
20778
20760
|
className: cx({
|
|
20779
20761
|
'indicator-separator': true
|
|
@@ -20828,7 +20810,7 @@ var LoadingIndicator = function LoadingIndicator(props) {
|
|
|
20828
20810
|
getStyles = props.getStyles,
|
|
20829
20811
|
innerProps = props.innerProps,
|
|
20830
20812
|
isRtl = props.isRtl;
|
|
20831
|
-
return jsx("div", _extends$
|
|
20813
|
+
return jsx("div", _extends$g({
|
|
20832
20814
|
css: getStyles('loadingIndicator', props),
|
|
20833
20815
|
className: cx({
|
|
20834
20816
|
indicator: true,
|
|
@@ -20889,7 +20871,7 @@ var Control = function Control(props) {
|
|
|
20889
20871
|
innerRef = props.innerRef,
|
|
20890
20872
|
innerProps = props.innerProps,
|
|
20891
20873
|
menuIsOpen = props.menuIsOpen;
|
|
20892
|
-
return jsx("div", _extends$
|
|
20874
|
+
return jsx("div", _extends$g({
|
|
20893
20875
|
ref: innerRef,
|
|
20894
20876
|
css: getStyles('control', props),
|
|
20895
20877
|
className: cx({
|
|
@@ -20921,12 +20903,12 @@ var Group = function Group(props) {
|
|
|
20921
20903
|
label = props.label,
|
|
20922
20904
|
theme = props.theme,
|
|
20923
20905
|
selectProps = props.selectProps;
|
|
20924
|
-
return jsx("div", _extends$
|
|
20906
|
+
return jsx("div", _extends$g({
|
|
20925
20907
|
css: getStyles('group', props),
|
|
20926
20908
|
className: cx({
|
|
20927
20909
|
group: true
|
|
20928
20910
|
}, className)
|
|
20929
|
-
}, innerProps), jsx(Heading, _extends$
|
|
20911
|
+
}, innerProps), jsx(Heading, _extends$g({}, headingProps, {
|
|
20930
20912
|
selectProps: selectProps,
|
|
20931
20913
|
theme: theme,
|
|
20932
20914
|
getStyles: getStyles,
|
|
@@ -20958,7 +20940,7 @@ var GroupHeading = function GroupHeading(props) {
|
|
|
20958
20940
|
_cleanCommonProps.data;
|
|
20959
20941
|
var innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$1$1);
|
|
20960
20942
|
|
|
20961
|
-
return jsx("div", _extends$
|
|
20943
|
+
return jsx("div", _extends$g({
|
|
20962
20944
|
css: getStyles('groupHeading', props),
|
|
20963
20945
|
className: cx({
|
|
20964
20946
|
'group-heading': true
|
|
@@ -21034,7 +21016,7 @@ var Input = function Input(props) {
|
|
|
21034
21016
|
}, className),
|
|
21035
21017
|
css: getStyles('input', props),
|
|
21036
21018
|
"data-value": value || ''
|
|
21037
|
-
}, jsx("input", _extends$
|
|
21019
|
+
}, jsx("input", _extends$g({
|
|
21038
21020
|
className: cx({
|
|
21039
21021
|
input: true
|
|
21040
21022
|
}, inputClassName),
|
|
@@ -21104,7 +21086,7 @@ var MultiValueLabel = MultiValueGeneric;
|
|
|
21104
21086
|
function MultiValueRemove$1(_ref5) {
|
|
21105
21087
|
var children = _ref5.children,
|
|
21106
21088
|
innerProps = _ref5.innerProps;
|
|
21107
|
-
return jsx("div", _extends$
|
|
21089
|
+
return jsx("div", _extends$g({
|
|
21108
21090
|
role: "button"
|
|
21109
21091
|
}, innerProps), children || jsx(CrossIcon, {
|
|
21110
21092
|
size: 14
|
|
@@ -21193,7 +21175,7 @@ var Option$1 = function Option(props) {
|
|
|
21193
21175
|
isSelected = props.isSelected,
|
|
21194
21176
|
innerRef = props.innerRef,
|
|
21195
21177
|
innerProps = props.innerProps;
|
|
21196
|
-
return jsx("div", _extends$
|
|
21178
|
+
return jsx("div", _extends$g({
|
|
21197
21179
|
css: getStyles('option', props),
|
|
21198
21180
|
className: cx({
|
|
21199
21181
|
option: true,
|
|
@@ -21225,7 +21207,7 @@ var Placeholder = function Placeholder(props) {
|
|
|
21225
21207
|
cx = props.cx,
|
|
21226
21208
|
getStyles = props.getStyles,
|
|
21227
21209
|
innerProps = props.innerProps;
|
|
21228
|
-
return jsx("div", _extends$
|
|
21210
|
+
return jsx("div", _extends$g({
|
|
21229
21211
|
css: getStyles('placeholder', props),
|
|
21230
21212
|
className: cx({
|
|
21231
21213
|
placeholder: true
|
|
@@ -21258,7 +21240,7 @@ var SingleValue = function SingleValue(props) {
|
|
|
21258
21240
|
getStyles = props.getStyles,
|
|
21259
21241
|
isDisabled = props.isDisabled,
|
|
21260
21242
|
innerProps = props.innerProps;
|
|
21261
|
-
return jsx("div", _extends$
|
|
21243
|
+
return jsx("div", _extends$g({
|
|
21262
21244
|
css: getStyles('singleValue', props),
|
|
21263
21245
|
className: cx({
|
|
21264
21246
|
'single-value': true,
|
|
@@ -21506,7 +21488,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
21506
21488
|
};
|
|
21507
21489
|
|
|
21508
21490
|
var A11yText = function A11yText(props) {
|
|
21509
|
-
return jsx("span", _extends$
|
|
21491
|
+
return jsx("span", _extends$g({
|
|
21510
21492
|
css: _ref
|
|
21511
21493
|
}, props));
|
|
21512
21494
|
};
|
|
@@ -22042,7 +22024,7 @@ function DummyInput(_ref) {
|
|
|
22042
22024
|
var innerRef = _ref.innerRef,
|
|
22043
22025
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
22044
22026
|
|
|
22045
|
-
return jsx("input", _extends$
|
|
22027
|
+
return jsx("input", _extends$g({
|
|
22046
22028
|
ref: innerRef
|
|
22047
22029
|
}, props, {
|
|
22048
22030
|
css: /*#__PURE__*/css$2({
|
|
@@ -23677,7 +23659,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
23677
23659
|
|
|
23678
23660
|
if (!isSearchable) {
|
|
23679
23661
|
// use a dummy input to maintain focus/blur functionality
|
|
23680
|
-
return /*#__PURE__*/React__namespace.createElement(DummyInput, _extends$
|
|
23662
|
+
return /*#__PURE__*/React__namespace.createElement(DummyInput, _extends$g({
|
|
23681
23663
|
id: id,
|
|
23682
23664
|
innerRef: this.getInputRef,
|
|
23683
23665
|
onBlur: this.onInputBlur,
|
|
@@ -23691,7 +23673,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
23691
23673
|
}, ariaAttributes));
|
|
23692
23674
|
}
|
|
23693
23675
|
|
|
23694
|
-
return /*#__PURE__*/React__namespace.createElement(Input, _extends$
|
|
23676
|
+
return /*#__PURE__*/React__namespace.createElement(Input, _extends$g({}, commonProps, {
|
|
23695
23677
|
autoCapitalize: "none",
|
|
23696
23678
|
autoComplete: "off",
|
|
23697
23679
|
autoCorrect: "off",
|
|
@@ -23735,7 +23717,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
23735
23717
|
isFocused = _this$state5.isFocused;
|
|
23736
23718
|
|
|
23737
23719
|
if (!this.hasValue() || !controlShouldRenderValue) {
|
|
23738
|
-
return inputValue ? null : /*#__PURE__*/React__namespace.createElement(Placeholder, _extends$
|
|
23720
|
+
return inputValue ? null : /*#__PURE__*/React__namespace.createElement(Placeholder, _extends$g({}, commonProps, {
|
|
23739
23721
|
key: "placeholder",
|
|
23740
23722
|
isDisabled: isDisabled,
|
|
23741
23723
|
isFocused: isFocused,
|
|
@@ -23749,7 +23731,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
23749
23731
|
return selectValue.map(function (opt, index) {
|
|
23750
23732
|
var isOptionFocused = opt === focusedValue;
|
|
23751
23733
|
var key = "".concat(_this3.getOptionLabel(opt), "-").concat(_this3.getOptionValue(opt));
|
|
23752
|
-
return /*#__PURE__*/React__namespace.createElement(MultiValue, _extends$
|
|
23734
|
+
return /*#__PURE__*/React__namespace.createElement(MultiValue, _extends$g({}, commonProps, {
|
|
23753
23735
|
components: {
|
|
23754
23736
|
Container: MultiValueContainer,
|
|
23755
23737
|
Label: MultiValueLabel,
|
|
@@ -23781,7 +23763,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
23781
23763
|
}
|
|
23782
23764
|
|
|
23783
23765
|
var singleValue = selectValue[0];
|
|
23784
|
-
return /*#__PURE__*/React__namespace.createElement(SingleValue, _extends$
|
|
23766
|
+
return /*#__PURE__*/React__namespace.createElement(SingleValue, _extends$g({}, commonProps, {
|
|
23785
23767
|
data: singleValue,
|
|
23786
23768
|
isDisabled: isDisabled
|
|
23787
23769
|
}), this.formatOptionLabel(singleValue, 'value'));
|
|
@@ -23807,7 +23789,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
23807
23789
|
onTouchEnd: this.onClearIndicatorTouchEnd,
|
|
23808
23790
|
'aria-hidden': 'true'
|
|
23809
23791
|
};
|
|
23810
|
-
return /*#__PURE__*/React__namespace.createElement(ClearIndicator, _extends$
|
|
23792
|
+
return /*#__PURE__*/React__namespace.createElement(ClearIndicator, _extends$g({}, commonProps, {
|
|
23811
23793
|
innerProps: innerProps,
|
|
23812
23794
|
isFocused: isFocused
|
|
23813
23795
|
}));
|
|
@@ -23827,7 +23809,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
23827
23809
|
var innerProps = {
|
|
23828
23810
|
'aria-hidden': 'true'
|
|
23829
23811
|
};
|
|
23830
|
-
return /*#__PURE__*/React__namespace.createElement(LoadingIndicator, _extends$
|
|
23812
|
+
return /*#__PURE__*/React__namespace.createElement(LoadingIndicator, _extends$g({}, commonProps, {
|
|
23831
23813
|
innerProps: innerProps,
|
|
23832
23814
|
isDisabled: isDisabled,
|
|
23833
23815
|
isFocused: isFocused
|
|
@@ -23845,7 +23827,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
23845
23827
|
var commonProps = this.commonProps;
|
|
23846
23828
|
var isDisabled = this.props.isDisabled;
|
|
23847
23829
|
var isFocused = this.state.isFocused;
|
|
23848
|
-
return /*#__PURE__*/React__namespace.createElement(IndicatorSeparator, _extends$
|
|
23830
|
+
return /*#__PURE__*/React__namespace.createElement(IndicatorSeparator, _extends$g({}, commonProps, {
|
|
23849
23831
|
isDisabled: isDisabled,
|
|
23850
23832
|
isFocused: isFocused
|
|
23851
23833
|
}));
|
|
@@ -23865,7 +23847,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
23865
23847
|
onTouchEnd: this.onDropdownIndicatorTouchEnd,
|
|
23866
23848
|
'aria-hidden': 'true'
|
|
23867
23849
|
};
|
|
23868
|
-
return /*#__PURE__*/React__namespace.createElement(DropdownIndicator, _extends$
|
|
23850
|
+
return /*#__PURE__*/React__namespace.createElement(DropdownIndicator, _extends$g({}, commonProps, {
|
|
23869
23851
|
innerProps: innerProps,
|
|
23870
23852
|
isDisabled: isDisabled,
|
|
23871
23853
|
isFocused: isFocused
|
|
@@ -23928,7 +23910,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
23928
23910
|
onMouseOver: onHover,
|
|
23929
23911
|
tabIndex: -1
|
|
23930
23912
|
};
|
|
23931
|
-
return /*#__PURE__*/React__namespace.createElement(Option, _extends$
|
|
23913
|
+
return /*#__PURE__*/React__namespace.createElement(Option, _extends$g({}, commonProps, {
|
|
23932
23914
|
innerProps: innerProps,
|
|
23933
23915
|
data: data,
|
|
23934
23916
|
isDisabled: isDisabled,
|
|
@@ -23952,7 +23934,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
23952
23934
|
groupIndex = item.index;
|
|
23953
23935
|
var groupId = "".concat(_this4.getElementId('group'), "-").concat(groupIndex);
|
|
23954
23936
|
var headingId = "".concat(groupId, "-heading");
|
|
23955
|
-
return /*#__PURE__*/React__namespace.createElement(Group, _extends$
|
|
23937
|
+
return /*#__PURE__*/React__namespace.createElement(Group, _extends$g({}, commonProps, {
|
|
23956
23938
|
key: groupId,
|
|
23957
23939
|
data: _data,
|
|
23958
23940
|
options: options,
|
|
@@ -23991,12 +23973,12 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
23991
23973
|
menuPosition: menuPosition,
|
|
23992
23974
|
menuShouldScrollIntoView: menuShouldScrollIntoView
|
|
23993
23975
|
};
|
|
23994
|
-
var menuElement = /*#__PURE__*/React__namespace.createElement(MenuPlacer, _extends$
|
|
23976
|
+
var menuElement = /*#__PURE__*/React__namespace.createElement(MenuPlacer, _extends$g({}, commonProps, menuPlacementProps), function (_ref4) {
|
|
23995
23977
|
var ref = _ref4.ref,
|
|
23996
23978
|
_ref4$placerProps = _ref4.placerProps,
|
|
23997
23979
|
placement = _ref4$placerProps.placement,
|
|
23998
23980
|
maxHeight = _ref4$placerProps.maxHeight;
|
|
23999
|
-
return /*#__PURE__*/React__namespace.createElement(Menu, _extends$
|
|
23981
|
+
return /*#__PURE__*/React__namespace.createElement(Menu, _extends$g({}, commonProps, menuPlacementProps, {
|
|
24000
23982
|
innerRef: ref,
|
|
24001
23983
|
innerProps: {
|
|
24002
23984
|
onMouseDown: _this4.onMenuMouseDown,
|
|
@@ -24011,7 +23993,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
24011
23993
|
onBottomArrive: onMenuScrollToBottom,
|
|
24012
23994
|
lockEnabled: menuShouldBlockScroll
|
|
24013
23995
|
}, function (scrollTargetRef) {
|
|
24014
|
-
return /*#__PURE__*/React__namespace.createElement(MenuList, _extends$
|
|
23996
|
+
return /*#__PURE__*/React__namespace.createElement(MenuList, _extends$g({}, commonProps, {
|
|
24015
23997
|
innerRef: function innerRef(instance) {
|
|
24016
23998
|
_this4.getMenuListRef(instance);
|
|
24017
23999
|
|
|
@@ -24026,7 +24008,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
24026
24008
|
// so we use the same component. the actual portalling logic is forked
|
|
24027
24009
|
// within the component based on `menuPosition`
|
|
24028
24010
|
|
|
24029
|
-
return menuPortalTarget || menuPosition === 'fixed' ? /*#__PURE__*/React__namespace.createElement(MenuPortal, _extends$
|
|
24011
|
+
return menuPortalTarget || menuPosition === 'fixed' ? /*#__PURE__*/React__namespace.createElement(MenuPortal, _extends$g({}, commonProps, {
|
|
24030
24012
|
appendTo: menuPortalTarget,
|
|
24031
24013
|
controlElement: this.controlRef,
|
|
24032
24014
|
menuPlacement: menuPlacement,
|
|
@@ -24091,7 +24073,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
24091
24073
|
isFocused = _this$state6.isFocused,
|
|
24092
24074
|
selectValue = _this$state6.selectValue;
|
|
24093
24075
|
var focusableOptions = this.getFocusableOptions();
|
|
24094
|
-
return /*#__PURE__*/React__namespace.createElement(LiveRegion, _extends$
|
|
24076
|
+
return /*#__PURE__*/React__namespace.createElement(LiveRegion, _extends$g({}, commonProps, {
|
|
24095
24077
|
id: this.getElementId('live-region'),
|
|
24096
24078
|
ariaSelection: ariaSelection,
|
|
24097
24079
|
focusedOption: focusedOption,
|
|
@@ -24117,7 +24099,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
24117
24099
|
menuIsOpen = _this$props14.menuIsOpen;
|
|
24118
24100
|
var isFocused = this.state.isFocused;
|
|
24119
24101
|
var commonProps = this.commonProps = this.getCommonProps();
|
|
24120
|
-
return /*#__PURE__*/React__namespace.createElement(SelectContainer, _extends$
|
|
24102
|
+
return /*#__PURE__*/React__namespace.createElement(SelectContainer, _extends$g({}, commonProps, {
|
|
24121
24103
|
className: className,
|
|
24122
24104
|
innerProps: {
|
|
24123
24105
|
id: id,
|
|
@@ -24125,7 +24107,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
24125
24107
|
},
|
|
24126
24108
|
isDisabled: isDisabled,
|
|
24127
24109
|
isFocused: isFocused
|
|
24128
|
-
}), this.renderLiveRegion(), /*#__PURE__*/React__namespace.createElement(Control, _extends$
|
|
24110
|
+
}), this.renderLiveRegion(), /*#__PURE__*/React__namespace.createElement(Control, _extends$g({}, commonProps, {
|
|
24129
24111
|
innerRef: this.getControlRef,
|
|
24130
24112
|
innerProps: {
|
|
24131
24113
|
onMouseDown: this.onControlMouseDown,
|
|
@@ -24134,9 +24116,9 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
24134
24116
|
isDisabled: isDisabled,
|
|
24135
24117
|
isFocused: isFocused,
|
|
24136
24118
|
menuIsOpen: menuIsOpen
|
|
24137
|
-
}), /*#__PURE__*/React__namespace.createElement(ValueContainer, _extends$
|
|
24119
|
+
}), /*#__PURE__*/React__namespace.createElement(ValueContainer, _extends$g({}, commonProps, {
|
|
24138
24120
|
isDisabled: isDisabled
|
|
24139
|
-
}), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/React__namespace.createElement(IndicatorsContainer, _extends$
|
|
24121
|
+
}), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/React__namespace.createElement(IndicatorsContainer, _extends$g({}, commonProps, {
|
|
24140
24122
|
isDisabled: isDisabled
|
|
24141
24123
|
}), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderIndicatorSeparator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());
|
|
24142
24124
|
}
|
|
@@ -24209,7 +24191,7 @@ Select$1.defaultProps = defaultProps;
|
|
|
24209
24191
|
|
|
24210
24192
|
var StateManagedSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
24211
24193
|
var baseSelectProps = useStateManager(props);
|
|
24212
|
-
return /*#__PURE__*/React__namespace.createElement(Select$1, _extends$
|
|
24194
|
+
return /*#__PURE__*/React__namespace.createElement(Select$1, _extends$g({
|
|
24213
24195
|
ref: ref
|
|
24214
24196
|
}, baseSelectProps));
|
|
24215
24197
|
});
|
|
@@ -24217,9 +24199,9 @@ var StateManagedSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
24217
24199
|
var ReactSelect = StateManagedSelect;
|
|
24218
24200
|
|
|
24219
24201
|
var _g$6;
|
|
24220
|
-
function _extends$
|
|
24202
|
+
function _extends$f() { _extends$f = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }
|
|
24221
24203
|
var SvgIcAppstatusCancelled = function SvgIcAppstatusCancelled(props) {
|
|
24222
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
24204
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
|
|
24223
24205
|
xmlns: "http://www.w3.org/2000/svg",
|
|
24224
24206
|
viewBox: "0 0 28 28",
|
|
24225
24207
|
width: "1em",
|
|
@@ -24240,15 +24222,15 @@ var SvgIcAppstatusCancelled = function SvgIcAppstatusCancelled(props) {
|
|
|
24240
24222
|
}))));
|
|
24241
24223
|
};
|
|
24242
24224
|
|
|
24243
|
-
var _path$
|
|
24244
|
-
function _extends$
|
|
24225
|
+
var _path$7;
|
|
24226
|
+
function _extends$e() { _extends$e = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
|
|
24245
24227
|
var SvgIcCheck = function SvgIcCheck(props) {
|
|
24246
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
24228
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
|
|
24247
24229
|
xmlns: "http://www.w3.org/2000/svg",
|
|
24248
24230
|
width: "1em",
|
|
24249
24231
|
height: "1em",
|
|
24250
24232
|
viewBox: "0 0 24 24"
|
|
24251
|
-
}, props), _path$
|
|
24233
|
+
}, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
24252
24234
|
stroke: "#06C",
|
|
24253
24235
|
strokeLinecap: "round",
|
|
24254
24236
|
strokeLinejoin: "round",
|
|
@@ -24260,9 +24242,9 @@ var SvgIcCheck = function SvgIcCheck(props) {
|
|
|
24260
24242
|
};
|
|
24261
24243
|
|
|
24262
24244
|
var _g$5;
|
|
24263
|
-
function _extends$
|
|
24245
|
+
function _extends$d() { _extends$d = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
|
|
24264
24246
|
var SvgIcErrorMedium = function SvgIcErrorMedium(props) {
|
|
24265
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
24247
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
|
|
24266
24248
|
xmlns: "http://www.w3.org/2000/svg",
|
|
24267
24249
|
width: "1em",
|
|
24268
24250
|
height: "1em",
|
|
@@ -24591,7 +24573,6 @@ Valid States of Checkbox:
|
|
|
24591
24573
|
5. disabled: false, checked: true, value: INTERMIDIATE
|
|
24592
24574
|
6. disabled: false, checked: true, value: CHECKED
|
|
24593
24575
|
*/
|
|
24594
|
-
// TODO: Associate label with input element
|
|
24595
24576
|
var Checkbox$1 = /** @class */ (function (_super) {
|
|
24596
24577
|
__extends$1(Checkbox, _super);
|
|
24597
24578
|
function Checkbox() {
|
|
@@ -24606,9 +24587,9 @@ var Checkbox$1 = /** @class */ (function (_super) {
|
|
|
24606
24587
|
}(React.Component));
|
|
24607
24588
|
|
|
24608
24589
|
var _g$4;
|
|
24609
|
-
function _extends$
|
|
24590
|
+
function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
|
|
24610
24591
|
var SvgIcSearch = function SvgIcSearch(props) {
|
|
24611
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
24592
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
|
|
24612
24593
|
xmlns: "http://www.w3.org/2000/svg",
|
|
24613
24594
|
viewBox: "0 0 24 24",
|
|
24614
24595
|
width: "1em",
|
|
@@ -24625,9 +24606,9 @@ var SvgIcSearch = function SvgIcSearch(props) {
|
|
|
24625
24606
|
};
|
|
24626
24607
|
|
|
24627
24608
|
var _g$3;
|
|
24628
|
-
function _extends$
|
|
24609
|
+
function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
|
|
24629
24610
|
var SvgIcErrorCross = function SvgIcErrorCross(props) {
|
|
24630
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
24611
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
|
|
24631
24612
|
xmlns: "http://www.w3.org/2000/svg",
|
|
24632
24613
|
width: "1em",
|
|
24633
24614
|
height: "1em",
|
|
@@ -24649,7 +24630,7 @@ var SvgIcErrorCross = function SvgIcErrorCross(props) {
|
|
|
24649
24630
|
}))));
|
|
24650
24631
|
};
|
|
24651
24632
|
|
|
24652
|
-
var css_248z$5 = ".search-bar:focus, .search-bar:focus-within {\n outline: none;\n border: solid 1px var(--B500)
|
|
24633
|
+
var css_248z$5 = ".search-bar:focus, .search-bar:focus-within {\n outline: none;\n border: solid 1px var(--B500);\n}\n.search-bar__input:focus, .search-bar__input:focus-visible {\n border: none;\n outline: none;\n}\n.search-bar__icon {\n z-index: 1;\n top: 50%;\n left: 8px;\n transform: translateY(-50%);\n}\n.search-bar__clear-button {\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n z-index: 1;\n}";
|
|
24653
24634
|
styleInject(css_248z$5);
|
|
24654
24635
|
|
|
24655
24636
|
/**
|
|
@@ -24694,21 +24675,6 @@ var SearchBar = function (_a) {
|
|
|
24694
24675
|
handleSearchChange,
|
|
24695
24676
|
debounceTimeout,
|
|
24696
24677
|
]);
|
|
24697
|
-
// assuming initialSearchText will change if we are changing history otherwise will be constant and will not change
|
|
24698
|
-
// since on changing history we expect to make api call using useAsync so not applying handleEnter
|
|
24699
|
-
React.useEffect(function () {
|
|
24700
|
-
inputRef.current.value = initialSearchText;
|
|
24701
|
-
setShowClearButton(!!initialSearchText);
|
|
24702
|
-
}, [initialSearchText]);
|
|
24703
|
-
var _applySearch = function (value) {
|
|
24704
|
-
handleSearchChange(value);
|
|
24705
|
-
handleEnter(value);
|
|
24706
|
-
};
|
|
24707
|
-
var clearSearch = function () {
|
|
24708
|
-
inputRef.current.value = '';
|
|
24709
|
-
_applySearch('');
|
|
24710
|
-
setShowClearButton(false);
|
|
24711
|
-
};
|
|
24712
24678
|
var handleChange = function (e) {
|
|
24713
24679
|
var value = e.target.value;
|
|
24714
24680
|
setShowClearButton(!!value);
|
|
@@ -24719,16 +24685,23 @@ var SearchBar = function (_a) {
|
|
|
24719
24685
|
handleSearchChange(value);
|
|
24720
24686
|
}
|
|
24721
24687
|
};
|
|
24688
|
+
var _applySearch = function (value) {
|
|
24689
|
+
handleSearchChange(value);
|
|
24690
|
+
handleEnter(value);
|
|
24691
|
+
};
|
|
24722
24692
|
var handleKeyDown = function (e) {
|
|
24723
24693
|
var key = e.key;
|
|
24724
24694
|
if (key === 'Enter') {
|
|
24725
|
-
e.preventDefault();
|
|
24726
24695
|
var inputTarget = e.target;
|
|
24727
24696
|
var value = inputTarget.value.trim();
|
|
24728
24697
|
_applySearch(value);
|
|
24729
24698
|
}
|
|
24730
24699
|
};
|
|
24731
|
-
|
|
24700
|
+
var clearSearch = function () {
|
|
24701
|
+
inputRef.current.value = '';
|
|
24702
|
+
_applySearch('');
|
|
24703
|
+
};
|
|
24704
|
+
return (jsxRuntime.jsx("div", __assign({ className: containerClassName }, { children: jsxRuntime.jsxs("div", __assign({ className: "search-bar bc-n50 focus-within-border-b5 dc__hover-border-n300 dc__block w-100 min-w-200 dc__position-rel en-2 bw-1 br-4 h-32" }, { children: [jsxRuntime.jsx(SvgIcSearch, { className: "search-bar__icon dc__position-abs icon-color-n6 icon-dim-16" }), jsxRuntime.jsx("input", __assign({ placeholder: "Search", "data-testid": "search-bar", type: "text" }, inputProps, { defaultValue: initialSearchText, className: "search-bar__input dc__position-abs w-100 h-100 br-4 dc__no-border pt-6 pr-10 pb-6 pl-30 fs-13 lh-20 fw-4 cn-9 placeholder-cn5 ".concat(showClearButton ? 'pr-30' : 'pr-10'), onChange: handleChange, onKeyDown: handleKeyDown, ref: inputRef })), showClearButton && (jsxRuntime.jsx("button", __assign({ className: "flex search-bar__clear-button dc__position-abs dc__transparent mt-0 mb-0 mr-5 ml-5", type: "button", onClick: clearSearch, "aria-label": "Clear search" }, { children: jsxRuntime.jsx(SvgIcErrorCross, { className: "icon-dim-16 icon-n4 dc__vertical-align-middle" }) })))] })) })));
|
|
24732
24705
|
};
|
|
24733
24706
|
|
|
24734
24707
|
var css_248z$4 = ".toggle__switch {\n position: relative;\n display: inline-block;\n width: 100%;\n height: 100%;\n}\n.toggle__switch.disabled {\n cursor: not-allowed;\n}\n.toggle__switch.disabled .toggle__slider {\n cursor: not-allowed;\n}\n\n/* Hide default HTML checkbox */\n.toggle__switch input {\n opacity: 0;\n width: 0;\n height: 0;\n}\n\n/* The slider */\n.toggle__slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #ccc;\n transition: all 0.4s ease;\n}\n.toggle__slider.round {\n border-radius: 34px;\n}\n.toggle__slider.round:before {\n border-radius: 50%;\n}\n.toggle__slider:before {\n position: absolute;\n content: \"\";\n height: calc(100% - 8px);\n width: calc(50% - 4px);\n left: 4px;\n bottom: 4px;\n background-color: white;\n transition: all 0.4s ease;\n}\n.toggle__slider.with-icon {\n background-color: var(--N000) !important;\n}\n.toggle__slider.with-icon svg {\n position: absolute;\n content: \"\";\n top: -1px;\n left: -1px;\n background-color: var(--N300);\n transition: all 0.4s ease;\n}\n\ninput:checked + .toggle__slider {\n background-color: var(--color);\n}\ninput:checked + .toggle__slider:before {\n transform: translateX(100%);\n}\ninput:checked + .toggle__slider.with-icon svg {\n transform: translateX(100%);\n background-color: var(--color);\n}\n\ninput:focus + .toggle__slider {\n box-shadow: 0 0 1px var(--color);\n}";
|
|
@@ -24867,9 +24840,9 @@ exports.ConsequenceAction = void 0;
|
|
|
24867
24840
|
})(exports.ConsequenceAction || (exports.ConsequenceAction = {}));
|
|
24868
24841
|
|
|
24869
24842
|
var _g$2;
|
|
24870
|
-
function _extends$
|
|
24843
|
+
function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
|
|
24871
24844
|
var SvgIcInfoFilled = function SvgIcInfoFilled(props) {
|
|
24872
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
24845
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
|
|
24873
24846
|
xmlns: "http://www.w3.org/2000/svg",
|
|
24874
24847
|
width: "1em",
|
|
24875
24848
|
height: "1em",
|
|
@@ -24948,16 +24921,16 @@ function DeleteComponent(_a) {
|
|
|
24948
24921
|
return (jsxRuntime.jsxs("div", { children: [!showCannotDeleteDialogModal && renderDeleteDialog(), showCannotDeleteDialogModal && renderCannotDeleteDialogModal()] }));
|
|
24949
24922
|
}
|
|
24950
24923
|
|
|
24951
|
-
var _path$
|
|
24952
|
-
function _extends$
|
|
24924
|
+
var _path$6;
|
|
24925
|
+
function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
|
|
24953
24926
|
var SvgIcPencil = function SvgIcPencil(props) {
|
|
24954
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
24927
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
|
|
24955
24928
|
width: "1em",
|
|
24956
24929
|
height: "1em",
|
|
24957
24930
|
viewBox: "0 0 20 20",
|
|
24958
24931
|
fill: "none",
|
|
24959
24932
|
xmlns: "http://www.w3.org/2000/svg"
|
|
24960
|
-
}, props), _path$
|
|
24933
|
+
}, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
24961
24934
|
d: "M10.625 5 15 9.375m-7.5 7.5H3.75a.625.625 0 0 1-.625-.625v-3.491a.625.625 0 0 1 .183-.442l9.375-9.375a.625.625 0 0 1 .884 0l3.491 3.491a.625.625 0 0 1 0 .884L7.5 16.875Z",
|
|
24962
24935
|
stroke: "#596168",
|
|
24963
24936
|
strokeWidth: 1.5,
|
|
@@ -24966,19 +24939,19 @@ var SvgIcPencil = function SvgIcPencil(props) {
|
|
|
24966
24939
|
})));
|
|
24967
24940
|
};
|
|
24968
24941
|
|
|
24969
|
-
var _path$
|
|
24970
|
-
function _extends$
|
|
24942
|
+
var _path$5, _path2, _path3;
|
|
24943
|
+
function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
|
|
24971
24944
|
var SvgIcArrowCounterClockwise = function SvgIcArrowCounterClockwise(props) {
|
|
24972
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
24945
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
|
|
24973
24946
|
width: "1em",
|
|
24974
24947
|
height: "1em",
|
|
24975
24948
|
viewBox: "0 0 12 12",
|
|
24976
24949
|
fill: "none",
|
|
24977
24950
|
xmlns: "http://www.w3.org/2000/svg"
|
|
24978
|
-
}, props), _path$
|
|
24951
|
+
}, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
24979
24952
|
d: "M3.742 4.674h-2.25v-2.25",
|
|
24980
24953
|
fill: "#767D84"
|
|
24981
|
-
})), _path2
|
|
24954
|
+
})), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
24982
24955
|
d: "M3.742 4.674h-2.25v-2.25",
|
|
24983
24956
|
stroke: "#596168",
|
|
24984
24957
|
strokeWidth: 1.5,
|
|
@@ -24993,15 +24966,15 @@ var SvgIcArrowCounterClockwise = function SvgIcArrowCounterClockwise(props) {
|
|
|
24993
24966
|
})));
|
|
24994
24967
|
};
|
|
24995
24968
|
|
|
24996
|
-
var _path$
|
|
24997
|
-
function _extends$
|
|
24969
|
+
var _path$4;
|
|
24970
|
+
function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
|
|
24998
24971
|
var SvgIcMinus = function SvgIcMinus(props) {
|
|
24999
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
24972
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
|
|
25000
24973
|
xmlns: "http://www.w3.org/2000/svg",
|
|
25001
24974
|
width: "1em",
|
|
25002
24975
|
height: "1em",
|
|
25003
24976
|
viewBox: "0 0 14 14"
|
|
25004
|
-
}, props), _path$
|
|
24977
|
+
}, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
25005
24978
|
fill: "#959BA1",
|
|
25006
24979
|
className: "ic-minus_svg__fill-color",
|
|
25007
24980
|
fillRule: "evenodd",
|
|
@@ -25010,9 +24983,9 @@ var SvgIcMinus = function SvgIcMinus(props) {
|
|
|
25010
24983
|
};
|
|
25011
24984
|
|
|
25012
24985
|
var _g$1;
|
|
25013
|
-
function _extends$
|
|
24986
|
+
function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
|
|
25014
24987
|
var SvgIcWarning = function SvgIcWarning(props) {
|
|
25015
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
24988
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
|
|
25016
24989
|
xmlns: "http://www.w3.org/2000/svg",
|
|
25017
24990
|
width: "1em",
|
|
25018
24991
|
height: "1em",
|
|
@@ -25032,9 +25005,9 @@ var SvgIcWarning = function SvgIcWarning(props) {
|
|
|
25032
25005
|
};
|
|
25033
25006
|
|
|
25034
25007
|
var _g;
|
|
25035
|
-
function _extends$
|
|
25008
|
+
function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
|
|
25036
25009
|
var SvgIcErrorExclamation = function SvgIcErrorExclamation(props) {
|
|
25037
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
25010
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
|
|
25038
25011
|
xmlns: "http://www.w3.org/2000/svg",
|
|
25039
25012
|
width: "1em",
|
|
25040
25013
|
height: "1em",
|
|
@@ -25051,16 +25024,16 @@ var SvgIcErrorExclamation = function SvgIcErrorExclamation(props) {
|
|
|
25051
25024
|
}))));
|
|
25052
25025
|
};
|
|
25053
25026
|
|
|
25054
|
-
var _path$
|
|
25055
|
-
function _extends$
|
|
25027
|
+
var _path$3;
|
|
25028
|
+
function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
|
|
25056
25029
|
var SvgIcEnter = function SvgIcEnter(props) {
|
|
25057
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
25030
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
|
|
25058
25031
|
width: "1em",
|
|
25059
25032
|
height: "1em",
|
|
25060
25033
|
viewBox: "0 0 16 16",
|
|
25061
25034
|
fill: "none",
|
|
25062
25035
|
xmlns: "http://www.w3.org/2000/svg"
|
|
25063
|
-
}, props), _path$
|
|
25036
|
+
}, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
25064
25037
|
d: "M12.667 4a.667.667 0 0 0-.667.667v2.666a.667.667 0 0 1-.667.667H4.94l.867-.86a.67.67 0 1 0-.947-.947l-2 2a.667.667 0 0 0-.14.22.667.667 0 0 0 0 .507c.032.082.08.157.14.22l2 2a.666.666 0 0 0 .947 0 .667.667 0 0 0 0-.947l-.867-.86h6.393a2 2 0 0 0 2-2V4.667A.667.667 0 0 0 12.667 4Z",
|
|
25065
25038
|
fill: "#3B444C"
|
|
25066
25039
|
})));
|
|
@@ -25466,15 +25439,15 @@ function Grid(_a) {
|
|
|
25466
25439
|
return (jsxRuntime.jsx("div", __assign({ className: "flex-wrap flexbox ".concat(container ? containerClass : ''), style: containerStyles }, containerDivProps, { children: children })));
|
|
25467
25440
|
}
|
|
25468
25441
|
|
|
25469
|
-
var _path$
|
|
25470
|
-
function _extends$
|
|
25442
|
+
var _path$2;
|
|
25443
|
+
function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
|
|
25471
25444
|
var SvgIcCopy = function SvgIcCopy(props) {
|
|
25472
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
25445
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
|
|
25473
25446
|
xmlns: "http://www.w3.org/2000/svg",
|
|
25474
25447
|
width: "1em",
|
|
25475
25448
|
height: "1em",
|
|
25476
25449
|
viewBox: "0 0 20 20"
|
|
25477
|
-
}, props), _path$
|
|
25450
|
+
}, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
25478
25451
|
fill: "#767D84",
|
|
25479
25452
|
fillRule: "evenodd",
|
|
25480
25453
|
d: "M15.833 6.917a2.5 2.5 0 0 1 2.5 2.5v6.416a2.5 2.5 0 0 1-2.5 2.5H9.417a2.5 2.5 0 0 1-2.5-2.5V9.417a2.5 2.5 0 0 1 2.5-2.5zm0 1.666H9.417a.833.833 0 0 0-.834.834v6.416c0 .46.373.834.834.834h6.416c.46 0 .834-.373.834-.834V9.417a.833.833 0 0 0-.834-.834zM10.75 1.667c1.24 0 2.256.968 2.33 2.19l.003.143v.75a.833.833 0 0 1-1.66.097l-.006-.097V4c0-.34-.255-.62-.583-.661l-.084-.006H4c-.34 0-.62.255-.661.583L3.333 4v6.75c0 .34.255.62.583.661l.084.006h.75a.833.833 0 0 1 .097 1.66l-.097.006H4a2.333 2.333 0 0 1-2.33-2.19l-.003-.143V4c0-1.24.968-2.256 2.19-2.33L4 1.668h6.75z"
|
|
@@ -28254,9 +28227,9 @@ var translateString = function (stringToTranslate, params) {
|
|
|
28254
28227
|
return utils.englishStringTranslator(stringToTranslate, params);
|
|
28255
28228
|
}
|
|
28256
28229
|
};
|
|
28257
|
-
var getCommonSelectStyle
|
|
28230
|
+
var getCommonSelectStyle = function (styleOverrides) {
|
|
28258
28231
|
if (styleOverrides === void 0) { styleOverrides = {}; }
|
|
28259
|
-
return __assign({ menuList: function (base) { return (__assign(__assign({}, base), { paddingTop: 0, paddingBottom: 0
|
|
28232
|
+
return __assign({ menuList: function (base) { return (__assign(__assign({}, base), { paddingTop: 0, paddingBottom: 0 })); }, control: function (base, state) { return (__assign(__assign({}, base), { minHeight: '32px', boxShadow: 'none', backgroundColor: 'var(--N50)', border: state.isFocused ? '1px solid var(--B500)' : '1px solid var(--N200)', cursor: 'pointer' })); }, option: function (base, state) { return (__assign(__assign({}, base), { color: 'var(--N900)', backgroundColor: state.isFocused ? 'var(--N100)' : 'white', padding: '10px 12px' })); }, dropdownIndicator: function (base, state) { return (__assign(__assign({}, base), { color: 'var(--N400)', padding: '0 8px', transition: 'all .2s ease', transform: state.selectProps.menuIsOpen ? 'rotate(180deg)' : 'rotate(0deg)' })); }, valueContainer: function (base, state) { return (__assign(__assign({}, base), { padding: '0 8px', fontWeight: '400', color: state.selectProps.menuIsOpen ? 'var(--N500)' : base.color })); }, loadingMessage: function (base) { return (__assign(__assign({}, base), { color: 'var(--N600)' })); }, noOptionsMessage: function (base) { return (__assign(__assign({}, base), { color: 'var(--N600)' })); }, multiValue: function (base, state) {
|
|
28260
28233
|
return __assign(__assign({}, base), { border: "1px solid var(--N200)", borderRadius: "4px", background: 'white', height: '28px', marginRight: '8px', padding: '2px', fontSize: '12px' });
|
|
28261
28234
|
} }, styleOverrides);
|
|
28262
28235
|
};
|
|
@@ -28306,15 +28279,15 @@ var getInferredTypeFromValueType = function (value) {
|
|
|
28306
28279
|
}
|
|
28307
28280
|
};
|
|
28308
28281
|
|
|
28309
|
-
var _path$
|
|
28310
|
-
function _extends$
|
|
28282
|
+
var _path$1;
|
|
28283
|
+
function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
|
|
28311
28284
|
var SvgIcChevronDown = function SvgIcChevronDown(props) {
|
|
28312
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
28285
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
|
|
28313
28286
|
xmlns: "http://www.w3.org/2000/svg",
|
|
28314
28287
|
width: "1em",
|
|
28315
28288
|
height: "1em",
|
|
28316
28289
|
viewBox: "0 0 24 24"
|
|
28317
|
-
}, props), _path$
|
|
28290
|
+
}, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
28318
28291
|
fill: "#999",
|
|
28319
28292
|
className: "ic-chevron-down_svg__fill-color",
|
|
28320
28293
|
fillRule: "nonzero",
|
|
@@ -28322,7 +28295,7 @@ var SvgIcChevronDown = function SvgIcChevronDown(props) {
|
|
|
28322
28295
|
})));
|
|
28323
28296
|
};
|
|
28324
28297
|
|
|
28325
|
-
var commonStyles = getCommonSelectStyle
|
|
28298
|
+
var commonStyles = getCommonSelectStyle();
|
|
28326
28299
|
var MenuList = function (_a) {
|
|
28327
28300
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
28328
28301
|
return (jsxRuntime.jsx(components.MenuList, __assign({}, props, { children: Array.isArray(children) ? children.slice(0, 20) : children })));
|
|
@@ -28373,16 +28346,16 @@ var Form = RJSF.default;
|
|
|
28373
28346
|
var validator = RJSFValidator.default;
|
|
28374
28347
|
var RJSFForm = function (props) { return (jsxRuntime.jsx(Form, __assign({ noHtml5Validate: true, showErrorList: false, autoComplete: "off" }, props, { validator: validator, templates: __assign(__assign({}, templates), props.templates), widgets: __assign(__assign({}, widgets), props.widgets), translateString: translateString }))); };
|
|
28375
28348
|
|
|
28376
|
-
var _style, _rect
|
|
28377
|
-
function _extends$
|
|
28349
|
+
var _style, _rect;
|
|
28350
|
+
function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
|
|
28378
28351
|
var SvgIcRotateDevtron = function SvgIcRotateDevtron(props) {
|
|
28379
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
28352
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
|
|
28380
28353
|
width: "1em",
|
|
28381
28354
|
height: "1em",
|
|
28382
28355
|
viewBox: "0 0 100 100",
|
|
28383
28356
|
fill: "none",
|
|
28384
28357
|
xmlns: "http://www.w3.org/2000/svg"
|
|
28385
|
-
}, props), _style || (_style = /*#__PURE__*/React__namespace.createElement("style", null, "@keyframes path-fill{0%,30%,to{fill:#3989d9}45%{fill:#abcff3}}@keyframes top-shape{0%,to{transform:translateX(0) translateY(0) rotate(0deg);transform-origin:center center}30%{transform:translateX(0) translateY(0) rotate(10deg);transform-origin:center center}45%{transform:translateX(-6px) translateY(-6px) rotate(15deg);transform-origin:center center}}@keyframes bottom-shape{0%,to{transform:translateX(0) translateY(0) rotate(0deg);transform-origin:center center}30%{transform:translateX(0) translateY(0) rotate(10deg);transform-origin:center center}45%{transform:translateX(6px) translateY(6px) rotate(15deg);transform-origin:center center}}@keyframes rotate-group{0%,44%{transform:rotate(0deg)}to{transform:rotate(360deg);animation-timing-function:ease-in-out}}")), _rect
|
|
28358
|
+
}, props), _style || (_style = /*#__PURE__*/React__namespace.createElement("style", null, "@keyframes path-fill{0%,30%,to{fill:#3989d9}45%{fill:#abcff3}}@keyframes top-shape{0%,to{transform:translateX(0) translateY(0) rotate(0deg);transform-origin:center center}30%{transform:translateX(0) translateY(0) rotate(10deg);transform-origin:center center}45%{transform:translateX(-6px) translateY(-6px) rotate(15deg);transform-origin:center center}}@keyframes bottom-shape{0%,to{transform:translateX(0) translateY(0) rotate(0deg);transform-origin:center center}30%{transform:translateX(0) translateY(0) rotate(10deg);transform-origin:center center}45%{transform:translateX(6px) translateY(6px) rotate(15deg);transform-origin:center center}}@keyframes rotate-group{0%,44%{transform:rotate(0deg)}to{transform:rotate(360deg);animation-timing-function:ease-in-out}}")), _rect || (_rect = /*#__PURE__*/React__namespace.createElement("rect", {
|
|
28386
28359
|
width: 100,
|
|
28387
28360
|
height: 100,
|
|
28388
28361
|
rx: 20,
|
|
@@ -28511,9 +28484,8 @@ var handleAddCD = function (_a) {
|
|
|
28511
28484
|
handleCDSelect(workflowId, ciPipelineId, pipelineType, startNode.id, isWebhookCD, endNodeId, addPipelineType);
|
|
28512
28485
|
};
|
|
28513
28486
|
|
|
28514
|
-
// TODO: label association with input
|
|
28515
28487
|
function CustomInput(_a) {
|
|
28516
|
-
var name = _a.name, value = _a.value, error = _a.error, onChange = _a.onChange, _b = _a.onFocus, onFocus = _b === void 0 ? function (e) { } : _b, label = _a.label, _c = _a.type, type = _c === void 0 ? 'text' : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.labelClassName, labelClassName = _e === void 0 ? '' : _e, _f = _a.placeholder, placeholder = _f === void 0 ? '' : _f, _g = _a.tabIndex, tabIndex = _g === void 0 ?
|
|
28488
|
+
var name = _a.name, value = _a.value, error = _a.error, onChange = _a.onChange, _b = _a.onFocus, onFocus = _b === void 0 ? function (e) { } : _b, label = _a.label, _c = _a.type, type = _c === void 0 ? 'text' : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.labelClassName, labelClassName = _e === void 0 ? '' : _e, _f = _a.placeholder, placeholder = _f === void 0 ? '' : _f, _g = _a.tabIndex, tabIndex = _g === void 0 ? 1 : _g, _h = _a.dataTestid, dataTestid = _h === void 0 ? '' : _h, _j = _a.isRequiredField, isRequiredField = _j === void 0 ? false : _j, _k = _a.autoFocus, autoFocus = _k === void 0 ? false : _k, _l = _a.rootClassName, rootClassName = _l === void 0 ? '' : _l, _m = _a.autoComplete, autoComplete = _m === void 0 ? 'off' : _m, _o = _a.helperText, helperText = _o === void 0 ? '' : _o, handleOnBlur = _a.handleOnBlur, _p = _a.readOnly, readOnly = _p === void 0 ? false : _p, _q = _a.noTrim, noTrim = _q === void 0 ? false : _q, ref = _a.ref, onKeyPress = _a.onKeyPress, defaultValue = _a.defaultValue, onKeyDown = _a.onKeyDown, required = _a.required, additionalErrorInfo = _a.additionalErrorInfo, _r = _a.inputWrapClassName, inputWrapClassName = _r === void 0 ? '' : _r, _s = _a.inputProps, inputProps = _s === void 0 ? {} : _s;
|
|
28517
28489
|
function handleError(error) {
|
|
28518
28490
|
if (!Array.isArray(error)) {
|
|
28519
28491
|
return [error];
|
|
@@ -28644,26 +28616,23 @@ function DraggableWrapper(_a) {
|
|
|
28644
28616
|
y: data.y,
|
|
28645
28617
|
});
|
|
28646
28618
|
}
|
|
28647
|
-
return (
|
|
28648
|
-
// Since we are using position fixed so we need to disable click on the div so that it does not interfere with the click of other elements
|
|
28649
|
-
jsxRuntime.jsx("div", __assign({ className: "dc__position-fixed dc__disable-click", style: {
|
|
28619
|
+
return (jsxRuntime.jsx("div", __assign({ className: "dc__position-fixed", style: {
|
|
28650
28620
|
zIndex: zIndex,
|
|
28651
28621
|
} }, { children: jsxRuntime.jsx(Draggable, __assign({ handle: dragSelector, nodeRef: nodeRef, position: position, onDrag: handlePositionChange }, { children: jsxRuntime.jsx("div", __assign({ ref: nodeRef }, childDivProps, { style: {
|
|
28652
28622
|
zIndex: zIndex,
|
|
28653
|
-
pointerEvents: 'auto',
|
|
28654
28623
|
} }, { children: children })) })) })));
|
|
28655
28624
|
}
|
|
28656
28625
|
|
|
28657
|
-
var _path
|
|
28658
|
-
function _extends
|
|
28626
|
+
var _path;
|
|
28627
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
28659
28628
|
var SvgIcDrag = function SvgIcDrag(props) {
|
|
28660
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends
|
|
28629
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
28661
28630
|
width: "1em",
|
|
28662
28631
|
height: "1em",
|
|
28663
28632
|
viewBox: "0 0 16 16",
|
|
28664
28633
|
fill: "none",
|
|
28665
28634
|
xmlns: "http://www.w3.org/2000/svg"
|
|
28666
|
-
}, props), _path
|
|
28635
|
+
}, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
|
|
28667
28636
|
d: "M10.334 9.333a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM5.667 9.333a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM10.334 5.333a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM5.667 5.333a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM10.334 13.333a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM5.667 13.333a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",
|
|
28668
28637
|
fill: "#596168"
|
|
28669
28638
|
})));
|
|
@@ -28785,1206 +28754,12 @@ var Pagination = function (_a) {
|
|
|
28785
28754
|
jsxRuntime.jsxs("div", __assign({ className: rootClassName || '' }, { children: [jsxRuntime.jsxs("div", __assign({ className: "page-number" }, { children: [offset + 1, " - ", lastPageNo, " of ", size] })), jsxRuntime.jsxs("ul", __assign({ className: "pagination" }, { children: [jsxRuntime.jsx("li", __assign({ className: "page" }, { children: jsxRuntime.jsx("button", __assign({ className: "page__button page__button--icon", disabled: !pageNoIndex, onClick: selectPreviousPage, type: "button", "aria-label": "Previous page" }, { children: jsxRuntime.jsx("span", __assign({ className: "left-icon" }, { children: jsxRuntime.jsx("i", { className: "fa fa-chevron-left" }) })) })) })), visiblePages.map(function (page) { return (jsxRuntime.jsx(PageValueItem, { value: page.value, isSelected: page.selected, selectPage: selectPage }, page.value)); }), jsxRuntime.jsx("li", __assign({ className: "page" }, { children: jsxRuntime.jsx("button", __assign({ className: "page__button page__button--icon", disabled: pageNoIndex === pages.length - 1, onClick: selectNextPage, type: "button", "aria-label": "Next page" }, { children: jsxRuntime.jsx("span", __assign({ className: "left-icon" }, { children: jsxRuntime.jsx("i", { className: "fa fa-chevron-right" }) })) })) }))] })), !isPageSizeFix && (jsxRuntime.jsxs("div", __assign({ className: "select" }, { children: [jsxRuntime.jsx("span", __assign({ className: "select__placeholder" }, { children: "Rows per page" })), jsxRuntime.jsx(PageSizeSelector, { pageSizeOptions: pageSizeOptions, pageSize: pageSize, changePageSize: changePageSize })] })))] })));
|
|
28786
28755
|
};
|
|
28787
28756
|
|
|
28788
|
-
var _path$5, _path2;
|
|
28789
|
-
function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
|
|
28790
|
-
var SvgIcCpu = function SvgIcCpu(props) {
|
|
28791
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
|
|
28792
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
28793
|
-
width: "1em",
|
|
28794
|
-
height: "1em",
|
|
28795
|
-
viewBox: "0 0 20 20",
|
|
28796
|
-
fill: "none"
|
|
28797
|
-
}, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
28798
|
-
d: "M12.5 5.625h-5m5 2.5h-5m8.125-5v13.75c0 .345-.28.625-.625.625H5a.625.625 0 0 1-.625-.625V3.125c0-.345.28-.625.625-.625h10c.345 0 .625.28.625.625Z",
|
|
28799
|
-
stroke: "#596168",
|
|
28800
|
-
strokeWidth: 1.5,
|
|
28801
|
-
strokeLinecap: "round",
|
|
28802
|
-
strokeLinejoin: "round"
|
|
28803
|
-
})), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
28804
|
-
d: "M10 15a.937.937 0 1 0 0-1.875A.937.937 0 0 0 10 15Z",
|
|
28805
|
-
fill: "#596168"
|
|
28806
|
-
})));
|
|
28807
|
-
};
|
|
28808
|
-
|
|
28809
|
-
var _path$4;
|
|
28810
|
-
function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
|
|
28811
|
-
var SvgIcMemory = function SvgIcMemory(props) {
|
|
28812
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
|
|
28813
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
28814
|
-
width: "1em",
|
|
28815
|
-
height: "1em",
|
|
28816
|
-
viewBox: "0 0 20 20",
|
|
28817
|
-
fill: "none"
|
|
28818
|
-
}, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
28819
|
-
d: "M16.25 8.125h1.875m-1.875 3.75h1.875m-16.25-3.75H3.75m-1.875 3.75H3.75m8.125 4.375v1.875m-3.75-1.875v1.875m3.75-16.25V3.75m-3.75-1.875V3.75m-.313 4.063h4.375v4.375H7.814V7.811ZM4.376 3.75h11.25c.345 0 .625.28.625.625v11.25c0 .345-.28.625-.625.625H4.375a.625.625 0 0 1-.625-.625V4.375c0-.345.28-.625.625-.625Z",
|
|
28820
|
-
stroke: "#596168",
|
|
28821
|
-
strokeWidth: 1.5,
|
|
28822
|
-
strokeLinecap: "round",
|
|
28823
|
-
strokeLinejoin: "round"
|
|
28824
|
-
})));
|
|
28825
|
-
};
|
|
28826
|
-
|
|
28827
|
-
var _path$3;
|
|
28828
|
-
function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
|
|
28829
|
-
var SvgIcTimer = function SvgIcTimer(props) {
|
|
28830
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
|
|
28831
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
28832
|
-
width: "1em",
|
|
28833
|
-
height: "1em",
|
|
28834
|
-
viewBox: "0 0 20 20",
|
|
28835
|
-
fill: "none"
|
|
28836
|
-
}, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
28837
|
-
d: "m10 11.041 3.094-3.093M8.125 1.666h3.75m5 9.376a6.875 6.875 0 1 1-13.75 0 6.875 6.875 0 0 1 13.75 0Z",
|
|
28838
|
-
stroke: "#596168",
|
|
28839
|
-
strokeWidth: 1.5,
|
|
28840
|
-
strokeLinecap: "round",
|
|
28841
|
-
strokeLinejoin: "round"
|
|
28842
|
-
})));
|
|
28843
|
-
};
|
|
28844
|
-
|
|
28845
|
-
var _a$2;
|
|
28846
|
-
/**
|
|
28847
|
-
* Unique actions that will be dispatched and,
|
|
28848
|
-
* Keeping some values (cpu_limit, etc) in sync with backend
|
|
28849
|
-
*/
|
|
28850
|
-
exports.BuildInfraConfigTypes = void 0;
|
|
28851
|
-
(function (BuildInfraConfigTypes) {
|
|
28852
|
-
BuildInfraConfigTypes["CPU_LIMIT"] = "cpu_limit";
|
|
28853
|
-
BuildInfraConfigTypes["CPU_REQUEST"] = "cpu_request";
|
|
28854
|
-
BuildInfraConfigTypes["MEMORY_LIMIT"] = "memory_limit";
|
|
28855
|
-
BuildInfraConfigTypes["MEMORY_REQUEST"] = "memory_request";
|
|
28856
|
-
BuildInfraConfigTypes["BUILD_TIMEOUT"] = "timeout";
|
|
28857
|
-
})(exports.BuildInfraConfigTypes || (exports.BuildInfraConfigTypes = {}));
|
|
28858
|
-
/**
|
|
28859
|
-
* Combination of BuildInfraConfigTypes and BuildInfraMetaConfigTypes is going to derive error state and actions(actions will also be derived with BuildInfraInheritActions)
|
|
28860
|
-
*/
|
|
28861
|
-
exports.BuildInfraMetaConfigTypes = void 0;
|
|
28862
|
-
(function (BuildInfraMetaConfigTypes) {
|
|
28863
|
-
BuildInfraMetaConfigTypes["NAME"] = "name";
|
|
28864
|
-
BuildInfraMetaConfigTypes["DESCRIPTION"] = "description";
|
|
28865
|
-
})(exports.BuildInfraMetaConfigTypes || (exports.BuildInfraMetaConfigTypes = {}));
|
|
28866
|
-
/**
|
|
28867
|
-
* Would be used as key for few components and would be appending activate and de_activate actions to it
|
|
28868
|
-
*/
|
|
28869
|
-
exports.BuildInfraLocators = void 0;
|
|
28870
|
-
(function (BuildInfraLocators) {
|
|
28871
|
-
BuildInfraLocators["CPU"] = "cpu";
|
|
28872
|
-
BuildInfraLocators["MEMORY"] = "memory";
|
|
28873
|
-
// This name can be also different from BuildInfraConfigTypes[BUILD_TIMEOUT] in case we want to show different label
|
|
28874
|
-
BuildInfraLocators["BUILD_TIMEOUT"] = "timeout";
|
|
28875
|
-
})(exports.BuildInfraLocators || (exports.BuildInfraLocators = {}));
|
|
28876
|
-
// FIXME: Derive this from BuildInfraLocators
|
|
28877
|
-
// Appending the locators from above
|
|
28878
|
-
exports.BuildInfraInheritActions = void 0;
|
|
28879
|
-
(function (BuildInfraInheritActions) {
|
|
28880
|
-
BuildInfraInheritActions["ACTIVATE_CPU"] = "activate_cpu";
|
|
28881
|
-
BuildInfraInheritActions["DE_ACTIVATE_CPU"] = "de_activate_cpu";
|
|
28882
|
-
BuildInfraInheritActions["ACTIVATE_MEMORY"] = "activate_memory";
|
|
28883
|
-
BuildInfraInheritActions["DE_ACTIVATE_MEMORY"] = "de_activate_memory";
|
|
28884
|
-
BuildInfraInheritActions["ACTIVATE_BUILD_TIMEOUT"] = "activate_timeout";
|
|
28885
|
-
BuildInfraInheritActions["DE_ACTIVATE_BUILD_TIMEOUT"] = "de_activate_timeout";
|
|
28886
|
-
})(exports.BuildInfraInheritActions || (exports.BuildInfraInheritActions = {}));
|
|
28887
|
-
var BuildInfraConfigActionMap = (_a$2 = {},
|
|
28888
|
-
_a$2[exports.BuildInfraConfigTypes.BUILD_TIMEOUT] = exports.BuildInfraLocators.BUILD_TIMEOUT,
|
|
28889
|
-
_a$2[exports.BuildInfraConfigTypes.CPU_LIMIT] = exports.BuildInfraLocators.CPU,
|
|
28890
|
-
_a$2[exports.BuildInfraConfigTypes.CPU_REQUEST] = exports.BuildInfraLocators.CPU,
|
|
28891
|
-
_a$2[exports.BuildInfraConfigTypes.MEMORY_LIMIT] = exports.BuildInfraLocators.MEMORY,
|
|
28892
|
-
_a$2[exports.BuildInfraConfigTypes.MEMORY_REQUEST] = exports.BuildInfraLocators.MEMORY,
|
|
28893
|
-
_a$2);
|
|
28894
|
-
exports.BuildInfraProfileVariants = void 0;
|
|
28895
|
-
(function (BuildInfraProfileVariants) {
|
|
28896
|
-
BuildInfraProfileVariants["DEFAULT"] = "DEFAULT";
|
|
28897
|
-
BuildInfraProfileVariants["NORMAL"] = "NORMAL";
|
|
28898
|
-
BuildInfraProfileVariants["CUSTOM"] = "CUSTOM";
|
|
28899
|
-
})(exports.BuildInfraProfileVariants || (exports.BuildInfraProfileVariants = {}));
|
|
28900
|
-
|
|
28901
|
-
var _a$1;
|
|
28902
|
-
var BUILD_INFRA_INPUT_CONSTRAINTS = {
|
|
28903
|
-
// Will not enforce any decimal specification on input field
|
|
28904
|
-
STEP: 'any',
|
|
28905
|
-
MIN: 0,
|
|
28906
|
-
DECIMAL_PLACES: 2,
|
|
28907
|
-
};
|
|
28908
|
-
var BUILD_INFRA_TEXT = {
|
|
28909
|
-
HEADING: 'Build Infra Configuration',
|
|
28910
|
-
EDIT_SUBMIT: 'Save changes',
|
|
28911
|
-
SAVE_SUBMIT: 'Save',
|
|
28912
|
-
EDIT_CANCEL: 'Cancel',
|
|
28913
|
-
EDIT_DEFAULT_TOOLTIP: 'Efficiently control infrastructure settings such as CPU, Memory, and Build timeout for your build pipelines. Streamline resource management to optimise build time and cost effortlessly.',
|
|
28914
|
-
DESCRIPTION_LABEL: 'Description',
|
|
28915
|
-
DESCRIPTION_PLACEHOLDER: 'Enter a description here',
|
|
28916
|
-
PROFILE_LABEL: 'Profile name',
|
|
28917
|
-
PROFILE_PLACEHOLDER: 'Eg. java or node',
|
|
28918
|
-
INHERITING_HEADING_DESCRIPTION: 'Inheriting from default',
|
|
28919
|
-
SUBMIT_BUTTON_TIPPY: {
|
|
28920
|
-
INVALID_INPUT: 'Valid input is required for all mandatory fields.',
|
|
28921
|
-
REQUEST_IN_PROGRESS: 'Request in progress.',
|
|
28922
|
-
},
|
|
28923
|
-
VALIDATE_REQUEST_LIMIT: {
|
|
28924
|
-
REQUEST_LESS_THAN_LIMIT: 'Request should be less than or equal to limit.',
|
|
28925
|
-
CAN_NOT_COMPUTE: 'Request and limit value diff are too high to validate.',
|
|
28926
|
-
REQUEST_DECIMAL_PLACES: "Request should be upto ".concat(BUILD_INFRA_INPUT_CONSTRAINTS.DECIMAL_PLACES, " decimal places."),
|
|
28927
|
-
LIMIT_DECIMAL_PLACES: "Limit should be upto ".concat(BUILD_INFRA_INPUT_CONSTRAINTS.DECIMAL_PLACES, " decimal places."),
|
|
28928
|
-
},
|
|
28929
|
-
getInvalidActionMessage: function (action) { return "Invalid action type: ".concat(action); },
|
|
28930
|
-
getSubmitSuccessMessage: function (profileName, isEdited) {
|
|
28931
|
-
return "".concat(profileName, " profile is ").concat(isEdited ? 'updated' : 'created');
|
|
28932
|
-
},
|
|
28933
|
-
PROFILE_NOT_FOUND: {
|
|
28934
|
-
title: 'Profile not found',
|
|
28935
|
-
subTitle: 'The profile you are looking for does not exist.',
|
|
28936
|
-
},
|
|
28937
|
-
INVALID_FORM_MESSAGE: 'Valid input is required for all mandatory fields.',
|
|
28938
|
-
};
|
|
28939
|
-
var BUILD_INFRA_BREADCRUMB = {
|
|
28940
|
-
alias: {
|
|
28941
|
-
'global-config': null,
|
|
28942
|
-
'build-infra': {
|
|
28943
|
-
component: jsxRuntime.jsx("h2", __assign({ className: "m-0 cn-9 fs-16 fw-6 lh-32" }, { children: BUILD_INFRA_TEXT.HEADING })),
|
|
28944
|
-
linked: false,
|
|
28945
|
-
},
|
|
28946
|
-
},
|
|
28947
|
-
};
|
|
28948
|
-
// TODO: move heading to component itself
|
|
28949
|
-
var BUILD_INFRA_FORM_FIELDS = [
|
|
28950
|
-
{
|
|
28951
|
-
heading: jsxRuntime.jsx("h3", __assign({ className: "m-0 cn-9 fs-13 fw-6 lh-20 w-240 dc__no-shrink" }, { children: "CPU (Request - Limit)" })),
|
|
28952
|
-
marker: SvgIcCpu,
|
|
28953
|
-
actions: [
|
|
28954
|
-
{
|
|
28955
|
-
actionType: exports.BuildInfraConfigTypes.CPU_REQUEST,
|
|
28956
|
-
label: 'Request',
|
|
28957
|
-
placeholder: 'Type CPU request',
|
|
28958
|
-
},
|
|
28959
|
-
{
|
|
28960
|
-
actionType: exports.BuildInfraConfigTypes.CPU_LIMIT,
|
|
28961
|
-
label: 'Limit',
|
|
28962
|
-
placeholder: 'Type CPU limit',
|
|
28963
|
-
},
|
|
28964
|
-
],
|
|
28965
|
-
locator: exports.BuildInfraLocators.CPU,
|
|
28966
|
-
},
|
|
28967
|
-
{
|
|
28968
|
-
heading: jsxRuntime.jsx("h3", __assign({ className: "m-0 cn-9 fs-13 fw-6 lh-20 w-240 dc__no-shrink" }, { children: "Memory (Request - Limit)" })),
|
|
28969
|
-
marker: SvgIcMemory,
|
|
28970
|
-
actions: [
|
|
28971
|
-
{
|
|
28972
|
-
actionType: exports.BuildInfraConfigTypes.MEMORY_REQUEST,
|
|
28973
|
-
label: 'Request',
|
|
28974
|
-
placeholder: 'Type memory request',
|
|
28975
|
-
},
|
|
28976
|
-
{
|
|
28977
|
-
actionType: exports.BuildInfraConfigTypes.MEMORY_LIMIT,
|
|
28978
|
-
label: 'Limit',
|
|
28979
|
-
placeholder: 'Type memory limit',
|
|
28980
|
-
},
|
|
28981
|
-
],
|
|
28982
|
-
locator: exports.BuildInfraLocators.MEMORY,
|
|
28983
|
-
},
|
|
28984
|
-
{
|
|
28985
|
-
heading: jsxRuntime.jsx("h3", __assign({ className: "m-0 cn-9 fs-13 fw-6 lh-20 w-240 dc__no-shrink" }, { children: "Build timeout" })),
|
|
28986
|
-
marker: SvgIcTimer,
|
|
28987
|
-
actions: [
|
|
28988
|
-
{
|
|
28989
|
-
actionType: exports.BuildInfraConfigTypes.BUILD_TIMEOUT,
|
|
28990
|
-
label: 'Timeout',
|
|
28991
|
-
placeholder: 'Type build timeout',
|
|
28992
|
-
},
|
|
28993
|
-
],
|
|
28994
|
-
locator: exports.BuildInfraLocators.BUILD_TIMEOUT,
|
|
28995
|
-
},
|
|
28996
|
-
];
|
|
28997
|
-
var PROFILE_INPUT_ERROR_FIELDS = Object.fromEntries(Object.values(__assign(__assign({}, exports.BuildInfraConfigTypes), exports.BuildInfraMetaConfigTypes)).map(function (value) { return [value, null]; }));
|
|
28998
|
-
// fields required to be filled before submitting the form in create view, since we pre-populate the form with default values so no need in configs
|
|
28999
|
-
var CREATE_MODE_REQUIRED_INPUT_FIELDS = [exports.BuildInfraMetaConfigTypes.NAME];
|
|
29000
|
-
var DEFAULT_PROFILE_NAME = 'default';
|
|
29001
|
-
var CREATE_PROFILE_BASE_VALUE = {
|
|
29002
|
-
name: '',
|
|
29003
|
-
description: '',
|
|
29004
|
-
type: exports.BuildInfraProfileVariants.NORMAL,
|
|
29005
|
-
appCount: 0,
|
|
29006
|
-
};
|
|
29007
|
-
var CREATE_VIEW_CHECKED_CONFIGS = (_a$1 = {},
|
|
29008
|
-
_a$1[exports.BuildInfraConfigTypes.CPU_REQUEST] = true,
|
|
29009
|
-
_a$1[exports.BuildInfraConfigTypes.CPU_LIMIT] = true,
|
|
29010
|
-
_a$1);
|
|
29011
|
-
var BUILD_INFRA_TEST_IDS = {
|
|
29012
|
-
SUBMIT_BUTTON: 'build-infra-submit-button',
|
|
29013
|
-
CANCEL_BUTTON: 'build-infra-cancel-button',
|
|
29014
|
-
};
|
|
29015
|
-
|
|
29016
|
-
var Descriptor = function (_a) {
|
|
29017
|
-
var additionalContainerClasses = _a.additionalContainerClasses, breadCrumbs = _a.breadCrumbs, children = _a.children, tippyInfoText = _a.tippyInfoText, tippyAdditionalContent = _a.tippyAdditionalContent;
|
|
29018
|
-
return (jsxRuntime.jsxs("div", __assign({ className: "flexbox dc__content-space dc__align-items-center w-100 ".concat(additionalContainerClasses !== null && additionalContainerClasses !== void 0 ? additionalContainerClasses : '') }, { children: [jsxRuntime.jsxs("div", __assign({ className: "flexbox dc__align-items-center dc__gap-4" }, { children: [jsxRuntime.jsx(BreadCrumb, { breadcrumbs: breadCrumbs }), jsxRuntime.jsx(TippyCustomized, __assign({ theme: exports.TippyTheme.white, className: "w-300 h-100 dc__align-left", placement: "right", Icon: SvgIcHelp, iconClass: "fcv-5", infoText: tippyInfoText !== null && tippyInfoText !== void 0 ? tippyInfoText : BUILD_INFRA_TEXT.EDIT_DEFAULT_TOOLTIP, additionalContent: tippyAdditionalContent, heading: BUILD_INFRA_TEXT.HEADING, showCloseButton: true, trigger: "click", interactive: true }, { children: jsxRuntime.jsx("button", __assign({ className: "p-0 h-20 dc__no-background dc__no-border dc__tab-focus", type: "button", "aria-label": "build-infra-info" }, { children: jsxRuntime.jsx(SvgIcHelpOutline, { className: "icon-dim-20" }) })) }))] })), children] })));
|
|
29019
|
-
};
|
|
29020
|
-
|
|
29021
|
-
var Footer = function (_a) {
|
|
29022
|
-
var disabled = _a.disabled, handleCancel = _a.handleCancel, editProfile = _a.editProfile, loading = _a.loading;
|
|
29023
|
-
var disableMessage = disabled
|
|
29024
|
-
? BUILD_INFRA_TEXT.SUBMIT_BUTTON_TIPPY.INVALID_INPUT
|
|
29025
|
-
: BUILD_INFRA_TEXT.SUBMIT_BUTTON_TIPPY.REQUEST_IN_PROGRESS;
|
|
29026
|
-
var getButtonText = function () {
|
|
29027
|
-
if (editProfile) {
|
|
29028
|
-
return BUILD_INFRA_TEXT.EDIT_SUBMIT;
|
|
29029
|
-
}
|
|
29030
|
-
return BUILD_INFRA_TEXT.SAVE_SUBMIT;
|
|
29031
|
-
};
|
|
29032
|
-
var renderTippy = function (children) { return (jsxRuntime.jsx(Tippy, __assign({ content: disableMessage, placement: "top", className: "default-tt", arrow: false }, { children: children }))); };
|
|
29033
|
-
return (jsxRuntime.jsxs("div", __assign({ className: "flex pl pr pb pt h-64 dc__gap-12 dc__border-top dc__content-start" }, { children: [jsxRuntime.jsx(ConditionalWrap, __assign({ condition: disabled || loading, wrap: renderTippy }, { children: jsxRuntime.jsx("div", __assign({ className: "flexbox dc__align-items-center" }, { children: jsxRuntime.jsx("button", __assign({ type: "submit", className: "cta submit h-32 flex", disabled: disabled || loading, "data-testid": BUILD_INFRA_TEST_IDS.SUBMIT_BUTTON }, { children: loading ? jsxRuntime.jsx(Progressing, { size: 16 }) : getButtonText() })) })) })), handleCancel && (jsxRuntime.jsx("button", __assign({ type: "button", className: "cta cancel h-32 flex", "data-testid": BUILD_INFRA_TEST_IDS.CANCEL_BUTTON, onClick: handleCancel }, { children: BUILD_INFRA_TEXT.EDIT_CANCEL })))] })));
|
|
29034
|
-
};
|
|
29035
|
-
|
|
29036
|
-
var getBaseProfileObject = function (fromCreateView, profile) {
|
|
29037
|
-
if (fromCreateView) {
|
|
29038
|
-
return CREATE_PROFILE_BASE_VALUE;
|
|
29039
|
-
}
|
|
29040
|
-
return {
|
|
29041
|
-
id: profile.id,
|
|
29042
|
-
name: profile.name,
|
|
29043
|
-
description: profile.description,
|
|
29044
|
-
type: profile.type,
|
|
29045
|
-
appCount: profile.appCount,
|
|
29046
|
-
};
|
|
29047
|
-
};
|
|
29048
|
-
// Would receive a single profile and return transformed response
|
|
29049
|
-
var getTransformedBuildInfraProfileResponse = function (_a) {
|
|
29050
|
-
var _b, _c, _d;
|
|
29051
|
-
var configurationUnits = _a.configurationUnits, defaultConfigurations = _a.defaultConfigurations, profile = _a.profile, fromCreateView = _a.fromCreateView;
|
|
29052
|
-
// Assuming would contain all the keys
|
|
29053
|
-
var defaultConfigurationsMap = (_b = defaultConfigurations === null || defaultConfigurations === void 0 ? void 0 : defaultConfigurations.reduce(function (acc, configuration) {
|
|
29054
|
-
acc[configuration.key] = configuration;
|
|
29055
|
-
return acc;
|
|
29056
|
-
}, {})) !== null && _b !== void 0 ? _b : {};
|
|
29057
|
-
var profileConfigurations = (_d = (_c = profile === null || profile === void 0 ? void 0 : profile.configurations) === null || _c === void 0 ? void 0 : _c.reduce(function (acc, configuration) {
|
|
29058
|
-
acc[configuration.key] = configuration;
|
|
29059
|
-
return acc;
|
|
29060
|
-
}, {})) !== null && _d !== void 0 ? _d : {};
|
|
29061
|
-
var configurations = Object.keys(defaultConfigurationsMap).reduce(function (acc, key) {
|
|
29062
|
-
var _a, _b;
|
|
29063
|
-
var defaultConfiguration = defaultConfigurationsMap[key];
|
|
29064
|
-
var profileConfiguration = ((_a = profileConfigurations[key]) === null || _a === void 0 ? void 0 : _a.profileName) === (profile === null || profile === void 0 ? void 0 : profile.name) ? profileConfigurations[key] : null;
|
|
29065
|
-
// Pushing default value in configurations in case we de-activate the configuration
|
|
29066
|
-
var defaultValue = {
|
|
29067
|
-
value: defaultConfiguration.value,
|
|
29068
|
-
unit: defaultConfiguration.unit,
|
|
29069
|
-
};
|
|
29070
|
-
if (fromCreateView) {
|
|
29071
|
-
acc[key] = {
|
|
29072
|
-
key: key,
|
|
29073
|
-
value: defaultConfiguration.value,
|
|
29074
|
-
unit: defaultConfiguration.unit,
|
|
29075
|
-
active: (_b = CREATE_VIEW_CHECKED_CONFIGS[key]) !== null && _b !== void 0 ? _b : false,
|
|
29076
|
-
defaultValue: defaultValue,
|
|
29077
|
-
};
|
|
29078
|
-
return acc;
|
|
29079
|
-
}
|
|
29080
|
-
if (profileConfiguration) {
|
|
29081
|
-
acc[key] = __assign(__assign({}, profileConfiguration), { defaultValue: defaultValue });
|
|
29082
|
-
return acc;
|
|
29083
|
-
}
|
|
29084
|
-
// Removing id from it since we do not have a configuration
|
|
29085
|
-
// While generating payload, we will check on the basis of id and active flag.
|
|
29086
|
-
acc[key] = {
|
|
29087
|
-
key: key,
|
|
29088
|
-
value: defaultConfiguration.value,
|
|
29089
|
-
// saving profile name as undefined and this would be a check, if we are deriving from default or not
|
|
29090
|
-
unit: defaultConfiguration.unit,
|
|
29091
|
-
active: false,
|
|
29092
|
-
defaultValue: defaultValue,
|
|
29093
|
-
};
|
|
29094
|
-
return acc;
|
|
29095
|
-
}, {});
|
|
29096
|
-
return {
|
|
29097
|
-
configurationUnits: configurationUnits,
|
|
29098
|
-
profile: __assign(__assign({}, (profile && getBaseProfileObject(fromCreateView, profile))), { configurations: configurations }),
|
|
29099
|
-
};
|
|
29100
|
-
};
|
|
29101
|
-
var getBuildInfraProfileByName = function (_a) {
|
|
29102
|
-
var name = _a.name, fromCreateView = _a.fromCreateView;
|
|
29103
|
-
return __awaiter(void 0, void 0, void 0, function () {
|
|
29104
|
-
var response, _b, configurationUnits, defaultConfigurations, profile, error_1;
|
|
29105
|
-
return __generator(this, function (_c) {
|
|
29106
|
-
switch (_c.label) {
|
|
29107
|
-
case 0:
|
|
29108
|
-
_c.trys.push([0, 2, , 3]);
|
|
29109
|
-
return [4 /*yield*/, get("".concat(ROUTES.INFRA_CONFIG_PROFILE, "/").concat(name))];
|
|
29110
|
-
case 1:
|
|
29111
|
-
response = _c.sent();
|
|
29112
|
-
_b = response.result, configurationUnits = _b.configurationUnits, defaultConfigurations = _b.defaultConfigurations, profile = _b.profile;
|
|
29113
|
-
return [2 /*return*/, getTransformedBuildInfraProfileResponse({
|
|
29114
|
-
configurationUnits: configurationUnits,
|
|
29115
|
-
defaultConfigurations: defaultConfigurations,
|
|
29116
|
-
profile: profile,
|
|
29117
|
-
fromCreateView: fromCreateView,
|
|
29118
|
-
})];
|
|
29119
|
-
case 2:
|
|
29120
|
-
error_1 = _c.sent();
|
|
29121
|
-
showError(error_1);
|
|
29122
|
-
throw error_1;
|
|
29123
|
-
case 3: return [2 /*return*/];
|
|
29124
|
-
}
|
|
29125
|
-
});
|
|
29126
|
-
});
|
|
29127
|
-
};
|
|
29128
|
-
var getBuildInfraProfilePayload = function (profileInput) {
|
|
29129
|
-
var currentConfigurations = profileInput.configurations;
|
|
29130
|
-
var configurationKeys = Object.keys(currentConfigurations);
|
|
29131
|
-
// would only keep the configurations with id or active flag as true
|
|
29132
|
-
var configurations = configurationKeys.reduce(function (acc, key) {
|
|
29133
|
-
var configuration = currentConfigurations[key];
|
|
29134
|
-
if (configuration.id || configuration.active) {
|
|
29135
|
-
acc.push({
|
|
29136
|
-
id: configuration.id,
|
|
29137
|
-
key: key,
|
|
29138
|
-
value: Number(configuration.value),
|
|
29139
|
-
unit: configuration.unit,
|
|
29140
|
-
active: configuration.active,
|
|
29141
|
-
});
|
|
29142
|
-
}
|
|
29143
|
-
return acc;
|
|
29144
|
-
}, []);
|
|
29145
|
-
var payload = {
|
|
29146
|
-
name: profileInput.name,
|
|
29147
|
-
description: profileInput.description,
|
|
29148
|
-
type: profileInput.type,
|
|
29149
|
-
configurations: configurations,
|
|
29150
|
-
};
|
|
29151
|
-
return payload;
|
|
29152
|
-
};
|
|
29153
|
-
var updateBuildInfraProfile = function (_a) {
|
|
29154
|
-
var name = _a.name, profileInput = _a.profileInput;
|
|
29155
|
-
var payload = getBuildInfraProfilePayload(profileInput);
|
|
29156
|
-
return put("".concat(ROUTES.INFRA_CONFIG_PROFILE, "/").concat(name), payload);
|
|
29157
|
-
};
|
|
29158
|
-
var createBuildInfraProfile = function (_a) {
|
|
29159
|
-
var profileInput = _a.profileInput;
|
|
29160
|
-
return __awaiter(void 0, void 0, void 0, function () {
|
|
29161
|
-
var payload;
|
|
29162
|
-
return __generator(this, function (_b) {
|
|
29163
|
-
payload = getBuildInfraProfilePayload(profileInput);
|
|
29164
|
-
return [2 /*return*/, post(ROUTES.INFRA_CONFIG_PROFILE, payload)];
|
|
29165
|
-
});
|
|
29166
|
-
});
|
|
29167
|
-
};
|
|
29168
|
-
|
|
29169
|
-
// eslint-disable-next-line import/prefer-default-export
|
|
29170
|
-
var NOT_FOUND_DEFAULT_TEXT = {
|
|
29171
|
-
title: 'Resource not found',
|
|
29172
|
-
subTitle: 'The resource you are looking for does not exist',
|
|
29173
|
-
};
|
|
29174
|
-
|
|
29175
|
-
var APIResponseHandler = function (_a) {
|
|
29176
|
-
var _b, _c;
|
|
29177
|
-
var isLoading = _a.isLoading, progressingProps = _a.progressingProps, error = _a.error, notAuthorized = _a.notAuthorized, notFoundText = _a.notFoundText, reloadProps = _a.reloadProps, children = _a.children;
|
|
29178
|
-
// keeping it above loading since, not expected to send a call if not authorized
|
|
29179
|
-
if (notAuthorized) {
|
|
29180
|
-
return jsxRuntime.jsx(ErrorScreenNotAuthorized, {});
|
|
29181
|
-
}
|
|
29182
|
-
if (isLoading) {
|
|
29183
|
-
return jsxRuntime.jsx(Progressing, __assign({}, progressingProps));
|
|
29184
|
-
}
|
|
29185
|
-
if (error) {
|
|
29186
|
-
// TODO: Can extend ErrorScreenNotFound
|
|
29187
|
-
if ((error === null || error === void 0 ? void 0 : error.code) === 404) {
|
|
29188
|
-
return (jsxRuntime.jsx(GenericEmptyState, { title: (_b = notFoundText === null || notFoundText === void 0 ? void 0 : notFoundText.title) !== null && _b !== void 0 ? _b : NOT_FOUND_DEFAULT_TEXT.title, subTitle: (_c = notFoundText === null || notFoundText === void 0 ? void 0 : notFoundText.subTitle) !== null && _c !== void 0 ? _c : NOT_FOUND_DEFAULT_TEXT.subTitle }));
|
|
29189
|
-
}
|
|
29190
|
-
return jsxRuntime.jsx(Reload, __assign({}, reloadProps));
|
|
29191
|
-
}
|
|
29192
|
-
// Had to add this since while using it is throwing ts error
|
|
29193
|
-
// eslint-disable-next-line react/jsx-no-useless-fragment
|
|
29194
|
-
return jsxRuntime.jsx(jsxRuntime.Fragment, { children: children });
|
|
29195
|
-
};
|
|
29196
|
-
|
|
29197
|
-
var getCommonSelectStyle = function (styleOverrides) {
|
|
29198
|
-
if (styleOverrides === void 0) { styleOverrides = {}; }
|
|
29199
|
-
return (__assign({ menuList: function (base) { return (__assign(__assign({}, base), { paddingTop: 0, paddingBottom: 0 })); }, control: function (base, state) { return (__assign(__assign({}, base), { minHeight: '32px', boxShadow: 'none', backgroundColor: 'var(--N50)', border: state.isFocused ? '1px solid var(--B500)' : '1px solid var(--N200)', cursor: 'pointer' })); }, option: function (base, state) { return (__assign(__assign({}, base), { color: 'var(--N900)', backgroundColor: state.isFocused ? 'var(--N100)' : 'white', padding: '10px 12px' })); }, dropdownIndicator: function (base, state) { return (__assign(__assign({}, base), { color: 'var(--N400)', padding: '0 8px', transition: 'all .2s ease', transform: state.selectProps.menuIsOpen ? 'rotate(180deg)' : 'rotate(0deg)' })); }, valueContainer: function (base) { return (__assign(__assign({}, base), { padding: '0 8px', fontWeight: '400' })); }, loadingMessage: function (base) { return (__assign(__assign({}, base), { color: 'var(--N600)' })); }, noOptionsMessage: function (base) { return (__assign(__assign({}, base), { color: 'var(--N600)' })); } }, styleOverrides));
|
|
29200
|
-
};
|
|
29201
|
-
var getCustomOptionBackgroundColor = function (isSelected, isFocused) {
|
|
29202
|
-
if (isSelected) {
|
|
29203
|
-
return 'var(--B100)';
|
|
29204
|
-
}
|
|
29205
|
-
if (isFocused) {
|
|
29206
|
-
return 'var(--N50)';
|
|
29207
|
-
}
|
|
29208
|
-
return 'var(--white)';
|
|
29209
|
-
};
|
|
29210
|
-
var getCustomOptionSelectionStyle = function (styleOverrides) {
|
|
29211
|
-
if (styleOverrides === void 0) { styleOverrides = {}; }
|
|
29212
|
-
return function (base, state) { return (__assign(__assign(__assign({}, base), { backgroundColor: getCustomOptionBackgroundColor(state.isSelected, state.isFocused), color: state.isSelected ? 'var(--B500)' : 'var(--N900)', textOverflow: 'ellipsis', fontWeight: '500', overflow: 'hidden', textAlign: 'left', whiteSpace: 'nowrap', cursor: 'pointer', fontSize: '13px' }), styleOverrides)); };
|
|
29213
|
-
};
|
|
29214
|
-
var SelectOption = function (props) {
|
|
29215
|
-
var selectProps = props.selectProps, data = props.data, showTippy = props.showTippy, style = props.style, placement = props.placement, tippyContent = props.tippyContent, tippyClass = props.tippyClass;
|
|
29216
|
-
selectProps.styles.option = getCustomOptionSelectionStyle(style);
|
|
29217
|
-
var getOption = function () { return (jsxRuntime.jsx("div", __assign({ onClick: stopPropagation }, { children: jsxRuntime.jsx(components.Option, __assign({}, props)) }))); };
|
|
29218
|
-
return showTippy ? (jsxRuntime.jsx(Tippy, __assign({ className: tippyClass || 'default-white', arrow: false, placement: placement || 'right', content: tippyContent || data.label }, { children: getOption() }))) : (getOption());
|
|
29219
|
-
};
|
|
29220
|
-
|
|
29221
|
-
var BulkSelectionDropdownItems = function (_a) {
|
|
29222
|
-
var locator = _a.locator, label = _a.label, isSelected = _a.isSelected, handleBulkSelection = _a.handleBulkSelection, Icon = _a.icon;
|
|
29223
|
-
var handleSelect = function () {
|
|
29224
|
-
handleBulkSelection({
|
|
29225
|
-
action: locator,
|
|
29226
|
-
});
|
|
29227
|
-
};
|
|
29228
|
-
return (jsxRuntime.jsxs("button", __assign({ "data-testid": "bulk-action-".concat(locator), onClick: handleSelect, className: "dc__no-border dc__outline-none-imp w-100 flexbox h-32 dc__align-items-center pt-6 pr-8 pb-6 pl-8 dc__gap-8 ".concat(isSelected ? 'cb-5 bcb-2 fs-13 fw-6 lh-20' : 'dc__no-background cn-9 fs-13 fw-4 lh-20 dc__hover-n50'), type: "button" }, { children: [jsxRuntime.jsx(Icon, { className: "icon-dim-16" }), label] })));
|
|
29229
|
-
};
|
|
29230
|
-
|
|
29231
|
-
exports.BulkSelectionEvents = void 0;
|
|
29232
|
-
(function (BulkSelectionEvents) {
|
|
29233
|
-
BulkSelectionEvents["CLEAR_ALL_SELECTIONS"] = "CLEAR_ALL_SELECTIONS";
|
|
29234
|
-
BulkSelectionEvents["CLEAR_IDENTIFIERS"] = "CLEAR_IDENTIFIERS";
|
|
29235
|
-
BulkSelectionEvents["SELECT_ALL_ACROSS_PAGES"] = "SELECT_ALL_ACROSS_PAGES";
|
|
29236
|
-
BulkSelectionEvents["SELECT_ALL_ON_PAGE"] = "SELECT_ALL_ON_PAGE";
|
|
29237
|
-
BulkSelectionEvents["SELECT_IDENTIFIER"] = "SELECT_IDENTIFIER";
|
|
29238
|
-
BulkSelectionEvents["CLEAR_IDENTIFIERS_AFTER_ACROSS_SELECTION"] = "CLEAR_IDENTIFIERS_AFTER_ACROSS_SELECTION";
|
|
29239
|
-
BulkSelectionEvents["CLEAR_SELECTIONS_AND_SELECT_ALL_ACROSS_PAGES"] = "CLEAR_SELECTIONS_AND_SELECT_ALL_ACROSS_PAGES";
|
|
29240
|
-
})(exports.BulkSelectionEvents || (exports.BulkSelectionEvents = {}));
|
|
29241
|
-
exports.SelectAllDialogStatus = void 0;
|
|
29242
|
-
(function (SelectAllDialogStatus) {
|
|
29243
|
-
SelectAllDialogStatus["OPEN"] = "OPEN";
|
|
29244
|
-
SelectAllDialogStatus["CLOSED"] = "CLOSED";
|
|
29245
|
-
})(exports.SelectAllDialogStatus || (exports.SelectAllDialogStatus = {}));
|
|
29246
|
-
|
|
29247
|
-
var _a;
|
|
29248
|
-
var BULK_DROPDOWN_TEST_ID = 'bulk-selection-pop-up-menu';
|
|
29249
|
-
var BulkSelectionOptionsLabels = (_a = {},
|
|
29250
|
-
_a[exports.BulkSelectionEvents.SELECT_ALL_ON_PAGE] = 'All on this page',
|
|
29251
|
-
_a[exports.BulkSelectionEvents.SELECT_ALL_ACROSS_PAGES] = 'All across pages',
|
|
29252
|
-
_a[exports.BulkSelectionEvents.CLEAR_ALL_SELECTIONS] = 'Clear selection',
|
|
29253
|
-
_a);
|
|
29254
|
-
// Considering application can not be named as *
|
|
29255
|
-
var SELECT_ALL_ACROSS_PAGES_LOCATOR = '*';
|
|
29256
|
-
var getInvalidActionMessage = function (action) { return "Invalid action ".concat(action, " passed to useBulkSelection"); };
|
|
29257
|
-
|
|
29258
|
-
var _rect$1, _path$2;
|
|
29259
|
-
function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
|
|
29260
|
-
var SvgIcCheckSquare = function SvgIcCheckSquare(props) {
|
|
29261
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
|
|
29262
|
-
width: "1em",
|
|
29263
|
-
height: "1em",
|
|
29264
|
-
viewBox: "0 0 16 16",
|
|
29265
|
-
fill: "none",
|
|
29266
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
29267
|
-
}, props), _rect$1 || (_rect$1 = /*#__PURE__*/React__namespace.createElement("rect", {
|
|
29268
|
-
x: 2,
|
|
29269
|
-
y: 2,
|
|
29270
|
-
width: 12,
|
|
29271
|
-
height: 12,
|
|
29272
|
-
rx: 2,
|
|
29273
|
-
stroke: "#596168",
|
|
29274
|
-
strokeWidth: 1.5,
|
|
29275
|
-
strokeLinecap: "round",
|
|
29276
|
-
strokeLinejoin: "round"
|
|
29277
|
-
})), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
29278
|
-
d: "m11.208 5.958-4.083 4.083L5.083 8",
|
|
29279
|
-
stroke: "#596168",
|
|
29280
|
-
strokeWidth: 1.5,
|
|
29281
|
-
strokeLinecap: "round",
|
|
29282
|
-
strokeLinejoin: "round"
|
|
29283
|
-
})));
|
|
29284
|
-
};
|
|
29285
|
-
|
|
29286
|
-
var _rect, _path$1;
|
|
29287
|
-
function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
|
|
29288
|
-
var SvgIcCheckAll = function SvgIcCheckAll(props) {
|
|
29289
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
|
|
29290
|
-
width: "1em",
|
|
29291
|
-
height: "1em",
|
|
29292
|
-
viewBox: "0 0 17 17",
|
|
29293
|
-
fill: "none",
|
|
29294
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
29295
|
-
}, props), _rect || (_rect = /*#__PURE__*/React__namespace.createElement("rect", {
|
|
29296
|
-
x: 2,
|
|
29297
|
-
y: 2,
|
|
29298
|
-
width: 11.2,
|
|
29299
|
-
height: 11.2,
|
|
29300
|
-
rx: 2,
|
|
29301
|
-
stroke: "#596168",
|
|
29302
|
-
strokeWidth: 1.5,
|
|
29303
|
-
strokeLinecap: "round",
|
|
29304
|
-
strokeLinejoin: "round"
|
|
29305
|
-
})), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
29306
|
-
d: "M15.467 5.866v5.6a4 4 0 0 1-4 4h-5.6M10.35 5.85l-3.5 3.5L5.1 7.6",
|
|
29307
|
-
stroke: "#596168",
|
|
29308
|
-
strokeWidth: 1.5,
|
|
29309
|
-
strokeLinecap: "round",
|
|
29310
|
-
strokeLinejoin: "round"
|
|
29311
|
-
})));
|
|
29312
|
-
};
|
|
29313
|
-
|
|
29314
|
-
var _path;
|
|
29315
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
29316
|
-
var SvgIcClose = function SvgIcClose(props) {
|
|
29317
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
29318
|
-
width: "1em",
|
|
29319
|
-
height: "1em",
|
|
29320
|
-
viewBox: "0 0 10 10",
|
|
29321
|
-
fill: "none",
|
|
29322
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
29323
|
-
}, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
|
|
29324
|
-
d: "M8.333 1.667 1.667 8.334m6.666 0L1.667 1.667",
|
|
29325
|
-
stroke: "#596168",
|
|
29326
|
-
strokeWidth: 1.5,
|
|
29327
|
-
strokeLinecap: "round",
|
|
29328
|
-
strokeLinejoin: "round"
|
|
29329
|
-
})));
|
|
29330
|
-
};
|
|
29331
|
-
|
|
29332
|
-
var BulkSelection = function (_a) {
|
|
29333
|
-
var checkboxValue = _a.checkboxValue, isChecked = _a.isChecked, selectedIdentifiers = _a.selectedIdentifiers, handleBulkSelection = _a.handleBulkSelection, showPagination = _a.showPagination;
|
|
29334
|
-
var areOptionsSelected = Object.keys(selectedIdentifiers).length > 0;
|
|
29335
|
-
var BulkSelectionItems = __spreadArray(__spreadArray([
|
|
29336
|
-
{
|
|
29337
|
-
locator: exports.BulkSelectionEvents.SELECT_ALL_ON_PAGE,
|
|
29338
|
-
label: BulkSelectionOptionsLabels[exports.BulkSelectionEvents.SELECT_ALL_ON_PAGE],
|
|
29339
|
-
isSelected: isChecked && checkboxValue === exports.CHECKBOX_VALUE.CHECKED,
|
|
29340
|
-
icon: SvgIcCheckSquare,
|
|
29341
|
-
}
|
|
29342
|
-
], __read((showPagination
|
|
29343
|
-
? [
|
|
29344
|
-
{
|
|
29345
|
-
locator: exports.BulkSelectionEvents.SELECT_ALL_ACROSS_PAGES,
|
|
29346
|
-
label: BulkSelectionOptionsLabels[exports.BulkSelectionEvents.SELECT_ALL_ACROSS_PAGES],
|
|
29347
|
-
isSelected: isChecked && checkboxValue === exports.CHECKBOX_VALUE.BULK_CHECKED,
|
|
29348
|
-
icon: SvgIcCheckAll,
|
|
29349
|
-
},
|
|
29350
|
-
]
|
|
29351
|
-
: [])), false), __read((areOptionsSelected
|
|
29352
|
-
? [
|
|
29353
|
-
{
|
|
29354
|
-
locator: exports.BulkSelectionEvents.CLEAR_ALL_SELECTIONS,
|
|
29355
|
-
label: BulkSelectionOptionsLabels[exports.BulkSelectionEvents.CLEAR_ALL_SELECTIONS],
|
|
29356
|
-
isSelected: false,
|
|
29357
|
-
icon: SvgIcClose,
|
|
29358
|
-
},
|
|
29359
|
-
]
|
|
29360
|
-
: [])), false);
|
|
29361
|
-
return (jsxRuntime.jsxs(PopupMenu, __assign({ autoClose: true }, { children: [jsxRuntime.jsxs(PopupMenu.Button, __assign({ isKebab: true, rootClassName: "h-20 flexbox p-0 dc__no-background dc__no-border dc__outline-none-imp", dataTestId: BULK_DROPDOWN_TEST_ID }, { children: [jsxRuntime.jsx(Checkbox$1, { isChecked: isChecked, onChange: noop$1, rootClassName: "icon-dim-20", value: checkboxValue }), jsxRuntime.jsx(SvgIcChevronDown, { className: "icon-dim-20 icon-n6" })] })), jsxRuntime.jsx(PopupMenu.Body, __assign({ rootClassName: "dc__top-22 w-150 dc__right-0 pt-4 pb-4 pl-0 pr-0 bcn-0 flex column dc__content-start dc__align-start dc__position-abs bcn-0 dc__border dc__border-radius-4-imp" }, { children: BulkSelectionItems.map(function (item) { return (jsxRuntime.jsx(BulkSelectionDropdownItems, { locator: item.locator, label: item.label, isSelected: item.isSelected, icon: item.icon, handleBulkSelection: handleBulkSelection }, item.locator)); }) }))] })));
|
|
29362
|
-
};
|
|
29363
|
-
|
|
29364
|
-
var useBulkSelection = function (_a) {
|
|
29365
|
-
var identifiers = _a.identifiers, getSelectAllDialogStatus = _a.getSelectAllDialogStatus;
|
|
29366
|
-
var _b = __read(React.useState({}), 2), selectedIdentifiers = _b[0], setSelectedIdentifiers = _b[1];
|
|
29367
|
-
var setIdentifiersAfterClear = function (newIdentifiers, selectedIds) {
|
|
29368
|
-
var _newIdentifiers = JSON.parse(JSON.stringify(newIdentifiers));
|
|
29369
|
-
selectedIds.forEach(function (id) {
|
|
29370
|
-
delete _newIdentifiers[id];
|
|
29371
|
-
});
|
|
29372
|
-
setSelectedIdentifiers(_newIdentifiers);
|
|
29373
|
-
};
|
|
29374
|
-
var setIdentifiersAfterPageSelection = function (baseObject) {
|
|
29375
|
-
var _selectedIdentifiers = JSON.parse(JSON.stringify(selectedIdentifiers));
|
|
29376
|
-
// removing bulk selection across pages if present
|
|
29377
|
-
if (_selectedIdentifiers[SELECT_ALL_ACROSS_PAGES_LOCATOR]) {
|
|
29378
|
-
delete _selectedIdentifiers[SELECT_ALL_ACROSS_PAGES_LOCATOR];
|
|
29379
|
-
}
|
|
29380
|
-
setSelectedIdentifiers(__assign(__assign({}, _selectedIdentifiers), baseObject));
|
|
29381
|
-
};
|
|
29382
|
-
var handleBulkSelection = function (_a) {
|
|
29383
|
-
var _b, _c;
|
|
29384
|
-
var _d, _e;
|
|
29385
|
-
var action = _a.action, data = _a.data;
|
|
29386
|
-
var selectedIds = (_d = data === null || data === void 0 ? void 0 : data.identifierIds) !== null && _d !== void 0 ? _d : [];
|
|
29387
|
-
var identifierObject = (_e = data === null || data === void 0 ? void 0 : data.identifierObject) !== null && _e !== void 0 ? _e : {};
|
|
29388
|
-
switch (action) {
|
|
29389
|
-
case exports.BulkSelectionEvents.CLEAR_ALL_SELECTIONS:
|
|
29390
|
-
setSelectedIdentifiers({});
|
|
29391
|
-
break;
|
|
29392
|
-
case exports.BulkSelectionEvents.CLEAR_IDENTIFIERS_AFTER_ACROSS_SELECTION: {
|
|
29393
|
-
setIdentifiersAfterClear(identifiers, selectedIds);
|
|
29394
|
-
break;
|
|
29395
|
-
}
|
|
29396
|
-
case exports.BulkSelectionEvents.CLEAR_IDENTIFIERS: {
|
|
29397
|
-
setIdentifiersAfterClear(selectedIdentifiers, selectedIds);
|
|
29398
|
-
break;
|
|
29399
|
-
}
|
|
29400
|
-
case exports.BulkSelectionEvents.SELECT_ALL_ACROSS_PAGES: {
|
|
29401
|
-
if (selectedIdentifiers[SELECT_ALL_ACROSS_PAGES_LOCATOR]) {
|
|
29402
|
-
return;
|
|
29403
|
-
}
|
|
29404
|
-
var selectedIdentifiersLength = Object.keys(selectedIdentifiers).length;
|
|
29405
|
-
if (selectedIdentifiersLength > 0 && getSelectAllDialogStatus() === exports.SelectAllDialogStatus.OPEN) {
|
|
29406
|
-
return;
|
|
29407
|
-
}
|
|
29408
|
-
setSelectedIdentifiers((_b = {},
|
|
29409
|
-
_b[SELECT_ALL_ACROSS_PAGES_LOCATOR] = true,
|
|
29410
|
-
_b));
|
|
29411
|
-
break;
|
|
29412
|
-
}
|
|
29413
|
-
case exports.BulkSelectionEvents.CLEAR_SELECTIONS_AND_SELECT_ALL_ACROSS_PAGES:
|
|
29414
|
-
setSelectedIdentifiers((_c = {},
|
|
29415
|
-
_c[SELECT_ALL_ACROSS_PAGES_LOCATOR] = true,
|
|
29416
|
-
_c));
|
|
29417
|
-
break;
|
|
29418
|
-
case exports.BulkSelectionEvents.SELECT_ALL_ON_PAGE: {
|
|
29419
|
-
setIdentifiersAfterPageSelection(identifiers);
|
|
29420
|
-
break;
|
|
29421
|
-
}
|
|
29422
|
-
case exports.BulkSelectionEvents.SELECT_IDENTIFIER: {
|
|
29423
|
-
setIdentifiersAfterPageSelection(identifierObject);
|
|
29424
|
-
break;
|
|
29425
|
-
}
|
|
29426
|
-
default:
|
|
29427
|
-
throw new Error(getInvalidActionMessage(action));
|
|
29428
|
-
}
|
|
29429
|
-
};
|
|
29430
|
-
return {
|
|
29431
|
-
handleBulkSelection: handleBulkSelection,
|
|
29432
|
-
selectedIdentifiers: selectedIdentifiers,
|
|
29433
|
-
};
|
|
29434
|
-
};
|
|
29435
|
-
|
|
29436
|
-
var MESSAGES = {
|
|
29437
|
-
PROVIDE_A_NUMBER: 'Please provide a number',
|
|
29438
|
-
LOWERCASE_ALPHANUMERIC: 'Only lowercase alphanumeric characters, -, _ or . allowed',
|
|
29439
|
-
CAN_NOT_START_END_WITH_SEPARATORS: 'Cannot start/end with -, _ or .',
|
|
29440
|
-
getMinMaxCharMessage: function (min, max) { return "Minimum ".concat(min, " and maximum ").concat(max, " characters allowed"); },
|
|
29441
|
-
getMaxCharMessage: function (max) { return "Maximum ".concat(max, " characters are allowed"); },
|
|
29442
|
-
VALID_POSITIVE_NUMBER: 'This field should be a valid positive number',
|
|
29443
|
-
VALID_POSITIVE_INTEGER: 'This field should be a valid positive integer',
|
|
29444
|
-
MAX_SAFE_INTEGER: "Maximum allowed value is ".concat(Number.MAX_SAFE_INTEGER),
|
|
29445
|
-
};
|
|
29446
|
-
var MAX_DESCRIPTION_LENGTH = 300;
|
|
29447
|
-
var validateName = function (name) {
|
|
29448
|
-
if (!/^.{3,50}$/.test(name)) {
|
|
29449
|
-
return {
|
|
29450
|
-
isValid: false,
|
|
29451
|
-
message: MESSAGES.getMinMaxCharMessage(3, 50),
|
|
29452
|
-
};
|
|
29453
|
-
}
|
|
29454
|
-
if (!/^[a-z0-9-._]+$/.test(name)) {
|
|
29455
|
-
return {
|
|
29456
|
-
isValid: false,
|
|
29457
|
-
message: MESSAGES.LOWERCASE_ALPHANUMERIC,
|
|
29458
|
-
};
|
|
29459
|
-
}
|
|
29460
|
-
if (!/^(?![-._]).*[^-._]$/.test(name)) {
|
|
29461
|
-
return {
|
|
29462
|
-
isValid: false,
|
|
29463
|
-
message: MESSAGES.CAN_NOT_START_END_WITH_SEPARATORS,
|
|
29464
|
-
};
|
|
29465
|
-
}
|
|
29466
|
-
return {
|
|
29467
|
-
isValid: true,
|
|
29468
|
-
};
|
|
29469
|
-
};
|
|
29470
|
-
var validateDescription = function (description) {
|
|
29471
|
-
if ((description === null || description === void 0 ? void 0 : description.length) > MAX_DESCRIPTION_LENGTH) {
|
|
29472
|
-
return {
|
|
29473
|
-
isValid: false,
|
|
29474
|
-
message: MESSAGES.getMaxCharMessage(MAX_DESCRIPTION_LENGTH),
|
|
29475
|
-
};
|
|
29476
|
-
}
|
|
29477
|
-
return {
|
|
29478
|
-
isValid: true,
|
|
29479
|
-
};
|
|
29480
|
-
};
|
|
29481
|
-
var validateRequiredPositiveNumber = function (value) {
|
|
29482
|
-
if (!value) {
|
|
29483
|
-
return {
|
|
29484
|
-
isValid: false,
|
|
29485
|
-
message: MESSAGES.PROVIDE_A_NUMBER,
|
|
29486
|
-
};
|
|
29487
|
-
}
|
|
29488
|
-
// TODO: Look if regex is available for this, since 0002 is not a valid number
|
|
29489
|
-
if (!/^\d+(\.\d+)?$/.test(value.toString())) {
|
|
29490
|
-
return {
|
|
29491
|
-
isValid: false,
|
|
29492
|
-
message: MESSAGES.VALID_POSITIVE_NUMBER,
|
|
29493
|
-
};
|
|
29494
|
-
}
|
|
29495
|
-
var numericValue = Number(value);
|
|
29496
|
-
if (numericValue > Number.MAX_SAFE_INTEGER) {
|
|
29497
|
-
return {
|
|
29498
|
-
isValid: false,
|
|
29499
|
-
message: MESSAGES.MAX_SAFE_INTEGER,
|
|
29500
|
-
};
|
|
29501
|
-
}
|
|
29502
|
-
if (numericValue <= 0) {
|
|
29503
|
-
return {
|
|
29504
|
-
isValid: false,
|
|
29505
|
-
message: MESSAGES.VALID_POSITIVE_NUMBER,
|
|
29506
|
-
};
|
|
29507
|
-
}
|
|
29508
|
-
return {
|
|
29509
|
-
isValid: true,
|
|
29510
|
-
};
|
|
29511
|
-
};
|
|
29512
|
-
var validateRequiredPositiveInteger = function (value) {
|
|
29513
|
-
if (!value) {
|
|
29514
|
-
return {
|
|
29515
|
-
isValid: false,
|
|
29516
|
-
message: MESSAGES.PROVIDE_A_NUMBER,
|
|
29517
|
-
};
|
|
29518
|
-
}
|
|
29519
|
-
if (!/^\d+$/.test(value.toString())) {
|
|
29520
|
-
return {
|
|
29521
|
-
isValid: false,
|
|
29522
|
-
message: MESSAGES.VALID_POSITIVE_INTEGER,
|
|
29523
|
-
};
|
|
29524
|
-
}
|
|
29525
|
-
var numericValue = Number(value);
|
|
29526
|
-
if (numericValue > Number.MAX_SAFE_INTEGER) {
|
|
29527
|
-
return {
|
|
29528
|
-
isValid: false,
|
|
29529
|
-
message: MESSAGES.MAX_SAFE_INTEGER,
|
|
29530
|
-
};
|
|
29531
|
-
}
|
|
29532
|
-
if (numericValue <= 0) {
|
|
29533
|
-
return {
|
|
29534
|
-
isValid: false,
|
|
29535
|
-
message: MESSAGES.VALID_POSITIVE_INTEGER,
|
|
29536
|
-
};
|
|
29537
|
-
}
|
|
29538
|
-
return {
|
|
29539
|
-
isValid: true,
|
|
29540
|
-
};
|
|
29541
|
-
};
|
|
29542
|
-
|
|
29543
|
-
// Disabling default export since this is a helper function and we would have to export a lot of functions in future.
|
|
29544
|
-
// eslint-disable-next-line import/prefer-default-export
|
|
29545
|
-
var highlightSearchText = function (_a) {
|
|
29546
|
-
var searchText = _a.searchText, text = _a.text, highlightClasses = _a.highlightClasses;
|
|
29547
|
-
if (!searchText) {
|
|
29548
|
-
return text;
|
|
29549
|
-
}
|
|
29550
|
-
try {
|
|
29551
|
-
var regex = new RegExp(searchText, 'gi');
|
|
29552
|
-
return text.replace(regex, function (match) { return "<span class=\"".concat(highlightClasses, "\">").concat(match, "</span>"); });
|
|
29553
|
-
}
|
|
29554
|
-
catch (error) {
|
|
29555
|
-
return text;
|
|
29556
|
-
}
|
|
29557
|
-
};
|
|
29558
|
-
|
|
29559
|
-
var validateRequestLimit = function (_a) {
|
|
29560
|
-
var _b, _c, _d, _e, _f, _g;
|
|
29561
|
-
var request = _a.request, limit = _a.limit, unitsMap = _a.unitsMap;
|
|
29562
|
-
// Request <= Limit
|
|
29563
|
-
// Request and Limit should be numbers can be decimals
|
|
29564
|
-
// Request and Limit should be positive numbers
|
|
29565
|
-
// Request and Limit should be less than Number.MAX_SAFE_INTEGER
|
|
29566
|
-
// Request and Limit should can have at most BUILD_INFRA_INPUT_CONSTRAINTS.DECIMAL_PLACES
|
|
29567
|
-
// Both request and limit should be there
|
|
29568
|
-
var requestNumber = Number(request.value);
|
|
29569
|
-
var limitNumber = Number(limit.value);
|
|
29570
|
-
var requestUnit = Number((_b = unitsMap[request.unit]) === null || _b === void 0 ? void 0 : _b.conversionFactor);
|
|
29571
|
-
var limitUnit = Number((_c = unitsMap[limit.unit]) === null || _c === void 0 ? void 0 : _c.conversionFactor);
|
|
29572
|
-
var requestLimitValidationResponse = {
|
|
29573
|
-
request: {
|
|
29574
|
-
isValid: true,
|
|
29575
|
-
},
|
|
29576
|
-
limit: {
|
|
29577
|
-
isValid: true,
|
|
29578
|
-
},
|
|
29579
|
-
};
|
|
29580
|
-
var requestValidationMessage = validateRequiredPositiveNumber(request.value).message;
|
|
29581
|
-
var limitValidationMessage = validateRequiredPositiveNumber(limit.value).message;
|
|
29582
|
-
if (requestValidationMessage) {
|
|
29583
|
-
requestLimitValidationResponse.request = {
|
|
29584
|
-
message: requestValidationMessage,
|
|
29585
|
-
isValid: false,
|
|
29586
|
-
};
|
|
29587
|
-
}
|
|
29588
|
-
if (limitValidationMessage) {
|
|
29589
|
-
requestLimitValidationResponse.limit = {
|
|
29590
|
-
message: limitValidationMessage,
|
|
29591
|
-
isValid: false,
|
|
29592
|
-
};
|
|
29593
|
-
}
|
|
29594
|
-
if (limitValidationMessage || requestValidationMessage) {
|
|
29595
|
-
return requestLimitValidationResponse;
|
|
29596
|
-
}
|
|
29597
|
-
// only two decimal places are allowed
|
|
29598
|
-
var requestDecimalPlaces = (_e = (_d = String(request.value).split('.')[1]) === null || _d === void 0 ? void 0 : _d.length) !== null && _e !== void 0 ? _e : 0;
|
|
29599
|
-
var limitDecimalPlaces = (_g = (_f = String(limit.value).split('.')[1]) === null || _f === void 0 ? void 0 : _f.length) !== null && _g !== void 0 ? _g : 0;
|
|
29600
|
-
if (requestDecimalPlaces > BUILD_INFRA_INPUT_CONSTRAINTS.DECIMAL_PLACES) {
|
|
29601
|
-
requestLimitValidationResponse.request = {
|
|
29602
|
-
message: BUILD_INFRA_TEXT.VALIDATE_REQUEST_LIMIT.REQUEST_DECIMAL_PLACES,
|
|
29603
|
-
isValid: false,
|
|
29604
|
-
};
|
|
29605
|
-
return requestLimitValidationResponse;
|
|
29606
|
-
}
|
|
29607
|
-
if (limitDecimalPlaces > BUILD_INFRA_INPUT_CONSTRAINTS.DECIMAL_PLACES) {
|
|
29608
|
-
requestLimitValidationResponse.limit = {
|
|
29609
|
-
message: BUILD_INFRA_TEXT.VALIDATE_REQUEST_LIMIT.LIMIT_DECIMAL_PLACES,
|
|
29610
|
-
isValid: false,
|
|
29611
|
-
};
|
|
29612
|
-
return requestLimitValidationResponse;
|
|
29613
|
-
}
|
|
29614
|
-
// Assuming requestUnit and requestNumber are not 0
|
|
29615
|
-
// TODO: Communicate this assumption to the backend
|
|
29616
|
-
var limitRequestUnitFactor = limitUnit / requestUnit;
|
|
29617
|
-
var limitRequestFactor = limitNumber / requestNumber;
|
|
29618
|
-
var isDifferenceBigNumber = limitRequestUnitFactor * limitRequestFactor <= Number.MAX_SAFE_INTEGER;
|
|
29619
|
-
if (!isDifferenceBigNumber) {
|
|
29620
|
-
requestLimitValidationResponse.request = {
|
|
29621
|
-
message: BUILD_INFRA_TEXT.VALIDATE_REQUEST_LIMIT.CAN_NOT_COMPUTE,
|
|
29622
|
-
isValid: false,
|
|
29623
|
-
};
|
|
29624
|
-
return requestLimitValidationResponse;
|
|
29625
|
-
}
|
|
29626
|
-
if (limitRequestUnitFactor * limitRequestFactor < 1) {
|
|
29627
|
-
requestLimitValidationResponse.request = {
|
|
29628
|
-
message: BUILD_INFRA_TEXT.VALIDATE_REQUEST_LIMIT.REQUEST_LESS_THAN_LIMIT,
|
|
29629
|
-
isValid: false,
|
|
29630
|
-
};
|
|
29631
|
-
return requestLimitValidationResponse;
|
|
29632
|
-
}
|
|
29633
|
-
return requestLimitValidationResponse;
|
|
29634
|
-
};
|
|
29635
|
-
var getInitialProfileInputErrors = function (fromCreateView) {
|
|
29636
|
-
if (fromCreateView) {
|
|
29637
|
-
var initialProfileInputErrors_1 = __assign({}, PROFILE_INPUT_ERROR_FIELDS);
|
|
29638
|
-
CREATE_MODE_REQUIRED_INPUT_FIELDS.forEach(function (field) {
|
|
29639
|
-
initialProfileInputErrors_1[field] = '';
|
|
29640
|
-
});
|
|
29641
|
-
return initialProfileInputErrors_1;
|
|
29642
|
-
}
|
|
29643
|
-
return __assign({}, PROFILE_INPUT_ERROR_FIELDS);
|
|
29644
|
-
};
|
|
29645
|
-
var useBuildInfraForm = function (_a) {
|
|
29646
|
-
var name = _a.name, editProfile = _a.editProfile, handleSuccessRedirection = _a.handleSuccessRedirection;
|
|
29647
|
-
var fromCreateView = !name;
|
|
29648
|
-
var _b = __read(useAsync(function () {
|
|
29649
|
-
return getBuildInfraProfileByName({
|
|
29650
|
-
name: name !== null && name !== void 0 ? name : DEFAULT_PROFILE_NAME,
|
|
29651
|
-
fromCreateView: fromCreateView,
|
|
29652
|
-
});
|
|
29653
|
-
}, [name]), 4), isLoading = _b[0], profileResponse = _b[1], responseError = _b[2], reloadRequest = _b[3];
|
|
29654
|
-
// If configuration is existing and is active then use it else use default from profileResponse
|
|
29655
|
-
var _c = __read(React.useState(null), 2), profileInput = _c[0], setProfileInput = _c[1];
|
|
29656
|
-
var _d = __read(React.useState(__assign({}, PROFILE_INPUT_ERROR_FIELDS)), 2), profileInputErrors = _d[0], setProfileInputErrors = _d[1];
|
|
29657
|
-
var _e = __read(React.useState(false), 2), loadingActionRequest = _e[0], setLoadingActionRequest = _e[1];
|
|
29658
|
-
React.useEffect(function () {
|
|
29659
|
-
if (!isLoading && (profileResponse === null || profileResponse === void 0 ? void 0 : profileResponse.configurationUnits) && (profileResponse === null || profileResponse === void 0 ? void 0 : profileResponse.profile)) {
|
|
29660
|
-
setProfileInput(__assign({}, profileResponse.profile));
|
|
29661
|
-
setProfileInputErrors(getInitialProfileInputErrors(fromCreateView));
|
|
29662
|
-
}
|
|
29663
|
-
}, [profileResponse, isLoading]);
|
|
29664
|
-
// NOTE: Currently sending and receiving values as string, but will parse it to number for payload
|
|
29665
|
-
var handleProfileInputChange = function (_a) {
|
|
29666
|
-
var action = _a.action, data = _a.data;
|
|
29667
|
-
var currentInput = __assign({}, profileInput);
|
|
29668
|
-
var currentInputErrors = __assign({}, profileInputErrors);
|
|
29669
|
-
var lastSavedConfiguration = profileResponse.profile.configurations;
|
|
29670
|
-
var currentConfiguration = currentInput.configurations;
|
|
29671
|
-
var _b = data !== null && data !== void 0 ? data : { value: null, unit: null }, value = _b.value, unit = _b.unit;
|
|
29672
|
-
switch (action) {
|
|
29673
|
-
case exports.BuildInfraMetaConfigTypes.DESCRIPTION:
|
|
29674
|
-
currentInput.description = value;
|
|
29675
|
-
currentInputErrors.description = validateDescription(value).message;
|
|
29676
|
-
break;
|
|
29677
|
-
case exports.BuildInfraMetaConfigTypes.NAME:
|
|
29678
|
-
currentInput.name = value;
|
|
29679
|
-
currentInputErrors.name = validateName(value).message;
|
|
29680
|
-
break;
|
|
29681
|
-
case exports.BuildInfraConfigTypes.CPU_LIMIT: {
|
|
29682
|
-
currentConfiguration[exports.BuildInfraConfigTypes.CPU_LIMIT] = __assign(__assign({}, currentConfiguration[exports.BuildInfraConfigTypes.CPU_LIMIT]), { value: value, unit: unit });
|
|
29683
|
-
var _c = validateRequestLimit({
|
|
29684
|
-
request: {
|
|
29685
|
-
value: currentConfiguration[exports.BuildInfraConfigTypes.CPU_REQUEST].value,
|
|
29686
|
-
unit: currentConfiguration[exports.BuildInfraConfigTypes.CPU_REQUEST].unit,
|
|
29687
|
-
},
|
|
29688
|
-
limit: {
|
|
29689
|
-
value: value,
|
|
29690
|
-
unit: unit,
|
|
29691
|
-
},
|
|
29692
|
-
unitsMap: profileResponse.configurationUnits[exports.BuildInfraConfigTypes.CPU_LIMIT],
|
|
29693
|
-
}), request = _c.request, limit = _c.limit;
|
|
29694
|
-
currentInputErrors[exports.BuildInfraConfigTypes.CPU_LIMIT] = limit.message;
|
|
29695
|
-
currentInputErrors[exports.BuildInfraConfigTypes.CPU_REQUEST] = request.message;
|
|
29696
|
-
break;
|
|
29697
|
-
}
|
|
29698
|
-
case exports.BuildInfraConfigTypes.CPU_REQUEST: {
|
|
29699
|
-
currentConfiguration[exports.BuildInfraConfigTypes.CPU_REQUEST] = __assign(__assign({}, currentConfiguration[exports.BuildInfraConfigTypes.CPU_REQUEST]), { value: value, unit: unit });
|
|
29700
|
-
var _d = validateRequestLimit({
|
|
29701
|
-
request: {
|
|
29702
|
-
value: value,
|
|
29703
|
-
unit: unit,
|
|
29704
|
-
},
|
|
29705
|
-
limit: {
|
|
29706
|
-
value: currentConfiguration[exports.BuildInfraConfigTypes.CPU_LIMIT].value,
|
|
29707
|
-
unit: currentConfiguration[exports.BuildInfraConfigTypes.CPU_LIMIT].unit,
|
|
29708
|
-
},
|
|
29709
|
-
unitsMap: profileResponse.configurationUnits[exports.BuildInfraConfigTypes.CPU_LIMIT],
|
|
29710
|
-
}), request = _d.request, limit = _d.limit;
|
|
29711
|
-
currentInputErrors[exports.BuildInfraConfigTypes.CPU_LIMIT] = limit.message;
|
|
29712
|
-
currentInputErrors[exports.BuildInfraConfigTypes.CPU_REQUEST] = request.message;
|
|
29713
|
-
break;
|
|
29714
|
-
}
|
|
29715
|
-
case exports.BuildInfraConfigTypes.MEMORY_LIMIT: {
|
|
29716
|
-
currentConfiguration[exports.BuildInfraConfigTypes.MEMORY_LIMIT] = __assign(__assign({}, currentConfiguration[exports.BuildInfraConfigTypes.MEMORY_LIMIT]), { value: value, unit: unit });
|
|
29717
|
-
var _e = validateRequestLimit({
|
|
29718
|
-
request: {
|
|
29719
|
-
value: currentConfiguration[exports.BuildInfraConfigTypes.MEMORY_REQUEST].value,
|
|
29720
|
-
unit: currentConfiguration[exports.BuildInfraConfigTypes.MEMORY_REQUEST].unit,
|
|
29721
|
-
},
|
|
29722
|
-
limit: {
|
|
29723
|
-
value: value,
|
|
29724
|
-
unit: unit,
|
|
29725
|
-
},
|
|
29726
|
-
unitsMap: profileResponse.configurationUnits[exports.BuildInfraConfigTypes.MEMORY_LIMIT],
|
|
29727
|
-
}), request = _e.request, limit = _e.limit;
|
|
29728
|
-
currentInputErrors[exports.BuildInfraConfigTypes.MEMORY_LIMIT] = limit.message;
|
|
29729
|
-
currentInputErrors[exports.BuildInfraConfigTypes.MEMORY_REQUEST] = request.message;
|
|
29730
|
-
break;
|
|
29731
|
-
}
|
|
29732
|
-
case exports.BuildInfraConfigTypes.MEMORY_REQUEST: {
|
|
29733
|
-
currentConfiguration[exports.BuildInfraConfigTypes.MEMORY_REQUEST] = __assign(__assign({}, currentConfiguration[exports.BuildInfraConfigTypes.MEMORY_REQUEST]), { value: value, unit: unit });
|
|
29734
|
-
var _f = validateRequestLimit({
|
|
29735
|
-
request: {
|
|
29736
|
-
value: value,
|
|
29737
|
-
unit: unit,
|
|
29738
|
-
},
|
|
29739
|
-
limit: {
|
|
29740
|
-
value: currentConfiguration[exports.BuildInfraConfigTypes.MEMORY_LIMIT].value,
|
|
29741
|
-
unit: currentConfiguration[exports.BuildInfraConfigTypes.MEMORY_LIMIT].unit,
|
|
29742
|
-
},
|
|
29743
|
-
unitsMap: profileResponse.configurationUnits[exports.BuildInfraConfigTypes.MEMORY_LIMIT],
|
|
29744
|
-
}), request = _f.request, limit = _f.limit;
|
|
29745
|
-
currentInputErrors[exports.BuildInfraConfigTypes.MEMORY_LIMIT] = limit.message;
|
|
29746
|
-
currentInputErrors[exports.BuildInfraConfigTypes.MEMORY_REQUEST] = request.message;
|
|
29747
|
-
break;
|
|
29748
|
-
}
|
|
29749
|
-
case exports.BuildInfraConfigTypes.BUILD_TIMEOUT: {
|
|
29750
|
-
currentConfiguration[exports.BuildInfraConfigTypes.BUILD_TIMEOUT] = __assign(__assign({}, currentConfiguration[exports.BuildInfraConfigTypes.BUILD_TIMEOUT]), { value: value, unit: unit });
|
|
29751
|
-
currentInputErrors[exports.BuildInfraConfigTypes.BUILD_TIMEOUT] = validateRequiredPositiveInteger(value).message;
|
|
29752
|
-
break;
|
|
29753
|
-
}
|
|
29754
|
-
case exports.BuildInfraInheritActions.ACTIVATE_CPU:
|
|
29755
|
-
currentConfiguration[exports.BuildInfraConfigTypes.CPU_LIMIT] = __assign(__assign({}, lastSavedConfiguration[exports.BuildInfraConfigTypes.CPU_LIMIT]), { value: lastSavedConfiguration[exports.BuildInfraConfigTypes.CPU_LIMIT].value, unit: lastSavedConfiguration[exports.BuildInfraConfigTypes.CPU_LIMIT].unit, active: true });
|
|
29756
|
-
currentConfiguration[exports.BuildInfraConfigTypes.CPU_REQUEST] = __assign(__assign({}, lastSavedConfiguration[exports.BuildInfraConfigTypes.CPU_REQUEST]), { value: lastSavedConfiguration[exports.BuildInfraConfigTypes.CPU_REQUEST].value, unit: lastSavedConfiguration[exports.BuildInfraConfigTypes.CPU_REQUEST].unit, active: true });
|
|
29757
|
-
currentInputErrors[exports.BuildInfraConfigTypes.CPU_LIMIT] = null;
|
|
29758
|
-
currentInputErrors[exports.BuildInfraConfigTypes.CPU_REQUEST] = null;
|
|
29759
|
-
break;
|
|
29760
|
-
case exports.BuildInfraInheritActions.ACTIVATE_MEMORY:
|
|
29761
|
-
currentConfiguration[exports.BuildInfraConfigTypes.MEMORY_LIMIT] = __assign(__assign({}, lastSavedConfiguration[exports.BuildInfraConfigTypes.MEMORY_LIMIT]), { value: lastSavedConfiguration[exports.BuildInfraConfigTypes.MEMORY_LIMIT].value, unit: lastSavedConfiguration[exports.BuildInfraConfigTypes.MEMORY_LIMIT].unit, active: true });
|
|
29762
|
-
currentConfiguration[exports.BuildInfraConfigTypes.MEMORY_REQUEST] = __assign(__assign({}, lastSavedConfiguration[exports.BuildInfraConfigTypes.MEMORY_REQUEST]), { value: lastSavedConfiguration[exports.BuildInfraConfigTypes.MEMORY_REQUEST].value, unit: lastSavedConfiguration[exports.BuildInfraConfigTypes.MEMORY_REQUEST].unit, active: true });
|
|
29763
|
-
currentInputErrors[exports.BuildInfraConfigTypes.MEMORY_LIMIT] = null;
|
|
29764
|
-
currentInputErrors[exports.BuildInfraConfigTypes.MEMORY_REQUEST] = null;
|
|
29765
|
-
break;
|
|
29766
|
-
case exports.BuildInfraInheritActions.ACTIVATE_BUILD_TIMEOUT:
|
|
29767
|
-
currentConfiguration[exports.BuildInfraConfigTypes.BUILD_TIMEOUT] = __assign(__assign({}, lastSavedConfiguration[exports.BuildInfraConfigTypes.BUILD_TIMEOUT]), { value: lastSavedConfiguration[exports.BuildInfraConfigTypes.BUILD_TIMEOUT].value, unit: lastSavedConfiguration[exports.BuildInfraConfigTypes.BUILD_TIMEOUT].unit, active: true });
|
|
29768
|
-
currentInputErrors[exports.BuildInfraConfigTypes.BUILD_TIMEOUT] = null;
|
|
29769
|
-
break;
|
|
29770
|
-
case exports.BuildInfraInheritActions.DE_ACTIVATE_BUILD_TIMEOUT:
|
|
29771
|
-
// Reverting the value and unit to defaultValues
|
|
29772
|
-
currentConfiguration[exports.BuildInfraConfigTypes.BUILD_TIMEOUT] = __assign(__assign({}, currentConfiguration[exports.BuildInfraConfigTypes.BUILD_TIMEOUT]), { value: lastSavedConfiguration[exports.BuildInfraConfigTypes.BUILD_TIMEOUT].defaultValue.value, unit: lastSavedConfiguration[exports.BuildInfraConfigTypes.BUILD_TIMEOUT].defaultValue.unit, active: false });
|
|
29773
|
-
currentInputErrors[exports.BuildInfraConfigTypes.BUILD_TIMEOUT] = null;
|
|
29774
|
-
break;
|
|
29775
|
-
case exports.BuildInfraInheritActions.DE_ACTIVATE_CPU:
|
|
29776
|
-
currentConfiguration[exports.BuildInfraConfigTypes.CPU_LIMIT] = __assign(__assign({}, currentConfiguration[exports.BuildInfraConfigTypes.CPU_LIMIT]), { value: lastSavedConfiguration[exports.BuildInfraConfigTypes.CPU_LIMIT].defaultValue.value, unit: lastSavedConfiguration[exports.BuildInfraConfigTypes.CPU_LIMIT].defaultValue.unit, active: false });
|
|
29777
|
-
currentConfiguration[exports.BuildInfraConfigTypes.CPU_REQUEST] = __assign(__assign({}, currentConfiguration[exports.BuildInfraConfigTypes.CPU_REQUEST]), { value: lastSavedConfiguration[exports.BuildInfraConfigTypes.CPU_REQUEST].defaultValue.value, unit: lastSavedConfiguration[exports.BuildInfraConfigTypes.CPU_REQUEST].defaultValue.unit, active: false });
|
|
29778
|
-
currentInputErrors[exports.BuildInfraConfigTypes.CPU_LIMIT] = null;
|
|
29779
|
-
currentInputErrors[exports.BuildInfraConfigTypes.CPU_REQUEST] = null;
|
|
29780
|
-
break;
|
|
29781
|
-
case exports.BuildInfraInheritActions.DE_ACTIVATE_MEMORY:
|
|
29782
|
-
currentConfiguration[exports.BuildInfraConfigTypes.MEMORY_LIMIT] = __assign(__assign({}, currentConfiguration[exports.BuildInfraConfigTypes.MEMORY_LIMIT]), { value: lastSavedConfiguration[exports.BuildInfraConfigTypes.MEMORY_LIMIT].defaultValue.value, unit: lastSavedConfiguration[exports.BuildInfraConfigTypes.MEMORY_LIMIT].defaultValue.unit, active: false });
|
|
29783
|
-
currentConfiguration[exports.BuildInfraConfigTypes.MEMORY_REQUEST] = __assign(__assign({}, currentConfiguration[exports.BuildInfraConfigTypes.MEMORY_REQUEST]), { value: lastSavedConfiguration[exports.BuildInfraConfigTypes.MEMORY_REQUEST].defaultValue.value, unit: lastSavedConfiguration[exports.BuildInfraConfigTypes.MEMORY_REQUEST].defaultValue.unit, active: false });
|
|
29784
|
-
currentInputErrors[exports.BuildInfraConfigTypes.MEMORY_LIMIT] = null;
|
|
29785
|
-
currentInputErrors[exports.BuildInfraConfigTypes.MEMORY_REQUEST] = null;
|
|
29786
|
-
break;
|
|
29787
|
-
default:
|
|
29788
|
-
throw new Error(BUILD_INFRA_TEXT.getInvalidActionMessage(action));
|
|
29789
|
-
}
|
|
29790
|
-
setProfileInput(currentInput);
|
|
29791
|
-
setProfileInputErrors(currentInputErrors);
|
|
29792
|
-
};
|
|
29793
|
-
var handleSubmit = function (e) { return __awaiter(void 0, void 0, void 0, function () {
|
|
29794
|
-
var hasErrors, err_1;
|
|
29795
|
-
return __generator(this, function (_a) {
|
|
29796
|
-
switch (_a.label) {
|
|
29797
|
-
case 0:
|
|
29798
|
-
e.preventDefault();
|
|
29799
|
-
hasErrors = Object.keys(profileInputErrors).filter(function (item) { return profileInputErrors[item] !== null && profileInputErrors[item] !== undefined; }).length > 0;
|
|
29800
|
-
if (hasErrors) {
|
|
29801
|
-
toast.error(BUILD_INFRA_TEXT.INVALID_FORM_MESSAGE);
|
|
29802
|
-
return [2 /*return*/];
|
|
29803
|
-
}
|
|
29804
|
-
setLoadingActionRequest(true);
|
|
29805
|
-
_a.label = 1;
|
|
29806
|
-
case 1:
|
|
29807
|
-
_a.trys.push([1, 6, , 7]);
|
|
29808
|
-
if (!editProfile) return [3 /*break*/, 3];
|
|
29809
|
-
return [4 /*yield*/, updateBuildInfraProfile({ name: name, profileInput: profileInput })];
|
|
29810
|
-
case 2:
|
|
29811
|
-
_a.sent();
|
|
29812
|
-
return [3 /*break*/, 5];
|
|
29813
|
-
case 3: return [4 /*yield*/, createBuildInfraProfile({ profileInput: profileInput })];
|
|
29814
|
-
case 4:
|
|
29815
|
-
_a.sent();
|
|
29816
|
-
_a.label = 5;
|
|
29817
|
-
case 5:
|
|
29818
|
-
setLoadingActionRequest(false);
|
|
29819
|
-
toast.success(BUILD_INFRA_TEXT.getSubmitSuccessMessage(profileInput.name, editProfile));
|
|
29820
|
-
if (handleSuccessRedirection) {
|
|
29821
|
-
handleSuccessRedirection();
|
|
29822
|
-
}
|
|
29823
|
-
else {
|
|
29824
|
-
reloadRequest();
|
|
29825
|
-
}
|
|
29826
|
-
return [3 /*break*/, 7];
|
|
29827
|
-
case 6:
|
|
29828
|
-
err_1 = _a.sent();
|
|
29829
|
-
showError(err_1);
|
|
29830
|
-
setLoadingActionRequest(false);
|
|
29831
|
-
return [3 /*break*/, 7];
|
|
29832
|
-
case 7: return [2 /*return*/];
|
|
29833
|
-
}
|
|
29834
|
-
});
|
|
29835
|
-
}); };
|
|
29836
|
-
return {
|
|
29837
|
-
isLoading: isLoading,
|
|
29838
|
-
profileResponse: profileResponse,
|
|
29839
|
-
responseError: responseError,
|
|
29840
|
-
reloadRequest: reloadRequest,
|
|
29841
|
-
profileInput: profileInput,
|
|
29842
|
-
profileInputErrors: profileInputErrors,
|
|
29843
|
-
handleProfileInputChange: handleProfileInputChange,
|
|
29844
|
-
loadingActionRequest: loadingActionRequest,
|
|
29845
|
-
handleSubmit: handleSubmit,
|
|
29846
|
-
};
|
|
29847
|
-
};
|
|
29848
|
-
var getOptionBackgroundColor = function (isFocused, isSelected) {
|
|
29849
|
-
if (isSelected) {
|
|
29850
|
-
return 'var(--B100)';
|
|
29851
|
-
}
|
|
29852
|
-
if (isFocused) {
|
|
29853
|
-
return 'var(--N50)';
|
|
29854
|
-
}
|
|
29855
|
-
return 'var(--white)';
|
|
29856
|
-
};
|
|
29857
|
-
var unitSelectorStyles = function () {
|
|
29858
|
-
return getCommonSelectStyle({
|
|
29859
|
-
control: function (base, state) { return (__assign(__assign({}, base), { borderRadius: 0, backgroundColor: 'var(--N0)', border: state.isFocused ? '1px solid var(--B500) !important' : '1px solid var(--N200)', alignItems: 'center', cursor: 'pointer', borderTopRightRadius: '4px', borderBottomRightRadius: '4px', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', outline: 'none', boxShadow: 'none', '&:hover': {
|
|
29860
|
-
border: '1px solid var(--N400)',
|
|
29861
|
-
} })); },
|
|
29862
|
-
indicatorContainer: function (base) { return (__assign(__assign({}, base), { padding: '0px' })); },
|
|
29863
|
-
dropdownIndicator: function (base, state) { return (__assign(__assign({}, base), { color: 'var(--N600)', transition: 'all .2s ease', transform: state.selectProps.menuIsOpen ? 'rotate(180deg)' : 'rotate(0deg)' })); },
|
|
29864
|
-
option: function (base, state) { return (__assign(__assign({}, base), { padding: '4px 12px', backgroundColor: getOptionBackgroundColor(state.isFocused, state.isSelected), color: 'var(--N900)', cursor: 'pointer', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', height: '36px' })); },
|
|
29865
|
-
valueContainer: function (base) { return (__assign(__assign({}, base), { color: 'var(--N900)', fontSize: '13px', fontWeight: '400', lineHeight: '20px' })); },
|
|
29866
|
-
menuList: function (base) { return (__assign(__assign({}, base), { maxHeight: '164px', height: '100%' })); },
|
|
29867
|
-
});
|
|
29868
|
-
};
|
|
29869
|
-
|
|
29870
|
-
/**
|
|
29871
|
-
* In case need arise for variants break this CustomInput and Select as a separate component
|
|
29872
|
-
*/
|
|
29873
|
-
var BuildInfraFormAction = function (_a) {
|
|
29874
|
-
var actionType = _a.actionType, label = _a.label, placeholder = _a.placeholder, error = _a.error, isRequired = _a.isRequired, profileUnitsMap = _a.profileUnitsMap, handleProfileInputChange = _a.handleProfileInputChange, currentUnitName = _a.currentUnitName, currentValue = _a.currentValue;
|
|
29875
|
-
var handleUnitChange = function (selectedUnit) {
|
|
29876
|
-
var data = {
|
|
29877
|
-
unit: selectedUnit.label,
|
|
29878
|
-
value: currentValue,
|
|
29879
|
-
};
|
|
29880
|
-
handleProfileInputChange({ action: actionType, data: data });
|
|
29881
|
-
};
|
|
29882
|
-
var handleInputChange = function (e) {
|
|
29883
|
-
var data = {
|
|
29884
|
-
unit: currentUnitName,
|
|
29885
|
-
value: e.currentTarget.value,
|
|
29886
|
-
};
|
|
29887
|
-
handleProfileInputChange({ action: actionType, data: data });
|
|
29888
|
-
};
|
|
29889
|
-
var unitOptions = React.useMemo(function () {
|
|
29890
|
-
var _a, _b;
|
|
29891
|
-
var units = (_b = (_a = Object.values(profileUnitsMap)) === null || _a === void 0 ? void 0 : _a.map(function (unit) { return ({
|
|
29892
|
-
label: unit.name,
|
|
29893
|
-
value: String(unit.conversionFactor),
|
|
29894
|
-
}); })) !== null && _b !== void 0 ? _b : [];
|
|
29895
|
-
return units.sort(function (a, b) { return Number(a.value) - Number(b.value); });
|
|
29896
|
-
}, [profileUnitsMap]);
|
|
29897
|
-
var currentUnit = React.useMemo(function () { return unitOptions.find(function (unit) { return unit.label === currentUnitName; }); }, [unitOptions, currentUnitName]);
|
|
29898
|
-
return (jsxRuntime.jsxs("div", __assign({ className: "flexbox-col dc__gap-4 dc__mxw-420 w-100 dc__align-start" }, { children: [jsxRuntime.jsx("label", __assign({ htmlFor: "".concat(actionType, "-input"), className: "fs-13 fw-4 lh-20 cn-7 ".concat(isRequired ? 'dc__required-field' : '') }, { children: label })), jsxRuntime.jsxs("div", __assign({ className: "w-100 flexbox dc__align-items-center" }, { children: [jsxRuntime.jsx("div", __assign({ className: "flex-grow-1" }, { children: jsxRuntime.jsx("input", { "data-testid": "".concat(actionType, "-input-field"), name: actionType, type: "number", step: BUILD_INFRA_INPUT_CONSTRAINTS.STEP, min: BUILD_INFRA_INPUT_CONSTRAINTS.MIN, className: "form__input dc__no-right-border dc__no-right-radius", placeholder: placeholder, value: currentValue, onChange: handleInputChange, required: isRequired, autoComplete: "off", id: "".concat(actionType, "-input") }) })), profileUnitsMap && (jsxRuntime.jsx(ReactSelect, { name: "".concat(actionType, "-unit"), className: "bcn-0 dc__mxw-120", options: unitOptions, value: currentUnit, onChange: handleUnitChange, isSearchable: false, components: {
|
|
29899
|
-
IndicatorSeparator: null,
|
|
29900
|
-
ClearIndicator: null,
|
|
29901
|
-
}, styles: unitSelectorStyles() }))] })), error && (jsxRuntime.jsxs("div", __assign({ className: "form__error" }, { children: [jsxRuntime.jsx(SvgIcWarning, { className: "form__icon form__icon--error" }), error] })))] })));
|
|
29902
|
-
};
|
|
29903
|
-
|
|
29904
|
-
var BuildInfraFormItem = function (_a) {
|
|
29905
|
-
var heading = _a.heading, Marker = _a.marker, children = _a.children, isInheriting = _a.isInheriting, showDivider = _a.showDivider, handleProfileInputChange = _a.handleProfileInputChange, locator = _a.locator, isDefaultProfile = _a.isDefaultProfile;
|
|
29906
|
-
var handleActivationChange = function (e) {
|
|
29907
|
-
var checked = e.currentTarget.checked;
|
|
29908
|
-
var action = (checked ? "activate_".concat(locator) : "de_activate_".concat(locator));
|
|
29909
|
-
handleProfileInputChange({ action: action });
|
|
29910
|
-
};
|
|
29911
|
-
var renderMarker = function () {
|
|
29912
|
-
if (isDefaultProfile) {
|
|
29913
|
-
return jsxRuntime.jsx(Marker, { className: "icon-dim-20 dc__no-shrink" });
|
|
29914
|
-
}
|
|
29915
|
-
return (jsxRuntime.jsx(Checkbox$1, { onChange: handleActivationChange, isChecked: !isInheriting, value: exports.CHECKBOX_VALUE.CHECKED, dataTestId: "".concat(locator, "_marker") }));
|
|
29916
|
-
};
|
|
29917
|
-
// If in configuration active is false, means it is inheriting values from other profile
|
|
29918
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", __assign({ className: "flexbox-col dc__gap-8 w-100" }, { children: jsxRuntime.jsxs("div", __assign({ className: "flexbox dc__gap-12 dc__align-start w-100" }, { children: [renderMarker(), jsxRuntime.jsxs("div", __assign({ className: "flexbox-col dc__gap-8 w-100" }, { children: [heading, !isInheriting && children] }))] })) })), showDivider && jsxRuntime.jsx("div", { className: "w-100 dc__border-bottom-n1" })] }));
|
|
29919
|
-
};
|
|
29920
|
-
|
|
29921
|
-
var BuildInfraProfileDescriptionField = function (_a) {
|
|
29922
|
-
var handleProfileInputChange = _a.handleProfileInputChange, currentValue = _a.currentValue, error = _a.error;
|
|
29923
|
-
var handleChange = function (e) {
|
|
29924
|
-
handleProfileInputChange({
|
|
29925
|
-
action: exports.BuildInfraMetaConfigTypes.DESCRIPTION,
|
|
29926
|
-
data: { value: e.currentTarget.value },
|
|
29927
|
-
});
|
|
29928
|
-
};
|
|
29929
|
-
return (jsxRuntime.jsxs("div", __assign({ className: "flexbox-col dc__gap-4 w-100 dc__align-start" }, { children: [jsxRuntime.jsx("label", __assign({ htmlFor: "build-infra-profile-description", className: "m-0 fs-13 fw-4 lh-20 cn-7" }, { children: BUILD_INFRA_TEXT.DESCRIPTION_LABEL })), jsxRuntime.jsx("textarea", { "data-testid": "build-infra-profile-description", name: "profile-description", className: "form__textarea mxh-140 dc__hover-border-n300", id: "build-infra-profile-description", placeholder: BUILD_INFRA_TEXT.DESCRIPTION_PLACEHOLDER, value: currentValue, onChange: handleChange }), error && (jsxRuntime.jsxs("div", __assign({ className: "form__error" }, { children: [jsxRuntime.jsx(SvgIcWarning, { className: "form__icon form__icon--error" }), error] })))] })));
|
|
29930
|
-
};
|
|
29931
|
-
|
|
29932
|
-
var BuildInfraProfileNameField = function (_a) {
|
|
29933
|
-
var handleProfileInputChange = _a.handleProfileInputChange, currentValue = _a.currentValue, error = _a.error;
|
|
29934
|
-
var handleChange = function (e) {
|
|
29935
|
-
handleProfileInputChange({ action: exports.BuildInfraMetaConfigTypes.NAME, data: { value: e.currentTarget.value } });
|
|
29936
|
-
};
|
|
29937
|
-
return (jsxRuntime.jsx("div", __assign({ className: "flexbox-col dc__gap-4 w-100 dc__align-start" }, { children: jsxRuntime.jsx(CustomInput, { name: "profile-name", label: BUILD_INFRA_TEXT.PROFILE_LABEL, labelClassName: "m-0 dc__required-field fs-13 fw-4 lh-20 cn-7", placeholder: BUILD_INFRA_TEXT.PROFILE_PLACEHOLDER, value: currentValue, onChange: handleChange, error: error, required: true, inputWrapClassName: "w-100" }) })));
|
|
29938
|
-
};
|
|
29939
|
-
|
|
29940
|
-
var InheritingHeader = function (_a) {
|
|
29941
|
-
var defaultHeading = _a.defaultHeading, inheritingData = _a.inheritingData, isInheriting = _a.isInheriting, isDefaultProfile = _a.isDefaultProfile;
|
|
29942
|
-
var inheritingDataString = inheritingData.map(function (data) { var _a; return "".concat(data.value, " ").concat((_a = data.unit) !== null && _a !== void 0 ? _a : ''); }).join(' - ');
|
|
29943
|
-
if (isDefaultProfile || !isInheriting) {
|
|
29944
|
-
// For typing issues
|
|
29945
|
-
// eslint-disable-next-line react/jsx-no-useless-fragment
|
|
29946
|
-
return jsxRuntime.jsx(jsxRuntime.Fragment, { children: defaultHeading });
|
|
29947
|
-
}
|
|
29948
|
-
return (jsxRuntime.jsxs("div", __assign({ className: "flexbox dc__align-items-center dc__content-space w-100" }, { children: [defaultHeading, jsxRuntime.jsxs("div", __assign({ className: "flexbox dc__content-space w-100" }, { children: [jsxRuntime.jsx("span", __assign({ className: "m-0 pt-0 pb-0 pl-4 pr-4 fs-13 lh-20 fw-4 cn-9 dc__ellipsis-right dc__word-break-all flex-grow-1" }, { children: inheritingDataString })), jsxRuntime.jsx("p", __assign({ className: "m-0 cn-7 fs-13 fw-4 lh-20 dc__no-shrink" }, { children: BUILD_INFRA_TEXT.INHERITING_HEADING_DESCRIPTION }))] }))] })));
|
|
29949
|
-
};
|
|
29950
|
-
var BuildInfraConfigForm = function (_a) {
|
|
29951
|
-
var profileInput = _a.profileInput, profileInputErrors = _a.profileInputErrors, handleProfileInputChange = _a.handleProfileInputChange, isDefaultProfile = _a.isDefaultProfile, unitsMap = _a.unitsMap, configurationContainerLabel = _a.configurationContainerLabel;
|
|
29952
|
-
var currentConfigurations = profileInput === null || profileInput === void 0 ? void 0 : profileInput.configurations;
|
|
29953
|
-
// will get the desired configuration from the currentConfigurations and then check if it is active or not
|
|
29954
|
-
var isInheritingProfileValues = function (actions) {
|
|
29955
|
-
return actions.some(function (action) { return !currentConfigurations[action.actionType].active; });
|
|
29956
|
-
};
|
|
29957
|
-
// Had to show loader for an instance due to batching of state updates not working as expected :/
|
|
29958
|
-
if (!currentConfigurations) {
|
|
29959
|
-
return jsxRuntime.jsx(Progressing, { pageLoader: true });
|
|
29960
|
-
}
|
|
29961
|
-
return (jsxRuntime.jsxs("div", __assign({ className: "flexbox-col dc__mxw-920 dc__gap-16" }, { children: [!isDefaultProfile && (jsxRuntime.jsxs("div", __assign({ className: "flexbox-col dc__gap-12" }, { children: [jsxRuntime.jsx(BuildInfraProfileNameField, { handleProfileInputChange: handleProfileInputChange, currentValue: profileInput.name, error: profileInputErrors.name }), jsxRuntime.jsx(BuildInfraProfileDescriptionField, { handleProfileInputChange: handleProfileInputChange, currentValue: profileInput.description, error: profileInputErrors.description })] }))), jsxRuntime.jsxs("div", __assign({ className: "flexbox-col dc__gap-12" }, { children: [configurationContainerLabel, jsxRuntime.jsx("div", __assign({ className: "w-100 flexbox-col dc__gap-16 br-4 dc__border-n1 p-16" }, { children: BUILD_INFRA_FORM_FIELDS.map(function (field, index) { return (jsxRuntime.jsx(BuildInfraFormItem, __assign({ marker: field.marker, heading: jsxRuntime.jsx(InheritingHeader, { defaultHeading: field.heading, inheritingData: field.actions.map(function (action) { return currentConfigurations[action.actionType]; }), isInheriting: isInheritingProfileValues(field.actions), isDefaultProfile: isDefaultProfile }), showDivider: index !== BUILD_INFRA_FORM_FIELDS.length - 1, isInheriting: isInheritingProfileValues(field.actions), handleProfileInputChange: handleProfileInputChange, locator: field.locator, isDefaultProfile: isDefaultProfile }, { children: jsxRuntime.jsx("div", __assign({ className: "w-50 flexbox dc__gap-12 w-100 dc__align-start" }, { children: field.actions.map(function (action) { return (jsxRuntime.jsx(BuildInfraFormAction, { actionType: action.actionType, label: action.label, placeholder: action.placeholder, error: profileInputErrors[action.actionType],
|
|
29962
|
-
// Assumption is for default profiles all input fields are required
|
|
29963
|
-
isRequired: true, profileUnitsMap: unitsMap[action.actionType], handleProfileInputChange: handleProfileInputChange, currentUnitName: currentConfigurations[action.actionType].unit, currentValue: currentConfigurations[action.actionType].value }, action.actionType)); }) })) }), field.locator)); }) }))] }))] })));
|
|
29964
|
-
};
|
|
29965
|
-
|
|
29966
|
-
exports.APIResponseHandler = APIResponseHandler;
|
|
29967
28757
|
exports.AddCDButton = AddCDButton;
|
|
29968
28758
|
exports.AppStatus = AppStatus;
|
|
29969
|
-
exports.BUILD_INFRA_BREADCRUMB = BUILD_INFRA_BREADCRUMB;
|
|
29970
|
-
exports.BUILD_INFRA_FORM_FIELDS = BUILD_INFRA_FORM_FIELDS;
|
|
29971
|
-
exports.BUILD_INFRA_INPUT_CONSTRAINTS = BUILD_INFRA_INPUT_CONSTRAINTS;
|
|
29972
|
-
exports.BUILD_INFRA_TEST_IDS = BUILD_INFRA_TEST_IDS;
|
|
29973
|
-
exports.BUILD_INFRA_TEXT = BUILD_INFRA_TEXT;
|
|
29974
|
-
exports.BULK_DROPDOWN_TEST_ID = BULK_DROPDOWN_TEST_ID;
|
|
29975
28759
|
exports.BreadCrumb = BreadCrumb;
|
|
29976
28760
|
exports.BreadcrumbStore = Store;
|
|
29977
|
-
exports.BuildInfraConfigActionMap = BuildInfraConfigActionMap;
|
|
29978
|
-
exports.BuildInfraConfigForm = BuildInfraConfigForm;
|
|
29979
|
-
exports.BuildInfraDescriptor = Descriptor;
|
|
29980
|
-
exports.BuildInfraFooter = Footer;
|
|
29981
28761
|
exports.BuildStageVariable = BuildStageVariable;
|
|
29982
|
-
exports.BulkSelection = BulkSelection;
|
|
29983
|
-
exports.BulkSelectionOptionsLabels = BulkSelectionOptionsLabels;
|
|
29984
28762
|
exports.CDModalTab = CDModalTab;
|
|
29985
|
-
exports.CREATE_MODE_REQUIRED_INPUT_FIELDS = CREATE_MODE_REQUIRED_INPUT_FIELDS;
|
|
29986
|
-
exports.CREATE_PROFILE_BASE_VALUE = CREATE_PROFILE_BASE_VALUE;
|
|
29987
|
-
exports.CREATE_VIEW_CHECKED_CONFIGS = CREATE_VIEW_CHECKED_CONFIGS;
|
|
29988
28763
|
exports.ChartVersionAndTypeSelector = ChartVersionAndTypeSelector;
|
|
29989
28764
|
exports.Checkbox = Checkbox$1;
|
|
29990
28765
|
exports.ClearIndicator = ClearIndicator;
|
|
@@ -29993,7 +28768,6 @@ exports.ConditionalWrap = ConditionalWrap;
|
|
|
29993
28768
|
exports.ConfirmationDialog = ConfirmationDialog;
|
|
29994
28769
|
exports.CustomInput = CustomInput;
|
|
29995
28770
|
exports.CustomSelect = CustomSelect;
|
|
29996
|
-
exports.DEFAULT_PROFILE_NAME = DEFAULT_PROFILE_NAME;
|
|
29997
28771
|
exports.DEFAULT_TAG_DATA = DEFAULT_TAG_DATA;
|
|
29998
28772
|
exports.DOCUMENTATION = DOCUMENTATION;
|
|
29999
28773
|
exports.DOCUMENTATION_HOME_PAGE = DOCUMENTATION_HOME_PAGE;
|
|
@@ -30027,7 +28801,6 @@ exports.MultiValueRemove = MultiValueRemove;
|
|
|
30027
28801
|
exports.OpaqueModal = OpaqueModal;
|
|
30028
28802
|
exports.Option = Option;
|
|
30029
28803
|
exports.PATTERNS = PATTERNS;
|
|
30030
|
-
exports.PROFILE_INPUT_ERROR_FIELDS = PROFILE_INPUT_ERROR_FIELDS;
|
|
30031
28804
|
exports.Pagination = Pagination;
|
|
30032
28805
|
exports.PopupMenu = PopupMenu;
|
|
30033
28806
|
exports.Progressing = Progressing;
|
|
@@ -30042,10 +28815,8 @@ exports.RepositoryAction = RepositoryAction;
|
|
|
30042
28815
|
exports.ResizableTagTextArea = ResizableTagTextArea;
|
|
30043
28816
|
exports.ResizableTextarea = ResizableTextarea;
|
|
30044
28817
|
exports.SELECTED_APPROVAL_TAB_STATE = SELECTED_APPROVAL_TAB_STATE;
|
|
30045
|
-
exports.SELECT_ALL_ACROSS_PAGES_LOCATOR = SELECT_ALL_ACROSS_PAGES_LOCATOR;
|
|
30046
28818
|
exports.ScanVulnerabilitiesTable = ScanVulnerabilitiesTable;
|
|
30047
28819
|
exports.SearchBar = SearchBar;
|
|
30048
|
-
exports.SelectOption = SelectOption;
|
|
30049
28820
|
exports.ServerError = ServerError;
|
|
30050
28821
|
exports.ServerErrors = ServerErrors;
|
|
30051
28822
|
exports.SingleSelectOption = SingleSelectOption;
|
|
@@ -30065,10 +28836,8 @@ exports.TriggerTypeMap = TriggerTypeMap;
|
|
|
30065
28836
|
exports.URLS = URLS;
|
|
30066
28837
|
exports.VisibleModal = VisibleModal;
|
|
30067
28838
|
exports.VisibleModal2 = VisibleModal2;
|
|
30068
|
-
exports.abortPreviousRequests = abortPreviousRequests;
|
|
30069
28839
|
exports.closeOnEscKeyPressed = closeOnEscKeyPressed;
|
|
30070
28840
|
exports.copyToClipboard = copyToClipboard;
|
|
30071
|
-
exports.createBuildInfraProfile = createBuildInfraProfile;
|
|
30072
28841
|
exports.createGitCommitUrl = createGitCommitUrl;
|
|
30073
28842
|
exports.customStyles = customStyles;
|
|
30074
28843
|
exports.debounce = debounce$2;
|
|
@@ -30077,27 +28846,20 @@ exports.fetchChartTemplateVersions = fetchChartTemplateVersions;
|
|
|
30077
28846
|
exports.genericCDMaterialsService = genericCDMaterialsService;
|
|
30078
28847
|
exports.get = get;
|
|
30079
28848
|
exports.getAlphabetIcon = getAlphabetIcon;
|
|
30080
|
-
exports.getBuildInfraProfileByName = getBuildInfraProfileByName;
|
|
30081
|
-
exports.getCommonSelectStyle = getCommonSelectStyle;
|
|
30082
28849
|
exports.getCookie = getCookie;
|
|
30083
|
-
exports.getCustomOptionSelectionStyle = getCustomOptionSelectionStyle;
|
|
30084
28850
|
exports.getEmptyArrayOfLength = getEmptyArrayOfLength;
|
|
30085
28851
|
exports.getFilteredChartVersions = getFilteredChartVersions;
|
|
30086
28852
|
exports.getInferredTypeFromValueType = getInferredTypeFromValueType;
|
|
30087
|
-
exports.getInvalidActionMessage = getInvalidActionMessage;
|
|
30088
|
-
exports.getIsRequestAborted = getIsRequestAborted;
|
|
30089
28853
|
exports.getLockedJSON = getLockedJSON;
|
|
30090
28854
|
exports.getLoginInfo = getLoginInfo;
|
|
30091
28855
|
exports.getRandomColor = getRandomColor;
|
|
30092
28856
|
exports.getRedirectionProps = getRedirectionProps;
|
|
30093
28857
|
exports.getTeamListMin = getTeamListMin;
|
|
30094
|
-
exports.getTransformedBuildInfraProfileResponse = getTransformedBuildInfraProfileResponse;
|
|
30095
28858
|
exports.getUnlockedJSON = getUnlockedJSON;
|
|
30096
28859
|
exports.getUrlWithSearchParams = getUrlWithSearchParams;
|
|
30097
28860
|
exports.getUserRole = getUserRole;
|
|
30098
28861
|
exports.handleAddCD = handleAddCD;
|
|
30099
28862
|
exports.handleUTCTime = handleUTCTime;
|
|
30100
|
-
exports.highlightSearchText = highlightSearchText;
|
|
30101
28863
|
exports.logExceptionToSentry = logExceptionToSentry;
|
|
30102
28864
|
exports.multiSelectStyles = multiSelectStyles;
|
|
30103
28865
|
exports.noop = noop$1;
|
|
@@ -30111,12 +28873,8 @@ exports.sortCallback = sortCallback;
|
|
|
30111
28873
|
exports.stopPropagation = stopPropagation;
|
|
30112
28874
|
exports.toastAccessDenied = toastAccessDenied;
|
|
30113
28875
|
exports.trash = trash;
|
|
30114
|
-
exports.unitSelectorStyles = unitSelectorStyles;
|
|
30115
|
-
exports.updateBuildInfraProfile = updateBuildInfraProfile;
|
|
30116
28876
|
exports.useAsync = useAsync;
|
|
30117
28877
|
exports.useBreadcrumb = useBreadcrumb;
|
|
30118
|
-
exports.useBuildInfraForm = useBuildInfraForm;
|
|
30119
|
-
exports.useBulkSelection = useBulkSelection;
|
|
30120
28878
|
exports.useClickOutside = useClickOutside;
|
|
30121
28879
|
exports.useEffectAfterMount = useEffectAfterMount;
|
|
30122
28880
|
exports.useForm = useForm;
|
|
@@ -30124,8 +28882,3 @@ exports.useSearchString = useSearchString;
|
|
|
30124
28882
|
exports.useSuperAdmin = useSuperAdmin;
|
|
30125
28883
|
exports.useThrottledEffect = useThrottledEffect;
|
|
30126
28884
|
exports.useWindowSize = useWindowSize;
|
|
30127
|
-
exports.validateDescription = validateDescription;
|
|
30128
|
-
exports.validateName = validateName;
|
|
30129
|
-
exports.validateRequestLimit = validateRequestLimit;
|
|
30130
|
-
exports.validateRequiredPositiveInteger = validateRequiredPositiveInteger;
|
|
30131
|
-
exports.validateRequiredPositiveNumber = validateRequiredPositiveNumber;
|