ods-component-lib 1.18.217 → 1.18.220
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/index.d.ts +1 -1
- package/dist/index.js +405 -34
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +405 -34
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -48,7 +48,7 @@ import OdsBadge from "./components/antd/badge/OdsBadge";
|
|
|
48
48
|
import OdsBadgeRibbon from "./components/antd/badge/OdsBadgeRibbon";
|
|
49
49
|
import OdsModal from "./components/antd/modal/OdsModal";
|
|
50
50
|
import OdsFilter from "./components/filter/OdsFilter";
|
|
51
|
-
import OdsFilterPlus from "./components/filter/
|
|
51
|
+
import OdsFilterPlus from "./components/filter/OdsFilterPlus";
|
|
52
52
|
import OdsFilterTagView from "./components/filter/OdsFilterTagView";
|
|
53
53
|
import OdsFileUpload from "./components/antd/fileUpload/OdsFileUpload";
|
|
54
54
|
import OdsBasicDataGrid from "./components/devextreme/OdsBasicDataGrid/OdsBasicDataGrid";
|
package/dist/index.js
CHANGED
|
@@ -1917,6 +1917,377 @@ var OdsFilter = function OdsFilter(props) {
|
|
|
1917
1917
|
}, props.buttonApplyName)))))));
|
|
1918
1918
|
};
|
|
1919
1919
|
|
|
1920
|
+
var _templateObject$q, _templateObject2$2, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1;
|
|
1921
|
+
var useStyles$1 = antdStyle.createStyles(function (_ref, props) {
|
|
1922
|
+
var css = _ref.css,
|
|
1923
|
+
cx = _ref.cx,
|
|
1924
|
+
token = _ref.token;
|
|
1925
|
+
var flex = css(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n display: flex;\n "])));
|
|
1926
|
+
var grid = css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteralLoose(["\n display: grid;\n "])));
|
|
1927
|
+
return {
|
|
1928
|
+
filterWrapper: css(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteralLoose(["\n width: 100%;\n padding: ", "px;\n border-radius: ", "px;\n margin-bottom: ", "px;\n z-index: 1;\n "])), token.padding, token.borderRadiusLG * 2, token.margin),
|
|
1929
|
+
filterInner: cx(grid, css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteralLoose(["\n grid-template-columns: repeat(1, minmax(0, 1fr));\n transition: gap 0.1s;\n gap: ", "px;\n "])), props.open ? token.sizeXS : 0)),
|
|
1930
|
+
filterTopWrapper: cx(grid, css(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteralLoose(["\n grid-template-columns: 1fr auto;\n gap: ", "px;\n "])), token.sizeSM)),
|
|
1931
|
+
filterTopInfo: cx(grid, css(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteralLoose(["\n grid-template-columns: auto 1fr;\n gap: ", "px;\n "])), token.sizeXS)),
|
|
1932
|
+
filterTopTitle: cx(flex, css(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n align-items: center;\n "])))),
|
|
1933
|
+
filterTopActions: cx(flex, css(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteralLoose(["\n justify-content: flex-end;\n gap: ", "px;\n "])), token.sizeSM)),
|
|
1934
|
+
filterBodyWrapper: cx(grid, css(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteralLoose(["\n transition: grid-template-rows 0.3s;\n grid-template-rows: ", ";\n "])), props.open ? "1fr" : "0fr")),
|
|
1935
|
+
filterBody: cx(css(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n width: 100%;\n "])))),
|
|
1936
|
+
filterActionButtonsWrapper: cx("flex", "justify-end", "mt-4"),
|
|
1937
|
+
filterActionButtons: cx(flex, css(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n justify-content: flex-end;\n gap: ", "px;\n align-items: flex-end;\n "])), token.sizeSM)),
|
|
1938
|
+
filterTagsWrapper: cx(flex, css(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteralLoose(["\n align-items: center;\n justify-content: center;\n width: 85%;\n max-width: 85%;\n min-width: 85%;\n transition: opacity 0.3s;\n opacity: ", ";\n "])), props.open ? 0 : 1)),
|
|
1939
|
+
filterInlineDisplayWrapper: props.isDisplayInline ? cx("grid", "grid-cols-[1fr_auto]", "w-full") : "",
|
|
1940
|
+
toggleButton: cx(flex),
|
|
1941
|
+
clearButton: cx(flex)
|
|
1942
|
+
};
|
|
1943
|
+
});
|
|
1944
|
+
var useAdvancedFilterButtonStyles$1 = antdStyle.createStyles(function (_ref2, props) {
|
|
1945
|
+
var css = _ref2.css,
|
|
1946
|
+
cx = _ref2.cx,
|
|
1947
|
+
token = _ref2.token;
|
|
1948
|
+
return {
|
|
1949
|
+
advancedFilterButton: cx("flex", css(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteralLoose(["\n color: ", ";\n align-items: center;\n justify-content: center;\n padding-left: ", "px;\n padding-right: ", "px;\n "])), token.colorPrimary, token.padding, token.padding)),
|
|
1950
|
+
advancedFilterRowWrapper: cx("my-4", css(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteralLoose(["\n display: grid;\n transition: grid-template-rows 0.3s;\n grid-template-rows: ", ";\n "])), props.open ? "1fr" : "0fr")),
|
|
1951
|
+
advancedFilterRow: cx(css(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteralLoose(["\n display: grid;\n overflow: hidden;\n width: 100%;\n "]))))
|
|
1952
|
+
};
|
|
1953
|
+
});
|
|
1954
|
+
var useFilterTagsStyles$1 = antdStyle.createStyles(function (_ref3) {
|
|
1955
|
+
var css = _ref3.css,
|
|
1956
|
+
token = _ref3.token;
|
|
1957
|
+
return {
|
|
1958
|
+
menu: css(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteralLoose(["\n width: 100%;\n border: 0;\n gap: ", "px;\n position: relative;\n\n &::after,\n &::before {\n display: none;\n }\n\n &.ant-menu-light.ant-menu-horizontal {\n & > .ant-menu-item {\n cursor: default;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n top: unset;\n }\n\n & > .ant-menu-submenu {\n &:hover {\n &::after {\n display: none;\n }\n }\n }\n }\n\n &.ant-menu-light.ant-menu-horizontal > .ant-menu-submenu-selected::after {\n display: none;\n }\n\n &.ant-menu-light.ant-menu-horizontal > .ant-menu-item::after,\n &.ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover::after {\n display: none;\n }\n\n &.ant-menu-light.ant-menu-horizontal\n > .ant-menu-submenu\n &.ant-menu-light.ant-menu-horizontal\n > .ant-menu-item::after {\n display: none;\n }\n "])), token.sizeXS)
|
|
1959
|
+
};
|
|
1960
|
+
});
|
|
1961
|
+
|
|
1962
|
+
var Title$1 = antd.Typography.Title;
|
|
1963
|
+
var OdsFilter$1 = function OdsFilter(props) {
|
|
1964
|
+
var _props$filterRow, _props$filterRow2;
|
|
1965
|
+
var _props$isAdvancedSear = props.isAdvancedSearchEnabled,
|
|
1966
|
+
isAdvancedSearchEnabled = _props$isAdvancedSear === void 0 ? true : _props$isAdvancedSear;
|
|
1967
|
+
var _useState = React.useState("1"),
|
|
1968
|
+
activeTabKey = _useState[0],
|
|
1969
|
+
setActiveTabKey = _useState[1];
|
|
1970
|
+
var advancedRef = React__default.createRef();
|
|
1971
|
+
var advanceFilterTabsRows = React.useRef([]);
|
|
1972
|
+
var _useState2 = React.useState(true),
|
|
1973
|
+
showFilter = _useState2[0],
|
|
1974
|
+
setShowFilter = _useState2[1];
|
|
1975
|
+
var _useState3 = React.useState(),
|
|
1976
|
+
hasAdvancedFilters = _useState3[0],
|
|
1977
|
+
setHasAdvancedFilters = _useState3[1];
|
|
1978
|
+
var filterRow = isAdvancedSearchEnabled ? (_props$filterRow = props.filterRow) === null || _props$filterRow === void 0 ? void 0 : _props$filterRow.slice(0, 6) : props.filterRow;
|
|
1979
|
+
var advanceFilterRow = isAdvancedSearchEnabled ? (_props$filterRow2 = props.filterRow) === null || _props$filterRow2 === void 0 ? void 0 : _props$filterRow2.slice(6) : null;
|
|
1980
|
+
var shouldDisplayButtonsInline = (filterRow === null || filterRow === void 0 ? void 0 : filterRow.length) <= 4;
|
|
1981
|
+
var _useStyles = useStyles$1({
|
|
1982
|
+
open: showFilter,
|
|
1983
|
+
isDisplayInline: shouldDisplayButtonsInline
|
|
1984
|
+
}),
|
|
1985
|
+
styles = _useStyles.styles;
|
|
1986
|
+
var _useState4 = React.useState(!props.advancedFilterClosed),
|
|
1987
|
+
showAdvanceFilter = _useState4[0],
|
|
1988
|
+
setShowAdvanceFilter = _useState4[1];
|
|
1989
|
+
var _useAdvancedFilterBut = useAdvancedFilterButtonStyles$1({
|
|
1990
|
+
open: showAdvanceFilter
|
|
1991
|
+
}),
|
|
1992
|
+
advancedFilterStyles = _useAdvancedFilterBut.styles;
|
|
1993
|
+
var defaultColSize = React.useCallback(function (_ref) {
|
|
1994
|
+
var isDisplayInline = _ref.isDisplayInline;
|
|
1995
|
+
return isDisplayInline ? {
|
|
1996
|
+
xs: 12,
|
|
1997
|
+
md: 6
|
|
1998
|
+
} : {
|
|
1999
|
+
xs: 24,
|
|
2000
|
+
sm: 12,
|
|
2001
|
+
md: 8,
|
|
2002
|
+
lg: 4
|
|
2003
|
+
};
|
|
2004
|
+
}, []);
|
|
2005
|
+
var hasTabFilter = props.tabs !== undefined;
|
|
2006
|
+
var hasFilterRow = props.filterRow !== undefined;
|
|
2007
|
+
React.useEffect(function () {
|
|
2008
|
+
setHasAdvancedFilters(advanceFilterRow !== undefined && (advanceFilterRow === null || advanceFilterRow === void 0 ? void 0 : advanceFilterRow.length) > 0);
|
|
2009
|
+
}, []);
|
|
2010
|
+
React.useEffect(function () {
|
|
2011
|
+
var _props$filterTag;
|
|
2012
|
+
if (props.filterTag && ((_props$filterTag = props.filterTag) === null || _props$filterTag === void 0 ? void 0 : _props$filterTag.length) > 0) handleHideShowFilter();
|
|
2013
|
+
}, [props.filterTag]);
|
|
2014
|
+
var handleHideShowAdvancedFilter = function handleHideShowAdvancedFilter() {
|
|
2015
|
+
if (!showFilter) {
|
|
2016
|
+
setShowFilter(true);
|
|
2017
|
+
setTimeout(function () {
|
|
2018
|
+
setShowAdvanceFilter(!showAdvanceFilter);
|
|
2019
|
+
}, 200);
|
|
2020
|
+
} else {
|
|
2021
|
+
setShowAdvanceFilter(!showAdvanceFilter);
|
|
2022
|
+
}
|
|
2023
|
+
};
|
|
2024
|
+
var handleHideShowFilter = function handleHideShowFilter() {
|
|
2025
|
+
setShowAdvanceFilter(false);
|
|
2026
|
+
setShowFilter(!showFilter);
|
|
2027
|
+
};
|
|
2028
|
+
var onClearSearch = function onClearSearch() {
|
|
2029
|
+
if (props.onClickClear) {
|
|
2030
|
+
props.onClickClear();
|
|
2031
|
+
}
|
|
2032
|
+
};
|
|
2033
|
+
var checkFilterValues = function checkFilterValues() {
|
|
2034
|
+
return Promise.resolve(_catch(function () {
|
|
2035
|
+
return Promise.resolve(props.form.validateFields());
|
|
2036
|
+
}, function () {
|
|
2037
|
+
return null;
|
|
2038
|
+
}));
|
|
2039
|
+
};
|
|
2040
|
+
var findErrorIfAdvancedFilterHasError = function findErrorIfAdvancedFilterHasError() {
|
|
2041
|
+
try {
|
|
2042
|
+
if (advancedRef.current) {
|
|
2043
|
+
var errorItems = advancedRef.current.querySelectorAll(".ant-form-item-has-error");
|
|
2044
|
+
if ((errorItems === null || errorItems === void 0 ? void 0 : errorItems.length) > 0) {
|
|
2045
|
+
setShowAdvanceFilter(true);
|
|
2046
|
+
}
|
|
2047
|
+
}
|
|
2048
|
+
return Promise.resolve();
|
|
2049
|
+
} catch (e) {
|
|
2050
|
+
return Promise.reject(e);
|
|
2051
|
+
}
|
|
2052
|
+
};
|
|
2053
|
+
var handleOnClickApply = function handleOnClickApply() {
|
|
2054
|
+
return Promise.resolve(checkFilterValues()).then(function (values) {
|
|
2055
|
+
function _temp2() {
|
|
2056
|
+
if (values) {
|
|
2057
|
+
if (props.onFinish) {
|
|
2058
|
+
props.onFinish(values);
|
|
2059
|
+
}
|
|
2060
|
+
} else {
|
|
2061
|
+
props.onFinishFailed && props.onFinishFailed();
|
|
2062
|
+
}
|
|
2063
|
+
}
|
|
2064
|
+
var _temp = function () {
|
|
2065
|
+
if (hasAdvancedFilters) {
|
|
2066
|
+
return Promise.resolve(findErrorIfAdvancedFilterHasError()).then(function () {});
|
|
2067
|
+
}
|
|
2068
|
+
}();
|
|
2069
|
+
return _temp && _temp.then ? _temp.then(_temp2) : _temp2();
|
|
2070
|
+
});
|
|
2071
|
+
};
|
|
2072
|
+
var addAdditionalRowsToAdvanceFilterTabs = function addAdditionalRowsToAdvanceFilterTabs(children) {
|
|
2073
|
+
if (children.length > 6) {
|
|
2074
|
+
var _advanceFilterTabsRow;
|
|
2075
|
+
var additionalRows = children.slice(6).map(function (filterRow) {
|
|
2076
|
+
return {
|
|
2077
|
+
colSize: filterRow.colSize,
|
|
2078
|
+
element: filterRow.element
|
|
2079
|
+
};
|
|
2080
|
+
});
|
|
2081
|
+
(_advanceFilterTabsRow = advanceFilterTabsRows.current).push.apply(_advanceFilterTabsRow, additionalRows);
|
|
2082
|
+
}
|
|
2083
|
+
};
|
|
2084
|
+
var FilterList = function FilterList(_ref2) {
|
|
2085
|
+
var isDisplayInline = _ref2.isDisplayInline;
|
|
2086
|
+
return React__default.createElement(antd.Row, {
|
|
2087
|
+
gutter: 12
|
|
2088
|
+
}, filterRow.map(function (item, index) {
|
|
2089
|
+
return React__default.createElement(antd.Col, Object.assign({
|
|
2090
|
+
key: index
|
|
2091
|
+
}, item.colSize || defaultColSize({
|
|
2092
|
+
isDisplayInline: isDisplayInline
|
|
2093
|
+
}), {
|
|
2094
|
+
className: (filterRow === null || filterRow === void 0 ? void 0 : filterRow.length) > 6 ? "mb-4" : ""
|
|
2095
|
+
}), item.element);
|
|
2096
|
+
}));
|
|
2097
|
+
};
|
|
2098
|
+
var FilterTabsList = function FilterTabsList(_ref3) {
|
|
2099
|
+
var tabs = _ref3.tabs,
|
|
2100
|
+
isDisplayInline = _ref3.isDisplayInline;
|
|
2101
|
+
advanceFilterTabsRows.current = [];
|
|
2102
|
+
tabs.forEach(function (tab) {
|
|
2103
|
+
if (tab.children && tab.children.length > 6) {
|
|
2104
|
+
addAdditionalRowsToAdvanceFilterTabs(tab.children);
|
|
2105
|
+
}
|
|
2106
|
+
});
|
|
2107
|
+
return React__default.createElement(React__default.Fragment, null, tabs.map(function (tab) {
|
|
2108
|
+
return tab.children ? React__default.createElement(antd.Row, {
|
|
2109
|
+
gutter: 12,
|
|
2110
|
+
key: tab.key
|
|
2111
|
+
}, tab.children.slice(0, 6).map(function (filterRow, index) {
|
|
2112
|
+
return React__default.createElement(antd.Col, Object.assign({
|
|
2113
|
+
key: index,
|
|
2114
|
+
xs: 24,
|
|
2115
|
+
sm: 12,
|
|
2116
|
+
md: 8,
|
|
2117
|
+
lg: 4
|
|
2118
|
+
}, filterRow.colSize || defaultColSize({
|
|
2119
|
+
isDisplayInline: isDisplayInline
|
|
2120
|
+
}), {
|
|
2121
|
+
className: tab.children.length > 6 ? "mb-4" : ""
|
|
2122
|
+
}), filterRow.element);
|
|
2123
|
+
})) : null;
|
|
2124
|
+
}));
|
|
2125
|
+
};
|
|
2126
|
+
React.useEffect(function () {
|
|
2127
|
+
var _props$tabs;
|
|
2128
|
+
var selectedTab = (_props$tabs = props.tabs) === null || _props$tabs === void 0 ? void 0 : _props$tabs.find(function (tab) {
|
|
2129
|
+
return tab.key === activeTabKey;
|
|
2130
|
+
});
|
|
2131
|
+
if (selectedTab) {
|
|
2132
|
+
setHasAdvancedFilters(selectedTab.isAdvanceSearchEnable !== false && selectedTab.children.length > 5);
|
|
2133
|
+
}
|
|
2134
|
+
}, [activeTabKey, props.tabs]);
|
|
2135
|
+
var FilterTabsContainer = function FilterTabsContainer() {
|
|
2136
|
+
return React__default.createElement(OdsTab, {
|
|
2137
|
+
activeKey: activeTabKey,
|
|
2138
|
+
onChange: onTabChange,
|
|
2139
|
+
items: props.tabs.map(function (tab) {
|
|
2140
|
+
return {
|
|
2141
|
+
key: tab.key,
|
|
2142
|
+
label: tab.label,
|
|
2143
|
+
children: React__default.createElement(FilterTabsList, {
|
|
2144
|
+
tabs: [tab],
|
|
2145
|
+
isDisplayInline: true
|
|
2146
|
+
}),
|
|
2147
|
+
icon: tab.icon
|
|
2148
|
+
};
|
|
2149
|
+
})
|
|
2150
|
+
});
|
|
2151
|
+
};
|
|
2152
|
+
var onTabChange = function onTabChange(key) {
|
|
2153
|
+
setActiveTabKey(key);
|
|
2154
|
+
advanceFilterTabsRows.current = [];
|
|
2155
|
+
var selectedTab = props.tabs.find(function (tab) {
|
|
2156
|
+
return tab.key === key;
|
|
2157
|
+
});
|
|
2158
|
+
if (selectedTab && selectedTab.children) {
|
|
2159
|
+
if (selectedTab.children.length > 6) {
|
|
2160
|
+
addAdditionalRowsToAdvanceFilterTabs(selectedTab.children);
|
|
2161
|
+
}
|
|
2162
|
+
}
|
|
2163
|
+
};
|
|
2164
|
+
var ActionButtons = function ActionButtons() {
|
|
2165
|
+
return React__default.createElement("div", {
|
|
2166
|
+
className: styles.filterActionButtons
|
|
2167
|
+
}, React__default.createElement(OdsButton, {
|
|
2168
|
+
type: "text",
|
|
2169
|
+
onClick: onClearSearch,
|
|
2170
|
+
icon: React__default.createElement(outline.Loop1Icon, {
|
|
2171
|
+
width: 16,
|
|
2172
|
+
height: 16,
|
|
2173
|
+
viewBox: "0 0 24 24"
|
|
2174
|
+
}),
|
|
2175
|
+
className: styles.clearButton
|
|
2176
|
+
}, props.buttonClearAllName), React__default.createElement(OdsButton, {
|
|
2177
|
+
type: "primary",
|
|
2178
|
+
onClick: handleOnClickApply
|
|
2179
|
+
}, props.buttonApplyName));
|
|
2180
|
+
};
|
|
2181
|
+
return React__default.createElement(OdsCard, {
|
|
2182
|
+
className: styles.filterWrapper
|
|
2183
|
+
}, React__default.createElement(antd.ConfigProvider, {
|
|
2184
|
+
theme: {
|
|
2185
|
+
components: {
|
|
2186
|
+
Form: {
|
|
2187
|
+
itemMarginBottom: 0,
|
|
2188
|
+
verticalLabelPadding: "0 0 4px 0"
|
|
2189
|
+
},
|
|
2190
|
+
Typography: {
|
|
2191
|
+
titleMarginBottom: 0
|
|
2192
|
+
}
|
|
2193
|
+
}
|
|
2194
|
+
}
|
|
2195
|
+
}, React__default.createElement(antd.Form, {
|
|
2196
|
+
form: props.form,
|
|
2197
|
+
layout: "vertical",
|
|
2198
|
+
className: styles.filterInner
|
|
2199
|
+
}, React__default.createElement(antd.Row, {
|
|
2200
|
+
gutter: [12, 12],
|
|
2201
|
+
align: "middle"
|
|
2202
|
+
}, React__default.createElement(antd.Col, {
|
|
2203
|
+
span: 24,
|
|
2204
|
+
className: styles.filterTopWrapper
|
|
2205
|
+
}, React__default.createElement("div", {
|
|
2206
|
+
className: styles.filterTopInfo
|
|
2207
|
+
}, React__default.createElement("div", {
|
|
2208
|
+
className: styles.filterTopTitle
|
|
2209
|
+
}, React__default.createElement(Title$1, {
|
|
2210
|
+
level: 5
|
|
2211
|
+
}, props.title)), React__default.createElement("div", {
|
|
2212
|
+
className: styles.filterTagsWrapper
|
|
2213
|
+
}, props.filterTag && props.filterTag.length > 0 && React__default.createElement(OdsFilterTagView, {
|
|
2214
|
+
preparedFilterTextViewJson: props.filterTag
|
|
2215
|
+
}))), React__default.createElement(antd.ConfigProvider, {
|
|
2216
|
+
theme: {
|
|
2217
|
+
components: {
|
|
2218
|
+
Button: {
|
|
2219
|
+
borderRadiusLG: 6
|
|
2220
|
+
}
|
|
2221
|
+
}
|
|
2222
|
+
}
|
|
2223
|
+
}, React__default.createElement("div", {
|
|
2224
|
+
className: styles.filterTopActions
|
|
2225
|
+
}, hasAdvancedFilters && React__default.createElement(OdsButton, {
|
|
2226
|
+
title: "Advanced Search",
|
|
2227
|
+
className: advancedFilterStyles.advancedFilterButton,
|
|
2228
|
+
size: "medium",
|
|
2229
|
+
type: "link",
|
|
2230
|
+
icon: showAdvanceFilter ? React__default.createElement(outline.UpArrow5Icon, {
|
|
2231
|
+
width: 16,
|
|
2232
|
+
height: 16,
|
|
2233
|
+
viewBox: "0 0 24 24"
|
|
2234
|
+
}) : React__default.createElement(outline.DownArrow5Icon, {
|
|
2235
|
+
width: 16,
|
|
2236
|
+
height: 16,
|
|
2237
|
+
viewBox: "0 0 24 24"
|
|
2238
|
+
}),
|
|
2239
|
+
onClick: handleHideShowAdvancedFilter
|
|
2240
|
+
}, props.buttonAdvancedSearchName), props.savedFilter, React__default.createElement(OdsButton, {
|
|
2241
|
+
className: styles.toggleButton,
|
|
2242
|
+
size: "large",
|
|
2243
|
+
type: "default",
|
|
2244
|
+
icon: showFilter ? React__default.createElement(outline.UpArrow5Icon, {
|
|
2245
|
+
width: 16,
|
|
2246
|
+
height: 16,
|
|
2247
|
+
viewBox: "0 0 24 24"
|
|
2248
|
+
}) : React__default.createElement(outline.DownArrow5Icon, {
|
|
2249
|
+
width: 16,
|
|
2250
|
+
height: 16,
|
|
2251
|
+
viewBox: "0 0 24 24"
|
|
2252
|
+
}),
|
|
2253
|
+
onClick: handleHideShowFilter
|
|
2254
|
+
}))))), React__default.createElement("div", {
|
|
2255
|
+
className: styles.filterBodyWrapper
|
|
2256
|
+
}, React__default.createElement("div", {
|
|
2257
|
+
className: styles.filterBody
|
|
2258
|
+
}, hasTabFilter && React__default.createElement("div", {
|
|
2259
|
+
className: styles.filterInlineDisplayWrapper
|
|
2260
|
+
}, React__default.createElement(FilterTabsContainer, null), React__default.createElement("div", {
|
|
2261
|
+
className: advancedFilterStyles.advancedFilterRowWrapper,
|
|
2262
|
+
ref: advancedRef
|
|
2263
|
+
}, React__default.createElement("div", {
|
|
2264
|
+
className: advancedFilterStyles.advancedFilterRow
|
|
2265
|
+
}, React__default.createElement(antd.Row, {
|
|
2266
|
+
gutter: [12, 16]
|
|
2267
|
+
}, advanceFilterTabsRows.current.map(function (item, index) {
|
|
2268
|
+
return React__default.createElement(antd.Col, Object.assign({
|
|
2269
|
+
key: index
|
|
2270
|
+
}, item.colSize || defaultColSize({})), item.element);
|
|
2271
|
+
})))), shouldDisplayButtonsInline && React__default.createElement(ActionButtons, null)), hasFilterRow && !hasTabFilter && React__default.createElement("div", {
|
|
2272
|
+
className: styles.filterInlineDisplayWrapper
|
|
2273
|
+
}, React__default.createElement(FilterList, {
|
|
2274
|
+
isDisplayInline: shouldDisplayButtonsInline
|
|
2275
|
+
}), shouldDisplayButtonsInline && React__default.createElement(ActionButtons, null)), hasAdvancedFilters && !hasTabFilter && React__default.createElement("div", {
|
|
2276
|
+
className: advancedFilterStyles.advancedFilterRowWrapper,
|
|
2277
|
+
ref: advancedRef
|
|
2278
|
+
}, React__default.createElement("div", {
|
|
2279
|
+
className: advancedFilterStyles.advancedFilterRow
|
|
2280
|
+
}, React__default.createElement(antd.Row, {
|
|
2281
|
+
gutter: [12, 16]
|
|
2282
|
+
}, advanceFilterRow === null || advanceFilterRow === void 0 ? void 0 : advanceFilterRow.map(function (item, index) {
|
|
2283
|
+
return React__default.createElement(antd.Col, Object.assign({
|
|
2284
|
+
key: index
|
|
2285
|
+
}, item.colSize || defaultColSize({})), item.element);
|
|
2286
|
+
})))), !shouldDisplayButtonsInline && React__default.createElement("div", {
|
|
2287
|
+
className: styles.filterActionButtonsWrapper
|
|
2288
|
+
}, React__default.createElement(ActionButtons, null)))))));
|
|
2289
|
+
};
|
|
2290
|
+
|
|
1920
2291
|
var Text = antd.Typography.Text;
|
|
1921
2292
|
function OdsFileUpload(props) {
|
|
1922
2293
|
var image = props.image,
|
|
@@ -33094,12 +33465,12 @@ var OdsDataGrdiRowButton = function OdsDataGrdiRowButton(_ref) {
|
|
|
33094
33465
|
}), children)));
|
|
33095
33466
|
};
|
|
33096
33467
|
|
|
33097
|
-
var _templateObject$
|
|
33098
|
-
var useStyles$
|
|
33468
|
+
var _templateObject$r, _templateObject2$3;
|
|
33469
|
+
var useStyles$2 = antdStyle.createStyles(function (_ref) {
|
|
33099
33470
|
var css = _ref.css;
|
|
33100
33471
|
return {
|
|
33101
|
-
grid: css(_templateObject$
|
|
33102
|
-
gridCustomSummary: css(_templateObject2$
|
|
33472
|
+
grid: css(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n & .grid-cell-selected {\n background-color: lightgreen;\n }\n & .grid-cell-disable-text-selection {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n & .grid-cell-disable-colored {\n background-color: lightgray;\n }\n & .grid-summary-row-label {\n font-weight: 900;\n /* border-bottom: 1px solid lightgray; */\n }\n & .grid-summary-row-data {\n /* border-bottom: 1px solid lightgray; */\n }\n & .grid-toolbar-button-item {\n padding: 0 !important;\n }\n "]))),
|
|
33473
|
+
gridCustomSummary: css(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteralLoose(["\n background-color: rgb(255, 255, 255);\n border-radius: 0px 0px 16px 16px;\n font-size: 13px;\n text-align: unset;\n padding: 17px 16px 3px 15px;\n font-weight: 600;\n border-top: 1px solid #ededed;\n"])))
|
|
33103
33474
|
};
|
|
33104
33475
|
});
|
|
33105
33476
|
|
|
@@ -33476,7 +33847,7 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
|
|
|
33476
33847
|
var _useState12 = React.useState(false),
|
|
33477
33848
|
searchPanelApplied = _useState12[0],
|
|
33478
33849
|
setSearchPanelApplied = _useState12[1];
|
|
33479
|
-
var _useStyles = useStyles$
|
|
33850
|
+
var _useStyles = useStyles$2(),
|
|
33480
33851
|
gridStyle = _useStyles.styles;
|
|
33481
33852
|
React.useEffect(function () {
|
|
33482
33853
|
constants.totalPageCount = 1;
|
|
@@ -34848,12 +35219,12 @@ var OdsTransfer = function OdsTransfer(props) {
|
|
|
34848
35219
|
}));
|
|
34849
35220
|
};
|
|
34850
35221
|
|
|
34851
|
-
var _templateObject$
|
|
34852
|
-
var useStyles$
|
|
35222
|
+
var _templateObject$s, _templateObject2$4;
|
|
35223
|
+
var useStyles$3 = antdStyle.createStyles(function (_ref) {
|
|
34853
35224
|
var css = _ref.css;
|
|
34854
35225
|
return {
|
|
34855
|
-
grid: css(_templateObject$
|
|
34856
|
-
gridCustomSummary: css(_templateObject2$
|
|
35226
|
+
grid: css(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n & .grid-cell-selected {\n background-color: lightgreen;\n }\n & .grid-cell-disable-text-selection {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n & .grid-cell-disable-colored {\n background-color: lightgray;\n }\n & .grid-summary-row-label {\n font-weight: 900;\n }\n\n & .grid-toolbar-button-item {\n padding: 0 !important;\n }\n\n & .dx-datagrid.dx-gridbase-container.dx-datagrid-borders {\n border: none !important;\n border-radius: 16px 16px 0 0;\n }\n & .dx-datagrid-borders > .dx-datagrid-filter-panel,\n & .dx-datagrid-borders > .dx-datagrid-headers {\n border: 0 !important;\n }\n & .dx-datagrid-search-panel {\n margin-left: 0;\n }\n & .dx-toolbar-after .dx-toolbar-item,\n & .dx-toolbar-after .dx-toolbar-item:last-child {\n padding: 0;\n }\n & .dx-toolbar .dx-toolbar-after {\n display: inline-flex;\n flex-flow: row-reverse;\n gap: 5px;\n }\n "]))),
|
|
35227
|
+
gridCustomSummary: css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n background-color: rgb(255, 255, 255);\n border-radius: 0px 0px 16px 16px;\n font-size: 13px;\n text-align: unset;\n padding: 17px 16px 3px 15px;\n font-weight: 600;\n border-top: 1px solid #ededed;\n "])))
|
|
34857
35228
|
};
|
|
34858
35229
|
});
|
|
34859
35230
|
|
|
@@ -34879,7 +35250,7 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
|
|
|
34879
35250
|
updateTrigger = _useState6[0],
|
|
34880
35251
|
setUpdateTrigger = _useState6[1];
|
|
34881
35252
|
var lastPageIndexRef = React.useRef(null);
|
|
34882
|
-
var _useStyles = useStyles$
|
|
35253
|
+
var _useStyles = useStyles$3(),
|
|
34883
35254
|
gridStyle = _useStyles.styles;
|
|
34884
35255
|
React.useEffect(function () {}, [updateTrigger, totalUnfilteredCount, totalFilteredCount, filterApplied]);
|
|
34885
35256
|
var renderTotal = React.useCallback(function () {
|
|
@@ -35234,20 +35605,20 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
|
|
|
35234
35605
|
}, React__default.createElement("p", null, renderTotal())));
|
|
35235
35606
|
};
|
|
35236
35607
|
|
|
35237
|
-
var _templateObject$
|
|
35238
|
-
var useStyles$
|
|
35608
|
+
var _templateObject$t, _templateObject2$5, _templateObject3$3, _templateObject4$2, _templateObject5$2;
|
|
35609
|
+
var useStyles$4 = antdStyle.createStyles(function (_ref) {
|
|
35239
35610
|
var css = _ref.css;
|
|
35240
35611
|
return {
|
|
35241
|
-
grid: css(_templateObject$
|
|
35242
|
-
gridCustomSummary: css(_templateObject2$
|
|
35612
|
+
grid: css(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose(["\n & .grid-cell-selected {\n background-color: lightgreen;\n }\n & .grid-cell-disable-text-selection {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n & .grid-cell-disable-colored {\n background-color: lightgray;\n }\n & .grid-summary-row-label {\n font-weight: 900;\n }\n\n & .grid-toolbar-button-item {\n padding: 0 !important;\n }\n\n & .dx-datagrid.dx-gridbase-container.dx-datagrid-borders {\n border: none !important;\n border-radius: 16px 16px 0 0;\n }\n & .dx-datagrid-borders > .dx-datagrid-filter-panel,\n & .dx-datagrid-borders > .dx-datagrid-headers {\n border: 0 !important;\n }\n & .dx-datagrid-search-panel {\n margin-left: 0;\n }\n & .dx-toolbar-after .dx-toolbar-item,\n & .dx-toolbar-after .dx-toolbar-item:last-child {\n padding: 0;\n }\n & .dx-toolbar .dx-toolbar-after {\n display: inline-flex;\n gap: 5px;\n }\n .dx-datagrid-borders > .dx-datagrid-headers,\n .dx-datagrid-borders > .dx-datagrid-rowsview,\n .dx-datagrid-borders > .dx-datagrid-total-footer {\n border-radius: 0;\n }\n\n .dx-datagrid-headers .dx-datagrid-table .dx-row > td:not(.dx-command-select) {\n text-align: start !important;\n }\n\n & .dx-column-indicators {\n float: right !important;\n }\n\n .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-right, .dx-header-row .dx-sort-indicator.dx-text-content-alignment-right {\n margin-right: 3px;\n margin-left: unset;\n }\n "]))),
|
|
35613
|
+
gridCustomSummary: css(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteralLoose(["\n background-color: rgb(255, 255, 255);\n border-radius: 0px 0px 16px 16px;\n font-size: 13px;\n text-align: unset;\n padding: 17px 16px 3px 15px;\n font-weight: 600;\n border-top: 1px solid #ededed;\n "])))
|
|
35243
35614
|
};
|
|
35244
35615
|
});
|
|
35245
35616
|
var usePageTitleAndToolbarStyles = antdStyle.createStyles(function (_ref2) {
|
|
35246
35617
|
var css = _ref2.css;
|
|
35247
35618
|
return {
|
|
35248
|
-
gridPageTitleWrapper: css(_templateObject3$
|
|
35249
|
-
gridToolbarButtonGroupWrapper: css(_templateObject4$
|
|
35250
|
-
gridToolbarButton: css(_templateObject5$
|
|
35619
|
+
gridPageTitleWrapper: css(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 10px;\n "]))),
|
|
35620
|
+
gridToolbarButtonGroupWrapper: css(_templateObject4$2 || (_templateObject4$2 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n "]))),
|
|
35621
|
+
gridToolbarButton: css(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteralLoose(["\n margin-left: 10px;\n "])))
|
|
35251
35622
|
};
|
|
35252
35623
|
});
|
|
35253
35624
|
|
|
@@ -35520,7 +35891,7 @@ var OdsInlineEditDataGrid = function OdsInlineEditDataGrid(props) {
|
|
|
35520
35891
|
onOptionChangedFromProps = props.onOptionChanged,
|
|
35521
35892
|
onExportingFromProps = props.onExporting,
|
|
35522
35893
|
AllGridOptions = _objectWithoutPropertiesLoose(props, _excluded$5);
|
|
35523
|
-
var _useStyles = useStyles$
|
|
35894
|
+
var _useStyles = useStyles$4(),
|
|
35524
35895
|
gridStyle = _useStyles.styles;
|
|
35525
35896
|
var _useState = React.useState(0),
|
|
35526
35897
|
currentPage = _useState[0],
|
|
@@ -35677,15 +36048,15 @@ var OdsInlineEditDataGrid = function OdsInlineEditDataGrid(props) {
|
|
|
35677
36048
|
}, React__default.createElement("p", null, renderTotal())));
|
|
35678
36049
|
};
|
|
35679
36050
|
|
|
35680
|
-
var _templateObject$
|
|
35681
|
-
var useStyles$
|
|
36051
|
+
var _templateObject$u, _templateObject2$6;
|
|
36052
|
+
var useStyles$5 = antdStyle.createStyles(function (_ref) {
|
|
35682
36053
|
var token = _ref.token,
|
|
35683
36054
|
css = _ref.css,
|
|
35684
36055
|
cx = _ref.cx;
|
|
35685
36056
|
return {
|
|
35686
|
-
Wrapper: cx('relative', css(_templateObject$
|
|
36057
|
+
Wrapper: cx('relative', css(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose(["\n & .ant-card {\n border-radius: ", "px;\n & > .ant-card-body {\n padding: ", "px;\n }\n }\n "])), token.borderRadiusLG * 2, token.padding)),
|
|
35687
36058
|
Colls: cx('relative z-10'),
|
|
35688
|
-
ButtonWrapper: cx('absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-20 flex justify-center items-center bg-white', css(_templateObject2$
|
|
36059
|
+
ButtonWrapper: cx('absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-20 flex justify-center items-center bg-white', css(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteralLoose(["\n border-radius: ", "px;\n "])), token.borderRadius))
|
|
35689
36060
|
};
|
|
35690
36061
|
});
|
|
35691
36062
|
|
|
@@ -35697,7 +36068,7 @@ var OdsChange = function OdsChange(props) {
|
|
|
35697
36068
|
var _useState2 = React.useState(null),
|
|
35698
36069
|
selectedItemsRight = _useState2[0],
|
|
35699
36070
|
setSelectedItemsRight = _useState2[1];
|
|
35700
|
-
var _useStyles = useStyles$
|
|
36071
|
+
var _useStyles = useStyles$5(),
|
|
35701
36072
|
styles = _useStyles.styles;
|
|
35702
36073
|
var addOrUpdateSelectedItem = React.useCallback(function (newItem, key, section, type) {
|
|
35703
36074
|
var updateItem = function updateItem(prevItems) {
|
|
@@ -35925,8 +36296,8 @@ var OdsChange = function OdsChange(props) {
|
|
|
35925
36296
|
};
|
|
35926
36297
|
var OdsChange$1 = React__default.memo(OdsChange);
|
|
35927
36298
|
|
|
35928
|
-
var _templateObject$
|
|
35929
|
-
var StyledProgress = styled__default(antd.Progress)(_templateObject$
|
|
36299
|
+
var _templateObject$v;
|
|
36300
|
+
var StyledProgress = styled__default(antd.Progress)(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose(["\n //\n .ant-progress-bg {\n ", "\n }\n"])), function (props) {
|
|
35930
36301
|
return props.strokeLinecap === 'square' && 'border-radius: 8px 0px 0px 8px !important;';
|
|
35931
36302
|
});
|
|
35932
36303
|
|
|
@@ -36287,15 +36658,15 @@ function OdsFileUploadv2(props) {
|
|
|
36287
36658
|
}, renderPreviewContent(previewFileName, previewImage))));
|
|
36288
36659
|
}
|
|
36289
36660
|
|
|
36290
|
-
var _templateObject$
|
|
36291
|
-
var useStyles$
|
|
36661
|
+
var _templateObject$w;
|
|
36662
|
+
var useStyles$6 = antdStyle.createStyles(function (_ref) {
|
|
36292
36663
|
var css = _ref.css;
|
|
36293
36664
|
return {
|
|
36294
|
-
Wrapper: css(_templateObject$
|
|
36665
|
+
Wrapper: css(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n width: 100%;\n "])))
|
|
36295
36666
|
};
|
|
36296
36667
|
});
|
|
36297
36668
|
function OdsTreeSelect(props) {
|
|
36298
|
-
var _useStyles = useStyles$
|
|
36669
|
+
var _useStyles = useStyles$6(),
|
|
36299
36670
|
styles = _useStyles.styles;
|
|
36300
36671
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
36301
36672
|
theme: lightTheme
|
|
@@ -36334,11 +36705,11 @@ var CurrencySelect = function CurrencySelect(_ref) {
|
|
|
36334
36705
|
};
|
|
36335
36706
|
|
|
36336
36707
|
var _excluded$7 = ["currencySelectProps", "defaultValue", "locale", "dontFormatValue", "min"];
|
|
36337
|
-
var _templateObject$
|
|
36338
|
-
var useStyles$
|
|
36708
|
+
var _templateObject$x;
|
|
36709
|
+
var useStyles$7 = antdStyle.createStyles(function (_ref) {
|
|
36339
36710
|
var css = _ref.css;
|
|
36340
36711
|
return {
|
|
36341
|
-
Wrapper: css(_templateObject$
|
|
36712
|
+
Wrapper: css(_templateObject$x || (_templateObject$x = _taggedTemplateLiteralLoose(["\n width: 100%;\n "])))
|
|
36342
36713
|
};
|
|
36343
36714
|
});
|
|
36344
36715
|
var OdsCurrencyInput = function OdsCurrencyInput(_ref2) {
|
|
@@ -36351,7 +36722,7 @@ var OdsCurrencyInput = function OdsCurrencyInput(_ref2) {
|
|
|
36351
36722
|
_ref2$min = _ref2.min,
|
|
36352
36723
|
min = _ref2$min === void 0 ? 0 : _ref2$min,
|
|
36353
36724
|
props = _objectWithoutPropertiesLoose(_ref2, _excluded$7);
|
|
36354
|
-
var _useStyles = useStyles$
|
|
36725
|
+
var _useStyles = useStyles$7(),
|
|
36355
36726
|
styles = _useStyles.styles;
|
|
36356
36727
|
var defaultCurrency = React.useMemo(function () {
|
|
36357
36728
|
var _currencySelectProps$;
|
|
@@ -38078,7 +38449,7 @@ exports.OdsDropdownButton = OdsDropdownButton;
|
|
|
38078
38449
|
exports.OdsFileUpload = OdsFileUpload;
|
|
38079
38450
|
exports.OdsFileUploadv2 = OdsFileUploadv2;
|
|
38080
38451
|
exports.OdsFilter = OdsFilter;
|
|
38081
|
-
exports.OdsFilterPlus = OdsFilter;
|
|
38452
|
+
exports.OdsFilterPlus = OdsFilter$1;
|
|
38082
38453
|
exports.OdsFilterTagView = OdsFilterTagView;
|
|
38083
38454
|
exports.OdsImage = OdsImage;
|
|
38084
38455
|
exports.OdsInlineEditDataGrid = OdsInlineEditDataGrid;
|