oa-componentbook 1.0.1-stage.464 → 1.0.1-stage.465
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.
|
@@ -55,7 +55,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
|
|
|
55
55
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
56
56
|
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /* eslint-disable */
|
|
57
57
|
function GenricLayOut(_ref) {
|
|
58
|
-
var _state$
|
|
58
|
+
var _state$misc34, _sidebar$mobileMenuIt, _imageViewer$content, _imageViewer$content2, _infoData$iconConfig, _infoData$iconConfig2, _infoData$iconConfig3, _infoData$iconConfig4, _leftHeaderFirstButto, _leftHeaderFirstButto2, _leftHeaderSecondButt, _leftHeaderSecondButt2, _infoPanel$data, _infoPanel$data2, _infoPanel$data3, _infoPanel$data4, _infoPanel$data5, _state$customDrawer3, _state$customDrawer4, _tabs$list, _ref7, _tabs$extraAction$che2, _tabs$extraAction$pro, _tables$columns3, _tables$columns4, _tabs$active3, _state$tables5, _tables$selectionType, _tabs$active4, _tables$selectionType2, _tables$pagination19, _drawer$data, _tabs$active5, _drawer$data$drawer$a, _drawer$data2, _tabs$active6, _tabs$active7, _nestedDrawer$data, _nestedDrawer$data$ca, _nestedDrawer$data2, _customDrawer$data, _customDrawer$data2, _contentPanel$dataSou, _tables$tableFooter, _tables$selectedRowKe, _tables$tableFooter2, _tables$tableFooter3, _tables$tableFooter5;
|
|
59
59
|
let {
|
|
60
60
|
config,
|
|
61
61
|
getInitialData,
|
|
@@ -86,6 +86,7 @@ function GenricLayOut(_ref) {
|
|
|
86
86
|
handleSwitchSelectItem,
|
|
87
87
|
handleTableColumnClickParent,
|
|
88
88
|
handleLeftHeaderFirstButton,
|
|
89
|
+
handleLeftHeaderSecondButton,
|
|
89
90
|
handleRightHeaderButtonClick,
|
|
90
91
|
handleDownloadTemplate,
|
|
91
92
|
handleCtaDownload,
|
|
@@ -110,6 +111,7 @@ function GenricLayOut(_ref) {
|
|
|
110
111
|
nestedDrawer,
|
|
111
112
|
modal,
|
|
112
113
|
leftHeaderFirstButton,
|
|
114
|
+
leftHeaderSecondButton,
|
|
113
115
|
rightHeaderFirstButton,
|
|
114
116
|
rightHeaderSecondButton,
|
|
115
117
|
imageViewer,
|
|
@@ -156,7 +158,6 @@ function GenricLayOut(_ref) {
|
|
|
156
158
|
showSuccessNotification(message);
|
|
157
159
|
sessionStorage.removeItem("showEnterpriseNotification");
|
|
158
160
|
} catch (error) {
|
|
159
|
-
console.error("Error parsing notification data:", error);
|
|
160
161
|
sessionStorage.removeItem("showEnterpriseNotification");
|
|
161
162
|
}
|
|
162
163
|
}
|
|
@@ -1706,13 +1707,30 @@ function GenricLayOut(_ref) {
|
|
|
1706
1707
|
});
|
|
1707
1708
|
}
|
|
1708
1709
|
}
|
|
1709
|
-
} else if (formData.
|
|
1710
|
-
if (
|
|
1710
|
+
} else if ((formData === null || formData === void 0 ? void 0 : formData.drawerKey) === "leftHeaderSecondButtonSubmit") {
|
|
1711
|
+
if (handleLeftHeaderSecondButton) {
|
|
1711
1712
|
var _state$misc23;
|
|
1713
|
+
const response = await handleLeftHeaderSecondButton(_objectSpread(_objectSpread({}, formData), (_state$misc23 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc23 !== void 0 ? _state$misc23 : {}));
|
|
1714
|
+
const {
|
|
1715
|
+
error,
|
|
1716
|
+
data
|
|
1717
|
+
} = response;
|
|
1718
|
+
if (error) {
|
|
1719
|
+
showErrorNotification(error);
|
|
1720
|
+
} else {
|
|
1721
|
+
(0, _downloadFile.default)(data, formData === null || formData === void 0 ? void 0 : formData.fileName);
|
|
1722
|
+
dispatch({
|
|
1723
|
+
type: _layoutReducer.actionTypes.CUSTOM_DRAWER_CLOSED
|
|
1724
|
+
});
|
|
1725
|
+
}
|
|
1726
|
+
}
|
|
1727
|
+
} else if ((formData === null || formData === void 0 ? void 0 : formData.type) === "BULK_CREATION") {
|
|
1728
|
+
if (handleDrawerFormOnFinish) {
|
|
1729
|
+
var _state$misc24;
|
|
1712
1730
|
const {
|
|
1713
1731
|
error,
|
|
1714
1732
|
data
|
|
1715
|
-
} = await (handleDrawerFormOnFinish === null || handleDrawerFormOnFinish === void 0 ? void 0 : handleDrawerFormOnFinish(_objectSpread(_objectSpread({}, formData), (_state$
|
|
1733
|
+
} = await (handleDrawerFormOnFinish === null || handleDrawerFormOnFinish === void 0 ? void 0 : handleDrawerFormOnFinish(_objectSpread(_objectSpread({}, formData), (_state$misc24 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc24 !== void 0 ? _state$misc24 : {})));
|
|
1716
1734
|
if (error) {
|
|
1717
1735
|
showErrorNotification(error);
|
|
1718
1736
|
} else {
|
|
@@ -1726,7 +1744,7 @@ function GenricLayOut(_ref) {
|
|
|
1726
1744
|
}
|
|
1727
1745
|
};
|
|
1728
1746
|
const onClearAllAppliedFilters = async () => {
|
|
1729
|
-
var _state$dropdownSearch9, _state$inputSearch9, _state$tabs15, _tables$pagination9, _tables$pagination10, _tables$filter10, _tables$sorting23, _header$subHeading27, _header$subHeading28, _staticFilter$data11, _tables$sorting24, _state$
|
|
1747
|
+
var _state$dropdownSearch9, _state$inputSearch9, _state$tabs15, _tables$pagination9, _tables$pagination10, _tables$filter10, _tables$sorting23, _header$subHeading27, _header$subHeading28, _staticFilter$data11, _tables$sorting24, _state$misc25, _state$staticFilter$m11, _state$staticFilter11;
|
|
1730
1748
|
resetTabsExtraActionSwitch();
|
|
1731
1749
|
const {
|
|
1732
1750
|
error,
|
|
@@ -1750,7 +1768,7 @@ function GenricLayOut(_ref) {
|
|
|
1750
1768
|
staticFilter: staticFilter.data.find(item => item.selected).value
|
|
1751
1769
|
}), {}, {
|
|
1752
1770
|
order: tables === null || tables === void 0 || (_tables$sorting24 = tables.sorting) === null || _tables$sorting24 === void 0 ? void 0 : _tables$sorting24.sortDirection
|
|
1753
|
-
}, (_state$
|
|
1771
|
+
}, (_state$misc25 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc25 !== void 0 ? _state$misc25 : {}), {}, {
|
|
1754
1772
|
multiSelectValue: (_state$staticFilter$m11 = state === null || state === void 0 || (_state$staticFilter11 = state.staticFilter) === null || _state$staticFilter11 === void 0 ? void 0 : _state$staticFilter11.multiSelectValue) !== null && _state$staticFilter$m11 !== void 0 ? _state$staticFilter$m11 : []
|
|
1755
1773
|
}));
|
|
1756
1774
|
if (error) {
|
|
@@ -1809,14 +1827,14 @@ function GenricLayOut(_ref) {
|
|
|
1809
1827
|
return;
|
|
1810
1828
|
} else if (action === "CLOSE_MODAL_AND_FETCH") {
|
|
1811
1829
|
if (handleModalCloseSuccess) {
|
|
1812
|
-
var _stateRef$current, _state$
|
|
1830
|
+
var _stateRef$current, _state$misc26;
|
|
1813
1831
|
const {
|
|
1814
1832
|
error,
|
|
1815
1833
|
data
|
|
1816
1834
|
} = await (handleModalCloseSuccess === null || handleModalCloseSuccess === void 0 ? void 0 : handleModalCloseSuccess(_objectSpread({
|
|
1817
1835
|
modalValue: stateRef === null || stateRef === void 0 || (_stateRef$current = stateRef.current) === null || _stateRef$current === void 0 || (_stateRef$current = _stateRef$current.modal) === null || _stateRef$current === void 0 ? void 0 : _stateRef$current.value,
|
|
1818
1836
|
call: buttonConfig === null || buttonConfig === void 0 ? void 0 : buttonConfig.call
|
|
1819
|
-
}, (_state$
|
|
1837
|
+
}, (_state$misc26 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc26 !== void 0 ? _state$misc26 : {})));
|
|
1820
1838
|
if (error) {
|
|
1821
1839
|
showErrorNotification(error);
|
|
1822
1840
|
} else {
|
|
@@ -1830,11 +1848,11 @@ function GenricLayOut(_ref) {
|
|
|
1830
1848
|
}
|
|
1831
1849
|
} else {
|
|
1832
1850
|
if (handleDrawerFormOnFinish) {
|
|
1833
|
-
var _state$tables$selecte, _state$tables4, _state$
|
|
1851
|
+
var _state$tables$selecte, _state$tables4, _state$misc27;
|
|
1834
1852
|
let req = {};
|
|
1835
1853
|
req.type = "APPROVE";
|
|
1836
1854
|
req.orderUUID = (_state$tables$selecte = state === null || state === void 0 || (_state$tables4 = state.tables) === null || _state$tables4 === void 0 || (_state$tables4 = _state$tables4.selectedRowKeys) === null || _state$tables4 === void 0 ? void 0 : _state$tables4.map(item => item.orderUUID)) !== null && _state$tables$selecte !== void 0 ? _state$tables$selecte : [];
|
|
1837
|
-
req.misc = (_state$
|
|
1855
|
+
req.misc = (_state$misc27 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc27 !== void 0 ? _state$misc27 : {};
|
|
1838
1856
|
const {
|
|
1839
1857
|
error,
|
|
1840
1858
|
data
|
|
@@ -1911,6 +1929,45 @@ function GenricLayOut(_ref) {
|
|
|
1911
1929
|
}
|
|
1912
1930
|
};
|
|
1913
1931
|
|
|
1932
|
+
/**
|
|
1933
|
+
* Handles the left header second button click event.
|
|
1934
|
+
*
|
|
1935
|
+
* @async
|
|
1936
|
+
* @function
|
|
1937
|
+
* @returns {Promise<void>} - Resolves after the action is handled.
|
|
1938
|
+
*
|
|
1939
|
+
* Handles the left header second button clicks with the following actions:
|
|
1940
|
+
* - "OPEN_CUSTOM_DRAWER": Opens a custom drawer with the specified key.
|
|
1941
|
+
* - "EXPORT_DATA": Triggers data export functionality.
|
|
1942
|
+
*/
|
|
1943
|
+
const leftHeaderSecondButtonClick = async () => {
|
|
1944
|
+
if ((leftHeaderSecondButton === null || leftHeaderSecondButton === void 0 ? void 0 : leftHeaderSecondButton.action) === "OPEN_CUSTOM_DRAWER") {
|
|
1945
|
+
var _config$customDrawer4;
|
|
1946
|
+
const drawerData = config === null || config === void 0 || (_config$customDrawer4 = config.customDrawer) === null || _config$customDrawer4 === void 0 || (_config$customDrawer4 = _config$customDrawer4.data) === null || _config$customDrawer4 === void 0 ? void 0 : _config$customDrawer4[leftHeaderSecondButton === null || leftHeaderSecondButton === void 0 ? void 0 : leftHeaderSecondButton.drawerKey];
|
|
1947
|
+
dispatch({
|
|
1948
|
+
type: _layoutReducer.actionTypes.SET_CUSTOM_DRAWER,
|
|
1949
|
+
payload: drawerData
|
|
1950
|
+
});
|
|
1951
|
+
dispatch({
|
|
1952
|
+
type: _layoutReducer.actionTypes.CUSTOM_DRAWER_OPEN
|
|
1953
|
+
});
|
|
1954
|
+
} else if ((leftHeaderSecondButton === null || leftHeaderSecondButton === void 0 ? void 0 : leftHeaderSecondButton.action) === "EXPORT_DATA") {
|
|
1955
|
+
handleLeftHeaderSecondButton(state).then(res => {
|
|
1956
|
+
const {
|
|
1957
|
+
error,
|
|
1958
|
+
data
|
|
1959
|
+
} = res;
|
|
1960
|
+
if (error) {
|
|
1961
|
+
showErrorNotification(error);
|
|
1962
|
+
} else {
|
|
1963
|
+
showSuccessNotification((data === null || data === void 0 ? void 0 : data.message) || "Export initiated successfully");
|
|
1964
|
+
}
|
|
1965
|
+
}).catch(err => {
|
|
1966
|
+
showErrorNotification(err.message || "An error occurred during export");
|
|
1967
|
+
});
|
|
1968
|
+
}
|
|
1969
|
+
};
|
|
1970
|
+
|
|
1914
1971
|
/**
|
|
1915
1972
|
* Handles the right header button click event.
|
|
1916
1973
|
*
|
|
@@ -1925,9 +1982,9 @@ function GenricLayOut(_ref) {
|
|
|
1925
1982
|
*/
|
|
1926
1983
|
const rightHeaderFirstButtonClick = async () => {
|
|
1927
1984
|
if ((rightHeaderFirstButton === null || rightHeaderFirstButton === void 0 ? void 0 : rightHeaderFirstButton.action) === "OPEN_CUSTOM_DRAWER") {
|
|
1928
|
-
var _config$
|
|
1929
|
-
const drawerData = config === null || config === void 0 || (_config$
|
|
1930
|
-
const dynamicConfig = (0, _staticConfigResolver.removeHidden)((0, _staticConfigResolver.default)(drawerData, (_state$
|
|
1985
|
+
var _config$customDrawer5, _state$misc28, _state$customDrawer2;
|
|
1986
|
+
const drawerData = config === null || config === void 0 || (_config$customDrawer5 = config.customDrawer) === null || _config$customDrawer5 === void 0 || (_config$customDrawer5 = _config$customDrawer5.data) === null || _config$customDrawer5 === void 0 ? void 0 : _config$customDrawer5[rightHeaderFirstButton === null || rightHeaderFirstButton === void 0 ? void 0 : rightHeaderFirstButton.drawerKey];
|
|
1987
|
+
const dynamicConfig = (0, _staticConfigResolver.removeHidden)((0, _staticConfigResolver.default)(drawerData, (_state$misc28 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc28 !== void 0 ? _state$misc28 : {}));
|
|
1931
1988
|
dispatch({
|
|
1932
1989
|
type: _layoutReducer.actionTypes.SET_CUSTOM_DRAWER,
|
|
1933
1990
|
payload: dynamicConfig
|
|
@@ -1943,12 +2000,12 @@ function GenricLayOut(_ref) {
|
|
|
1943
2000
|
} else if ((rightHeaderFirstButton === null || rightHeaderFirstButton === void 0 ? void 0 : rightHeaderFirstButton.action) === "OPEN_DRAWER") {
|
|
1944
2001
|
// Check if button has a drawerKey for custom drawer, otherwise use key for regular drawer
|
|
1945
2002
|
if (rightHeaderFirstButton !== null && rightHeaderFirstButton !== void 0 && rightHeaderFirstButton.drawerKey) {
|
|
1946
|
-
var _config$
|
|
1947
|
-
const drawerData = config === null || config === void 0 || (_config$
|
|
2003
|
+
var _config$customDrawer6, _state$misc29;
|
|
2004
|
+
const drawerData = config === null || config === void 0 || (_config$customDrawer6 = config.customDrawer) === null || _config$customDrawer6 === void 0 || (_config$customDrawer6 = _config$customDrawer6.data) === null || _config$customDrawer6 === void 0 ? void 0 : _config$customDrawer6[rightHeaderFirstButton === null || rightHeaderFirstButton === void 0 ? void 0 : rightHeaderFirstButton.drawerKey];
|
|
1948
2005
|
const {
|
|
1949
2006
|
error,
|
|
1950
2007
|
data
|
|
1951
|
-
} = await handleRightHeaderButtonClick(_objectSpread({}, (_state$
|
|
2008
|
+
} = await handleRightHeaderButtonClick(_objectSpread({}, (_state$misc29 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc29 !== void 0 ? _state$misc29 : {}));
|
|
1952
2009
|
if (drawerData) {
|
|
1953
2010
|
const dynamicConfig = (0, _staticConfigResolver.removeHidden)((0, _staticConfigResolver.default)(drawerData, data !== null && data !== void 0 ? data : {}));
|
|
1954
2011
|
dispatch({
|
|
@@ -1969,7 +2026,7 @@ function GenricLayOut(_ref) {
|
|
|
1969
2026
|
};
|
|
1970
2027
|
const rightHeaderSecondButtonClick = async () => {
|
|
1971
2028
|
if ((rightHeaderSecondButton === null || rightHeaderSecondButton === void 0 ? void 0 : rightHeaderSecondButton.action) === "RESET_CUSTOM_DRAWER") {
|
|
1972
|
-
var _state$dropdownSearch10, _state$inputSearch10, _state$tabs16, _tables$pagination11, _tables$pagination12, _tables$filter11, _tables$sorting25, _header$subHeading29, _header$subHeading30, _staticFilter$data12, _tables$sorting26, _state$
|
|
2029
|
+
var _state$dropdownSearch10, _state$inputSearch10, _state$tabs16, _tables$pagination11, _tables$pagination12, _tables$filter11, _tables$sorting25, _header$subHeading29, _header$subHeading30, _staticFilter$data12, _tables$sorting26, _state$misc30, _state$staticFilter$m12, _state$staticFilter12;
|
|
1973
2030
|
resetTabsExtraActionSwitch();
|
|
1974
2031
|
const {
|
|
1975
2032
|
error,
|
|
@@ -1993,7 +2050,7 @@ function GenricLayOut(_ref) {
|
|
|
1993
2050
|
staticFilter: staticFilter.data.find(item => item.selected).value
|
|
1994
2051
|
}), {}, {
|
|
1995
2052
|
order: tables === null || tables === void 0 || (_tables$sorting26 = tables.sorting) === null || _tables$sorting26 === void 0 ? void 0 : _tables$sorting26.sortDirection
|
|
1996
|
-
}, (_state$
|
|
2053
|
+
}, (_state$misc30 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc30 !== void 0 ? _state$misc30 : {}), {}, {
|
|
1997
2054
|
multiSelectValue: (_state$staticFilter$m12 = state === null || state === void 0 || (_state$staticFilter12 = state.staticFilter) === null || _state$staticFilter12 === void 0 ? void 0 : _state$staticFilter12.multiSelectValue) !== null && _state$staticFilter$m12 !== void 0 ? _state$staticFilter$m12 : []
|
|
1998
2055
|
}));
|
|
1999
2056
|
if (error) {
|
|
@@ -2002,7 +2059,7 @@ function GenricLayOut(_ref) {
|
|
|
2002
2059
|
type: _layoutReducer.actionTypes.SET_TABLE_EMPTY
|
|
2003
2060
|
});
|
|
2004
2061
|
} else {
|
|
2005
|
-
var _config$
|
|
2062
|
+
var _config$customDrawer7;
|
|
2006
2063
|
if (staticFilter !== null && staticFilter !== void 0 && staticFilter.visible) {
|
|
2007
2064
|
setStaticFilterData(data);
|
|
2008
2065
|
}
|
|
@@ -2013,7 +2070,7 @@ function GenricLayOut(_ref) {
|
|
|
2013
2070
|
dispatch({
|
|
2014
2071
|
type: _layoutReducer.actionTypes.CLEAR_ALL_APPLIED_FILTERS
|
|
2015
2072
|
});
|
|
2016
|
-
const drawerData = config === null || config === void 0 || (_config$
|
|
2073
|
+
const drawerData = config === null || config === void 0 || (_config$customDrawer7 = config.customDrawer) === null || _config$customDrawer7 === void 0 || (_config$customDrawer7 = _config$customDrawer7.data) === null || _config$customDrawer7 === void 0 ? void 0 : _config$customDrawer7[rightHeaderSecondButton === null || rightHeaderSecondButton === void 0 ? void 0 : rightHeaderSecondButton.drawerKey];
|
|
2017
2074
|
if (drawerData) {
|
|
2018
2075
|
dispatch({
|
|
2019
2076
|
type: _layoutReducer.actionTypes.SET_CUSTOM_DRAWER,
|
|
@@ -2033,8 +2090,8 @@ function GenricLayOut(_ref) {
|
|
|
2033
2090
|
if (menuItem !== null && menuItem !== void 0 && menuItem.drawerKey) {
|
|
2034
2091
|
// Check if it's a custom drawer or regular drawer
|
|
2035
2092
|
if ((menuItem === null || menuItem === void 0 ? void 0 : menuItem.drawerType) === "custom") {
|
|
2036
|
-
var _config$
|
|
2037
|
-
const drawerData = config === null || config === void 0 || (_config$
|
|
2093
|
+
var _config$customDrawer8;
|
|
2094
|
+
const drawerData = config === null || config === void 0 || (_config$customDrawer8 = config.customDrawer) === null || _config$customDrawer8 === void 0 || (_config$customDrawer8 = _config$customDrawer8.data) === null || _config$customDrawer8 === void 0 ? void 0 : _config$customDrawer8[menuItem.drawerKey];
|
|
2038
2095
|
if (drawerData) {
|
|
2039
2096
|
dispatch({
|
|
2040
2097
|
type: _layoutReducer.actionTypes.SET_CUSTOM_DRAWER,
|
|
@@ -2081,7 +2138,7 @@ function GenricLayOut(_ref) {
|
|
|
2081
2138
|
};
|
|
2082
2139
|
const handleSubHeadingSelect = async val => {
|
|
2083
2140
|
if (val) {
|
|
2084
|
-
var _state$tabs17, _tables$pagination13, _tables$pagination14, _state$
|
|
2141
|
+
var _state$tabs17, _tables$pagination13, _tables$pagination14, _state$misc31;
|
|
2085
2142
|
dispatch({
|
|
2086
2143
|
type: _layoutReducer.actionTypes.SET_SUBHEADING_SELECTED_CONFIG,
|
|
2087
2144
|
payload: val
|
|
@@ -2095,7 +2152,7 @@ function GenricLayOut(_ref) {
|
|
|
2095
2152
|
current: tables === null || tables === void 0 || (_tables$pagination13 = tables.pagination) === null || _tables$pagination13 === void 0 ? void 0 : _tables$pagination13.current,
|
|
2096
2153
|
pageSize: tables === null || tables === void 0 || (_tables$pagination14 = tables.pagination) === null || _tables$pagination14 === void 0 ? void 0 : _tables$pagination14.pageSize,
|
|
2097
2154
|
subHeadingSelectVal: val
|
|
2098
|
-
}, (_state$
|
|
2155
|
+
}, (_state$misc31 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc31 !== void 0 ? _state$misc31 : {}));
|
|
2099
2156
|
if (error) {
|
|
2100
2157
|
showErrorNotification(error);
|
|
2101
2158
|
dispatch({
|
|
@@ -2132,7 +2189,7 @@ function GenricLayOut(_ref) {
|
|
|
2132
2189
|
|
|
2133
2190
|
// Call the handler if provided
|
|
2134
2191
|
if (handleTableChange) {
|
|
2135
|
-
var _state$dropdownSearch11, _state$inputSearch11, _state$tabs18, _tables$pagination15, _tables$sorting27, _tables$sorting28, _header$subHeading31, _header$subHeading32, _customDrawer$applied10, _state$
|
|
2192
|
+
var _state$dropdownSearch11, _state$inputSearch11, _state$tabs18, _tables$pagination15, _tables$sorting27, _tables$sorting28, _header$subHeading31, _header$subHeading32, _customDrawer$applied10, _state$misc32;
|
|
2136
2193
|
dispatch({
|
|
2137
2194
|
type: _layoutReducer.actionTypes.SET_LOADING,
|
|
2138
2195
|
payload: true
|
|
@@ -2154,7 +2211,7 @@ function GenricLayOut(_ref) {
|
|
|
2154
2211
|
order: tables === null || tables === void 0 || (_tables$sorting28 = tables.sorting) === null || _tables$sorting28 === void 0 ? void 0 : _tables$sorting28.sortDirection
|
|
2155
2212
|
}, (header === null || header === void 0 || (_header$subHeading31 = header.subHeading) === null || _header$subHeading31 === void 0 || (_header$subHeading31 = _header$subHeading31.jsxConfig) === null || _header$subHeading31 === void 0 ? void 0 : _header$subHeading31.type) == "select" ? {
|
|
2156
2213
|
subHeadingSelectVal: header === null || header === void 0 || (_header$subHeading32 = header.subHeading) === null || _header$subHeading32 === void 0 || (_header$subHeading32 = _header$subHeading32.jsxConfig) === null || _header$subHeading32 === void 0 ? void 0 : _header$subHeading32.value
|
|
2157
|
-
} : {}), (customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) && Object.keys((_customDrawer$applied10 = customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) !== null && _customDrawer$applied10 !== void 0 ? _customDrawer$applied10 : {}).length > 0 && _objectSpread({}, customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)), (_state$
|
|
2214
|
+
} : {}), (customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) && Object.keys((_customDrawer$applied10 = customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) !== null && _customDrawer$applied10 !== void 0 ? _customDrawer$applied10 : {}).length > 0 && _objectSpread({}, customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)), (_state$misc32 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc32 !== void 0 ? _state$misc32 : {}), {}, {
|
|
2158
2215
|
staticFilter: filterValue,
|
|
2159
2216
|
// Pass static filter value
|
|
2160
2217
|
multiSelectValue: multiSelectValue
|
|
@@ -2199,7 +2256,7 @@ function GenricLayOut(_ref) {
|
|
|
2199
2256
|
}
|
|
2200
2257
|
});
|
|
2201
2258
|
if (handleTableChange) {
|
|
2202
|
-
var _state$dropdownSearch12, _state$inputSearch12, _state$tabs19, _tables$filter12, _tables$sorting29, _tables$sorting30, _header$subHeading33, _header$subHeading34, _staticFilter$data13, _customDrawer$applied11, _state$
|
|
2259
|
+
var _state$dropdownSearch12, _state$inputSearch12, _state$tabs19, _tables$filter12, _tables$sorting29, _tables$sorting30, _header$subHeading33, _header$subHeading34, _staticFilter$data13, _customDrawer$applied11, _state$misc33, _state$staticFilter$m13, _state$staticFilter13;
|
|
2203
2260
|
const {
|
|
2204
2261
|
error,
|
|
2205
2262
|
data
|
|
@@ -2219,7 +2276,7 @@ function GenricLayOut(_ref) {
|
|
|
2219
2276
|
subHeadingSelectVal: header === null || header === void 0 || (_header$subHeading34 = header.subHeading) === null || _header$subHeading34 === void 0 || (_header$subHeading34 = _header$subHeading34.jsxConfig) === null || _header$subHeading34 === void 0 ? void 0 : _header$subHeading34.value
|
|
2220
2277
|
} : {}), (staticFilter === null || staticFilter === void 0 ? void 0 : staticFilter.visible) && ((_staticFilter$data13 = staticFilter.data) === null || _staticFilter$data13 === void 0 || (_staticFilter$data13 = _staticFilter$data13.find(item => item.selected)) === null || _staticFilter$data13 === void 0 ? void 0 : _staticFilter$data13.value) && {
|
|
2221
2278
|
staticFilter: staticFilter.data.find(item => item.selected).value
|
|
2222
|
-
}), (customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) && Object.keys((_customDrawer$applied11 = customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) !== null && _customDrawer$applied11 !== void 0 ? _customDrawer$applied11 : {}).length > 0 && _objectSpread({}, customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)), (_state$
|
|
2279
|
+
}), (customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) && Object.keys((_customDrawer$applied11 = customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) !== null && _customDrawer$applied11 !== void 0 ? _customDrawer$applied11 : {}).length > 0 && _objectSpread({}, customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters)), (_state$misc33 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc33 !== void 0 ? _state$misc33 : {}), {}, {
|
|
2223
2280
|
multiSelectValue: (_state$staticFilter$m13 = state === null || state === void 0 || (_state$staticFilter13 = state.staticFilter) === null || _state$staticFilter13 === void 0 ? void 0 : _state$staticFilter13.multiSelectValue) !== null && _state$staticFilter$m13 !== void 0 ? _state$staticFilter$m13 : []
|
|
2224
2281
|
}));
|
|
2225
2282
|
if (error) {
|
|
@@ -2250,7 +2307,7 @@ function GenricLayOut(_ref) {
|
|
|
2250
2307
|
console.log(state, "GenricLayOutstate");
|
|
2251
2308
|
return /*#__PURE__*/_react.default.createElement(_styles.OapageWithDataStyle, {
|
|
2252
2309
|
marginBottom: infoPanel !== null && infoPanel !== void 0 && infoPanel.bottomMarginRequired ? "18px" : "0",
|
|
2253
|
-
className: (state === null || state === void 0 || (_state$
|
|
2310
|
+
className: (state === null || state === void 0 || (_state$misc34 = state.misc) === null || _state$misc34 === void 0 ? void 0 : _state$misc34.flow) === "hubAutomation" ? "hubAutomationContainer" : ""
|
|
2254
2311
|
}, /*#__PURE__*/_react.default.createElement(_styles.DrawerWithOutFooter, null), /*#__PURE__*/_react.default.createElement("div", {
|
|
2255
2312
|
className: "fullPageLayout"
|
|
2256
2313
|
}, /*#__PURE__*/_react.default.createElement(_GlobalCss.default, null, (sidebar === null || sidebar === void 0 ? void 0 : sidebar.visible) && /*#__PURE__*/_react.default.createElement(_antd.Skeleton, {
|
|
@@ -2358,6 +2415,20 @@ function GenricLayOut(_ref) {
|
|
|
2358
2415
|
}),
|
|
2359
2416
|
position: leftHeaderFirstButton === null || leftHeaderFirstButton === void 0 || (_leftHeaderFirstButto2 = leftHeaderFirstButton.iconConfig) === null || _leftHeaderFirstButto2 === void 0 ? void 0 : _leftHeaderFirstButto2.position
|
|
2360
2417
|
}
|
|
2418
|
+
})), (leftHeaderSecondButton === null || leftHeaderSecondButton === void 0 ? void 0 : leftHeaderSecondButton.visible) && /*#__PURE__*/_react.default.createElement(_CustomButton.default, _extends({
|
|
2419
|
+
label: leftHeaderSecondButton === null || leftHeaderSecondButton === void 0 ? void 0 : leftHeaderSecondButton.label,
|
|
2420
|
+
onClick: leftHeaderSecondButtonClick,
|
|
2421
|
+
type: leftHeaderSecondButton === null || leftHeaderSecondButton === void 0 ? void 0 : leftHeaderSecondButton.type,
|
|
2422
|
+
size: leftHeaderSecondButton === null || leftHeaderSecondButton === void 0 ? void 0 : leftHeaderSecondButton.size
|
|
2423
|
+
}, (leftHeaderSecondButton === null || leftHeaderSecondButton === void 0 ? void 0 : leftHeaderSecondButton.iconConfig) && {
|
|
2424
|
+
iconConfig: {
|
|
2425
|
+
icon: /*#__PURE__*/_react.default.createElement(_MaterialIcon.default, {
|
|
2426
|
+
icon: leftHeaderSecondButton === null || leftHeaderSecondButton === void 0 || (_leftHeaderSecondButt = leftHeaderSecondButton.iconConfig) === null || _leftHeaderSecondButt === void 0 ? void 0 : _leftHeaderSecondButt.icon,
|
|
2427
|
+
size: 24,
|
|
2428
|
+
color: "primary"
|
|
2429
|
+
}),
|
|
2430
|
+
position: leftHeaderSecondButton === null || leftHeaderSecondButton === void 0 || (_leftHeaderSecondButt2 = leftHeaderSecondButton.iconConfig) === null || _leftHeaderSecondButt2 === void 0 ? void 0 : _leftHeaderSecondButt2.position
|
|
2431
|
+
}
|
|
2361
2432
|
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
2362
2433
|
className: "oaheaderButtonsRight"
|
|
2363
2434
|
}, !isFiltersEmpty(customDrawer === null || customDrawer === void 0 ? void 0 : customDrawer.appliedFilters) && /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
|
|
@@ -2478,7 +2549,7 @@ function GenricLayOut(_ref) {
|
|
|
2478
2549
|
}
|
|
2479
2550
|
// Call handleTabExtraActionChange
|
|
2480
2551
|
if (handleTabExtraActionChange) {
|
|
2481
|
-
var _tables$pagination17, _tables$pagination18, _tables$sorting31, _tables$sorting32, _tables$filter13, _staticFilter$data14, _state$
|
|
2552
|
+
var _tables$pagination17, _tables$pagination18, _tables$sorting31, _tables$sorting32, _tables$filter13, _staticFilter$data14, _state$misc35;
|
|
2482
2553
|
dispatch({
|
|
2483
2554
|
type: _layoutReducer.actionTypes.SET_LOADING,
|
|
2484
2555
|
payload: true
|
|
@@ -2497,7 +2568,7 @@ function GenricLayOut(_ref) {
|
|
|
2497
2568
|
columnFilterStatus: tables === null || tables === void 0 ? void 0 : tables.filter
|
|
2498
2569
|
}), (staticFilter === null || staticFilter === void 0 ? void 0 : staticFilter.visible) && ((_staticFilter$data14 = staticFilter.data) === null || _staticFilter$data14 === void 0 || (_staticFilter$data14 = _staticFilter$data14.find(item => item.selected)) === null || _staticFilter$data14 === void 0 ? void 0 : _staticFilter$data14.value) && {
|
|
2499
2570
|
staticFilter: staticFilter.data.find(item => item.selected).value
|
|
2500
|
-
}), (_state$
|
|
2571
|
+
}), (_state$misc35 = state === null || state === void 0 ? void 0 : state.misc) !== null && _state$misc35 !== void 0 ? _state$misc35 : {}));
|
|
2501
2572
|
if (error) {
|
|
2502
2573
|
showErrorNotification(error);
|
|
2503
2574
|
dispatch({
|
|
@@ -16,7 +16,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
|
|
|
16
16
|
const DrawerWithOutFooter = exports.DrawerWithOutFooter = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.hubAutomationContainer .fullPageLayout {padding: 0 !important; background: #fff !important;}\n.hubAutomationContainer .fullPageLayout .oaRightLayouts{\n max-width: 1154px;\n margin: 24px auto;\n padding: 0 16px;\n box-shadow: none;}\n.oaDrawer div + div.ant-drawer-body{padding-bottom:100px !important;}\n\n.ant-checkbox-indeterminate .ant-checkbox-inner:after {\n background-color: #014fc5;\n}\n\n.ant-form-item .ant-form-item-label >label.ant-form-item-required::before {display:none;}\n.ant-form-item .ant-form-item-label >label.ant-form-item-required::after{ content: \"*\"; color: #DE350B; visibility: visible !important;}\n\n\n.cstUplaodWithFullWidth{margin-bottom:24px;}\n.cstUplaodWithFullWidth:last-child{margin-bottom:0;}\n.cstUplaodWithFullWidth .uploadDiv{width:100%;}\n.cstUplaodWithFullWidth .uploadDiv .ant-upload-list-item-container, .cstUplaodWithFullWidth .uploadDiv .ant-upload-wrapper .ant-upload-list-picture-card .ant-upload-select, .cstUplaodWithFullWidth .uploadDiv .ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container {\n width: 100%; \n height: 120px;\n}\n\n\n\n\n.oaDrawer .ant-form-item .ant-form-item-explain-error {\n color: #DE350B;\n font-size: 12px;\n margin: 4px 0 0 0;\n}\n.bottomSelectedSecion{background: #F6F6F6; padding: 16px 36px; position: fixed; bottom: 0; left: 0; right: 0;\nbox-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n display: flex; z-index: 2;\n align-items: center;\n justify-content: end;\n gap: 24px;}\n\n\n\n.listOfItems{ border-radius: 12px;\n border: 1px solid #E0E0E0;\n padding: 24px;\n margin: 24px 0 0 0;}\n modalSubheading{\n padding: 24px;\n margin: 24px 0 0 0;}\n\n.listOfItemsWithoutBorder{\n padding: 24px 0;\n margin: 24px 0 0 0;}\n\n modalSubheading{\n padding: 24px;\n margin: 24px 0 0 0;}\n\n\n\n\n.modalIconAndTextBox{display:flex; flex-direction:row; align-items: center; margin: 0 0 16px 0; gap:4px;}\n\n/* Select List Item Styles */\n.select-list-container {\n padding: 0;\n margin: 16px 0 0 0;\n}\n\n.select-list-item {\n display: flex;\n align-items: center;\n padding: 16px 0;\n cursor: pointer;\n transition: background-color 0.2s ease;\n border-bottom: 1px solid #f0f0f0;\n position: relative;\n}\n\n.select-list-item:hover {\n background-color: #f8f9fa;\n}\n\n.select-list-item:last-child {\n border-bottom: none;\n}\n\n.item-avatar {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background-color: #f0f0f0;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 12px;\n font-size: 28px;\n font-weight: 500;\n color: #333;\n flex-shrink: 0;\n}\n\n/* Different avatar colors for different items */\n.select-list-item:nth-child(1) .item-avatar {\n background-color: #717171;\n color: #fff;\n}\n\n.select-list-item:nth-child(2) .item-avatar {\n background-color: #014fc5;\n color: #fff;\n}\n\n.item-content {\n flex: 1;\n min-width: 0;\n}\n\n.item-arrow {\n flex-shrink: 0;\n margin-left: 8px;\n color: #014fc5;\n}\n"])));
|
|
17
17
|
const FormWidgetStyle = exports.FormWidgetStyle = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n .formBottomAction {\n position: absolute;\n bottom: 0px;\n background-color: rgb(249, 249, 249);\n box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 8px;\n padding: 16px;\n display: flex;\n justify-content: flex-end;\n gap: 12px;\n z-index: 10;\n left: 0;\n right: 0;\n }\n\n .formBottomAction .ant-form-item {\n margin-bottom: 0px;\n }\n\n .searchErrorMsg {\n font-size: 12px;\n }\n .searchErrorMsg {\n font-size: 12px;\n }\n"])));
|
|
18
18
|
const TableDataStyle = exports.TableDataStyle = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n .tableContainerList th,\n button {\n white-space: nowrap;\n }\n .tableContainerList th,\n button {\n white-space: nowrap;\n }\n"])));
|
|
19
|
-
const OapageWithDataStyle = exports.OapageWithDataStyle = _styledComponents.default.aside(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n .oaTopHeaderAndBtnSec {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n\n .headerContent {\n display: flex;\n align-items: flex-start; // Changed from 'center' to 'flex-start'\n justify-content: space-between;\n width: 100%;\n\n .headerLeft {\n flex: 1;\n }\n\n .headerRight {\n display: flex;\n align-items: flex-start; // Changed from 'center' to 'flex-start'\n justify-content: flex-end;\n }\n }\n }\n\n .fullPageLayout {\n display: flex;\n padding: 8px;\n background: #f6f6f6;\n }\n .ant-pagination {\n padding: 0 16px;\n justify-content: end;\n }\n .layoutHeadingPage {\n display: flex;\n gap: 8px;\n margin: 0 0 32px 0;\n flex-direction: column;\n justify-content: flex-start;\n }\n\n .topHadingWithIcon span {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 8px;\n }\n\n .subHadingText {\n margin: 0 0 0 36px;\n }\n\n .subHading1Text {\n margin: 0 0 ", " 40px;\n }\n\n .marginNone {\n margin: 0 !important;\n }\n\n .subHadingText > span {\n display: flex;\n flex-direction: row;\n gap: 4px;\n align-items: center;\n }\n\n .oaRightLayouts {\n width: 100%;\n min-height: calc(100vh - 16px);\n padding: 76px 48px;\n overflow-y: auto;\n border-radius: 16px;\n background: #fff;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n }\n\n .oaheaderSearchAndFilter {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0 0 16px 0;\n gap: 16px;\n }\n\n .oaRightLayouts .iconAndTextSecBox {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n }\n .inLine {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 4px;\n }\n\n .customeSelectDropdown {\n margin: 4px 0 0 8px;\n }\n\n .cardData {\n padding: 28px 0 48px 0;\n }\n\n .ant-carousel .slick-dots {\n position: static;\n margin: 20px auto 12px 0;\n }\n .ant-carousel .slick-dots li {\n width: 8px;\n height: 8px;\n }\n .ant-carousel .slick-dots li button {\n width: 8px;\n height: 8px;\n background: #cacaca;\n border-radius: 50%;\n opacity: 0.5;\n }\n .ant-carousel .slick-dots li.slick-active {\n width: 8px;\n height: 8px;\n }\n .ant-carousel .slick-dots li.slick-active button {\n width: 8px;\n height: 8px;\n opacity: 1;\n }\n .ant-carousel .slick-dots li::after {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n opacity: 1;\n background: #717171;\n }\n\n .oaTabs .ant-tabs-nav {\n border-top: 1px solid #e0e0e0;\n border-left: 1px solid #e0e0e0;\n border-right: 1px solid #e0e0e0;\n padding: 12px 22px 0 22px;\n margin: 0 0 8px 0;\n background: #fff;\n border-radius: 4px 4px 0 0;\n }\n .ant-card-body {\n padding: 24px 16px !important;\n border-radius: 16px;\n background: #f6f6f6;\n }\n .cardContainer {\n display: flex;\n gap: 24px;\n }\n .selectAndSearch .noClear {\n border-radius: 0 4px 4px 0;\n width: 320px;\n }\n\n .searchErrorMsg {\n font-size: 12px;\n margin: 4px 0px 0px;\n color: #de350b;\n }\n .searchOnly {\n margin: 0px 0px 16px;\n position: relative;\n }\n .searchOnly .ant-input-affix-wrapper {\n border-radius: 4px;\n max-width: 420px;\n padding-left: 44px;\n }\n .searchOnly .cstSearchIcon {\n position: absolute;\n left: 16px;\n top: 14px;\n z-index: 2;\n }\n\n .selectAndSearch .ant-input-affix-wrapper {\n border-radius: 0 4px 4px 0;\n width: 320px;\n }\n\n .selectAndSearch {\n flex-shrink: 0;\n }\n\n .customeSelectDropdown .ant-select-selector {\n border: none;\n padding: 0;\n max-width: 83vw;\n }\n .customeSelectDropdown .ant-select-selection-item > span {\n font-size: 24px;\n font-weight: 500;\n line-height: 32px;\n }\n\n .customeSelectDropdown .ant-select {\n margin: 0 0 0 32px;\n }\n\n .customeSelectDropdown .ant-select .ant-select-arrow {\n color: #014fc5;\n inset-inline-end: -6px;\n }\n\n .customeSelectDropdown .ant-select-selector {\n box-shadow: none !important;\n }\n\n .customeSelectDropdown .ant-select-selection-item {\n display: inline-block;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n vertical-align: bottom;\n }\n\n .oaheaderButtons {\n display: flex;\n gap:
|
|
19
|
+
const OapageWithDataStyle = exports.OapageWithDataStyle = _styledComponents.default.aside(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n .oaTopHeaderAndBtnSec {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n\n .headerContent {\n display: flex;\n align-items: flex-start; // Changed from 'center' to 'flex-start'\n justify-content: space-between;\n width: 100%;\n\n .headerLeft {\n flex: 1;\n }\n\n .headerRight {\n display: flex;\n align-items: flex-start; // Changed from 'center' to 'flex-start'\n justify-content: flex-end;\n }\n }\n }\n\n .fullPageLayout {\n display: flex;\n padding: 8px;\n background: #f6f6f6;\n }\n .ant-pagination {\n padding: 0 16px;\n justify-content: end;\n }\n .layoutHeadingPage {\n display: flex;\n gap: 8px;\n margin: 0 0 32px 0;\n flex-direction: column;\n justify-content: flex-start;\n }\n\n .topHadingWithIcon span {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 8px;\n }\n\n .subHadingText {\n margin: 0 0 0 36px;\n }\n\n .subHading1Text {\n margin: 0 0 ", " 40px;\n }\n\n .marginNone {\n margin: 0 !important;\n }\n\n .subHadingText > span {\n display: flex;\n flex-direction: row;\n gap: 4px;\n align-items: center;\n }\n\n .oaRightLayouts {\n width: 100%;\n min-height: calc(100vh - 16px);\n padding: 76px 48px;\n overflow-y: auto;\n border-radius: 16px;\n background: #fff;\n box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.14);\n }\n\n .oaheaderSearchAndFilter {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0 0 16px 0;\n gap: 16px;\n }\n\n .oaRightLayouts .iconAndTextSecBox {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n }\n .inLine {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 4px;\n }\n\n .customeSelectDropdown {\n margin: 4px 0 0 8px;\n }\n\n .cardData {\n padding: 28px 0 48px 0;\n }\n\n .ant-carousel .slick-dots {\n position: static;\n margin: 20px auto 12px 0;\n }\n .ant-carousel .slick-dots li {\n width: 8px;\n height: 8px;\n }\n .ant-carousel .slick-dots li button {\n width: 8px;\n height: 8px;\n background: #cacaca;\n border-radius: 50%;\n opacity: 0.5;\n }\n .ant-carousel .slick-dots li.slick-active {\n width: 8px;\n height: 8px;\n }\n .ant-carousel .slick-dots li.slick-active button {\n width: 8px;\n height: 8px;\n opacity: 1;\n }\n .ant-carousel .slick-dots li::after {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n opacity: 1;\n background: #717171;\n }\n\n .oaTabs .ant-tabs-nav {\n border-top: 1px solid #e0e0e0;\n border-left: 1px solid #e0e0e0;\n border-right: 1px solid #e0e0e0;\n padding: 12px 22px 0 22px;\n margin: 0 0 8px 0;\n background: #fff;\n border-radius: 4px 4px 0 0;\n }\n .ant-card-body {\n padding: 24px 16px !important;\n border-radius: 16px;\n background: #f6f6f6;\n }\n .cardContainer {\n display: flex;\n gap: 24px;\n }\n .selectAndSearch .noClear {\n border-radius: 0 4px 4px 0;\n width: 320px;\n }\n\n .searchErrorMsg {\n font-size: 12px;\n margin: 4px 0px 0px;\n color: #de350b;\n }\n .searchOnly {\n margin: 0px 0px 16px;\n position: relative;\n }\n .searchOnly .ant-input-affix-wrapper {\n border-radius: 4px;\n max-width: 420px;\n padding-left: 44px;\n }\n .searchOnly .cstSearchIcon {\n position: absolute;\n left: 16px;\n top: 14px;\n z-index: 2;\n }\n\n .selectAndSearch .ant-input-affix-wrapper {\n border-radius: 0 4px 4px 0;\n width: 320px;\n }\n\n .selectAndSearch {\n flex-shrink: 0;\n }\n\n .customeSelectDropdown .ant-select-selector {\n border: none;\n padding: 0;\n max-width: 83vw;\n }\n .customeSelectDropdown .ant-select-selection-item > span {\n font-size: 24px;\n font-weight: 500;\n line-height: 32px;\n }\n\n .customeSelectDropdown .ant-select {\n margin: 0 0 0 32px;\n }\n\n .customeSelectDropdown .ant-select .ant-select-arrow {\n color: #014fc5;\n inset-inline-end: -6px;\n }\n\n .customeSelectDropdown .ant-select-selector {\n box-shadow: none !important;\n }\n\n .customeSelectDropdown .ant-select-selection-item {\n display: inline-block;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n vertical-align: bottom;\n }\n\n .oaheaderButtons {\n display: flex;\n gap: 16px;\n align-items: center;\n position: relative;\n flex-grow: 1;\n justify-content: space-between;\n }\n\n .oaheaderButtons.single-child {\n justify-content: flex-end;\n }\n\n .oaheaderButtonsRight {\n display: flex;\n flex-direction: row;\n gap: 12px;\n margin-left: auto;\n padding-left: 24px;\n }\n\n .oaheaderButtons .notifyDot {\n width: 12px;\n height: 12px;\n background: #de350b;\n position: absolute;\n top: -4px;\n right: -4px;\n border-radius: 50%;\n }\n\n @media only screen and (max-width: 600px) {\n .selectAndSearch .ant-input-affix-wrapper {\n width: calc(100% - 84px);\n }\n .oaheaderSearchAndFilter .dropDownSearchContainer {\n width: 100%;\n }\n\n .oaheaderSearchAndFilter {\n align-items: flex-end;\n flex-direction: column;\n gap: 16px;\n }\n\n .inLine {\n flex-direction: column;\n gap: 0;\n align-items: flex-start;\n }\n\n .subHadingText > span {\n flex-direction: column;\n align-items: flex-start;\n }\n\n .customeSelectDropdown {\n margin: 4px 0 0 0;\n }\n\n .customeSelectDropdown .ant-select {\n margin: 0 0 0 0;\n }\n\n .fullPageLayout {\n flex-direction: column;\n padding: 0;\n }\n .oaRightLayouts {\n padding: 16px;\n border-radius: 0;\n background: #fff;\n box-shadow: none;\n height: auto;\n background: #f6f6f6;\n }\n .oaTabs .ant-tabs-nav {\n margin: 0 0 28px 0;\n padding: 12px 0 0 0;\n }\n .layoutHeadingPage {\n margin: 0 0 16px 0;\n background: #fff;\n padding: 16px;\n border-radius: 8px;\n width: 100%;\n }\n .layoutHeadingAndSearch {\n background: #fff;\n padding: 20px 16px;\n margin: 0;\n width: 100%;\n border-radius: 8px;\n }\n\n /* Hide profile section on mobile when sidebar has profile icon */\n .hideProfileOnMobile {\n display: none !important;\n }\n }\n"])), _ref => {
|
|
20
20
|
let {
|
|
21
21
|
marginBottom
|
|
22
22
|
} = _ref;
|