@devtron-labs/devtron-fe-common-lib 0.0.61-beta-1 → 0.0.61
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 -14
- package/dist/Common/DraggableWrapper/types.d.ts +1 -4
- package/dist/Common/Helper.d.ts +4 -1
- package/dist/Common/Hooks/index.d.ts +0 -1
- package/dist/Common/Types.d.ts +3 -16
- package/dist/Common/index.d.ts +0 -1
- package/dist/index.d.ts +1 -3
- package/dist/index.js +173 -652
- package/package.json +1 -1
- package/src/Common/Api.ts +0 -21
- package/src/Common/Constants.ts +1 -17
- package/src/Common/DraggableWrapper/types.ts +1 -4
- package/src/Common/Helper.tsx +30 -16
- package/src/Common/Hooks/index.ts +0 -1
- package/src/Common/SearchBar/SearchBar.component.tsx +0 -1
- package/src/Common/Types.ts +2 -16
- package/src/Common/index.ts +0 -1
- package/src/index.ts +1 -3
- package/dist/Common/Hooks/useUrlFilters/constants.d.ts +0 -8
- package/dist/Common/Hooks/useUrlFilters/index.d.ts +0 -2
- package/dist/Common/Hooks/useUrlFilters/types.d.ts +0 -19
- package/dist/Common/Hooks/useUrlFilters/useUrlFilters.d.ts +0 -20
- package/dist/Common/SortableTableHeaderCell/SortableTableHeaderCell.d.ts +0 -18
- package/dist/Common/SortableTableHeaderCell/index.d.ts +0 -2
- package/dist/Common/SortableTableHeaderCell/types.d.ts +0 -25
- package/dist/Pages/GlobalConfigurations/Authorization/constants.d.ts +0 -15
- package/dist/Pages/GlobalConfigurations/Authorization/index.d.ts +0 -1
- package/dist/Pages/GlobalConfigurations/index.d.ts +0 -1
- package/dist/Pages/index.d.ts +0 -1
- 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/BulkSelectionProvider.d.ts +0 -4
- package/dist/Shared/Components/BulkSelection/constants.d.ts +0 -9
- package/dist/Shared/Components/BulkSelection/index.d.ts +0 -4
- package/dist/Shared/Components/BulkSelection/types.d.ts +0 -54
- package/dist/Shared/Components/index.d.ts +0 -1
- package/dist/Shared/index.d.ts +0 -1
- package/src/Assets/Icon/ic-arrow-up-down.svg +0 -3
- 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 -9
- package/src/Assets/Icon/ic-sort-arrow-down.svg +0 -3
- package/src/Common/Hooks/useUrlFilters/constants.ts +0 -9
- package/src/Common/Hooks/useUrlFilters/index.ts +0 -2
- package/src/Common/Hooks/useUrlFilters/types.ts +0 -21
- package/src/Common/Hooks/useUrlFilters/useUrlFilters.ts +0 -121
- package/src/Common/SortableTableHeaderCell/SortableTableHeaderCell.tsx +0 -44
- package/src/Common/SortableTableHeaderCell/index.ts +0 -2
- package/src/Common/SortableTableHeaderCell/types.ts +0 -26
- package/src/Pages/GlobalConfigurations/Authorization/constants.ts +0 -16
- package/src/Pages/GlobalConfigurations/Authorization/index.ts +0 -1
- package/src/Pages/GlobalConfigurations/index.ts +0 -1
- package/src/Pages/index.ts +0 -1
- package/src/Shared/Components/BulkSelection/BulkSelection.tsx +0 -77
- package/src/Shared/Components/BulkSelection/BulkSelectionDropdownItems.tsx +0 -31
- package/src/Shared/Components/BulkSelection/BulkSelectionProvider.tsx +0 -163
- package/src/Shared/Components/BulkSelection/constants.tsx +0 -13
- package/src/Shared/Components/BulkSelection/index.ts +0 -4
- package/src/Shared/Components/BulkSelection/types.tsx +0 -65
- package/src/Shared/Components/index.ts +0 -1
- package/src/Shared/index.ts +0 -1
package/dist/index.js
CHANGED
|
@@ -267,22 +267,7 @@ var MAX_Z_INDEX = 2147483647;
|
|
|
267
267
|
var SELECTED_APPROVAL_TAB_STATE = {
|
|
268
268
|
APPROVAL: 'approval',
|
|
269
269
|
PENDING: 'pending',
|
|
270
|
-
};
|
|
271
|
-
exports.SortingOrder = void 0;
|
|
272
|
-
(function (SortingOrder) {
|
|
273
|
-
/**
|
|
274
|
-
* Ascending order
|
|
275
|
-
*/
|
|
276
|
-
SortingOrder["ASC"] = "ASC";
|
|
277
|
-
/**
|
|
278
|
-
* Descending order
|
|
279
|
-
*/
|
|
280
|
-
SortingOrder["DESC"] = "DESC";
|
|
281
|
-
})(exports.SortingOrder || (exports.SortingOrder = {}));
|
|
282
|
-
/**
|
|
283
|
-
* Base page size for pagination
|
|
284
|
-
*/
|
|
285
|
-
var DEFAULT_BASE_PAGE_SIZE = 20;
|
|
270
|
+
};
|
|
286
271
|
|
|
287
272
|
/******************************************************************************
|
|
288
273
|
Copyright (c) Microsoft Corporation.
|
|
@@ -444,7 +429,6 @@ exports.CHECKBOX_VALUE = void 0;
|
|
|
444
429
|
(function (CHECKBOX_VALUE) {
|
|
445
430
|
CHECKBOX_VALUE["CHECKED"] = "CHECKED";
|
|
446
431
|
CHECKBOX_VALUE["INTERMEDIATE"] = "INTERMEDIATE";
|
|
447
|
-
CHECKBOX_VALUE["BULK_CHECKED"] = "BULK_CHECKED";
|
|
448
432
|
})(exports.CHECKBOX_VALUE || (exports.CHECKBOX_VALUE = {}));
|
|
449
433
|
exports.ImageType = void 0;
|
|
450
434
|
(function (ImageType) {
|
|
@@ -748,22 +732,6 @@ var get = function (url, options) {
|
|
|
748
732
|
};
|
|
749
733
|
var trash = function (url, data, options) {
|
|
750
734
|
return fetchInTime(url, 'DELETE', data, options);
|
|
751
|
-
};
|
|
752
|
-
/**
|
|
753
|
-
* Aborts the previous request before triggering next request
|
|
754
|
-
*/
|
|
755
|
-
var abortPreviousRequests = function (callback, abortControllerRef) {
|
|
756
|
-
abortControllerRef.current.abort();
|
|
757
|
-
// eslint-disable-next-line no-param-reassign
|
|
758
|
-
abortControllerRef.current = new AbortController();
|
|
759
|
-
return callback();
|
|
760
|
-
};
|
|
761
|
-
/**
|
|
762
|
-
* Returns true if the error is due to a aborted request
|
|
763
|
-
*/
|
|
764
|
-
var getIsRequestAborted = function (error) {
|
|
765
|
-
// The 0 code is common for aborted and blocked requests
|
|
766
|
-
return error && error.code === 0 && error.message === 'The user aborted a request.';
|
|
767
735
|
};
|
|
768
736
|
|
|
769
737
|
function styleInject(css, ref) {
|
|
@@ -797,9 +765,9 @@ var css_248z$9 = ".empty-state {\n height: 100%;\n}\n.empty-state img {\n heig
|
|
|
797
765
|
styleInject(css_248z$9);
|
|
798
766
|
|
|
799
767
|
var _g$7;
|
|
800
|
-
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); }
|
|
801
769
|
var SvgIcProgressing = function SvgIcProgressing(props) {
|
|
802
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
770
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
|
|
803
771
|
xmlns: "http://www.w3.org/2000/svg",
|
|
804
772
|
viewBox: "0 0 24 24",
|
|
805
773
|
width: "1em",
|
|
@@ -851,8 +819,8 @@ EmptyState.Loading = Loading;
|
|
|
851
819
|
|
|
852
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}
|
|
853
821
|
|
|
854
|
-
function _extends$
|
|
855
|
-
_extends$
|
|
822
|
+
function _extends$n() {
|
|
823
|
+
_extends$n = Object.assign || function (target) {
|
|
856
824
|
for (var i = 1; i < arguments.length; i++) {
|
|
857
825
|
var source = arguments[i];
|
|
858
826
|
|
|
@@ -866,7 +834,7 @@ function _extends$s() {
|
|
|
866
834
|
return target;
|
|
867
835
|
};
|
|
868
836
|
|
|
869
|
-
return _extends$
|
|
837
|
+
return _extends$n.apply(this, arguments);
|
|
870
838
|
}
|
|
871
839
|
|
|
872
840
|
function _objectWithoutPropertiesLoose$2(source, excluded) {
|
|
@@ -1592,7 +1560,7 @@ function ProgressBar(_ref) {
|
|
|
1592
1560
|
isIn = _ref.isIn,
|
|
1593
1561
|
theme = _ref.theme;
|
|
1594
1562
|
|
|
1595
|
-
var style = _extends$
|
|
1563
|
+
var style = _extends$n({}, userStyle, {
|
|
1596
1564
|
animationDuration: delay + "ms",
|
|
1597
1565
|
animationPlayState: isRunning ? 'running' : 'paused',
|
|
1598
1566
|
opacity: hide ? 0 : 1
|
|
@@ -1869,9 +1837,9 @@ var ToastContainer = function ToastContainer(props) {
|
|
|
1869
1837
|
,
|
|
1870
1838
|
id: containerId
|
|
1871
1839
|
}, getToastToRender(function (position, toastList) {
|
|
1872
|
-
var containerStyle = !toastList.length ? _extends$
|
|
1840
|
+
var containerStyle = !toastList.length ? _extends$n({}, style, {
|
|
1873
1841
|
pointerEvents: 'none'
|
|
1874
|
-
}) : _extends$
|
|
1842
|
+
}) : _extends$n({}, style);
|
|
1875
1843
|
return React.createElement("div", {
|
|
1876
1844
|
className: getClassName(position),
|
|
1877
1845
|
style: containerStyle,
|
|
@@ -1978,7 +1946,7 @@ function dispatchToast(content, options) {
|
|
|
1978
1946
|
|
|
1979
1947
|
|
|
1980
1948
|
function mergeOptions(type, options) {
|
|
1981
|
-
return _extends$
|
|
1949
|
+
return _extends$n({}, options, {
|
|
1982
1950
|
type: options && options.type || type,
|
|
1983
1951
|
toastId: getToastId(options)
|
|
1984
1952
|
});
|
|
@@ -1995,7 +1963,7 @@ function toast(content, options) {
|
|
|
1995
1963
|
}
|
|
1996
1964
|
|
|
1997
1965
|
toast.loading = function (content, options) {
|
|
1998
|
-
return dispatchToast(content, mergeOptions(TYPE.DEFAULT, _extends$
|
|
1966
|
+
return dispatchToast(content, mergeOptions(TYPE.DEFAULT, _extends$n({
|
|
1999
1967
|
isLoading: true,
|
|
2000
1968
|
autoClose: false,
|
|
2001
1969
|
closeOnClick: false,
|
|
@@ -2011,7 +1979,7 @@ function handlePromise(promise, _ref2, options) {
|
|
|
2011
1979
|
var id;
|
|
2012
1980
|
|
|
2013
1981
|
if (pending) {
|
|
2014
|
-
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));
|
|
2015
1983
|
}
|
|
2016
1984
|
|
|
2017
1985
|
var resetParams = {
|
|
@@ -2030,7 +1998,7 @@ function handlePromise(promise, _ref2, options) {
|
|
|
2030
1998
|
return;
|
|
2031
1999
|
}
|
|
2032
2000
|
|
|
2033
|
-
var baseParams = _extends$
|
|
2001
|
+
var baseParams = _extends$n({
|
|
2034
2002
|
type: type
|
|
2035
2003
|
}, resetParams, options, {
|
|
2036
2004
|
data: result
|
|
@@ -2041,10 +2009,10 @@ function handlePromise(promise, _ref2, options) {
|
|
|
2041
2009
|
} : input; // if the id is set we know that it's an update
|
|
2042
2010
|
|
|
2043
2011
|
if (id) {
|
|
2044
|
-
toast.update(id, _extends$
|
|
2012
|
+
toast.update(id, _extends$n({}, baseParams, params));
|
|
2045
2013
|
} else {
|
|
2046
2014
|
// using toast.promise without loading
|
|
2047
|
-
toast(params.render, _extends$
|
|
2015
|
+
toast(params.render, _extends$n({}, baseParams, params));
|
|
2048
2016
|
}
|
|
2049
2017
|
|
|
2050
2018
|
return result;
|
|
@@ -2068,7 +2036,7 @@ toast.warning = /*#__PURE__*/createToastByType(TYPE.WARNING);
|
|
|
2068
2036
|
toast.warn = toast.warning;
|
|
2069
2037
|
|
|
2070
2038
|
toast.dark = function (content, options) {
|
|
2071
|
-
return dispatchToast(content, mergeOptions(TYPE.DEFAULT, _extends$
|
|
2039
|
+
return dispatchToast(content, mergeOptions(TYPE.DEFAULT, _extends$n({
|
|
2072
2040
|
theme: 'dark'
|
|
2073
2041
|
}, options)));
|
|
2074
2042
|
};
|
|
@@ -2125,7 +2093,7 @@ toast.update = function (toastId, options) {
|
|
|
2125
2093
|
var oldOptions = toast.props,
|
|
2126
2094
|
oldContent = toast.content;
|
|
2127
2095
|
|
|
2128
|
-
var nextOptions = _extends$
|
|
2096
|
+
var nextOptions = _extends$n({}, oldOptions, options, {
|
|
2129
2097
|
toastId: options.toastId || toastId,
|
|
2130
2098
|
updateId: generateToastId()
|
|
2131
2099
|
});
|
|
@@ -11836,42 +11804,59 @@ var getFilteredChartVersions = function (charts, selectedChartType) {
|
|
|
11836
11804
|
chartRefId: item.chartRefId,
|
|
11837
11805
|
}); });
|
|
11838
11806
|
};
|
|
11839
|
-
function removeEmptyObjectKeysAndNullValues(obj) {
|
|
11840
|
-
|
|
11841
|
-
for (var key in obj) {
|
|
11807
|
+
function removeEmptyObjectKeysAndNullValues(obj, originaljsonCopy) {
|
|
11808
|
+
var _loop_1 = function (key) {
|
|
11842
11809
|
if (Array.isArray(obj[key])) {
|
|
11843
|
-
if (obj[key].length === 0)
|
|
11844
|
-
continue;
|
|
11845
|
-
obj[key] = obj[key].filter(function (item) { return item !== null; });
|
|
11846
11810
|
// Check if the array is empty
|
|
11847
|
-
if (obj[key].length
|
|
11848
|
-
|
|
11811
|
+
if (obj[key].length !== 0) {
|
|
11812
|
+
obj[key].forEach(function (element, index) {
|
|
11813
|
+
if (element === null || (typeof element === 'object' && Object.keys(element).length === 0))
|
|
11814
|
+
obj[key].splice(index, 1);
|
|
11815
|
+
else
|
|
11816
|
+
removeEmptyObjectKeysAndNullValues(element, originaljsonCopy[key][index]);
|
|
11817
|
+
});
|
|
11818
|
+
}
|
|
11819
|
+
if (obj[key].length === 0 && originaljsonCopy[key].length !== 0) {
|
|
11820
|
+
delete obj[key];
|
|
11849
11821
|
}
|
|
11850
11822
|
}
|
|
11851
11823
|
else if (obj[key] && typeof obj[key] === 'object') {
|
|
11852
|
-
if (removeEmptyObjectKeysAndNullValues(obj[key])
|
|
11824
|
+
if (removeEmptyObjectKeysAndNullValues(obj[key], originaljsonCopy[key]) &&
|
|
11825
|
+
Object.keys(originaljsonCopy[key]).length !== 0) {
|
|
11853
11826
|
delete obj[key];
|
|
11854
11827
|
}
|
|
11855
11828
|
}
|
|
11856
11829
|
else if (obj[key] === undefined) {
|
|
11857
11830
|
delete obj[key];
|
|
11858
11831
|
}
|
|
11832
|
+
};
|
|
11833
|
+
// It recursively removes empty object keys and empty array keys
|
|
11834
|
+
for (var key in obj) {
|
|
11835
|
+
_loop_1(key);
|
|
11859
11836
|
}
|
|
11860
11837
|
return Object.keys(obj).length === 0;
|
|
11861
11838
|
}
|
|
11862
|
-
function getUnlockedJSON(json, jsonPathArray) {
|
|
11839
|
+
function getUnlockedJSON(json, jsonPathArray, removeParentKeysAndEmptyArrays) {
|
|
11840
|
+
if (removeParentKeysAndEmptyArrays === void 0) { removeParentKeysAndEmptyArrays = false; }
|
|
11841
|
+
if (!jsonPathArray.length)
|
|
11842
|
+
return { newDocument: json, removedPatches: [] };
|
|
11863
11843
|
var jsonCopy = JSON.parse(JSON.stringify(json));
|
|
11844
|
+
var originaljsonCopy = JSON.parse(JSON.stringify(json));
|
|
11845
|
+
var removedPatches = [];
|
|
11864
11846
|
var patches = jsonPathArray.flatMap(function (jsonPath) {
|
|
11865
11847
|
var pathsToRemove = JSONPath({ path: jsonPath, json: jsonCopy, resultType: 'all' });
|
|
11848
|
+
//reversing patches to handle correct array index deletion
|
|
11849
|
+
pathsToRemove.reverse();
|
|
11866
11850
|
return pathsToRemove.map(function (result) {
|
|
11867
|
-
|
|
11868
|
-
|
|
11869
|
-
|
|
11851
|
+
//storing removed patches to have functionality of undo
|
|
11852
|
+
removedPatches.push({ op: 'add', path: result.pointer, value: result.value });
|
|
11853
|
+
return { op: 'remove', path: result.pointer };
|
|
11870
11854
|
});
|
|
11871
11855
|
});
|
|
11872
11856
|
var newDocument = applyPatch(jsonCopy, patches).newDocument;
|
|
11873
|
-
|
|
11874
|
-
|
|
11857
|
+
if (removeParentKeysAndEmptyArrays)
|
|
11858
|
+
removeEmptyObjectKeysAndNullValues(newDocument, originaljsonCopy);
|
|
11859
|
+
return { newDocument: newDocument, removedPatches: removedPatches.reverse() };
|
|
11875
11860
|
}
|
|
11876
11861
|
function getLockedJSON(json, jsonPathArray) {
|
|
11877
11862
|
var jsonCopy = JSON.parse(JSON.stringify(json));
|
|
@@ -12042,16 +12027,16 @@ var Modal = function (_a) {
|
|
|
12042
12027
|
}, id: "popup", className: "".concat(rootClassName, " popup ").concat(modal ? 'modal' : ''), style: __assign({}, style) }, { children: children })), document.getElementById('visible-modal'));
|
|
12043
12028
|
};
|
|
12044
12029
|
|
|
12045
|
-
var _path$
|
|
12046
|
-
function _extends$
|
|
12030
|
+
var _path$d;
|
|
12031
|
+
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); }
|
|
12047
12032
|
var SvgIcCross = function SvgIcCross(props) {
|
|
12048
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
12033
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
|
|
12049
12034
|
width: "1em",
|
|
12050
12035
|
height: "1em",
|
|
12051
12036
|
viewBox: "0 0 24 24",
|
|
12052
12037
|
fill: "none",
|
|
12053
12038
|
xmlns: "http://www.w3.org/2000/svg"
|
|
12054
|
-
}, props), _path$
|
|
12039
|
+
}, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
|
|
12055
12040
|
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",
|
|
12056
12041
|
fill: "#596168"
|
|
12057
12042
|
})));
|
|
@@ -16350,30 +16335,30 @@ var index = /*#__PURE__*/forwardRef( /*#__PURE__*/TippyGenerator(tippy));
|
|
|
16350
16335
|
|
|
16351
16336
|
var Tippy = index;
|
|
16352
16337
|
|
|
16353
|
-
var _path$
|
|
16354
|
-
function _extends$
|
|
16338
|
+
var _path$c;
|
|
16339
|
+
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); }
|
|
16355
16340
|
var SvgIcHelp = function SvgIcHelp(props) {
|
|
16356
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
16341
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
|
|
16357
16342
|
xmlns: "http://www.w3.org/2000/svg",
|
|
16358
16343
|
width: "1em",
|
|
16359
16344
|
height: "1em",
|
|
16360
16345
|
viewBox: "0 0 24 24"
|
|
16361
|
-
}, props), _path$
|
|
16346
|
+
}, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
|
|
16362
16347
|
fill: "#767D84",
|
|
16363
16348
|
fillRule: "evenodd",
|
|
16364
16349
|
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"
|
|
16365
16350
|
})));
|
|
16366
16351
|
};
|
|
16367
16352
|
|
|
16368
|
-
var _path$
|
|
16369
|
-
function _extends$
|
|
16353
|
+
var _path$b;
|
|
16354
|
+
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); }
|
|
16370
16355
|
var SvgIcHelpOutline = function SvgIcHelpOutline(props) {
|
|
16371
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
16356
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
|
|
16372
16357
|
xmlns: "http://www.w3.org/2000/svg",
|
|
16373
16358
|
viewBox: "0 0 17 16",
|
|
16374
16359
|
width: "1em",
|
|
16375
16360
|
height: "1em"
|
|
16376
|
-
}, props), _path$
|
|
16361
|
+
}, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
|
|
16377
16362
|
fill: "#767D84",
|
|
16378
16363
|
fillRule: "evenodd",
|
|
16379
16364
|
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"
|
|
@@ -16425,16 +16410,16 @@ function TippyCustomized(props) {
|
|
|
16425
16410
|
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 })));
|
|
16426
16411
|
}
|
|
16427
16412
|
|
|
16428
|
-
var _path$
|
|
16429
|
-
function _extends$
|
|
16413
|
+
var _path$a, _circle, _path2$1;
|
|
16414
|
+
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); }
|
|
16430
16415
|
var SvgInjectTag = function SvgInjectTag(props) {
|
|
16431
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
16416
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
|
|
16432
16417
|
width: "1em",
|
|
16433
16418
|
height: "1em",
|
|
16434
16419
|
viewBox: "0 0 20 20",
|
|
16435
16420
|
fill: "none",
|
|
16436
16421
|
xmlns: "http://www.w3.org/2000/svg"
|
|
16437
|
-
}, props), _path$
|
|
16422
|
+
}, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
|
|
16438
16423
|
d: "M10 10H3.333",
|
|
16439
16424
|
stroke: "#596168",
|
|
16440
16425
|
strokeWidth: 1.5,
|
|
@@ -16462,15 +16447,15 @@ function PropagateTagInfo(_a) {
|
|
|
16462
16447
|
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" })] })) })));
|
|
16463
16448
|
}
|
|
16464
16449
|
|
|
16465
|
-
var _path$
|
|
16466
|
-
function _extends$
|
|
16450
|
+
var _path$9;
|
|
16451
|
+
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); }
|
|
16467
16452
|
var SvgIcInfoOutlined = function SvgIcInfoOutlined(props) {
|
|
16468
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
16453
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
|
|
16469
16454
|
xmlns: "http://www.w3.org/2000/svg",
|
|
16470
16455
|
width: "1em",
|
|
16471
16456
|
height: "1em",
|
|
16472
16457
|
viewBox: "0 0 20 20"
|
|
16473
|
-
}, props), _path$
|
|
16458
|
+
}, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
16474
16459
|
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",
|
|
16475
16460
|
fill: "#06C",
|
|
16476
16461
|
fillRule: "evenodd"
|
|
@@ -16704,15 +16689,15 @@ var TagDetails = function (_a) {
|
|
|
16704
16689
|
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" }) }))] })));
|
|
16705
16690
|
};
|
|
16706
16691
|
|
|
16707
|
-
var _path$
|
|
16708
|
-
function _extends$
|
|
16692
|
+
var _path$8;
|
|
16693
|
+
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); }
|
|
16709
16694
|
var SvgIcAdd = function SvgIcAdd(props) {
|
|
16710
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
16695
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
|
|
16711
16696
|
xmlns: "http://www.w3.org/2000/svg",
|
|
16712
16697
|
width: "1em",
|
|
16713
16698
|
height: "1em",
|
|
16714
16699
|
viewBox: "0 0 24 24"
|
|
16715
|
-
}, props), _path$
|
|
16700
|
+
}, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
16716
16701
|
className: "ic-add_svg__fill-color",
|
|
16717
16702
|
fill: "#999",
|
|
16718
16703
|
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"
|
|
@@ -16842,8 +16827,8 @@ function ForceDeleteDialog(_a) {
|
|
|
16842
16827
|
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?" })] }) })) }));
|
|
16843
16828
|
}
|
|
16844
16829
|
|
|
16845
|
-
function _extends$
|
|
16846
|
-
_extends$
|
|
16830
|
+
function _extends$g() {
|
|
16831
|
+
_extends$g = Object.assign ? Object.assign.bind() : function (target) {
|
|
16847
16832
|
for (var i = 1; i < arguments.length; i++) {
|
|
16848
16833
|
var source = arguments[i];
|
|
16849
16834
|
for (var key in source) {
|
|
@@ -16854,7 +16839,7 @@ function _extends$l() {
|
|
|
16854
16839
|
}
|
|
16855
16840
|
return target;
|
|
16856
16841
|
};
|
|
16857
|
-
return _extends$
|
|
16842
|
+
return _extends$g.apply(this, arguments);
|
|
16858
16843
|
}
|
|
16859
16844
|
|
|
16860
16845
|
/*
|
|
@@ -20395,7 +20380,7 @@ var Menu = function Menu(props) {
|
|
|
20395
20380
|
getStyles = props.getStyles,
|
|
20396
20381
|
innerRef = props.innerRef,
|
|
20397
20382
|
innerProps = props.innerProps;
|
|
20398
|
-
return jsx("div", _extends$
|
|
20383
|
+
return jsx("div", _extends$g({
|
|
20399
20384
|
css: getStyles('menu', props),
|
|
20400
20385
|
className: cx({
|
|
20401
20386
|
menu: true
|
|
@@ -20427,7 +20412,7 @@ var MenuList$1 = function MenuList(props) {
|
|
|
20427
20412
|
innerProps = props.innerProps,
|
|
20428
20413
|
innerRef = props.innerRef,
|
|
20429
20414
|
isMulti = props.isMulti;
|
|
20430
|
-
return jsx("div", _extends$
|
|
20415
|
+
return jsx("div", _extends$g({
|
|
20431
20416
|
css: getStyles('menuList', props),
|
|
20432
20417
|
className: cx({
|
|
20433
20418
|
'menu-list': true,
|
|
@@ -20458,7 +20443,7 @@ var NoOptionsMessage = function NoOptionsMessage(props) {
|
|
|
20458
20443
|
cx = props.cx,
|
|
20459
20444
|
getStyles = props.getStyles,
|
|
20460
20445
|
innerProps = props.innerProps;
|
|
20461
|
-
return jsx("div", _extends$
|
|
20446
|
+
return jsx("div", _extends$g({
|
|
20462
20447
|
css: getStyles('noOptionsMessage', props),
|
|
20463
20448
|
className: cx({
|
|
20464
20449
|
'menu-notice': true,
|
|
@@ -20475,7 +20460,7 @@ var LoadingMessage = function LoadingMessage(props) {
|
|
|
20475
20460
|
cx = props.cx,
|
|
20476
20461
|
getStyles = props.getStyles,
|
|
20477
20462
|
innerProps = props.innerProps;
|
|
20478
|
-
return jsx("div", _extends$
|
|
20463
|
+
return jsx("div", _extends$g({
|
|
20479
20464
|
css: getStyles('loadingMessage', props),
|
|
20480
20465
|
className: cx({
|
|
20481
20466
|
'menu-notice': true,
|
|
@@ -20563,7 +20548,7 @@ var MenuPortal = /*#__PURE__*/function (_Component2) {
|
|
|
20563
20548
|
rect: rect
|
|
20564
20549
|
}; // same wrapper element whether fixed or portalled
|
|
20565
20550
|
|
|
20566
|
-
var menuWrapper = jsx("div", _extends$
|
|
20551
|
+
var menuWrapper = jsx("div", _extends$g({
|
|
20567
20552
|
css: getStyles('menuPortal', state),
|
|
20568
20553
|
className: cx({
|
|
20569
20554
|
'menu-portal': true
|
|
@@ -20599,7 +20584,7 @@ var SelectContainer = function SelectContainer(props) {
|
|
|
20599
20584
|
innerProps = props.innerProps,
|
|
20600
20585
|
isDisabled = props.isDisabled,
|
|
20601
20586
|
isRtl = props.isRtl;
|
|
20602
|
-
return jsx("div", _extends$
|
|
20587
|
+
return jsx("div", _extends$g({
|
|
20603
20588
|
css: getStyles('container', props),
|
|
20604
20589
|
className: cx({
|
|
20605
20590
|
'--is-disabled': isDisabled,
|
|
@@ -20634,7 +20619,7 @@ var ValueContainer = function ValueContainer(props) {
|
|
|
20634
20619
|
isMulti = props.isMulti,
|
|
20635
20620
|
getStyles = props.getStyles,
|
|
20636
20621
|
hasValue = props.hasValue;
|
|
20637
|
-
return jsx("div", _extends$
|
|
20622
|
+
return jsx("div", _extends$g({
|
|
20638
20623
|
css: getStyles('valueContainer', props),
|
|
20639
20624
|
className: cx({
|
|
20640
20625
|
'value-container': true,
|
|
@@ -20660,7 +20645,7 @@ var IndicatorsContainer = function IndicatorsContainer(props) {
|
|
|
20660
20645
|
cx = props.cx,
|
|
20661
20646
|
innerProps = props.innerProps,
|
|
20662
20647
|
getStyles = props.getStyles;
|
|
20663
|
-
return jsx("div", _extends$
|
|
20648
|
+
return jsx("div", _extends$g({
|
|
20664
20649
|
css: getStyles('indicatorsContainer', props),
|
|
20665
20650
|
className: cx({
|
|
20666
20651
|
indicators: true
|
|
@@ -20691,7 +20676,7 @@ var Svg = function Svg(_ref) {
|
|
|
20691
20676
|
var size = _ref.size,
|
|
20692
20677
|
props = _objectWithoutProperties(_ref, _excluded$2);
|
|
20693
20678
|
|
|
20694
|
-
return jsx("svg", _extends$
|
|
20679
|
+
return jsx("svg", _extends$g({
|
|
20695
20680
|
height: size,
|
|
20696
20681
|
width: size,
|
|
20697
20682
|
viewBox: "0 0 20 20",
|
|
@@ -20702,14 +20687,14 @@ var Svg = function Svg(_ref) {
|
|
|
20702
20687
|
};
|
|
20703
20688
|
|
|
20704
20689
|
var CrossIcon = function CrossIcon(props) {
|
|
20705
|
-
return jsx(Svg, _extends$
|
|
20690
|
+
return jsx(Svg, _extends$g({
|
|
20706
20691
|
size: 20
|
|
20707
20692
|
}, props), jsx("path", {
|
|
20708
20693
|
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"
|
|
20709
20694
|
}));
|
|
20710
20695
|
};
|
|
20711
20696
|
var DownChevron = function DownChevron(props) {
|
|
20712
|
-
return jsx(Svg, _extends$
|
|
20697
|
+
return jsx(Svg, _extends$g({
|
|
20713
20698
|
size: 20
|
|
20714
20699
|
}, props), jsx("path", {
|
|
20715
20700
|
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"
|
|
@@ -20742,7 +20727,7 @@ var DropdownIndicator$1 = function DropdownIndicator(props) {
|
|
|
20742
20727
|
cx = props.cx,
|
|
20743
20728
|
getStyles = props.getStyles,
|
|
20744
20729
|
innerProps = props.innerProps;
|
|
20745
|
-
return jsx("div", _extends$
|
|
20730
|
+
return jsx("div", _extends$g({
|
|
20746
20731
|
css: getStyles('dropdownIndicator', props),
|
|
20747
20732
|
className: cx({
|
|
20748
20733
|
indicator: true,
|
|
@@ -20757,7 +20742,7 @@ var ClearIndicator$1 = function ClearIndicator(props) {
|
|
|
20757
20742
|
cx = props.cx,
|
|
20758
20743
|
getStyles = props.getStyles,
|
|
20759
20744
|
innerProps = props.innerProps;
|
|
20760
|
-
return jsx("div", _extends$
|
|
20745
|
+
return jsx("div", _extends$g({
|
|
20761
20746
|
css: getStyles('clearIndicator', props),
|
|
20762
20747
|
className: cx({
|
|
20763
20748
|
indicator: true,
|
|
@@ -20787,7 +20772,7 @@ var IndicatorSeparator = function IndicatorSeparator(props) {
|
|
|
20787
20772
|
cx = props.cx,
|
|
20788
20773
|
getStyles = props.getStyles,
|
|
20789
20774
|
innerProps = props.innerProps;
|
|
20790
|
-
return jsx("span", _extends$
|
|
20775
|
+
return jsx("span", _extends$g({}, innerProps, {
|
|
20791
20776
|
css: getStyles('indicatorSeparator', props),
|
|
20792
20777
|
className: cx({
|
|
20793
20778
|
'indicator-separator': true
|
|
@@ -20842,7 +20827,7 @@ var LoadingIndicator = function LoadingIndicator(props) {
|
|
|
20842
20827
|
getStyles = props.getStyles,
|
|
20843
20828
|
innerProps = props.innerProps,
|
|
20844
20829
|
isRtl = props.isRtl;
|
|
20845
|
-
return jsx("div", _extends$
|
|
20830
|
+
return jsx("div", _extends$g({
|
|
20846
20831
|
css: getStyles('loadingIndicator', props),
|
|
20847
20832
|
className: cx({
|
|
20848
20833
|
indicator: true,
|
|
@@ -20903,7 +20888,7 @@ var Control = function Control(props) {
|
|
|
20903
20888
|
innerRef = props.innerRef,
|
|
20904
20889
|
innerProps = props.innerProps,
|
|
20905
20890
|
menuIsOpen = props.menuIsOpen;
|
|
20906
|
-
return jsx("div", _extends$
|
|
20891
|
+
return jsx("div", _extends$g({
|
|
20907
20892
|
ref: innerRef,
|
|
20908
20893
|
css: getStyles('control', props),
|
|
20909
20894
|
className: cx({
|
|
@@ -20935,12 +20920,12 @@ var Group = function Group(props) {
|
|
|
20935
20920
|
label = props.label,
|
|
20936
20921
|
theme = props.theme,
|
|
20937
20922
|
selectProps = props.selectProps;
|
|
20938
|
-
return jsx("div", _extends$
|
|
20923
|
+
return jsx("div", _extends$g({
|
|
20939
20924
|
css: getStyles('group', props),
|
|
20940
20925
|
className: cx({
|
|
20941
20926
|
group: true
|
|
20942
20927
|
}, className)
|
|
20943
|
-
}, innerProps), jsx(Heading, _extends$
|
|
20928
|
+
}, innerProps), jsx(Heading, _extends$g({}, headingProps, {
|
|
20944
20929
|
selectProps: selectProps,
|
|
20945
20930
|
theme: theme,
|
|
20946
20931
|
getStyles: getStyles,
|
|
@@ -20972,7 +20957,7 @@ var GroupHeading = function GroupHeading(props) {
|
|
|
20972
20957
|
_cleanCommonProps.data;
|
|
20973
20958
|
var innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$1$1);
|
|
20974
20959
|
|
|
20975
|
-
return jsx("div", _extends$
|
|
20960
|
+
return jsx("div", _extends$g({
|
|
20976
20961
|
css: getStyles('groupHeading', props),
|
|
20977
20962
|
className: cx({
|
|
20978
20963
|
'group-heading': true
|
|
@@ -21048,7 +21033,7 @@ var Input = function Input(props) {
|
|
|
21048
21033
|
}, className),
|
|
21049
21034
|
css: getStyles('input', props),
|
|
21050
21035
|
"data-value": value || ''
|
|
21051
|
-
}, jsx("input", _extends$
|
|
21036
|
+
}, jsx("input", _extends$g({
|
|
21052
21037
|
className: cx({
|
|
21053
21038
|
input: true
|
|
21054
21039
|
}, inputClassName),
|
|
@@ -21118,7 +21103,7 @@ var MultiValueLabel = MultiValueGeneric;
|
|
|
21118
21103
|
function MultiValueRemove$1(_ref5) {
|
|
21119
21104
|
var children = _ref5.children,
|
|
21120
21105
|
innerProps = _ref5.innerProps;
|
|
21121
|
-
return jsx("div", _extends$
|
|
21106
|
+
return jsx("div", _extends$g({
|
|
21122
21107
|
role: "button"
|
|
21123
21108
|
}, innerProps), children || jsx(CrossIcon, {
|
|
21124
21109
|
size: 14
|
|
@@ -21207,7 +21192,7 @@ var Option$1 = function Option(props) {
|
|
|
21207
21192
|
isSelected = props.isSelected,
|
|
21208
21193
|
innerRef = props.innerRef,
|
|
21209
21194
|
innerProps = props.innerProps;
|
|
21210
|
-
return jsx("div", _extends$
|
|
21195
|
+
return jsx("div", _extends$g({
|
|
21211
21196
|
css: getStyles('option', props),
|
|
21212
21197
|
className: cx({
|
|
21213
21198
|
option: true,
|
|
@@ -21239,7 +21224,7 @@ var Placeholder = function Placeholder(props) {
|
|
|
21239
21224
|
cx = props.cx,
|
|
21240
21225
|
getStyles = props.getStyles,
|
|
21241
21226
|
innerProps = props.innerProps;
|
|
21242
|
-
return jsx("div", _extends$
|
|
21227
|
+
return jsx("div", _extends$g({
|
|
21243
21228
|
css: getStyles('placeholder', props),
|
|
21244
21229
|
className: cx({
|
|
21245
21230
|
placeholder: true
|
|
@@ -21272,7 +21257,7 @@ var SingleValue = function SingleValue(props) {
|
|
|
21272
21257
|
getStyles = props.getStyles,
|
|
21273
21258
|
isDisabled = props.isDisabled,
|
|
21274
21259
|
innerProps = props.innerProps;
|
|
21275
|
-
return jsx("div", _extends$
|
|
21260
|
+
return jsx("div", _extends$g({
|
|
21276
21261
|
css: getStyles('singleValue', props),
|
|
21277
21262
|
className: cx({
|
|
21278
21263
|
'single-value': true,
|
|
@@ -21520,7 +21505,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
21520
21505
|
};
|
|
21521
21506
|
|
|
21522
21507
|
var A11yText = function A11yText(props) {
|
|
21523
|
-
return jsx("span", _extends$
|
|
21508
|
+
return jsx("span", _extends$g({
|
|
21524
21509
|
css: _ref
|
|
21525
21510
|
}, props));
|
|
21526
21511
|
};
|
|
@@ -22056,7 +22041,7 @@ function DummyInput(_ref) {
|
|
|
22056
22041
|
var innerRef = _ref.innerRef,
|
|
22057
22042
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
22058
22043
|
|
|
22059
|
-
return jsx("input", _extends$
|
|
22044
|
+
return jsx("input", _extends$g({
|
|
22060
22045
|
ref: innerRef
|
|
22061
22046
|
}, props, {
|
|
22062
22047
|
css: /*#__PURE__*/css$2({
|
|
@@ -23691,7 +23676,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
23691
23676
|
|
|
23692
23677
|
if (!isSearchable) {
|
|
23693
23678
|
// use a dummy input to maintain focus/blur functionality
|
|
23694
|
-
return /*#__PURE__*/React__namespace.createElement(DummyInput, _extends$
|
|
23679
|
+
return /*#__PURE__*/React__namespace.createElement(DummyInput, _extends$g({
|
|
23695
23680
|
id: id,
|
|
23696
23681
|
innerRef: this.getInputRef,
|
|
23697
23682
|
onBlur: this.onInputBlur,
|
|
@@ -23705,7 +23690,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
23705
23690
|
}, ariaAttributes));
|
|
23706
23691
|
}
|
|
23707
23692
|
|
|
23708
|
-
return /*#__PURE__*/React__namespace.createElement(Input, _extends$
|
|
23693
|
+
return /*#__PURE__*/React__namespace.createElement(Input, _extends$g({}, commonProps, {
|
|
23709
23694
|
autoCapitalize: "none",
|
|
23710
23695
|
autoComplete: "off",
|
|
23711
23696
|
autoCorrect: "off",
|
|
@@ -23749,7 +23734,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
23749
23734
|
isFocused = _this$state5.isFocused;
|
|
23750
23735
|
|
|
23751
23736
|
if (!this.hasValue() || !controlShouldRenderValue) {
|
|
23752
|
-
return inputValue ? null : /*#__PURE__*/React__namespace.createElement(Placeholder, _extends$
|
|
23737
|
+
return inputValue ? null : /*#__PURE__*/React__namespace.createElement(Placeholder, _extends$g({}, commonProps, {
|
|
23753
23738
|
key: "placeholder",
|
|
23754
23739
|
isDisabled: isDisabled,
|
|
23755
23740
|
isFocused: isFocused,
|
|
@@ -23763,7 +23748,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
23763
23748
|
return selectValue.map(function (opt, index) {
|
|
23764
23749
|
var isOptionFocused = opt === focusedValue;
|
|
23765
23750
|
var key = "".concat(_this3.getOptionLabel(opt), "-").concat(_this3.getOptionValue(opt));
|
|
23766
|
-
return /*#__PURE__*/React__namespace.createElement(MultiValue, _extends$
|
|
23751
|
+
return /*#__PURE__*/React__namespace.createElement(MultiValue, _extends$g({}, commonProps, {
|
|
23767
23752
|
components: {
|
|
23768
23753
|
Container: MultiValueContainer,
|
|
23769
23754
|
Label: MultiValueLabel,
|
|
@@ -23795,7 +23780,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
23795
23780
|
}
|
|
23796
23781
|
|
|
23797
23782
|
var singleValue = selectValue[0];
|
|
23798
|
-
return /*#__PURE__*/React__namespace.createElement(SingleValue, _extends$
|
|
23783
|
+
return /*#__PURE__*/React__namespace.createElement(SingleValue, _extends$g({}, commonProps, {
|
|
23799
23784
|
data: singleValue,
|
|
23800
23785
|
isDisabled: isDisabled
|
|
23801
23786
|
}), this.formatOptionLabel(singleValue, 'value'));
|
|
@@ -23821,7 +23806,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
23821
23806
|
onTouchEnd: this.onClearIndicatorTouchEnd,
|
|
23822
23807
|
'aria-hidden': 'true'
|
|
23823
23808
|
};
|
|
23824
|
-
return /*#__PURE__*/React__namespace.createElement(ClearIndicator, _extends$
|
|
23809
|
+
return /*#__PURE__*/React__namespace.createElement(ClearIndicator, _extends$g({}, commonProps, {
|
|
23825
23810
|
innerProps: innerProps,
|
|
23826
23811
|
isFocused: isFocused
|
|
23827
23812
|
}));
|
|
@@ -23841,7 +23826,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
23841
23826
|
var innerProps = {
|
|
23842
23827
|
'aria-hidden': 'true'
|
|
23843
23828
|
};
|
|
23844
|
-
return /*#__PURE__*/React__namespace.createElement(LoadingIndicator, _extends$
|
|
23829
|
+
return /*#__PURE__*/React__namespace.createElement(LoadingIndicator, _extends$g({}, commonProps, {
|
|
23845
23830
|
innerProps: innerProps,
|
|
23846
23831
|
isDisabled: isDisabled,
|
|
23847
23832
|
isFocused: isFocused
|
|
@@ -23859,7 +23844,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
23859
23844
|
var commonProps = this.commonProps;
|
|
23860
23845
|
var isDisabled = this.props.isDisabled;
|
|
23861
23846
|
var isFocused = this.state.isFocused;
|
|
23862
|
-
return /*#__PURE__*/React__namespace.createElement(IndicatorSeparator, _extends$
|
|
23847
|
+
return /*#__PURE__*/React__namespace.createElement(IndicatorSeparator, _extends$g({}, commonProps, {
|
|
23863
23848
|
isDisabled: isDisabled,
|
|
23864
23849
|
isFocused: isFocused
|
|
23865
23850
|
}));
|
|
@@ -23879,7 +23864,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
23879
23864
|
onTouchEnd: this.onDropdownIndicatorTouchEnd,
|
|
23880
23865
|
'aria-hidden': 'true'
|
|
23881
23866
|
};
|
|
23882
|
-
return /*#__PURE__*/React__namespace.createElement(DropdownIndicator, _extends$
|
|
23867
|
+
return /*#__PURE__*/React__namespace.createElement(DropdownIndicator, _extends$g({}, commonProps, {
|
|
23883
23868
|
innerProps: innerProps,
|
|
23884
23869
|
isDisabled: isDisabled,
|
|
23885
23870
|
isFocused: isFocused
|
|
@@ -23942,7 +23927,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
23942
23927
|
onMouseOver: onHover,
|
|
23943
23928
|
tabIndex: -1
|
|
23944
23929
|
};
|
|
23945
|
-
return /*#__PURE__*/React__namespace.createElement(Option, _extends$
|
|
23930
|
+
return /*#__PURE__*/React__namespace.createElement(Option, _extends$g({}, commonProps, {
|
|
23946
23931
|
innerProps: innerProps,
|
|
23947
23932
|
data: data,
|
|
23948
23933
|
isDisabled: isDisabled,
|
|
@@ -23966,7 +23951,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
23966
23951
|
groupIndex = item.index;
|
|
23967
23952
|
var groupId = "".concat(_this4.getElementId('group'), "-").concat(groupIndex);
|
|
23968
23953
|
var headingId = "".concat(groupId, "-heading");
|
|
23969
|
-
return /*#__PURE__*/React__namespace.createElement(Group, _extends$
|
|
23954
|
+
return /*#__PURE__*/React__namespace.createElement(Group, _extends$g({}, commonProps, {
|
|
23970
23955
|
key: groupId,
|
|
23971
23956
|
data: _data,
|
|
23972
23957
|
options: options,
|
|
@@ -24005,12 +23990,12 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
24005
23990
|
menuPosition: menuPosition,
|
|
24006
23991
|
menuShouldScrollIntoView: menuShouldScrollIntoView
|
|
24007
23992
|
};
|
|
24008
|
-
var menuElement = /*#__PURE__*/React__namespace.createElement(MenuPlacer, _extends$
|
|
23993
|
+
var menuElement = /*#__PURE__*/React__namespace.createElement(MenuPlacer, _extends$g({}, commonProps, menuPlacementProps), function (_ref4) {
|
|
24009
23994
|
var ref = _ref4.ref,
|
|
24010
23995
|
_ref4$placerProps = _ref4.placerProps,
|
|
24011
23996
|
placement = _ref4$placerProps.placement,
|
|
24012
23997
|
maxHeight = _ref4$placerProps.maxHeight;
|
|
24013
|
-
return /*#__PURE__*/React__namespace.createElement(Menu, _extends$
|
|
23998
|
+
return /*#__PURE__*/React__namespace.createElement(Menu, _extends$g({}, commonProps, menuPlacementProps, {
|
|
24014
23999
|
innerRef: ref,
|
|
24015
24000
|
innerProps: {
|
|
24016
24001
|
onMouseDown: _this4.onMenuMouseDown,
|
|
@@ -24025,7 +24010,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
24025
24010
|
onBottomArrive: onMenuScrollToBottom,
|
|
24026
24011
|
lockEnabled: menuShouldBlockScroll
|
|
24027
24012
|
}, function (scrollTargetRef) {
|
|
24028
|
-
return /*#__PURE__*/React__namespace.createElement(MenuList, _extends$
|
|
24013
|
+
return /*#__PURE__*/React__namespace.createElement(MenuList, _extends$g({}, commonProps, {
|
|
24029
24014
|
innerRef: function innerRef(instance) {
|
|
24030
24015
|
_this4.getMenuListRef(instance);
|
|
24031
24016
|
|
|
@@ -24040,7 +24025,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
24040
24025
|
// so we use the same component. the actual portalling logic is forked
|
|
24041
24026
|
// within the component based on `menuPosition`
|
|
24042
24027
|
|
|
24043
|
-
return menuPortalTarget || menuPosition === 'fixed' ? /*#__PURE__*/React__namespace.createElement(MenuPortal, _extends$
|
|
24028
|
+
return menuPortalTarget || menuPosition === 'fixed' ? /*#__PURE__*/React__namespace.createElement(MenuPortal, _extends$g({}, commonProps, {
|
|
24044
24029
|
appendTo: menuPortalTarget,
|
|
24045
24030
|
controlElement: this.controlRef,
|
|
24046
24031
|
menuPlacement: menuPlacement,
|
|
@@ -24105,7 +24090,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
24105
24090
|
isFocused = _this$state6.isFocused,
|
|
24106
24091
|
selectValue = _this$state6.selectValue;
|
|
24107
24092
|
var focusableOptions = this.getFocusableOptions();
|
|
24108
|
-
return /*#__PURE__*/React__namespace.createElement(LiveRegion, _extends$
|
|
24093
|
+
return /*#__PURE__*/React__namespace.createElement(LiveRegion, _extends$g({}, commonProps, {
|
|
24109
24094
|
id: this.getElementId('live-region'),
|
|
24110
24095
|
ariaSelection: ariaSelection,
|
|
24111
24096
|
focusedOption: focusedOption,
|
|
@@ -24131,7 +24116,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
24131
24116
|
menuIsOpen = _this$props14.menuIsOpen;
|
|
24132
24117
|
var isFocused = this.state.isFocused;
|
|
24133
24118
|
var commonProps = this.commonProps = this.getCommonProps();
|
|
24134
|
-
return /*#__PURE__*/React__namespace.createElement(SelectContainer, _extends$
|
|
24119
|
+
return /*#__PURE__*/React__namespace.createElement(SelectContainer, _extends$g({}, commonProps, {
|
|
24135
24120
|
className: className,
|
|
24136
24121
|
innerProps: {
|
|
24137
24122
|
id: id,
|
|
@@ -24139,7 +24124,7 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
24139
24124
|
},
|
|
24140
24125
|
isDisabled: isDisabled,
|
|
24141
24126
|
isFocused: isFocused
|
|
24142
|
-
}), this.renderLiveRegion(), /*#__PURE__*/React__namespace.createElement(Control, _extends$
|
|
24127
|
+
}), this.renderLiveRegion(), /*#__PURE__*/React__namespace.createElement(Control, _extends$g({}, commonProps, {
|
|
24143
24128
|
innerRef: this.getControlRef,
|
|
24144
24129
|
innerProps: {
|
|
24145
24130
|
onMouseDown: this.onControlMouseDown,
|
|
@@ -24148,9 +24133,9 @@ var Select$1 = /*#__PURE__*/function (_Component) {
|
|
|
24148
24133
|
isDisabled: isDisabled,
|
|
24149
24134
|
isFocused: isFocused,
|
|
24150
24135
|
menuIsOpen: menuIsOpen
|
|
24151
|
-
}), /*#__PURE__*/React__namespace.createElement(ValueContainer, _extends$
|
|
24136
|
+
}), /*#__PURE__*/React__namespace.createElement(ValueContainer, _extends$g({}, commonProps, {
|
|
24152
24137
|
isDisabled: isDisabled
|
|
24153
|
-
}), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/React__namespace.createElement(IndicatorsContainer, _extends$
|
|
24138
|
+
}), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/React__namespace.createElement(IndicatorsContainer, _extends$g({}, commonProps, {
|
|
24154
24139
|
isDisabled: isDisabled
|
|
24155
24140
|
}), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderIndicatorSeparator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());
|
|
24156
24141
|
}
|
|
@@ -24223,7 +24208,7 @@ Select$1.defaultProps = defaultProps;
|
|
|
24223
24208
|
|
|
24224
24209
|
var StateManagedSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
24225
24210
|
var baseSelectProps = useStateManager(props);
|
|
24226
|
-
return /*#__PURE__*/React__namespace.createElement(Select$1, _extends$
|
|
24211
|
+
return /*#__PURE__*/React__namespace.createElement(Select$1, _extends$g({
|
|
24227
24212
|
ref: ref
|
|
24228
24213
|
}, baseSelectProps));
|
|
24229
24214
|
});
|
|
@@ -24231,9 +24216,9 @@ var StateManagedSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
24231
24216
|
var ReactSelect = StateManagedSelect;
|
|
24232
24217
|
|
|
24233
24218
|
var _g$6;
|
|
24234
|
-
function _extends$
|
|
24219
|
+
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); }
|
|
24235
24220
|
var SvgIcAppstatusCancelled = function SvgIcAppstatusCancelled(props) {
|
|
24236
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
24221
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
|
|
24237
24222
|
xmlns: "http://www.w3.org/2000/svg",
|
|
24238
24223
|
viewBox: "0 0 28 28",
|
|
24239
24224
|
width: "1em",
|
|
@@ -24254,15 +24239,15 @@ var SvgIcAppstatusCancelled = function SvgIcAppstatusCancelled(props) {
|
|
|
24254
24239
|
}))));
|
|
24255
24240
|
};
|
|
24256
24241
|
|
|
24257
|
-
var _path$
|
|
24258
|
-
function _extends$
|
|
24242
|
+
var _path$7;
|
|
24243
|
+
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); }
|
|
24259
24244
|
var SvgIcCheck = function SvgIcCheck(props) {
|
|
24260
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
24245
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
|
|
24261
24246
|
xmlns: "http://www.w3.org/2000/svg",
|
|
24262
24247
|
width: "1em",
|
|
24263
24248
|
height: "1em",
|
|
24264
24249
|
viewBox: "0 0 24 24"
|
|
24265
|
-
}, props), _path$
|
|
24250
|
+
}, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
24266
24251
|
stroke: "#06C",
|
|
24267
24252
|
strokeLinecap: "round",
|
|
24268
24253
|
strokeLinejoin: "round",
|
|
@@ -24274,9 +24259,9 @@ var SvgIcCheck = function SvgIcCheck(props) {
|
|
|
24274
24259
|
};
|
|
24275
24260
|
|
|
24276
24261
|
var _g$5;
|
|
24277
|
-
function _extends$
|
|
24262
|
+
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); }
|
|
24278
24263
|
var SvgIcErrorMedium = function SvgIcErrorMedium(props) {
|
|
24279
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
24264
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
|
|
24280
24265
|
xmlns: "http://www.w3.org/2000/svg",
|
|
24281
24266
|
width: "1em",
|
|
24282
24267
|
height: "1em",
|
|
@@ -24619,9 +24604,9 @@ var Checkbox$1 = /** @class */ (function (_super) {
|
|
|
24619
24604
|
}(React.Component));
|
|
24620
24605
|
|
|
24621
24606
|
var _g$4;
|
|
24622
|
-
function _extends$
|
|
24607
|
+
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); }
|
|
24623
24608
|
var SvgIcSearch = function SvgIcSearch(props) {
|
|
24624
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
24609
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
|
|
24625
24610
|
xmlns: "http://www.w3.org/2000/svg",
|
|
24626
24611
|
viewBox: "0 0 24 24",
|
|
24627
24612
|
width: "1em",
|
|
@@ -24638,9 +24623,9 @@ var SvgIcSearch = function SvgIcSearch(props) {
|
|
|
24638
24623
|
};
|
|
24639
24624
|
|
|
24640
24625
|
var _g$3;
|
|
24641
|
-
function _extends$
|
|
24626
|
+
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); }
|
|
24642
24627
|
var SvgIcErrorCross = function SvgIcErrorCross(props) {
|
|
24643
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
24628
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
|
|
24644
24629
|
xmlns: "http://www.w3.org/2000/svg",
|
|
24645
24630
|
width: "1em",
|
|
24646
24631
|
height: "1em",
|
|
@@ -24744,61 +24729,6 @@ var SearchBar = function (_a) {
|
|
|
24744
24729
|
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 bc-n50 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" }) })))] })) })));
|
|
24745
24730
|
};
|
|
24746
24731
|
|
|
24747
|
-
var _path$a;
|
|
24748
|
-
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); }
|
|
24749
|
-
var SvgIcArrowUpDown = function SvgIcArrowUpDown(props) {
|
|
24750
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
|
|
24751
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
24752
|
-
width: "1em",
|
|
24753
|
-
height: "1em",
|
|
24754
|
-
viewBox: "0 0 12 12",
|
|
24755
|
-
fill: "none"
|
|
24756
|
-
}, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
|
|
24757
|
-
d: "M4.125 8.5 6 10.75 7.875 8.5m-3.75-5L6 1.25 7.875 3.5",
|
|
24758
|
-
stroke: "#3B444C",
|
|
24759
|
-
strokeWidth: 1.5,
|
|
24760
|
-
strokeLinecap: "round",
|
|
24761
|
-
strokeLinejoin: "round"
|
|
24762
|
-
})));
|
|
24763
|
-
};
|
|
24764
|
-
|
|
24765
|
-
var _path$9;
|
|
24766
|
-
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); }
|
|
24767
|
-
var SvgIcSortArrowDown = function SvgIcSortArrowDown(props) {
|
|
24768
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
|
|
24769
|
-
width: "1em",
|
|
24770
|
-
height: "1em",
|
|
24771
|
-
viewBox: "0 0 12 12",
|
|
24772
|
-
fill: "none",
|
|
24773
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
24774
|
-
}, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
24775
|
-
d: "M3.5 7.5 6 10m0 0 2.5-2.5M6 10V2",
|
|
24776
|
-
stroke: "#596168",
|
|
24777
|
-
strokeWidth: 1.5,
|
|
24778
|
-
strokeLinecap: "round",
|
|
24779
|
-
strokeLinejoin: "round"
|
|
24780
|
-
})));
|
|
24781
|
-
};
|
|
24782
|
-
|
|
24783
|
-
/**
|
|
24784
|
-
* Reusable component for the table header cell with support for sorting icons
|
|
24785
|
-
*
|
|
24786
|
-
* @example Usage
|
|
24787
|
-
* ```tsx
|
|
24788
|
-
* <SortableTableHeaderCell
|
|
24789
|
-
* isSorted={currentSortedCell === 'cell'}
|
|
24790
|
-
* triggerSorting={() => {}}
|
|
24791
|
-
* sortOrder={SortingOrder.ASC}
|
|
24792
|
-
* title="Header Cell"
|
|
24793
|
-
* disabled={isDisabled}
|
|
24794
|
-
* />
|
|
24795
|
-
* ```
|
|
24796
|
-
*/
|
|
24797
|
-
var SortableTableHeaderCell = function (_a) {
|
|
24798
|
-
var isSorted = _a.isSorted, triggerSorting = _a.triggerSorting, sortOrder = _a.sortOrder, title = _a.title, disabled = _a.disabled;
|
|
24799
|
-
return (jsxRuntime.jsxs("button", __assign({ type: "button", className: "dc__transparent p-0 bcn-0 cn-7 flex dc__content-start dc__gap-4 cursor", onClick: triggerSorting, disabled: disabled }, { children: [jsxRuntime.jsx("span", __assign({ className: "dc__uppercase dc__ellipsis-right" }, { children: title })), isSorted ? (jsxRuntime.jsx(SvgIcSortArrowDown, { className: "icon-dim-12 mw-12 scn-7 ".concat(sortOrder === exports.SortingOrder.DESC ? 'dc__flip-180' : '') })) : (jsxRuntime.jsx(SvgIcArrowUpDown, { className: "icon-dim-12 mw-12 scn-7" }))] })));
|
|
24800
|
-
};
|
|
24801
|
-
|
|
24802
24732
|
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}";
|
|
24803
24733
|
styleInject(css_248z$4);
|
|
24804
24734
|
|
|
@@ -24935,9 +24865,9 @@ exports.ConsequenceAction = void 0;
|
|
|
24935
24865
|
})(exports.ConsequenceAction || (exports.ConsequenceAction = {}));
|
|
24936
24866
|
|
|
24937
24867
|
var _g$2;
|
|
24938
|
-
function _extends$
|
|
24868
|
+
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); }
|
|
24939
24869
|
var SvgIcInfoFilled = function SvgIcInfoFilled(props) {
|
|
24940
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
24870
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
|
|
24941
24871
|
xmlns: "http://www.w3.org/2000/svg",
|
|
24942
24872
|
width: "1em",
|
|
24943
24873
|
height: "1em",
|
|
@@ -25016,16 +24946,16 @@ function DeleteComponent(_a) {
|
|
|
25016
24946
|
return (jsxRuntime.jsxs("div", { children: [!showCannotDeleteDialogModal && renderDeleteDialog(), showCannotDeleteDialogModal && renderCannotDeleteDialogModal()] }));
|
|
25017
24947
|
}
|
|
25018
24948
|
|
|
25019
|
-
var _path$
|
|
25020
|
-
function _extends$
|
|
24949
|
+
var _path$6;
|
|
24950
|
+
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); }
|
|
25021
24951
|
var SvgIcPencil = function SvgIcPencil(props) {
|
|
25022
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
24952
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
|
|
25023
24953
|
width: "1em",
|
|
25024
24954
|
height: "1em",
|
|
25025
24955
|
viewBox: "0 0 20 20",
|
|
25026
24956
|
fill: "none",
|
|
25027
24957
|
xmlns: "http://www.w3.org/2000/svg"
|
|
25028
|
-
}, props), _path$
|
|
24958
|
+
}, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
25029
24959
|
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",
|
|
25030
24960
|
stroke: "#596168",
|
|
25031
24961
|
strokeWidth: 1.5,
|
|
@@ -25034,16 +24964,16 @@ var SvgIcPencil = function SvgIcPencil(props) {
|
|
|
25034
24964
|
})));
|
|
25035
24965
|
};
|
|
25036
24966
|
|
|
25037
|
-
var _path$
|
|
25038
|
-
function _extends$
|
|
24967
|
+
var _path$5, _path2, _path3;
|
|
24968
|
+
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); }
|
|
25039
24969
|
var SvgIcArrowCounterClockwise = function SvgIcArrowCounterClockwise(props) {
|
|
25040
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
24970
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
|
|
25041
24971
|
width: "1em",
|
|
25042
24972
|
height: "1em",
|
|
25043
24973
|
viewBox: "0 0 12 12",
|
|
25044
24974
|
fill: "none",
|
|
25045
24975
|
xmlns: "http://www.w3.org/2000/svg"
|
|
25046
|
-
}, props), _path$
|
|
24976
|
+
}, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
25047
24977
|
d: "M3.742 4.674h-2.25v-2.25",
|
|
25048
24978
|
fill: "#767D84"
|
|
25049
24979
|
})), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -25061,15 +24991,15 @@ var SvgIcArrowCounterClockwise = function SvgIcArrowCounterClockwise(props) {
|
|
|
25061
24991
|
})));
|
|
25062
24992
|
};
|
|
25063
24993
|
|
|
25064
|
-
var _path$
|
|
25065
|
-
function _extends$
|
|
24994
|
+
var _path$4;
|
|
24995
|
+
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); }
|
|
25066
24996
|
var SvgIcMinus = function SvgIcMinus(props) {
|
|
25067
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
24997
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
|
|
25068
24998
|
xmlns: "http://www.w3.org/2000/svg",
|
|
25069
24999
|
width: "1em",
|
|
25070
25000
|
height: "1em",
|
|
25071
25001
|
viewBox: "0 0 14 14"
|
|
25072
|
-
}, props), _path$
|
|
25002
|
+
}, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
25073
25003
|
fill: "#959BA1",
|
|
25074
25004
|
className: "ic-minus_svg__fill-color",
|
|
25075
25005
|
fillRule: "evenodd",
|
|
@@ -25078,9 +25008,9 @@ var SvgIcMinus = function SvgIcMinus(props) {
|
|
|
25078
25008
|
};
|
|
25079
25009
|
|
|
25080
25010
|
var _g$1;
|
|
25081
|
-
function _extends$
|
|
25011
|
+
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); }
|
|
25082
25012
|
var SvgIcWarning = function SvgIcWarning(props) {
|
|
25083
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
25013
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
|
|
25084
25014
|
xmlns: "http://www.w3.org/2000/svg",
|
|
25085
25015
|
width: "1em",
|
|
25086
25016
|
height: "1em",
|
|
@@ -25100,9 +25030,9 @@ var SvgIcWarning = function SvgIcWarning(props) {
|
|
|
25100
25030
|
};
|
|
25101
25031
|
|
|
25102
25032
|
var _g;
|
|
25103
|
-
function _extends$
|
|
25033
|
+
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); }
|
|
25104
25034
|
var SvgIcErrorExclamation = function SvgIcErrorExclamation(props) {
|
|
25105
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
25035
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
|
|
25106
25036
|
xmlns: "http://www.w3.org/2000/svg",
|
|
25107
25037
|
width: "1em",
|
|
25108
25038
|
height: "1em",
|
|
@@ -25119,16 +25049,16 @@ var SvgIcErrorExclamation = function SvgIcErrorExclamation(props) {
|
|
|
25119
25049
|
}))));
|
|
25120
25050
|
};
|
|
25121
25051
|
|
|
25122
|
-
var _path$
|
|
25123
|
-
function _extends$
|
|
25052
|
+
var _path$3;
|
|
25053
|
+
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); }
|
|
25124
25054
|
var SvgIcEnter = function SvgIcEnter(props) {
|
|
25125
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
25055
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
|
|
25126
25056
|
width: "1em",
|
|
25127
25057
|
height: "1em",
|
|
25128
25058
|
viewBox: "0 0 16 16",
|
|
25129
25059
|
fill: "none",
|
|
25130
25060
|
xmlns: "http://www.w3.org/2000/svg"
|
|
25131
|
-
}, props), _path$
|
|
25061
|
+
}, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
25132
25062
|
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",
|
|
25133
25063
|
fill: "#3B444C"
|
|
25134
25064
|
})));
|
|
@@ -25534,15 +25464,15 @@ function Grid(_a) {
|
|
|
25534
25464
|
return (jsxRuntime.jsx("div", __assign({ className: "flex-wrap flexbox ".concat(container ? containerClass : ''), style: containerStyles }, containerDivProps, { children: children })));
|
|
25535
25465
|
}
|
|
25536
25466
|
|
|
25537
|
-
var _path$
|
|
25538
|
-
function _extends$
|
|
25467
|
+
var _path$2;
|
|
25468
|
+
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); }
|
|
25539
25469
|
var SvgIcCopy = function SvgIcCopy(props) {
|
|
25540
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
25470
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
|
|
25541
25471
|
xmlns: "http://www.w3.org/2000/svg",
|
|
25542
25472
|
width: "1em",
|
|
25543
25473
|
height: "1em",
|
|
25544
25474
|
viewBox: "0 0 20 20"
|
|
25545
|
-
}, props), _path$
|
|
25475
|
+
}, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
25546
25476
|
fill: "#767D84",
|
|
25547
25477
|
fillRule: "evenodd",
|
|
25548
25478
|
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"
|
|
@@ -25639,116 +25569,6 @@ var useWindowSize = function () {
|
|
|
25639
25569
|
return windowSize;
|
|
25640
25570
|
};
|
|
25641
25571
|
|
|
25642
|
-
var DEFAULT_PAGE_NUMBER = 1;
|
|
25643
|
-
var URL_FILTER_KEYS = {
|
|
25644
|
-
PAGE_SIZE: 'pageSize',
|
|
25645
|
-
PAGE_NUMBER: 'pageNumber',
|
|
25646
|
-
SEARCH_KEY: 'searchKey',
|
|
25647
|
-
SORT_BY: 'sortBy',
|
|
25648
|
-
SORT_ORDER: 'sortOrder',
|
|
25649
|
-
};
|
|
25650
|
-
|
|
25651
|
-
var PAGE_SIZE = URL_FILTER_KEYS.PAGE_SIZE, PAGE_NUMBER = URL_FILTER_KEYS.PAGE_NUMBER, SEARCH_KEY = URL_FILTER_KEYS.SEARCH_KEY, SORT_BY = URL_FILTER_KEYS.SORT_BY, SORT_ORDER = URL_FILTER_KEYS.SORT_ORDER;
|
|
25652
|
-
/**
|
|
25653
|
-
* Generic hook for implementing URL based filters.
|
|
25654
|
-
* eg: pagination, search, sort.
|
|
25655
|
-
*
|
|
25656
|
-
* The exposed handlers can be consumed directly without the need for explicit state management
|
|
25657
|
-
*
|
|
25658
|
-
* @example Default Usage:
|
|
25659
|
-
* ```tsx
|
|
25660
|
-
* const { pageSize, changePage, ...rest } = useUrlFilters()
|
|
25661
|
-
* ```
|
|
25662
|
-
*
|
|
25663
|
-
* @example Usage with custom type for sort keys and initial sort key:
|
|
25664
|
-
* ```tsx
|
|
25665
|
-
* const { sortBy, sortOrder } = useUrlFilters<'email' | 'name'>({ initialSortKey: 'email' })
|
|
25666
|
-
* ```
|
|
25667
|
-
*
|
|
25668
|
-
*/
|
|
25669
|
-
var useUrlFilters = function (_a) {
|
|
25670
|
-
var _b = _a === void 0 ? {} : _a, initialSortKey = _b.initialSortKey;
|
|
25671
|
-
var location = reactRouterDom.useLocation();
|
|
25672
|
-
var history = reactRouterDom.useHistory();
|
|
25673
|
-
var searchParams = new URLSearchParams(location.search);
|
|
25674
|
-
var _c = React.useMemo(function () {
|
|
25675
|
-
var _pageSize = searchParams.get(PAGE_SIZE);
|
|
25676
|
-
var _pageNumber = searchParams.get(PAGE_NUMBER);
|
|
25677
|
-
var _searchKey = searchParams.get(SEARCH_KEY);
|
|
25678
|
-
var _sortOrder = searchParams.get(SORT_ORDER);
|
|
25679
|
-
var _sortBy = searchParams.get(SORT_BY);
|
|
25680
|
-
var sortByKey = (_sortBy || initialSortKey || '');
|
|
25681
|
-
// Fallback to ascending order
|
|
25682
|
-
var sortByOrder = Object.values(exports.SortingOrder).includes(_sortOrder) ? _sortOrder : exports.SortingOrder.ASC;
|
|
25683
|
-
return {
|
|
25684
|
-
pageSize: Number(_pageSize) || DEFAULT_BASE_PAGE_SIZE,
|
|
25685
|
-
pageNumber: Number(_pageNumber) || DEFAULT_PAGE_NUMBER,
|
|
25686
|
-
searchKey: _searchKey || '',
|
|
25687
|
-
sortBy: sortByKey,
|
|
25688
|
-
// sort order should only be applied if the key is available
|
|
25689
|
-
sortOrder: (sortByKey ? sortByOrder : ''),
|
|
25690
|
-
};
|
|
25691
|
-
}, [searchParams]), pageSize = _c.pageSize, pageNumber = _c.pageNumber, searchKey = _c.searchKey, sortBy = _c.sortBy, sortOrder = _c.sortOrder;
|
|
25692
|
-
/**
|
|
25693
|
-
* Used for getting the required result from the API
|
|
25694
|
-
*/
|
|
25695
|
-
var offset = pageSize * (pageNumber - 1);
|
|
25696
|
-
/**
|
|
25697
|
-
* Update and replace the search params in the URL.
|
|
25698
|
-
*
|
|
25699
|
-
* Note: Currently only primitive data types are supported
|
|
25700
|
-
*/
|
|
25701
|
-
var _updateSearchParam = function (key, value) {
|
|
25702
|
-
searchParams.set(key, String(value));
|
|
25703
|
-
history.replace({ search: searchParams.toString() });
|
|
25704
|
-
};
|
|
25705
|
-
var _resetPageNumber = function () {
|
|
25706
|
-
_updateSearchParam(PAGE_NUMBER, DEFAULT_PAGE_NUMBER);
|
|
25707
|
-
};
|
|
25708
|
-
var changePage = function (page) {
|
|
25709
|
-
_updateSearchParam(PAGE_NUMBER, page);
|
|
25710
|
-
};
|
|
25711
|
-
var changePageSize = function (_pageSize) {
|
|
25712
|
-
_updateSearchParam(PAGE_SIZE, _pageSize);
|
|
25713
|
-
_resetPageNumber();
|
|
25714
|
-
};
|
|
25715
|
-
var handleSearch = function (searchTerm) {
|
|
25716
|
-
_updateSearchParam(SEARCH_KEY, searchTerm);
|
|
25717
|
-
_resetPageNumber();
|
|
25718
|
-
};
|
|
25719
|
-
var handleSorting = function (_sortBy) {
|
|
25720
|
-
var order;
|
|
25721
|
-
if (_sortBy === sortBy && sortOrder === exports.SortingOrder.ASC) {
|
|
25722
|
-
order = exports.SortingOrder.DESC;
|
|
25723
|
-
}
|
|
25724
|
-
else {
|
|
25725
|
-
order = exports.SortingOrder.ASC;
|
|
25726
|
-
}
|
|
25727
|
-
_updateSearchParam(SORT_BY, _sortBy);
|
|
25728
|
-
_updateSearchParam(SORT_ORDER, order);
|
|
25729
|
-
// Reset page number on sorting change
|
|
25730
|
-
_resetPageNumber();
|
|
25731
|
-
};
|
|
25732
|
-
var clearFilters = function () {
|
|
25733
|
-
Object.values(URL_FILTER_KEYS).forEach(function (key) {
|
|
25734
|
-
searchParams.delete(key);
|
|
25735
|
-
});
|
|
25736
|
-
history.replace({ search: searchParams.toString() });
|
|
25737
|
-
};
|
|
25738
|
-
return {
|
|
25739
|
-
pageSize: pageSize,
|
|
25740
|
-
changePage: changePage,
|
|
25741
|
-
changePageSize: changePageSize,
|
|
25742
|
-
searchKey: searchKey,
|
|
25743
|
-
handleSearch: handleSearch,
|
|
25744
|
-
offset: offset,
|
|
25745
|
-
sortBy: sortBy,
|
|
25746
|
-
sortOrder: sortOrder,
|
|
25747
|
-
handleSorting: handleSorting,
|
|
25748
|
-
clearFilters: clearFilters,
|
|
25749
|
-
};
|
|
25750
|
-
};
|
|
25751
|
-
|
|
25752
25572
|
var StatusConstants = {
|
|
25753
25573
|
NOT_DEPLOYED: {
|
|
25754
25574
|
noSpaceLower: 'notdeployed',
|
|
@@ -28484,15 +28304,15 @@ var getInferredTypeFromValueType = function (value) {
|
|
|
28484
28304
|
}
|
|
28485
28305
|
};
|
|
28486
28306
|
|
|
28487
|
-
var _path$
|
|
28488
|
-
function _extends$
|
|
28307
|
+
var _path$1;
|
|
28308
|
+
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); }
|
|
28489
28309
|
var SvgIcChevronDown = function SvgIcChevronDown(props) {
|
|
28490
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
28310
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
|
|
28491
28311
|
xmlns: "http://www.w3.org/2000/svg",
|
|
28492
28312
|
width: "1em",
|
|
28493
28313
|
height: "1em",
|
|
28494
28314
|
viewBox: "0 0 24 24"
|
|
28495
|
-
}, props), _path$
|
|
28315
|
+
}, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
28496
28316
|
fill: "#999",
|
|
28497
28317
|
className: "ic-chevron-down_svg__fill-color",
|
|
28498
28318
|
fillRule: "nonzero",
|
|
@@ -28551,16 +28371,16 @@ var Form = RJSF.default;
|
|
|
28551
28371
|
var validator = RJSFValidator.default;
|
|
28552
28372
|
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 }))); };
|
|
28553
28373
|
|
|
28554
|
-
var _style, _rect
|
|
28555
|
-
function _extends$
|
|
28374
|
+
var _style, _rect;
|
|
28375
|
+
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); }
|
|
28556
28376
|
var SvgIcRotateDevtron = function SvgIcRotateDevtron(props) {
|
|
28557
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
28377
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
|
|
28558
28378
|
width: "1em",
|
|
28559
28379
|
height: "1em",
|
|
28560
28380
|
viewBox: "0 0 100 100",
|
|
28561
28381
|
fill: "none",
|
|
28562
28382
|
xmlns: "http://www.w3.org/2000/svg"
|
|
28563
|
-
}, 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
|
|
28383
|
+
}, 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", {
|
|
28564
28384
|
width: 100,
|
|
28565
28385
|
height: 100,
|
|
28566
28386
|
rx: 20,
|
|
@@ -28828,16 +28648,16 @@ function DraggableWrapper(_a) {
|
|
|
28828
28648
|
} }, { children: children })) })) })));
|
|
28829
28649
|
}
|
|
28830
28650
|
|
|
28831
|
-
var _path
|
|
28832
|
-
function _extends
|
|
28651
|
+
var _path;
|
|
28652
|
+
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); }
|
|
28833
28653
|
var SvgIcDrag = function SvgIcDrag(props) {
|
|
28834
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends
|
|
28654
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
28835
28655
|
width: "1em",
|
|
28836
28656
|
height: "1em",
|
|
28837
28657
|
viewBox: "0 0 16 16",
|
|
28838
28658
|
fill: "none",
|
|
28839
28659
|
xmlns: "http://www.w3.org/2000/svg"
|
|
28840
|
-
}, props), _path
|
|
28660
|
+
}, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
|
|
28841
28661
|
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",
|
|
28842
28662
|
fill: "#596168"
|
|
28843
28663
|
})));
|
|
@@ -28959,302 +28779,11 @@ var Pagination = function (_a) {
|
|
|
28959
28779
|
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 })] })))] })));
|
|
28960
28780
|
};
|
|
28961
28781
|
|
|
28962
|
-
/**
|
|
28963
|
-
* User Status received from the API
|
|
28964
|
-
*/
|
|
28965
|
-
exports.UserStatusDto = void 0;
|
|
28966
|
-
(function (UserStatusDto) {
|
|
28967
|
-
UserStatusDto["active"] = "active";
|
|
28968
|
-
UserStatusDto["inactive"] = "inactive";
|
|
28969
|
-
})(exports.UserStatusDto || (exports.UserStatusDto = {}));
|
|
28970
|
-
/**
|
|
28971
|
-
* User status for the frontend
|
|
28972
|
-
*/
|
|
28973
|
-
exports.UserStatus = void 0;
|
|
28974
|
-
(function (UserStatus) {
|
|
28975
|
-
UserStatus["active"] = "active";
|
|
28976
|
-
UserStatus["inactive"] = "inactive";
|
|
28977
|
-
UserStatus["temporary"] = "temporary";
|
|
28978
|
-
})(exports.UserStatus || (exports.UserStatus = {}));
|
|
28979
|
-
|
|
28980
|
-
var BulkSelectionDropdownItems = function (_a) {
|
|
28981
|
-
var locator = _a.locator, label = _a.label, isSelected = _a.isSelected, handleBulkSelection = _a.handleBulkSelection, Icon = _a.icon;
|
|
28982
|
-
var handleSelect = function () {
|
|
28983
|
-
handleBulkSelection({
|
|
28984
|
-
action: locator,
|
|
28985
|
-
});
|
|
28986
|
-
};
|
|
28987
|
-
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] })));
|
|
28988
|
-
};
|
|
28989
|
-
|
|
28990
|
-
exports.BulkSelectionEvents = void 0;
|
|
28991
|
-
(function (BulkSelectionEvents) {
|
|
28992
|
-
BulkSelectionEvents["CLEAR_ALL_SELECTIONS"] = "CLEAR_ALL_SELECTIONS";
|
|
28993
|
-
BulkSelectionEvents["CLEAR_IDENTIFIERS"] = "CLEAR_IDENTIFIERS";
|
|
28994
|
-
BulkSelectionEvents["SELECT_ALL_ACROSS_PAGES"] = "SELECT_ALL_ACROSS_PAGES";
|
|
28995
|
-
BulkSelectionEvents["SELECT_ALL_ON_PAGE"] = "SELECT_ALL_ON_PAGE";
|
|
28996
|
-
BulkSelectionEvents["SELECT_IDENTIFIER"] = "SELECT_IDENTIFIER";
|
|
28997
|
-
BulkSelectionEvents["CLEAR_IDENTIFIERS_AFTER_ACROSS_SELECTION"] = "CLEAR_IDENTIFIERS_AFTER_ACROSS_SELECTION";
|
|
28998
|
-
BulkSelectionEvents["CLEAR_SELECTIONS_AND_SELECT_ALL_ACROSS_PAGES"] = "CLEAR_SELECTIONS_AND_SELECT_ALL_ACROSS_PAGES";
|
|
28999
|
-
})(exports.BulkSelectionEvents || (exports.BulkSelectionEvents = {}));
|
|
29000
|
-
exports.SelectAllDialogStatus = void 0;
|
|
29001
|
-
(function (SelectAllDialogStatus) {
|
|
29002
|
-
SelectAllDialogStatus["OPEN"] = "OPEN";
|
|
29003
|
-
SelectAllDialogStatus["CLOSED"] = "CLOSED";
|
|
29004
|
-
})(exports.SelectAllDialogStatus || (exports.SelectAllDialogStatus = {}));
|
|
29005
|
-
|
|
29006
|
-
var _a;
|
|
29007
|
-
var BULK_DROPDOWN_TEST_ID = 'bulk-selection-pop-up-menu';
|
|
29008
|
-
var BulkSelectionOptionsLabels = (_a = {},
|
|
29009
|
-
_a[exports.BulkSelectionEvents.SELECT_ALL_ON_PAGE] = 'All on this page',
|
|
29010
|
-
_a[exports.BulkSelectionEvents.SELECT_ALL_ACROSS_PAGES] = 'All across pages',
|
|
29011
|
-
_a[exports.BulkSelectionEvents.CLEAR_ALL_SELECTIONS] = 'Clear selection',
|
|
29012
|
-
_a);
|
|
29013
|
-
// Considering application can not be named as *
|
|
29014
|
-
var SELECT_ALL_ACROSS_PAGES_LOCATOR = '*';
|
|
29015
|
-
var getInvalidActionMessage = function (action) { return "Invalid action ".concat(action, " passed to useBulkSelection"); };
|
|
29016
|
-
var BULK_SELECTION_CONTEXT_ERROR = 'useBulkSelection must be used within BulkSelectionContext';
|
|
29017
|
-
|
|
29018
|
-
// giving type any here since not exporting this context, rather using it through useBulkSelection hook which is typed
|
|
29019
|
-
var BulkSelectionContext = React.createContext({
|
|
29020
|
-
selectedIdentifiers: {},
|
|
29021
|
-
handleBulkSelection: noop$1,
|
|
29022
|
-
isChecked: false,
|
|
29023
|
-
checkboxValue: exports.CHECKBOX_VALUE.CHECKED,
|
|
29024
|
-
});
|
|
29025
|
-
var useBulkSelection = function () {
|
|
29026
|
-
var context = React.useContext(BulkSelectionContext);
|
|
29027
|
-
if (!context) {
|
|
29028
|
-
throw new Error(BULK_SELECTION_CONTEXT_ERROR);
|
|
29029
|
-
}
|
|
29030
|
-
return context;
|
|
29031
|
-
};
|
|
29032
|
-
var BulkSelectionProvider = function (_a) {
|
|
29033
|
-
var children = _a.children, identifiers = _a.identifiers, getSelectAllDialogStatus = _a.getSelectAllDialogStatus;
|
|
29034
|
-
var _b = __read(React.useState({}), 2), selectedIdentifiers = _b[0], setSelectedIdentifiers = _b[1];
|
|
29035
|
-
var setIdentifiersAfterClear = function (newIdentifiers, selectedIds) {
|
|
29036
|
-
var _newIdentifiers = JSON.parse(JSON.stringify(newIdentifiers));
|
|
29037
|
-
selectedIds.forEach(function (id) {
|
|
29038
|
-
delete _newIdentifiers[id];
|
|
29039
|
-
});
|
|
29040
|
-
setSelectedIdentifiers(_newIdentifiers);
|
|
29041
|
-
};
|
|
29042
|
-
var setIdentifiersAfterPageSelection = function (baseObject) {
|
|
29043
|
-
var _selectedIdentifiers = JSON.parse(JSON.stringify(selectedIdentifiers));
|
|
29044
|
-
// removing bulk selection across pages if present
|
|
29045
|
-
if (_selectedIdentifiers[SELECT_ALL_ACROSS_PAGES_LOCATOR]) {
|
|
29046
|
-
delete _selectedIdentifiers[SELECT_ALL_ACROSS_PAGES_LOCATOR];
|
|
29047
|
-
}
|
|
29048
|
-
setSelectedIdentifiers(__assign(__assign({}, _selectedIdentifiers), baseObject));
|
|
29049
|
-
};
|
|
29050
|
-
var handleBulkSelection = function (_a) {
|
|
29051
|
-
var _b, _c;
|
|
29052
|
-
var _d, _e;
|
|
29053
|
-
var action = _a.action, data = _a.data;
|
|
29054
|
-
var selectedIds = (_d = data === null || data === void 0 ? void 0 : data.identifierIds) !== null && _d !== void 0 ? _d : [];
|
|
29055
|
-
var identifierObject = (_e = data === null || data === void 0 ? void 0 : data.identifierObject) !== null && _e !== void 0 ? _e : {};
|
|
29056
|
-
switch (action) {
|
|
29057
|
-
case exports.BulkSelectionEvents.CLEAR_ALL_SELECTIONS:
|
|
29058
|
-
setSelectedIdentifiers({});
|
|
29059
|
-
break;
|
|
29060
|
-
case exports.BulkSelectionEvents.CLEAR_IDENTIFIERS_AFTER_ACROSS_SELECTION: {
|
|
29061
|
-
setIdentifiersAfterClear(identifiers, selectedIds);
|
|
29062
|
-
break;
|
|
29063
|
-
}
|
|
29064
|
-
case exports.BulkSelectionEvents.CLEAR_IDENTIFIERS: {
|
|
29065
|
-
setIdentifiersAfterClear(selectedIdentifiers, selectedIds);
|
|
29066
|
-
break;
|
|
29067
|
-
}
|
|
29068
|
-
case exports.BulkSelectionEvents.SELECT_ALL_ACROSS_PAGES: {
|
|
29069
|
-
if (selectedIdentifiers[SELECT_ALL_ACROSS_PAGES_LOCATOR]) {
|
|
29070
|
-
return;
|
|
29071
|
-
}
|
|
29072
|
-
var selectedIdentifiersLength = Object.keys(selectedIdentifiers).length;
|
|
29073
|
-
// This is for showing a modal dialog if applicable to confirm if bulk selection is to be applied
|
|
29074
|
-
// Do note that the 'getSelectAllDialogStatus' should be called after the length check explicitly
|
|
29075
|
-
// otherwise the modal will open each time
|
|
29076
|
-
if (selectedIdentifiersLength > 0 && getSelectAllDialogStatus() === exports.SelectAllDialogStatus.OPEN) {
|
|
29077
|
-
return;
|
|
29078
|
-
}
|
|
29079
|
-
setSelectedIdentifiers((_b = {},
|
|
29080
|
-
_b[SELECT_ALL_ACROSS_PAGES_LOCATOR] = true,
|
|
29081
|
-
_b));
|
|
29082
|
-
break;
|
|
29083
|
-
}
|
|
29084
|
-
case exports.BulkSelectionEvents.CLEAR_SELECTIONS_AND_SELECT_ALL_ACROSS_PAGES:
|
|
29085
|
-
setSelectedIdentifiers((_c = {},
|
|
29086
|
-
_c[SELECT_ALL_ACROSS_PAGES_LOCATOR] = true,
|
|
29087
|
-
_c));
|
|
29088
|
-
break;
|
|
29089
|
-
case exports.BulkSelectionEvents.SELECT_ALL_ON_PAGE: {
|
|
29090
|
-
setIdentifiersAfterPageSelection(identifiers);
|
|
29091
|
-
break;
|
|
29092
|
-
}
|
|
29093
|
-
case exports.BulkSelectionEvents.SELECT_IDENTIFIER: {
|
|
29094
|
-
setIdentifiersAfterPageSelection(identifierObject);
|
|
29095
|
-
break;
|
|
29096
|
-
}
|
|
29097
|
-
default:
|
|
29098
|
-
throw new Error(getInvalidActionMessage(action));
|
|
29099
|
-
}
|
|
29100
|
-
};
|
|
29101
|
-
var getBulkSelectionCheckboxValues = function () {
|
|
29102
|
-
var selectedIdentifiersArray = Object.keys(selectedIdentifiers);
|
|
29103
|
-
if (selectedIdentifiersArray.length === 0) {
|
|
29104
|
-
return {
|
|
29105
|
-
isChecked: false,
|
|
29106
|
-
checkboxValue: exports.CHECKBOX_VALUE.CHECKED,
|
|
29107
|
-
};
|
|
29108
|
-
}
|
|
29109
|
-
// if selectedIdentifiers contains select all across pages locator then it means all are selected
|
|
29110
|
-
if (selectedIdentifiers[SELECT_ALL_ACROSS_PAGES_LOCATOR]) {
|
|
29111
|
-
return {
|
|
29112
|
-
isChecked: true,
|
|
29113
|
-
checkboxValue: exports.CHECKBOX_VALUE.BULK_CHECKED,
|
|
29114
|
-
};
|
|
29115
|
-
}
|
|
29116
|
-
// if all the identifiers are selected then CHECKED else intermediate
|
|
29117
|
-
var areAllPresentIdentifiersSelected = Object.keys(identifiers).every(function (identifierId) { return selectedIdentifiers[identifierId]; });
|
|
29118
|
-
if (areAllPresentIdentifiersSelected) {
|
|
29119
|
-
return {
|
|
29120
|
-
isChecked: true,
|
|
29121
|
-
checkboxValue: exports.CHECKBOX_VALUE.CHECKED,
|
|
29122
|
-
};
|
|
29123
|
-
}
|
|
29124
|
-
return {
|
|
29125
|
-
isChecked: true,
|
|
29126
|
-
checkboxValue: exports.CHECKBOX_VALUE.INTERMEDIATE,
|
|
29127
|
-
};
|
|
29128
|
-
};
|
|
29129
|
-
var _c = getBulkSelectionCheckboxValues(), isChecked = _c.isChecked, checkboxValue = _c.checkboxValue;
|
|
29130
|
-
var value = React.useMemo(function () { return ({
|
|
29131
|
-
selectedIdentifiers: selectedIdentifiers,
|
|
29132
|
-
handleBulkSelection: handleBulkSelection,
|
|
29133
|
-
isChecked: isChecked,
|
|
29134
|
-
checkboxValue: checkboxValue,
|
|
29135
|
-
}); }, [selectedIdentifiers, handleBulkSelection, isChecked, checkboxValue]);
|
|
29136
|
-
return jsxRuntime.jsx(BulkSelectionContext.Provider, __assign({ value: value }, { children: children }));
|
|
29137
|
-
};
|
|
29138
|
-
|
|
29139
|
-
var _rect$1, _path$1;
|
|
29140
|
-
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); }
|
|
29141
|
-
var SvgIcCheckSquare = function SvgIcCheckSquare(props) {
|
|
29142
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
|
|
29143
|
-
width: "1em",
|
|
29144
|
-
height: "1em",
|
|
29145
|
-
viewBox: "0 0 16 16",
|
|
29146
|
-
fill: "none",
|
|
29147
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
29148
|
-
}, props), _rect$1 || (_rect$1 = /*#__PURE__*/React__namespace.createElement("rect", {
|
|
29149
|
-
x: 2,
|
|
29150
|
-
y: 2,
|
|
29151
|
-
width: 12,
|
|
29152
|
-
height: 12,
|
|
29153
|
-
rx: 2,
|
|
29154
|
-
stroke: "#596168",
|
|
29155
|
-
strokeWidth: 1.5,
|
|
29156
|
-
strokeLinecap: "round",
|
|
29157
|
-
strokeLinejoin: "round"
|
|
29158
|
-
})), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
29159
|
-
d: "m11.208 5.958-4.083 4.083L5.083 8",
|
|
29160
|
-
stroke: "#596168",
|
|
29161
|
-
strokeWidth: 1.5,
|
|
29162
|
-
strokeLinecap: "round",
|
|
29163
|
-
strokeLinejoin: "round"
|
|
29164
|
-
})));
|
|
29165
|
-
};
|
|
29166
|
-
|
|
29167
|
-
var _rect, _path;
|
|
29168
|
-
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); }
|
|
29169
|
-
var SvgIcCheckAll = function SvgIcCheckAll(props) {
|
|
29170
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
|
|
29171
|
-
width: "1em",
|
|
29172
|
-
height: "1em",
|
|
29173
|
-
viewBox: "0 0 17 17",
|
|
29174
|
-
fill: "none",
|
|
29175
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
29176
|
-
}, props), _rect || (_rect = /*#__PURE__*/React__namespace.createElement("rect", {
|
|
29177
|
-
x: 2,
|
|
29178
|
-
y: 2,
|
|
29179
|
-
width: 11.2,
|
|
29180
|
-
height: 11.2,
|
|
29181
|
-
rx: 2,
|
|
29182
|
-
stroke: "#596168",
|
|
29183
|
-
strokeWidth: 1.5,
|
|
29184
|
-
strokeLinecap: "round",
|
|
29185
|
-
strokeLinejoin: "round"
|
|
29186
|
-
})), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
|
|
29187
|
-
d: "M15.467 5.866v5.6a4 4 0 0 1-4 4h-5.6M10.35 5.85l-3.5 3.5L5.1 7.6",
|
|
29188
|
-
stroke: "#596168",
|
|
29189
|
-
strokeWidth: 1.5,
|
|
29190
|
-
strokeLinecap: "round",
|
|
29191
|
-
strokeLinejoin: "round"
|
|
29192
|
-
})));
|
|
29193
|
-
};
|
|
29194
|
-
|
|
29195
|
-
var _defs, _use;
|
|
29196
|
-
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); }
|
|
29197
|
-
var SvgIcClose = function SvgIcClose(props) {
|
|
29198
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
29199
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
29200
|
-
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
29201
|
-
width: "1em",
|
|
29202
|
-
height: "1em",
|
|
29203
|
-
viewBox: "0 0 24 24"
|
|
29204
|
-
}, props), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("path", {
|
|
29205
|
-
id: "ic-close_svg__a",
|
|
29206
|
-
className: "ic-close_svg__stroke-color",
|
|
29207
|
-
d: "M18.295 5.705a.997.997 0 0 0-1.41 0L12 10.59 7.115 5.705a.997.997 0 1 0-1.41 1.41L10.59 12l-4.885 4.885a.997.997 0 1 0 1.41 1.41L12 13.41l4.885 4.885a.997.997 0 0 0 1.41-1.41L13.41 12l4.885-4.885a.997.997 0 0 0 0-1.41z"
|
|
29208
|
-
}))), _use || (_use = /*#__PURE__*/React__namespace.createElement("use", {
|
|
29209
|
-
fill: "#999",
|
|
29210
|
-
xlinkHref: "#ic-close_svg__a",
|
|
29211
|
-
fillRule: "evenodd"
|
|
29212
|
-
})));
|
|
29213
|
-
};
|
|
29214
|
-
|
|
29215
|
-
var BulkSelection = function (_a) {
|
|
29216
|
-
var showPagination = _a.showPagination;
|
|
29217
|
-
var _b = useBulkSelection(), handleBulkSelection = _b.handleBulkSelection, selectedIdentifiers = _b.selectedIdentifiers, isChecked = _b.isChecked, checkboxValue = _b.checkboxValue;
|
|
29218
|
-
var areOptionsSelected = Object.keys(selectedIdentifiers).length > 0;
|
|
29219
|
-
var BulkSelectionItems = __spreadArray(__spreadArray([
|
|
29220
|
-
{
|
|
29221
|
-
locator: exports.BulkSelectionEvents.SELECT_ALL_ON_PAGE,
|
|
29222
|
-
label: BulkSelectionOptionsLabels[exports.BulkSelectionEvents.SELECT_ALL_ON_PAGE],
|
|
29223
|
-
isSelected: isChecked && checkboxValue === exports.CHECKBOX_VALUE.CHECKED,
|
|
29224
|
-
icon: SvgIcCheckSquare,
|
|
29225
|
-
}
|
|
29226
|
-
], __read((showPagination
|
|
29227
|
-
? [
|
|
29228
|
-
{
|
|
29229
|
-
locator: exports.BulkSelectionEvents.SELECT_ALL_ACROSS_PAGES,
|
|
29230
|
-
label: BulkSelectionOptionsLabels[exports.BulkSelectionEvents.SELECT_ALL_ACROSS_PAGES],
|
|
29231
|
-
isSelected: isChecked && checkboxValue === exports.CHECKBOX_VALUE.BULK_CHECKED,
|
|
29232
|
-
icon: SvgIcCheckAll,
|
|
29233
|
-
},
|
|
29234
|
-
]
|
|
29235
|
-
: [])), false), __read((areOptionsSelected
|
|
29236
|
-
? [
|
|
29237
|
-
{
|
|
29238
|
-
locator: exports.BulkSelectionEvents.CLEAR_ALL_SELECTIONS,
|
|
29239
|
-
label: BulkSelectionOptionsLabels[exports.BulkSelectionEvents.CLEAR_ALL_SELECTIONS],
|
|
29240
|
-
isSelected: false,
|
|
29241
|
-
icon: SvgIcClose,
|
|
29242
|
-
},
|
|
29243
|
-
]
|
|
29244
|
-
: [])), false);
|
|
29245
|
-
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 m-0", value: checkboxValue }), jsxRuntime.jsx(SvgIcChevronDown, { className: "icon-dim-20 fcn-6 dc__no-shrink" })] })), 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)); }) }))] })));
|
|
29246
|
-
};
|
|
29247
|
-
|
|
29248
28782
|
exports.AddCDButton = AddCDButton;
|
|
29249
28783
|
exports.AppStatus = AppStatus;
|
|
29250
|
-
exports.BULK_DROPDOWN_TEST_ID = BULK_DROPDOWN_TEST_ID;
|
|
29251
|
-
exports.BULK_SELECTION_CONTEXT_ERROR = BULK_SELECTION_CONTEXT_ERROR;
|
|
29252
28784
|
exports.BreadCrumb = BreadCrumb;
|
|
29253
28785
|
exports.BreadcrumbStore = Store;
|
|
29254
28786
|
exports.BuildStageVariable = BuildStageVariable;
|
|
29255
|
-
exports.BulkSelection = BulkSelection;
|
|
29256
|
-
exports.BulkSelectionOptionsLabels = BulkSelectionOptionsLabels;
|
|
29257
|
-
exports.BulkSelectionProvider = BulkSelectionProvider;
|
|
29258
28787
|
exports.CDModalTab = CDModalTab;
|
|
29259
28788
|
exports.ChartVersionAndTypeSelector = ChartVersionAndTypeSelector;
|
|
29260
28789
|
exports.Checkbox = Checkbox$1;
|
|
@@ -29264,7 +28793,6 @@ exports.ConditionalWrap = ConditionalWrap;
|
|
|
29264
28793
|
exports.ConfirmationDialog = ConfirmationDialog;
|
|
29265
28794
|
exports.CustomInput = CustomInput;
|
|
29266
28795
|
exports.CustomSelect = CustomSelect;
|
|
29267
|
-
exports.DEFAULT_BASE_PAGE_SIZE = DEFAULT_BASE_PAGE_SIZE;
|
|
29268
28796
|
exports.DEFAULT_TAG_DATA = DEFAULT_TAG_DATA;
|
|
29269
28797
|
exports.DOCUMENTATION = DOCUMENTATION;
|
|
29270
28798
|
exports.DOCUMENTATION_HOME_PAGE = DOCUMENTATION_HOME_PAGE;
|
|
@@ -29312,13 +28840,11 @@ exports.RepositoryAction = RepositoryAction;
|
|
|
29312
28840
|
exports.ResizableTagTextArea = ResizableTagTextArea;
|
|
29313
28841
|
exports.ResizableTextarea = ResizableTextarea;
|
|
29314
28842
|
exports.SELECTED_APPROVAL_TAB_STATE = SELECTED_APPROVAL_TAB_STATE;
|
|
29315
|
-
exports.SELECT_ALL_ACROSS_PAGES_LOCATOR = SELECT_ALL_ACROSS_PAGES_LOCATOR;
|
|
29316
28843
|
exports.ScanVulnerabilitiesTable = ScanVulnerabilitiesTable;
|
|
29317
28844
|
exports.SearchBar = SearchBar;
|
|
29318
28845
|
exports.ServerError = ServerError;
|
|
29319
28846
|
exports.ServerErrors = ServerErrors;
|
|
29320
28847
|
exports.SingleSelectOption = SingleSelectOption;
|
|
29321
|
-
exports.SortableTableHeaderCell = SortableTableHeaderCell;
|
|
29322
28848
|
exports.SourceTypeMap = SourceTypeMap;
|
|
29323
28849
|
exports.StyledRadioGroup = RadioGroup;
|
|
29324
28850
|
exports.TOAST_ACCESS_DENIED = TOAST_ACCESS_DENIED;
|
|
@@ -29335,7 +28861,6 @@ exports.TriggerTypeMap = TriggerTypeMap;
|
|
|
29335
28861
|
exports.URLS = URLS;
|
|
29336
28862
|
exports.VisibleModal = VisibleModal;
|
|
29337
28863
|
exports.VisibleModal2 = VisibleModal2;
|
|
29338
|
-
exports.abortPreviousRequests = abortPreviousRequests;
|
|
29339
28864
|
exports.closeOnEscKeyPressed = closeOnEscKeyPressed;
|
|
29340
28865
|
exports.copyToClipboard = copyToClipboard;
|
|
29341
28866
|
exports.createGitCommitUrl = createGitCommitUrl;
|
|
@@ -29350,8 +28875,6 @@ exports.getCookie = getCookie;
|
|
|
29350
28875
|
exports.getEmptyArrayOfLength = getEmptyArrayOfLength;
|
|
29351
28876
|
exports.getFilteredChartVersions = getFilteredChartVersions;
|
|
29352
28877
|
exports.getInferredTypeFromValueType = getInferredTypeFromValueType;
|
|
29353
|
-
exports.getInvalidActionMessage = getInvalidActionMessage;
|
|
29354
|
-
exports.getIsRequestAborted = getIsRequestAborted;
|
|
29355
28878
|
exports.getLockedJSON = getLockedJSON;
|
|
29356
28879
|
exports.getLoginInfo = getLoginInfo;
|
|
29357
28880
|
exports.getRandomColor = getRandomColor;
|
|
@@ -29377,12 +28900,10 @@ exports.toastAccessDenied = toastAccessDenied;
|
|
|
29377
28900
|
exports.trash = trash;
|
|
29378
28901
|
exports.useAsync = useAsync;
|
|
29379
28902
|
exports.useBreadcrumb = useBreadcrumb;
|
|
29380
|
-
exports.useBulkSelection = useBulkSelection;
|
|
29381
28903
|
exports.useClickOutside = useClickOutside;
|
|
29382
28904
|
exports.useEffectAfterMount = useEffectAfterMount;
|
|
29383
28905
|
exports.useForm = useForm;
|
|
29384
28906
|
exports.useSearchString = useSearchString;
|
|
29385
28907
|
exports.useSuperAdmin = useSuperAdmin;
|
|
29386
28908
|
exports.useThrottledEffect = useThrottledEffect;
|
|
29387
|
-
exports.useUrlFilters = useUrlFilters;
|
|
29388
28909
|
exports.useWindowSize = useWindowSize;
|