@mailstep/design-system 0.7.77-beta.1 → 0.7.77
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/package.json +1 -1
- package/ui/Blocks/CommonGrid/CommonGridContainer.js +12 -10
- package/ui/Blocks/CommonGrid/HoC/withReduxActions.js +0 -1
- package/ui/Blocks/CommonGrid/components/ControlButtons/ControlButtons.d.ts +0 -1
- package/ui/Blocks/CommonGrid/components/ControlButtons/ControlButtons.js +2 -3
- package/ui/Blocks/CommonGrid/hooks/useQuickFilter.d.ts +1 -2
- package/ui/Blocks/CommonGrid/hooks/useQuickFilter.js +4 -7
- package/ui/Blocks/CommonGrid/store/index.d.ts +0 -2
- package/ui/Blocks/CommonGrid/store/index.js +1 -7
- package/ui/Blocks/CommonGrid/types.d.ts +1 -2
- package/ui/Blocks/CommonGrid/utils/getExtendedExtraControlButtons.d.ts +3 -0
- package/ui/Blocks/CommonGrid/utils/getExtendedExtraControlButtons.js +23 -0
- package/ui/Elements/Icon/icons/Reload.d.ts +4 -0
- package/ui/Elements/Icon/icons/Reload.js +13 -0
- package/ui/Elements/Icon/icons/index.d.ts +1 -0
- package/ui/Elements/Icon/icons/index.js +1 -0
- package/ui/index.es.js +8943 -8938
- package/ui/index.umd.js +382 -382
package/package.json
CHANGED
|
@@ -34,6 +34,7 @@ import useEditReadAsColumn from './hooks/useEditReadAsColumn';
|
|
|
34
34
|
import { useGridAutoRowsPerPage } from './hooks/useGridAutoRowsPerPage';
|
|
35
35
|
import useManageColumn from './hooks/useManageColumn';
|
|
36
36
|
import { usePresetState } from './hooks/usePresetsState';
|
|
37
|
+
import { getExtendedExtraControlButtons } from './utils/getExtendedExtraControlButtons';
|
|
37
38
|
import { getRowsPerPage } from './utils/getRowsPerPage';
|
|
38
39
|
import { hasSortTerminated } from './utils/hasSortTerminated';
|
|
39
40
|
import { x } from '@xstyled/styled-components';
|
|
@@ -41,11 +42,12 @@ import { CommonGridWithStyles, BottomWrapper, CommonGridWrap, ContentContainer,
|
|
|
41
42
|
import { getFilters } from './utils';
|
|
42
43
|
var CommonGridContainer = function (props) {
|
|
43
44
|
var _a;
|
|
44
|
-
var _b = props.optimizeFilters, optimizeFilters = _b === void 0 ? false : _b, extraControlButtons = props.extraControlButtons, onBatchAction = props.onBatchAction, processCheckedValues = props.processCheckedValues, processCheckedValuesTitle = props.processCheckedValuesTitle, hideControlButtons = props.hideControlButtons, quickFilter = props.quickFilter, floatingButtonProps = props.floatingButtonProps, queryRowsParam = props.queryRowsParam, customPaginationHandler = props.customPaginationHandler, _c = props.autoHeight, autoHeight = _c === void 0 ? true : _c, gridName = props.gridName, _d = props.withPresets, withPresets = _d === void 0 ? true : _d, _e = props.withManageColumnButton, withManageColumnButton = _e === void 0 ? true : _e, _f = props.withPagination, withPagination = _f === void 0 ? true : _f,
|
|
45
|
+
var _b = props.optimizeFilters, optimizeFilters = _b === void 0 ? false : _b, extraControlButtons = props.extraControlButtons, onBatchAction = props.onBatchAction, processCheckedValues = props.processCheckedValues, processCheckedValuesTitle = props.processCheckedValuesTitle, hideControlButtons = props.hideControlButtons, quickFilter = props.quickFilter, floatingButtonProps = props.floatingButtonProps, queryRowsParam = props.queryRowsParam, customPaginationHandler = props.customPaginationHandler, _c = props.autoHeight, autoHeight = _c === void 0 ? true : _c, gridName = props.gridName, _d = props.withPresets, withPresets = _d === void 0 ? true : _d, _e = props.withManageColumnButton, withManageColumnButton = _e === void 0 ? true : _e, _f = props.withPagination, withPagination = _f === void 0 ? true : _f, allowSortingOnlyUnderTotalRows = props.allowSortingOnlyUnderTotalRows, onReload = props.onReload, passDownProps = __rest(props, ["optimizeFilters", "extraControlButtons", "onBatchAction", "processCheckedValues", "processCheckedValuesTitle", "hideControlButtons", "quickFilter", "floatingButtonProps", "queryRowsParam", "customPaginationHandler", "autoHeight", "gridName", "withPresets", "withManageColumnButton", "withPagination", "allowSortingOnlyUnderTotalRows", "onReload"]);
|
|
45
46
|
var gridActions = passDownProps.gridActions, gridSelectors = passDownProps.gridSelectors, rowsData = passDownProps.rowsData, actionColumnDefinition = passDownProps.actionColumnDefinition;
|
|
46
|
-
var
|
|
47
|
+
var extendedExtraControlButtons = useMemo(function () { return getExtendedExtraControlButtons(extraControlButtons, onReload); }, [extraControlButtons, onReload]);
|
|
48
|
+
var _g = useState(false), displayManageColumnButton = _g[0], setDisplayManageColumnButton = _g[1];
|
|
47
49
|
var gridRef = useRef(null);
|
|
48
|
-
var withButtonStrip = !!(
|
|
50
|
+
var withButtonStrip = !!(extendedExtraControlButtons === null || extendedExtraControlButtons === void 0 ? void 0 : extendedExtraControlButtons.length) || !hideControlButtons || !!withPresets || !!withManageColumnButton;
|
|
49
51
|
var hasGroups = !!props.columnsDefinitions.find(function (col) { return col.group; });
|
|
50
52
|
var hasFilters = !!props.columnsDefinitions.find(function (col) { return col.filtering; });
|
|
51
53
|
var hasGroupsOrFilters = hasGroups || hasFilters;
|
|
@@ -60,18 +62,18 @@ var CommonGridContainer = function (props) {
|
|
|
60
62
|
var modifiedPassDownProps = useEditReadAsColumn(passDownProps);
|
|
61
63
|
var filters = useMemo(function () { return getFilters(optimizeFilters); }, [optimizeFilters]);
|
|
62
64
|
var columns = modifiedPassDownProps.columnsDefinitions;
|
|
63
|
-
var
|
|
64
|
-
var
|
|
65
|
+
var _h = useModal(), openManageColumnForm = _h.onOpen, manageColumnFormVisible = _h.isOpen, onClose = _h.onClose;
|
|
66
|
+
var _j = useManageColumn({
|
|
65
67
|
columns: columns,
|
|
66
68
|
gridActions: gridActions,
|
|
67
69
|
gridSelectors: gridSelectors,
|
|
68
70
|
onClose: onClose
|
|
69
|
-
}), columnsConfigValues =
|
|
70
|
-
var
|
|
71
|
-
var
|
|
71
|
+
}), columnsConfigValues = _j.columnsConfigValues, setColumnsConfigOptions = _j.setColumnsConfigOptions, onConfirmForm = _j.onConfirmForm, resetColumnConfig = _j.resetColumnConfig, handleDragEnd = _j.handleDragEnd, onCloseForm = _j.onCloseForm, displayColumnsDefinitions = _j.displayColumnsDefinitions, manageColumnsFormDefinitions = _j.manageColumnsFormDefinitions;
|
|
72
|
+
var _k = usePresetState(), isPresetsModalOpen = _k.isPresetsModalOpen, onClosePresetsModal = _k.onClosePresetsModal, onOpenPresetsModal = _k.onOpenPresetsModal, setSelectedPresetName = _k.setSelectedPresetName, selectedPresetName = _k.selectedPresetName;
|
|
73
|
+
var _l = hasSortTerminated({
|
|
72
74
|
allowSortingOnlyUnderTotalRows: allowSortingOnlyUnderTotalRows,
|
|
73
75
|
totalRowsCount: passDownProps === null || passDownProps === void 0 ? void 0 : passDownProps.totalRowsCount
|
|
74
|
-
}), isSortTerminatedAppeal =
|
|
75
|
-
return (_jsxs(_Fragment, { children: [_jsxs(ContentContainer, { ref: gridRef, children: [_jsxs(CommonGridWrap, { withPagination: withPagination, children: [withButtonStrip && (_jsx(HidePrint, { children: _jsx(StyledButtonStrip, { className: "buttonsStrip", children: _jsx(ControlButtons, { hideControlButtons: hideControlButtons, extraControlButtons:
|
|
76
|
+
}), isSortTerminatedAppeal = _l.isSortTerminatedAppeal, isSortTerminated = _l.isSortTerminated;
|
|
77
|
+
return (_jsxs(_Fragment, { children: [_jsxs(ContentContainer, { ref: gridRef, children: [_jsxs(CommonGridWrap, { withPagination: withPagination, children: [withButtonStrip && (_jsx(HidePrint, { children: _jsx(StyledButtonStrip, { className: "buttonsStrip", children: _jsx(ControlButtons, { hideControlButtons: hideControlButtons, extraControlButtons: extendedExtraControlButtons, gridActions: gridActions, gridSelectors: gridSelectors, quickFilter: quickFilter, displayColumnsDefinitions: displayColumnsDefinitions, filters: filters, setDisplayManageColumnButton: setDisplayManageColumnButton, displayManageColumnButton: displayManageColumnButton, openManageColumnForm: openManageColumnForm, onOpenPresetsModal: onOpenPresetsModal, selectedPresetName: selectedPresetName, withPresets: withPresets, gridName: gridName, withManageColumnButton: withManageColumnButton }) }) })), _jsx(CommonGridWithStyles, __assign({}, passDownProps, modifiedPassDownProps, { withButtonStrip: withButtonStrip, hasGroupsOrFilters: hasGroupsOrFilters, filters: filters, floatingButtonProps: floatingButtonProps, handleDragEnd: handleDragEnd(false), displayColumnsDefinitions: displayColumnsDefinitions, hasFilters: hasFilters, hasGroups: hasGroups, isSortTerminated: isSortTerminated, hasColouredRows: true }))] }), _jsxs(BottomWrapper, { withPagination: withPagination, children: [(processCheckedValues || !!((_a = actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.actionOptions) === null || _a === void 0 ? void 0 : _a.length)) && (_jsx(ActionHead, { rowsData: rowsData, onBatchAction: onBatchAction, gridActions: gridActions, gridSelectors: gridSelectors, actionOptions: actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.actionOptions, processCheckedValues: processCheckedValues, processCheckedValuesTitle: processCheckedValuesTitle })), _jsxs(x.div, { display: "flex", justifyContent: "space-between", alignItems: "center", w: "100%", children: [_jsx(GridInfo, { isSortTerminatedAppeal: isSortTerminatedAppeal, isSortTerminated: isSortTerminated }), withPagination && (_jsxs(x.div, { display: "flex", alignItems: "center", className: "paginatorWrapper", children: [_jsx(Pagination, { page: gridSelectors === null || gridSelectors === void 0 ? void 0 : gridSelectors.page, itemCount: passDownProps === null || passDownProps === void 0 ? void 0 : passDownProps.totalRowsCount, itemPerPage: (gridSelectors === null || gridSelectors === void 0 ? void 0 : gridSelectors.rowsPerPage) || 10, onPageChange: gridActions === null || gridActions === void 0 ? void 0 : gridActions.setPage, customPaginationHandler: customPaginationHandler, radius: window.innerWidth < 768 ? 3 : 5, rate: window.innerWidth < 768 ? 1 : 4 }), _jsx(TablePagination, { gridActions: gridActions, gridSelectors: gridSelectors, customPaginationHandler: customPaginationHandler, autoRowsPerPage: autoRowsPerPage })] }))] })] })] }), _jsx(GridModals, { manageColumnFormVisible: manageColumnFormVisible, onCloseForm: onCloseForm, resetColumnConfig: resetColumnConfig, onConfirmForm: onConfirmForm, manageColumnsFormDefinitions: manageColumnsFormDefinitions, columnsConfigValues: columnsConfigValues, setColumnsConfigOptions: setColumnsConfigOptions, handleDragEnd: handleDragEnd(true), gridName: gridName, gridActions: gridActions, gridSelectors: gridSelectors, onClosePresetsModal: onClosePresetsModal, isPresetsModalOpen: isPresetsModalOpen, selectedPresetName: selectedPresetName, setSelectedPresetName: setSelectedPresetName })] }));
|
|
76
78
|
};
|
|
77
79
|
export default CommonGridContainer;
|
|
@@ -32,7 +32,6 @@ var withReduxActions = function (gridName, prefix) {
|
|
|
32
32
|
clearSettings: actions.clearSettings,
|
|
33
33
|
setColumnWidth: actions.setColumnWidth,
|
|
34
34
|
resetGrid: actions.resetGrid,
|
|
35
|
-
resetSorting: actions.resetSorting,
|
|
36
35
|
setColumnsOrder: actions.setColumnsOrder,
|
|
37
36
|
}, dispatch),
|
|
38
37
|
_a);
|
|
@@ -25,14 +25,13 @@ import { Trans } from '@lingui/react';
|
|
|
25
25
|
import { x } from '@xstyled/styled-components';
|
|
26
26
|
import { ControlButtonsContainer, Left, Right, StyledColumnButton } from './styles';
|
|
27
27
|
var ControlButtons = function (_a) {
|
|
28
|
-
var extraControlButtons = _a.extraControlButtons, gridActions = _a.gridActions, gridSelectors = _a.gridSelectors, _b = _a.quickFilter, quickFilter = _b === void 0 ? '' : _b, displayColumnsDefinitions = _a.displayColumnsDefinitions, filters = _a.filters, hideControlButtons = _a.hideControlButtons, displayManageColumnButton = _a.displayManageColumnButton, openManageColumnForm = _a.openManageColumnForm, setDisplayManageColumnButton = _a.setDisplayManageColumnButton, onOpenPresetsModal = _a.onOpenPresetsModal, gridName = _a.gridName, selectedPresetName = _a.selectedPresetName, withPresets = _a.withPresets, withManageColumnButton = _a.withManageColumnButton
|
|
28
|
+
var extraControlButtons = _a.extraControlButtons, gridActions = _a.gridActions, gridSelectors = _a.gridSelectors, _b = _a.quickFilter, quickFilter = _b === void 0 ? '' : _b, displayColumnsDefinitions = _a.displayColumnsDefinitions, filters = _a.filters, hideControlButtons = _a.hideControlButtons, displayManageColumnButton = _a.displayManageColumnButton, openManageColumnForm = _a.openManageColumnForm, setDisplayManageColumnButton = _a.setDisplayManageColumnButton, onOpenPresetsModal = _a.onOpenPresetsModal, gridName = _a.gridName, selectedPresetName = _a.selectedPresetName, withPresets = _a.withPresets, withManageColumnButton = _a.withManageColumnButton;
|
|
29
29
|
var _c = useQuickFilter({
|
|
30
30
|
gridActions: gridActions,
|
|
31
31
|
gridSelectors: gridSelectors,
|
|
32
32
|
quickFilter: quickFilter,
|
|
33
33
|
displayColumnsDefinitions: displayColumnsDefinitions,
|
|
34
|
-
filters: filters
|
|
35
|
-
resetSortingWithResetFilters: resetSortingWithResetFilters,
|
|
34
|
+
filters: filters
|
|
36
35
|
}), searchedValue = _c.searchedValue, translatedValue = _c.translatedValue, onChangeInputValue = _c.onChangeInputValue, onClear = _c.onClear, onClearSettings = _c.onClearSettings, onDisplayInput = _c.onDisplayInput, displayInput = _c.displayInput, isMobileInputView = _c.isMobileInputView, isMobile = _c.isMobile, filter = _c.filter;
|
|
37
36
|
useEffect(function () {
|
|
38
37
|
setDisplayManageColumnButton(!isMobileInputView && !!withManageColumnButton);
|
|
@@ -8,9 +8,8 @@ type Props = {
|
|
|
8
8
|
filter?: CommonGridProps['gridSelectors']['filter'];
|
|
9
9
|
displayColumnsDefinitions?: ColumnDefinition<string>[];
|
|
10
10
|
filters?: FiltersConfig;
|
|
11
|
-
resetSortingWithResetFilters: boolean;
|
|
12
11
|
};
|
|
13
|
-
declare const useQuickFilter: ({ gridActions, gridSelectors, quickFilter, displayColumnsDefinitions, filters
|
|
12
|
+
declare const useQuickFilter: ({ gridActions, gridSelectors, quickFilter, displayColumnsDefinitions, filters }: Props) => {
|
|
14
13
|
searchedValue: string;
|
|
15
14
|
translatedValue: import('react').ReactNode;
|
|
16
15
|
onChangeInputValue: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
@@ -12,12 +12,12 @@ var defaultVoidFunction = function () {
|
|
|
12
12
|
};
|
|
13
13
|
var useQuickFilter = function (_a) {
|
|
14
14
|
var _b, _c;
|
|
15
|
-
var gridActions = _a.gridActions, gridSelectors = _a.gridSelectors, quickFilter = _a.quickFilter, displayColumnsDefinitions = _a.displayColumnsDefinitions, filters = _a.filters
|
|
16
|
-
var _d = gridActions.addFilter, addFilter = _d === void 0 ? defaultVoidFunction : _d,
|
|
15
|
+
var gridActions = _a.gridActions, gridSelectors = _a.gridSelectors, quickFilter = _a.quickFilter, displayColumnsDefinitions = _a.displayColumnsDefinitions, filters = _a.filters;
|
|
16
|
+
var _d = gridActions.addFilter, addFilter = _d === void 0 ? defaultVoidFunction : _d, _e = gridActions.clearSettings, clearSettings = _e === void 0 ? defaultVoidFunction : _e;
|
|
17
17
|
var filter = gridSelectors.filter;
|
|
18
18
|
var isMobile = useCheckDeviceWidth().isMobile;
|
|
19
|
-
var
|
|
20
|
-
var
|
|
19
|
+
var _f = useState(''), searchedValue = _f[0], setSearchedValue = _f[1];
|
|
20
|
+
var _g = useState(false), displayInput = _g[0], setDisplayInput = _g[1];
|
|
21
21
|
var handleAddFilter = useAddFilter(addFilter);
|
|
22
22
|
var quickFilterValues = quickFilter ? (_b = filter === null || filter === void 0 ? void 0 : filter[quickFilter]) === null || _b === void 0 ? void 0 : _b.value : undefined;
|
|
23
23
|
var searchedColumnsDefinitions = (displayColumnsDefinitions === null || displayColumnsDefinitions === void 0 ? void 0 : displayColumnsDefinitions.find(function (item) { return item.name === quickFilter; })) || null;
|
|
@@ -65,9 +65,6 @@ var useQuickFilter = function (_a) {
|
|
|
65
65
|
var onClearSettings = useCallback(function () {
|
|
66
66
|
clearSettings === null || clearSettings === void 0 ? void 0 : clearSettings();
|
|
67
67
|
setSearchedValue === null || setSearchedValue === void 0 ? void 0 : setSearchedValue('');
|
|
68
|
-
if (resetSortingWithResetFilters) {
|
|
69
|
-
resetSorting === null || resetSorting === void 0 ? void 0 : resetSorting();
|
|
70
|
-
}
|
|
71
68
|
}, [clearSettings, setSearchedValue]);
|
|
72
69
|
var translatedValue = getTranslatedValue(searchedColumnsDefinitions);
|
|
73
70
|
return {
|
|
@@ -23,7 +23,6 @@ export declare const actionTypes: {
|
|
|
23
23
|
setFilters: string;
|
|
24
24
|
addSorting: string;
|
|
25
25
|
clearSettings: string;
|
|
26
|
-
resetSorting: string;
|
|
27
26
|
resetGrid: string;
|
|
28
27
|
setColumnWidth: string;
|
|
29
28
|
setColumnsOrder: string;
|
|
@@ -51,7 +50,6 @@ export declare const createActions: (gridName: string) => {
|
|
|
51
50
|
addFilter: (column: string, value: any, filterProps: FilterProps, others?: any) => Action;
|
|
52
51
|
setFilters: (filters: Filtering) => Action;
|
|
53
52
|
addSorting: (column: string, direction: SortingValueType) => Action;
|
|
54
|
-
resetSorting: () => Action;
|
|
55
53
|
clearSettings: () => Action;
|
|
56
54
|
};
|
|
57
55
|
export declare const createSelectors: (gridName: string) => {
|
|
@@ -47,7 +47,6 @@ export var actionTypes = {
|
|
|
47
47
|
setFilters: "".concat(actionPrefix, "/setFilters"),
|
|
48
48
|
addSorting: "".concat(actionPrefix, "/addSorting"),
|
|
49
49
|
clearSettings: "".concat(actionPrefix, "/clearSettings"),
|
|
50
|
-
resetSorting: "".concat(actionPrefix, "/resetSorting"),
|
|
51
50
|
resetGrid: "".concat(actionPrefix, "/resetGrid"),
|
|
52
51
|
setColumnWidth: "".concat(actionPrefix, "/setColumnWidth"),
|
|
53
52
|
setColumnsOrder: "".concat(actionPrefix, "/setColumnsOrder")
|
|
@@ -123,8 +122,6 @@ export default (function (state, action) {
|
|
|
123
122
|
draft[gridName].page = initialState.page;
|
|
124
123
|
draft[gridName].filter = initialState.filter;
|
|
125
124
|
draft[gridName].uxState = initialState.uxState;
|
|
126
|
-
break;
|
|
127
|
-
case actionTypes.resetSorting:
|
|
128
125
|
draft[gridName].sorting = [];
|
|
129
126
|
break;
|
|
130
127
|
case actionTypes.setPage:
|
|
@@ -214,7 +211,6 @@ export var createActions = function (gridName) { return ({
|
|
|
214
211
|
column: column,
|
|
215
212
|
direction: direction
|
|
216
213
|
}); },
|
|
217
|
-
resetSorting: function () { return ({ gridName: gridName, type: actionTypes.resetSorting }); },
|
|
218
214
|
clearSettings: function () { return ({ gridName: gridName, type: actionTypes.clearSettings }); }
|
|
219
215
|
}); };
|
|
220
216
|
export var createSelectors = function (gridName) { return ({
|
|
@@ -228,9 +224,7 @@ export var createSelectors = function (gridName) { return ({
|
|
|
228
224
|
return getOr(initialState.columnConfig, "commonGrid.".concat(gridName, ".columnConfig"), state);
|
|
229
225
|
},
|
|
230
226
|
getPage: function (state) { return getOr(initialState.page, "commonGrid.".concat(gridName, ".page"), state); },
|
|
231
|
-
getPresets: function (state) {
|
|
232
|
-
return getOr(initialState.presets, "commonGrid.".concat(gridName, ".presets"), state);
|
|
233
|
-
},
|
|
227
|
+
getPresets: function (state) { return getOr(initialState.presets, "commonGrid.".concat(gridName, ".presets"), state); },
|
|
234
228
|
getRowsPerPage: function (state) {
|
|
235
229
|
return getOr(initialState.rowsPerPage, "commonGrid.".concat(gridName, ".rowsPerPage"), state);
|
|
236
230
|
},
|
|
@@ -227,7 +227,6 @@ export type GridActionsType = {
|
|
|
227
227
|
closeConfigForm?: () => void;
|
|
228
228
|
clearSettings?: () => void;
|
|
229
229
|
resetGrid?: () => void;
|
|
230
|
-
resetSorting?: () => void;
|
|
231
230
|
setColumnWidth?: (columnsWidth: null | Record<string, number>, columnLayout: ColumnLayout) => void;
|
|
232
231
|
setColumnsOrder?: (columnsOrder: string[]) => void;
|
|
233
232
|
};
|
|
@@ -307,8 +306,8 @@ export type GridProps = CommonGridProps & {
|
|
|
307
306
|
withPresets?: boolean;
|
|
308
307
|
withManageColumnButton?: boolean;
|
|
309
308
|
withPagination?: boolean;
|
|
310
|
-
resetSortingWithResetFilters?: boolean;
|
|
311
309
|
allowSortingOnlyUnderTotalRows?: [number, number];
|
|
310
|
+
onReload?: () => void;
|
|
312
311
|
};
|
|
313
312
|
export type Item = {
|
|
314
313
|
title: string | React.ReactNode;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
2
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
3
|
+
if (ar || !(i in from)) {
|
|
4
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
5
|
+
ar[i] = from[i];
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
9
|
+
};
|
|
10
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
|
+
import { Reload } from '../../../Elements/Icon/icons/Reload';
|
|
12
|
+
import { ExtraControlButtonPosition } from '../types';
|
|
13
|
+
import compact from 'lodash/compact';
|
|
14
|
+
export var getExtendedExtraControlButtons = function (extraControlButtons, onReload) {
|
|
15
|
+
return compact(__spreadArray([
|
|
16
|
+
onReload && {
|
|
17
|
+
onClick: onReload,
|
|
18
|
+
label: _jsx(Reload, { width: "16px", height: "16px", fill: "white" }),
|
|
19
|
+
position: ExtraControlButtonPosition.TopLeft,
|
|
20
|
+
buttonProps: { 'data-testid': 'reload-button' }
|
|
21
|
+
}
|
|
22
|
+
], (extraControlButtons || []), true));
|
|
23
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
export var Reload = function (props) { return (_jsx("svg", __assign({ baseProfile: "tiny", height: "1em", viewBox: "0 0 32 32", transform: "scale(1.5)", width: "1em" }, props, { children: _jsx("path", { d: "M24 13V7.369L21.899 9.47a8.454 8.454 0 00-6.005-2.495 8.5 8.5 0 000 17 8.49 8.49 0 007.375-4.286l-1.737-.993a6.5 6.5 0 01-5.638 3.278 6.508 6.508 0 01-6.5-6.5c0-3.584 2.916-6.5 6.5-6.5 1.792 0 3.414.732 4.59 1.91L18.369 13H24z" }) }))); };
|