@leav/ui 0.3.6-e865e1b → 0.3.6-eab60f2
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/components/Explorer/DataView.js +5 -3
- package/dist/components/Explorer/DataView.js.map +1 -1
- package/dist/components/Explorer/Explorer.js +17 -15
- package/dist/components/Explorer/Explorer.js.map +1 -1
- package/dist/components/Explorer/_queries/useExplorerData.d.ts +3 -2
- package/dist/components/Explorer/_queries/useExplorerData.js +13 -3
- package/dist/components/Explorer/_queries/useExplorerData.js.map +1 -1
- package/dist/components/Explorer/_types.d.ts +14 -1
- package/dist/components/Explorer/display-view-filters/ExplorerFilterBar.d.ts +2 -0
- package/dist/components/Explorer/display-view-filters/ExplorerFilterBar.js +37 -0
- package/dist/components/Explorer/display-view-filters/ExplorerFilterBar.js.map +1 -0
- package/dist/components/Explorer/manage-view-settings/_shared/CommonFilterItem.d.ts +5 -0
- package/dist/components/Explorer/manage-view-settings/_shared/CommonFilterItem.js +12 -0
- package/dist/components/Explorer/manage-view-settings/_shared/CommonFilterItem.js.map +1 -0
- package/dist/components/Explorer/manage-view-settings/filter-items/FilterItems.js +28 -39
- package/dist/components/Explorer/manage-view-settings/filter-items/FilterItems.js.map +1 -1
- package/dist/components/Explorer/manage-view-settings/filter-items/FilterListItem.d.ts +1 -2
- package/dist/components/Explorer/manage-view-settings/filter-items/FilterListItem.js +3 -3
- package/dist/components/Explorer/manage-view-settings/filter-items/FilterListItem.js.map +1 -1
- package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/FilterDropDown.d.ts +3 -0
- package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/FilterDropDown.js +17 -0
- package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/FilterDropDown.js.map +1 -0
- package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/FilterValueList.d.ts +10 -0
- package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/FilterValueList.js +75 -0
- package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/FilterValueList.js.map +1 -0
- package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/NumericAttributeDropDown.d.ts +3 -0
- package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/NumericAttributeDropDown.js +39 -0
- package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/NumericAttributeDropDown.js.map +1 -0
- package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/SimpleFilterDropDown.d.ts +2 -7
- package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/SimpleFilterDropDown.js +16 -47
- package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/SimpleFilterDropDown.js.map +1 -1
- package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/TextAttributeDropDown.d.ts +3 -0
- package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/TextAttributeDropDown.js +47 -0
- package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/TextAttributeDropDown.js.map +1 -0
- package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/useConditionOptionsByType.d.ts +14 -0
- package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/useConditionOptionsByType.js +82 -0
- package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/useConditionOptionsByType.js.map +1 -0
- package/dist/components/Explorer/manage-view-settings/store-view-settings/viewSettingsReducer.d.ts +2 -7
- package/dist/components/Explorer/manage-view-settings/store-view-settings/viewSettingsReducer.js +1 -1
- package/dist/components/Explorer/manage-view-settings/store-view-settings/viewSettingsReducer.js.map +1 -1
- package/dist/components/Explorer/useDeactivateAction.js +3 -2
- package/dist/components/Explorer/useDeactivateAction.js.map +1 -1
- package/dist/components/Explorer/useEditAction.js +4 -3
- package/dist/components/Explorer/useEditAction.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/antdUtils.d.ts +3 -1
- package/dist/components/RecordEdition/EditRecordContent/antdUtils.js +4 -2
- package/dist/components/RecordEdition/EditRecordContent/antdUtils.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/LinkField.js +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/LinkField.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/MonoValueSelect/MonoValueSelect.d.ts +0 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/MonoValueSelect/MonoValueSelect.js +2 -7
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/MonoValueSelect/MonoValueSelect.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/MultiValueSelect/MultiValueSelect.d.ts +0 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/MultiValueSelect/MultiValueSelect.js +2 -9
- package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/MultiValueSelect/MultiValueSelect.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/ComputeIndicator.d.ts +6 -0
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/ComputeIndicator.js +18 -0
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/ComputeIndicator.js.map +1 -0
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardField.js +8 -33
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardField.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSBooleanWrapper.js +1 -2
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSBooleanWrapper.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSColorPickerWrapper.js +9 -6
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSColorPickerWrapper.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSDatePickerWrapper.js +18 -5
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSDatePickerWrapper.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSInputNumberWrapper.js +9 -7
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSInputNumberWrapper.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSInputWrapper.js +9 -8
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSInputWrapper.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSRangePickerWrapper.js +32 -29
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSRangePickerWrapper.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSRichTextWrapper.js +9 -10
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSRichTextWrapper.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/StandardFieldValue.d.ts +4 -2
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/StandardFieldValue.js +5 -3
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/StandardFieldValue.js.map +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/ValuesList/{MonoValueSelect.d.ts → DSListSelect.d.ts} +1 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/ValuesList/{MonoValueSelect.js → DSListSelect.js} +26 -7
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/ValuesList/DSListSelect.js.map +1 -0
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/_types.d.ts +2 -0
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/useGetPresentationValues.js +7 -1
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/useGetPresentationValues.js.map +1 -1
- package/dist/locales/en/shared.json +8 -3
- package/dist/locales/fr/shared.json +8 -3
- package/package.json +4 -2
- package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/ValuesList/MonoValueSelect.js.map +0 -1
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
2
2
|
// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
|
|
3
3
|
// This file is released under LGPL V3
|
|
4
4
|
// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
|
|
5
|
-
import { cloneElement } from 'react';
|
|
5
|
+
import { cloneElement, memo } from 'react';
|
|
6
6
|
import { KitButton, KitDropDown, KitPagination, KitSpace, KitTable, useKitTheme } from 'aristid-ds';
|
|
7
7
|
import { FaEllipsisH } from 'react-icons/fa';
|
|
8
8
|
import styled from 'styled-components';
|
|
@@ -10,6 +10,7 @@ import { useSharedTranslation } from '../../hooks/useSharedTranslation';
|
|
|
10
10
|
import { TableCell } from './TableCell';
|
|
11
11
|
import { IdCard } from './IdCard';
|
|
12
12
|
import { defaultPaginationHeight, useTableScrollableHeight } from './useTableScrollableHeight';
|
|
13
|
+
import isEqual from 'lodash/isEqual';
|
|
13
14
|
const USELESS = '';
|
|
14
15
|
const DataViewContainerDivStyled = styled.div `
|
|
15
16
|
flex: 1 1 min-content;
|
|
@@ -27,7 +28,8 @@ const DataViewContainerDivStyled = styled.div `
|
|
|
27
28
|
padding-top: calc(var(--general-spacing-xs) * 1px);
|
|
28
29
|
}
|
|
29
30
|
`;
|
|
30
|
-
|
|
31
|
+
const arePropsEqual = (prevProps, nextProps) => isEqual(prevProps.dataGroupedFilteredSorted, nextProps.dataGroupedFilteredSorted);
|
|
32
|
+
export const DataView = memo(({ dataGroupedFilteredSorted, attributesToDisplay, attributesProperties, paginationProps, itemActions }) => {
|
|
31
33
|
const { t } = useSharedTranslation();
|
|
32
34
|
const { theme } = useKitTheme();
|
|
33
35
|
const { containerRef, scrollHeight } = useTableScrollableHeight(!!paginationProps);
|
|
@@ -68,5 +70,5 @@ export const DataView = ({ dataGroupedFilteredSorted, attributesToDisplay, attri
|
|
|
68
70
|
]);
|
|
69
71
|
// TODO: handle columns width based on attribute type/format
|
|
70
72
|
return (_jsxs(DataViewContainerDivStyled, { ref: containerRef, children: [_jsx(KitTable, { borderedRows: true, cellsBackgroundColor: theme.utilities.light, backgroundColor: theme.colors.primary['50'], showHeader: dataGroupedFilteredSorted.length > 0, columns: columns, scroll: { y: scrollHeight }, dataSource: dataGroupedFilteredSorted, tableLayout: "fixed", pagination: false }), paginationProps && (_jsx("div", { className: "pagination", children: _jsx(KitPagination, { showSizeChanger: true, showTotal: (total, [from, to]) => t('explorer.pagination-total-number', { from, to, total }), total: paginationProps?.totalItems, defaultCurrent: paginationProps?.currentPage, defaultPageSize: paginationProps?.pageSize, pageSizeOptions: paginationProps?.pageSizeOptions, onChange: paginationProps?.setNewPage, onShowSizeChange: paginationProps?.setNewPageSize }) }))] }));
|
|
71
|
-
};
|
|
73
|
+
}, arePropsEqual);
|
|
72
74
|
//# sourceMappingURL=DataView.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataView.js","sourceRoot":"","sources":["../../../src/components/Explorer/DataView.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"DataView.js","sourceRoot":"","sources":["../../../src/components/Explorer/DataView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
4
4
|
// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
|
|
5
5
|
import { useReducer } from 'react';
|
|
6
6
|
import { createPortal } from 'react-dom';
|
|
7
|
-
import { KitSpace, KitTypography } from 'aristid-ds';
|
|
7
|
+
import { KitEmpty, KitSpace, KitTypography } from 'aristid-ds';
|
|
8
8
|
import styled from 'styled-components';
|
|
9
9
|
import { useExplorerData } from './_queries/useExplorerData';
|
|
10
10
|
import { DataView } from './DataView';
|
|
@@ -17,7 +17,11 @@ import { SidePanel, useEditSettings, useOpenViewSettings, ViewSettingsContext, v
|
|
|
17
17
|
import { useSearchInput } from './useSearchInput';
|
|
18
18
|
import { usePagination } from './usePagination';
|
|
19
19
|
import { Loading } from '../Loading';
|
|
20
|
+
import { ExplorerFilterBar } from './display-view-filters/ExplorerFilterBar';
|
|
21
|
+
import { useSharedTranslation } from '../../hooks/useSharedTranslation';
|
|
20
22
|
const isNotEmpty = (union) => union.length > 0;
|
|
23
|
+
const emptyArray = [];
|
|
24
|
+
const emptyObject = {};
|
|
21
25
|
const ExplorerHeaderDivStyled = styled.div `
|
|
22
26
|
display: flex;
|
|
23
27
|
justify-content: space-between;
|
|
@@ -31,6 +35,7 @@ const ExplorerPageDivStyled = styled.div `
|
|
|
31
35
|
overflow: hidden;
|
|
32
36
|
`;
|
|
33
37
|
export const Explorer = ({ library, itemActions, primaryActions, title, noPagination, defaultActionsForItem = ['edit', 'deactivate'], defaultPrimaryActions = ['create'], defaultViewSettings }) => {
|
|
38
|
+
const { t } = useSharedTranslation();
|
|
34
39
|
const { panelElement } = useEditSettings();
|
|
35
40
|
const [view, dispatch] = useReducer(viewSettingsReducer, {
|
|
36
41
|
...viewSettingsInitialState,
|
|
@@ -43,7 +48,8 @@ export const Explorer = ({ library, itemActions, primaryActions, title, noPagina
|
|
|
43
48
|
attributeIds: view.attributesIds,
|
|
44
49
|
fulltextSearch: view.fulltextSearch,
|
|
45
50
|
pagination: noPagination ? null : { limit: view.pageSize, offset: view.pageSize * (currentPage - 1) },
|
|
46
|
-
sorts: view.sort
|
|
51
|
+
sorts: view.sort,
|
|
52
|
+
filters: view.filters
|
|
47
53
|
}); // TODO: refresh when go back on page
|
|
48
54
|
const { deactivateAction } = useDeactivateAction({
|
|
49
55
|
isEnabled: isNotEmpty(defaultActionsForItem) && defaultActionsForItem.includes('deactivate')
|
|
@@ -59,18 +65,14 @@ export const Explorer = ({ library, itemActions, primaryActions, title, noPagina
|
|
|
59
65
|
const { primaryButton } = usePrimaryActionsButton([createAction, ...(primaryActions ?? [])].filter(Boolean));
|
|
60
66
|
const { viewSettingsButton } = useOpenViewSettings(library);
|
|
61
67
|
const { searchInput } = useSearchInput({ view, dispatch });
|
|
62
|
-
const
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
totalItems: data?.totalCount ?? 0
|
|
72
|
-
}
|
|
73
|
-
};
|
|
74
|
-
return (_jsxs(ViewSettingsContext.Provider, { value: { view, dispatch }, children: [_jsxs(ExplorerPageDivStyled, { children: [_jsxs(ExplorerHeaderDivStyled, { children: [_jsx(KitTypography.Title, { level: "h1", children: _jsx(ExplorerTitle, { library: library, title: title }) }), _jsxs(KitSpace, { size: "xs", children: [searchInput, viewSettingsButton, primaryButton] })] }), loading ? (_jsx(Loading, {})) : (_jsx(DataView, { dataGroupedFilteredSorted: data?.records ?? [], itemActions: [editAction, deactivateAction, ...(itemActions ?? [])].filter(Boolean), attributesProperties: data?.attributes ?? {}, attributesToDisplay: ['whoAmI', ...view.attributesIds], ...dataViewAdditionalProps }))] }), panelElement && createPortal(_jsx(SidePanel, {}), panelElement), editModal, createModal] }));
|
|
68
|
+
const hasNoResults = data === null || data.totalCount === 0;
|
|
69
|
+
return (_jsxs(ViewSettingsContext.Provider, { value: { view, dispatch }, children: [_jsxs(ExplorerPageDivStyled, { children: [_jsxs(ExplorerHeaderDivStyled, { children: [_jsx(KitTypography.Title, { level: "h1", children: _jsx(ExplorerTitle, { library: library, title: title }) }), _jsxs(KitSpace, { size: "xs", children: [searchInput, viewSettingsButton, primaryButton] })] }), _jsx(ExplorerFilterBar, {}), loading ? (_jsx(Loading, {})) : hasNoResults ? (_jsx(KitEmpty, { title: t('explorer.empty-data') })) : (_jsx(DataView, { dataGroupedFilteredSorted: data?.records ?? emptyArray, attributesProperties: data?.attributes ?? emptyObject, attributesToDisplay: ['whoAmI', ...view.attributesIds], paginationProps: {
|
|
70
|
+
pageSizeOptions: defaultPageSizeOptions,
|
|
71
|
+
currentPage,
|
|
72
|
+
pageSize: view.pageSize,
|
|
73
|
+
setNewPageSize,
|
|
74
|
+
setNewPage,
|
|
75
|
+
totalItems: data?.totalCount ?? 0
|
|
76
|
+
}, itemActions: [editAction, deactivateAction, ...(itemActions ?? emptyArray)].filter(Boolean) }))] }), panelElement && createPortal(_jsx(SidePanel, {}), panelElement), editModal, createModal] }));
|
|
75
77
|
};
|
|
76
78
|
//# sourceMappingURL=Explorer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Explorer.js","sourceRoot":"","sources":["../../../src/components/Explorer/Explorer.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,
|
|
1
|
+
{"version":3,"file":"Explorer.js","sourceRoot":"","sources":["../../../src/components/Explorer/Explorer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { IExplorerData } from '../_types';
|
|
1
|
+
import { IExplorerData, IExplorerFilter } from '../_types';
|
|
2
2
|
import { ExplorerQuery, SortOrder } from '../../../_gqlTypes';
|
|
3
|
-
export declare const useExplorerData: ({ libraryId, attributeIds, fulltextSearch, sorts, pagination }: {
|
|
3
|
+
export declare const useExplorerData: ({ libraryId, attributeIds, fulltextSearch, sorts, pagination, filters }: {
|
|
4
4
|
libraryId: string;
|
|
5
5
|
attributeIds: string[];
|
|
6
6
|
fulltextSearch: string;
|
|
@@ -12,6 +12,7 @@ export declare const useExplorerData: ({ libraryId, attributeIds, fulltextSearch
|
|
|
12
12
|
limit: number;
|
|
13
13
|
offset: number;
|
|
14
14
|
};
|
|
15
|
+
filters: IExplorerFilter[];
|
|
15
16
|
}) => {
|
|
16
17
|
data: IExplorerData;
|
|
17
18
|
loading: boolean;
|
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
// This file is released under LGPL V3
|
|
3
3
|
// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
|
|
4
4
|
import { localizedTranslation } from '@leav/utils';
|
|
5
|
-
import { useExplorerQuery } from '../../../_gqlTypes';
|
|
5
|
+
import { RecordFilterCondition, useExplorerQuery } from '../../../_gqlTypes';
|
|
6
6
|
import { useLang } from '../../../hooks';
|
|
7
|
+
import { useMemo } from 'react';
|
|
7
8
|
const _mapping = (data, libraryId, availableLangs) => {
|
|
8
9
|
const attributes = data.records.list.length
|
|
9
10
|
? data.records.list[0].properties.reduce((acc, property) => {
|
|
@@ -33,7 +34,7 @@ const _mapping = (data, libraryId, availableLangs) => {
|
|
|
33
34
|
records
|
|
34
35
|
};
|
|
35
36
|
};
|
|
36
|
-
export const useExplorerData = ({ libraryId, attributeIds, fulltextSearch, sorts, pagination }) => {
|
|
37
|
+
export const useExplorerData = ({ libraryId, attributeIds, fulltextSearch, sorts, pagination, filters }) => {
|
|
37
38
|
const { lang: availableLangs } = useLang();
|
|
38
39
|
const { data, loading, refetch } = useExplorerQuery({
|
|
39
40
|
variables: {
|
|
@@ -44,11 +45,20 @@ export const useExplorerData = ({ libraryId, attributeIds, fulltextSearch, sorts
|
|
|
44
45
|
multipleSort: sorts.map(({ order, attributeId }) => ({
|
|
45
46
|
field: attributeId,
|
|
46
47
|
order
|
|
48
|
+
})),
|
|
49
|
+
filters: filters
|
|
50
|
+
.filter(({ value, condition }) => value !== null ||
|
|
51
|
+
[RecordFilterCondition.IS_EMPTY, RecordFilterCondition.IS_NOT_EMPTY].includes(condition))
|
|
52
|
+
.map(({ field, condition, value }) => ({
|
|
53
|
+
field,
|
|
54
|
+
condition,
|
|
55
|
+
value
|
|
47
56
|
}))
|
|
48
57
|
}
|
|
49
58
|
});
|
|
59
|
+
const memoizedData = useMemo(() => (data !== undefined ? _mapping(data, libraryId, availableLangs) : null), [data]);
|
|
50
60
|
return {
|
|
51
|
-
data:
|
|
61
|
+
data: memoizedData,
|
|
52
62
|
loading,
|
|
53
63
|
refetch
|
|
54
64
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useExplorerData.js","sourceRoot":"","sources":["../../../../src/components/Explorer/_queries/useExplorerData.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAC;AAEjD,OAAO,
|
|
1
|
+
{"version":3,"file":"useExplorerData.js","sourceRoot":"","sources":["../../../../src/components/Explorer/_queries/useExplorerData.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Override } from '@leav/utils';
|
|
2
|
-
import { AttributePropertiesFragment, PropertyValueFragment, RecordIdentityFragment } from '../../_gqlTypes';
|
|
2
|
+
import { AttributeFormat, AttributePropertiesFragment, PropertyValueFragment, RecordFilterCondition, RecordIdentityFragment } from '../../_gqlTypes';
|
|
3
3
|
import { ReactElement } from 'react';
|
|
4
4
|
export interface IExplorerData {
|
|
5
5
|
totalCount: number;
|
|
@@ -33,3 +33,16 @@ export interface IPrimaryAction {
|
|
|
33
33
|
export type ActionHook<T = {}> = {
|
|
34
34
|
isEnabled: boolean;
|
|
35
35
|
} & T;
|
|
36
|
+
export interface IExplorerFilter {
|
|
37
|
+
id: string;
|
|
38
|
+
attribute: {
|
|
39
|
+
format: AttributeFormat;
|
|
40
|
+
label: string;
|
|
41
|
+
};
|
|
42
|
+
field: string;
|
|
43
|
+
condition: RecordFilterCondition;
|
|
44
|
+
value: string | null;
|
|
45
|
+
}
|
|
46
|
+
export interface IFilterDropDownProps {
|
|
47
|
+
filter: IExplorerFilter;
|
|
48
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
|
|
3
|
+
// This file is released under LGPL V3
|
|
4
|
+
// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
|
|
5
|
+
import styled from 'styled-components';
|
|
6
|
+
import { useViewSettingsContext } from '../manage-view-settings/store-view-settings/useViewSettingsContext';
|
|
7
|
+
import { KitButton, KitDivider, KitFilter, KitSpace } from 'aristid-ds';
|
|
8
|
+
import { FaTrash } from 'react-icons/fa';
|
|
9
|
+
import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
|
|
10
|
+
import { CommonFilterItem } from '../manage-view-settings/_shared/CommonFilterItem';
|
|
11
|
+
const FilterStyled = styled(KitFilter) `
|
|
12
|
+
flex: 0 0 auto;
|
|
13
|
+
`;
|
|
14
|
+
const ExplorerFilterBarListStyled = styled.ul `
|
|
15
|
+
padding: calc(var(--general-spacing-xs) * 1px) calc(var(--general-spacing-xxs) * 1px)
|
|
16
|
+
calc(var(--general-spacing-m) * 1px) calc(var(--general-spacing-xxs) * 1px);
|
|
17
|
+
margin: 0;
|
|
18
|
+
list-style: none;
|
|
19
|
+
display: flex;
|
|
20
|
+
overflow: auto;
|
|
21
|
+
flex-wrap: nowrap;
|
|
22
|
+
align-items: center;
|
|
23
|
+
gap: 0;
|
|
24
|
+
white-space: nowrap;
|
|
25
|
+
`;
|
|
26
|
+
const DividerStyled = styled(KitDivider) `
|
|
27
|
+
height: 2em;
|
|
28
|
+
`;
|
|
29
|
+
export const ExplorerFilterBar = () => {
|
|
30
|
+
const { t } = useSharedTranslation();
|
|
31
|
+
const { view: { filters } } = useViewSettingsContext();
|
|
32
|
+
if (filters.length === 0) {
|
|
33
|
+
return null;
|
|
34
|
+
}
|
|
35
|
+
return (_jsxs(ExplorerFilterBarListStyled, { "aria-label": t('explorer.filter-list.active'), children: [_jsx(KitSpace, { size: "s", children: filters.map(filter => (_jsx("li", { children: _jsx(CommonFilterItem, { filter: filter }, filter.id) }, filter.id))) }), _jsx(DividerStyled, { type: "vertical" }), _jsx("li", { children: _jsx(FilterStyled, { as: KitButton, type: "secondary", size: "s", danger: true, icon: _jsx(FaTrash, {}), disabled: true, children: t('explorer.delete-filters') }) })] }));
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=ExplorerFilterBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExplorerFilterBar.js","sourceRoot":"","sources":["../../../../src/components/Explorer/display-view-filters/ExplorerFilterBar.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,sBAAsB,EAAC,MAAM,oEAAoE,CAAC;AAC1G,OAAO,EAAC,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AAEtE,OAAO,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,gBAAgB,EAAC,MAAM,kDAAkD,CAAC;AAElF,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;CAErC,CAAC;AAEF,MAAM,2BAA2B,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;;;CAW5C,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;;CAEvC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAsB,GAAG,EAAE;IACrD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,EACF,IAAI,EAAE,EAAC,OAAO,EAAC,EAClB,GAAG,sBAAsB,EAAE,CAAC;IAE7B,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,MAAC,2BAA2B,kBAAa,CAAC,CAAC,6BAA6B,CAAC,aACrE,KAAC,QAAQ,IAAC,IAAI,EAAC,GAAG,YACb,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACnB,uBACI,KAAC,gBAAgB,IAAiB,MAAM,EAAE,MAAM,IAAzB,MAAM,CAAC,EAAE,CAAoB,IAD/C,MAAM,CAAC,EAAE,CAEb,CACR,CAAC,GACK,EACX,KAAC,aAAa,IAAC,IAAI,EAAC,UAAU,GAAG,EACjC,uBACI,KAAC,YAAY,IAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,GAAG,EAAC,MAAM,QAAC,IAAI,EAAE,KAAC,OAAO,KAAG,EAAE,QAAQ,kBACpF,CAAC,CAAC,yBAAyB,CAAC,GAClB,GACd,IACqB,CACjC,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { FilterDropDown } from '../filter-items/filter-type/FilterDropDown';
|
|
3
|
+
import styled from 'styled-components';
|
|
4
|
+
import { KitFilter } from 'aristid-ds';
|
|
5
|
+
const FilterStyled = styled(KitFilter) `
|
|
6
|
+
flex: 0 0 auto;
|
|
7
|
+
`;
|
|
8
|
+
export const CommonFilterItem = ({ filter }) => (_jsx(FilterStyled, { expandable: true, label: filter.attribute.label, values: filter.value === null ? [] : [filter.value], dropDownProps: {
|
|
9
|
+
placement: 'bottomLeft',
|
|
10
|
+
dropdownRender: () => _jsx(FilterDropDown, { filter: filter })
|
|
11
|
+
} }));
|
|
12
|
+
//# sourceMappingURL=CommonFilterItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CommonFilterItem.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/manage-view-settings/_shared/CommonFilterItem.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,cAAc,EAAC,MAAM,4CAA4C,CAAC;AAC1E,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,SAAS,EAAC,MAAM,YAAY,CAAC;AAGrC,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;CAErC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAiD,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CACxF,KAAC,YAAY,IACT,UAAU,QACV,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,EAC7B,MAAM,EAAE,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACnD,aAAa,EAAE;QACX,SAAS,EAAE,YAAY;QACvB,cAAc,EAAE,GAAG,EAAE,CAAC,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,GAAI;KAC3D,GACH,CACL,CAAC"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { FaEye, FaEyeSlash, FaSearch } from 'react-icons/fa';
|
|
3
|
-
import { KitInput, KitTypography } from 'aristid-ds';
|
|
3
|
+
import { KitFilter, KitInput, KitTypography } from 'aristid-ds';
|
|
4
4
|
import styled from 'styled-components';
|
|
5
5
|
import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
|
|
6
|
-
import { AttributeType } from '../../../../_gqlTypes';
|
|
6
|
+
import { AttributeFormat, AttributeType, RecordFilterCondition } from '../../../../_gqlTypes';
|
|
7
7
|
import { closestCenter, DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';
|
|
8
8
|
import { SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy } from '@dnd-kit/sortable';
|
|
9
9
|
import { useAttributeDetailsData } from '../_shared/useAttributeDetailsData';
|
|
10
10
|
import { ViewSettingsActionTypes } from '../store-view-settings/viewSettingsReducer';
|
|
11
11
|
import { useViewSettingsContext } from '../store-view-settings/useViewSettingsContext';
|
|
12
12
|
import { FilterListItem } from './FilterListItem';
|
|
13
|
-
import {
|
|
13
|
+
import { CommonFilterItem } from '../_shared/CommonFilterItem';
|
|
14
14
|
const StyledList = styled.ul `
|
|
15
15
|
padding: calc(var(--general-spacing-s) * 1px) 0;
|
|
16
16
|
margin: 0;
|
|
@@ -30,28 +30,27 @@ export const FilterItems = ({ libraryId }) => {
|
|
|
30
30
|
const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
|
|
31
31
|
coordinateGetter: sortableKeyboardCoordinates
|
|
32
32
|
}));
|
|
33
|
-
const
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
if (canAddFilter) {
|
|
45
|
-
dispatch({
|
|
46
|
-
type: ViewSettingsActionTypes.ADD_FILTER,
|
|
47
|
-
payload: {
|
|
48
|
-
field: attributeId,
|
|
49
|
-
condition: '',
|
|
50
|
-
values: []
|
|
51
|
-
}
|
|
52
|
-
});
|
|
33
|
+
const addFilter = (attributeId) => () => {
|
|
34
|
+
dispatch({
|
|
35
|
+
type: ViewSettingsActionTypes.ADD_FILTER,
|
|
36
|
+
payload: {
|
|
37
|
+
field: attributeId,
|
|
38
|
+
attribute: {
|
|
39
|
+
label: attributeDetailsById[attributeId].label,
|
|
40
|
+
format: attributeDetailsById[attributeId].format ?? AttributeFormat.text
|
|
41
|
+
},
|
|
42
|
+
condition: RecordFilterCondition.EQUAL,
|
|
43
|
+
value: null
|
|
53
44
|
}
|
|
54
|
-
}
|
|
45
|
+
});
|
|
46
|
+
};
|
|
47
|
+
const removeFilter = (filterId) => () => {
|
|
48
|
+
dispatch({
|
|
49
|
+
type: ViewSettingsActionTypes.REMOVE_FILTER,
|
|
50
|
+
payload: {
|
|
51
|
+
id: filterId
|
|
52
|
+
}
|
|
53
|
+
});
|
|
55
54
|
};
|
|
56
55
|
const _handleDragEnd = ({ active: draggedElement, over: dropTarget }) => {
|
|
57
56
|
const indexFrom = activeFilters.findIndex(({ field }) => field === String(draggedElement.id));
|
|
@@ -64,26 +63,16 @@ export const FilterItems = ({ libraryId }) => {
|
|
|
64
63
|
const activeFilters = filters.filter(({ field }) => searchFilteredColumnsIds.includes(field));
|
|
65
64
|
const inactiveFilters = searchFilteredColumnsIds.filter(attributeId => attributeDetailsById?.[attributeId]?.type === AttributeType.simple &&
|
|
66
65
|
filters.every(filterItem => filterItem.field !== attributeId));
|
|
67
|
-
return (_jsxs(_Fragment, { children: [activeFilters.length > 0 && (_jsx(StyledList, { "aria-label": t('explorer.filter-list.active'), children: _jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: _handleDragEnd, children: _jsx(SortableContext, { items: activeFilters.map(({ field }) => ({ id: field })), strategy: verticalListSortingStrategy, children: activeFilters.map(activeFilter => (_jsx(FilterListItem, { attributeId: activeFilter.field, isDraggable: true,
|
|
68
|
-
label: attributeDetailsById[activeFilter.field].label,
|
|
69
|
-
expandable: true,
|
|
70
|
-
values: activeFilter.values,
|
|
71
|
-
dropDownProps: {
|
|
72
|
-
dropdownRender: () => (_jsx(SimpleFilterDropdown, { filter: activeFilter, attribute: attributeDetailsById[activeFilter.field] }))
|
|
73
|
-
}
|
|
74
|
-
}, visibilityButtonProps: {
|
|
66
|
+
return (_jsxs(_Fragment, { children: [activeFilters.length > 0 && (_jsx(StyledList, { "aria-label": t('explorer.filter-list.active'), children: _jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: _handleDragEnd, children: _jsx(SortableContext, { items: activeFilters.map(({ field }) => ({ id: field })), strategy: verticalListSortingStrategy, children: activeFilters.map(activeFilter => (_jsx(FilterListItem, { attributeId: activeFilter.field, isDraggable: true, visibilityButtonProps: {
|
|
75
67
|
icon: _jsx(StyledFaEye, {}),
|
|
76
68
|
title: String(t('explorer.hide')),
|
|
77
|
-
onClick:
|
|
78
|
-
} }, activeFilter.field))) }) }) })), _jsx(KitTypography.Title, { level: "h4", children: t('explorer.available-attributes') }), _jsx(KitInput, { placeholder: String(t('global.search')), onChange: onSearchChanged, allowClear: true, prefix: _jsx(FaSearch, {}) }), _jsx(StyledList, { "aria-label": t('explorer.filter-list.inactive'), children: inactiveFilters.map(attributeId => (_jsx(FilterListItem, { attributeId: attributeId,
|
|
79
|
-
label: attributeDetailsById[attributeId].label,
|
|
80
|
-
disabled: !canAddFilter
|
|
81
|
-
}, visibilityButtonProps: canAddFilter
|
|
69
|
+
onClick: removeFilter(activeFilter.id)
|
|
70
|
+
}, children: _jsx(CommonFilterItem, { filter: activeFilter }) }, activeFilter.field))) }) }) })), _jsx(KitTypography.Title, { level: "h4", children: t('explorer.available-attributes') }), _jsx(KitInput, { placeholder: String(t('global.search')), onChange: onSearchChanged, allowClear: true, prefix: _jsx(FaSearch, {}) }), _jsx(StyledList, { "aria-label": t('explorer.filter-list.inactive'), children: inactiveFilters.map(attributeId => (_jsx(FilterListItem, { attributeId: attributeId, visibilityButtonProps: canAddFilter
|
|
82
71
|
? {
|
|
83
72
|
icon: _jsx(StyledEyeSlash, {}),
|
|
84
73
|
title: String(t('explorer.show')),
|
|
85
|
-
onClick:
|
|
74
|
+
onClick: addFilter(attributeId)
|
|
86
75
|
}
|
|
87
|
-
: undefined }, attributeId))) })] }));
|
|
76
|
+
: undefined, children: _jsx(KitFilter, { label: attributeDetailsById[attributeId].label, disabled: !canAddFilter }) }, attributeId))) })] }));
|
|
88
77
|
};
|
|
89
78
|
//# sourceMappingURL=FilterItems.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterItems.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/manage-view-settings/filter-items/FilterItems.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAC,QAAQ,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"FilterItems.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/manage-view-settings/filter-items/FilterItems.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { ComponentProps, FunctionComponent } from 'react';
|
|
2
|
-
import { KitButton
|
|
2
|
+
import { KitButton } from 'aristid-ds';
|
|
3
3
|
interface IActiveFilterListItemProps {
|
|
4
4
|
attributeId: string;
|
|
5
5
|
isDraggable?: true;
|
|
6
|
-
filterChipProps: Pick<ComponentProps<typeof KitFilter>, 'label' | 'values' | 'expandable' | 'dropDownProps' | 'disabled'>;
|
|
7
6
|
visibilityButtonProps?: Pick<ComponentProps<typeof KitButton>, 'onClick' | 'icon' | 'title'>;
|
|
8
7
|
}
|
|
9
8
|
export declare const FilterListItem: FunctionComponent<IActiveFilterListItemProps>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import styled from 'styled-components';
|
|
3
3
|
import { FaGripLines } from 'react-icons/fa';
|
|
4
|
-
import { KitButton
|
|
4
|
+
import { KitButton } from 'aristid-ds';
|
|
5
5
|
import { useSortable } from '@dnd-kit/sortable';
|
|
6
6
|
import { CSS } from '@dnd-kit/utilities';
|
|
7
7
|
const StyledFilterListItem = styled.li `
|
|
@@ -22,12 +22,12 @@ const StyledDragHandle = styled.span `
|
|
|
22
22
|
align-items: center;
|
|
23
23
|
cursor: ${props => (props.$isDragging ? 'grabbing' : 'grab')};
|
|
24
24
|
`;
|
|
25
|
-
export const FilterListItem = ({ attributeId, isDraggable, visibilityButtonProps,
|
|
25
|
+
export const FilterListItem = ({ attributeId, isDraggable, visibilityButtonProps, children }) => {
|
|
26
26
|
const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id: attributeId });
|
|
27
27
|
const style = {
|
|
28
28
|
transform: CSS.Transform.toString(transform),
|
|
29
29
|
transition
|
|
30
30
|
};
|
|
31
|
-
return (_jsxs(StyledFilterListItem, { ref: setNodeRef, style: style, children: [_jsxs("div", { children: [isDraggable && (_jsx(StyledDragHandle, { ...attributes, ...listeners, "$isDragging": isDragging, children: _jsx(FaGripLines, {}) })),
|
|
31
|
+
return (_jsxs(StyledFilterListItem, { ref: setNodeRef, style: style, children: [_jsxs("div", { children: [isDraggable && (_jsx(StyledDragHandle, { ...attributes, ...listeners, "$isDragging": isDragging, children: _jsx(FaGripLines, {}) })), children] }), visibilityButtonProps && _jsx(KitButton, { size: "m", type: "tertiary", ...visibilityButtonProps })] }));
|
|
32
32
|
};
|
|
33
33
|
//# sourceMappingURL=FilterListItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterListItem.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/manage-view-settings/filter-items/FilterListItem.tsx"],"names":[],"mappings":";AAIA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"FilterListItem.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/manage-view-settings/filter-items/FilterListItem.tsx"],"names":[],"mappings":";AAIA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,SAAS,EAAC,MAAM,YAAY,CAAC;AACrC,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAC,GAAG,EAAC,MAAM,oBAAoB,CAAC;AAEvC,MAAM,oBAAoB,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;;;;CAYrC,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAwB;;;cAG9C,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC;CAC/D,CAAC;AAQF,MAAM,CAAC,MAAM,cAAc,GAAkD,CAAC,EAC1E,WAAW,EACX,WAAW,EACX,qBAAqB,EACrB,QAAQ,EACX,EAAE,EAAE;IACD,MAAM,EAAC,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAC,GAAG,WAAW,CAAC,EAAC,EAAE,EAAE,WAAW,EAAC,CAAC,CAAC;IAC9G,MAAM,KAAK,GAAG;QACV,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,UAAU;KACb,CAAC;IAEF,OAAO,CACH,MAAC,oBAAoB,IAAC,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,aAC/C,0BACK,WAAW,IAAI,CACZ,KAAC,gBAAgB,OAAK,UAAU,KAAM,SAAS,iBAAe,UAAU,YACpE,KAAC,WAAW,KAAG,GACA,CACtB,EACA,QAAQ,IACP,EACL,qBAAqB,IAAI,KAAC,SAAS,IAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,UAAU,KAAK,qBAAqB,GAAI,IACxE,CAC1B,CAAC;AACN,CAAC,CAAC"}
|
package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/FilterDropDown.js
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { AttributeFormat } from '../../../../../_gqlTypes';
|
|
3
|
+
import { SimpleFilterDropdown } from './SimpleFilterDropDown';
|
|
4
|
+
import { TextAttributeDropDown } from './TextAttributeDropDown';
|
|
5
|
+
import { NumericAttributeDropDown } from './NumericAttributeDropDown';
|
|
6
|
+
export const FilterDropDown = ({ filter }) => {
|
|
7
|
+
switch (filter.attribute.format) {
|
|
8
|
+
case AttributeFormat.numeric:
|
|
9
|
+
return _jsx(NumericAttributeDropDown, { filter: filter });
|
|
10
|
+
case AttributeFormat.text:
|
|
11
|
+
case AttributeFormat.rich_text:
|
|
12
|
+
return _jsx(TextAttributeDropDown, { filter: filter });
|
|
13
|
+
default:
|
|
14
|
+
return _jsx(SimpleFilterDropdown, { filter: filter });
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=FilterDropDown.js.map
|
package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/FilterDropDown.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FilterDropDown.js","sourceRoot":"","sources":["../../../../../../src/components/Explorer/manage-view-settings/filter-items/filter-type/FilterDropDown.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,eAAe,EAAC,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AAEpE,MAAM,CAAC,MAAM,cAAc,GAA4C,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;IAChF,QAAQ,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;QAC9B,KAAK,eAAe,CAAC,OAAO;YACxB,OAAO,KAAC,wBAAwB,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC;QACxD,KAAK,eAAe,CAAC,IAAI,CAAC;QAC1B,KAAK,eAAe,CAAC,SAAS;YAC1B,OAAO,KAAC,qBAAqB,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC;QACrD;YACI,OAAO,KAAC,oBAAoB,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC;IACxD,CAAC;AACL,CAAC,CAAC"}
|
package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/FilterValueList.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { FunctionComponent } from 'react';
|
|
2
|
+
interface IFilterValueListProps {
|
|
3
|
+
values: string[];
|
|
4
|
+
selectedValues: string[];
|
|
5
|
+
multiple: boolean;
|
|
6
|
+
freeEntry: boolean;
|
|
7
|
+
onSelectionChanged: (value: string[]) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const FilterValueList: FunctionComponent<IFilterValueListProps>;
|
|
10
|
+
export {};
|
package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/FilterValueList.js
ADDED
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
|
|
3
|
+
// This file is released under LGPL V3
|
|
4
|
+
// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
|
|
5
|
+
import { useDebouncedValue } from '../../../../../hooks/useDebouncedValue';
|
|
6
|
+
import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
|
|
7
|
+
import { KitInput, KitTypography } from 'aristid-ds';
|
|
8
|
+
import { useMemo, useState } from 'react';
|
|
9
|
+
import { FaCheck, FaSearch } from 'react-icons/fa';
|
|
10
|
+
import styled from 'styled-components';
|
|
11
|
+
const FilterValueListStyledUl = styled.ul `
|
|
12
|
+
padding: 0;
|
|
13
|
+
margin: 0;
|
|
14
|
+
list-style: none;
|
|
15
|
+
`;
|
|
16
|
+
const ValueListItemValueLi = styled.li `
|
|
17
|
+
display: flex;
|
|
18
|
+
align-items: center;
|
|
19
|
+
min-height: 32px;
|
|
20
|
+
height: 32px;
|
|
21
|
+
border-radius: calc(var(--general-border-radius-s) * 1px);
|
|
22
|
+
cursor: pointer;
|
|
23
|
+
|
|
24
|
+
&.selected,
|
|
25
|
+
&:hover {
|
|
26
|
+
color: var(--components-Icon-colors-icon-on, var(--general-utilities-main-default));
|
|
27
|
+
background-color: var(--components-Icon-colors-background-on, var(--general-utilities-main-light));
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.label {
|
|
31
|
+
flex: 1;
|
|
32
|
+
padding: 0 calc(var(--general-spacing-xs) * 1px);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.check {
|
|
36
|
+
flex: 0;
|
|
37
|
+
padding: 0 calc(var(--general-spacing-xs) * 1px);
|
|
38
|
+
}
|
|
39
|
+
`;
|
|
40
|
+
export const FilterValueList = ({ values, selectedValues, multiple, onSelectionChanged }) => {
|
|
41
|
+
const { t } = useSharedTranslation();
|
|
42
|
+
const [searchInput, setSearchInput] = useState('');
|
|
43
|
+
const debouncedSearchInput = useDebouncedValue(searchInput, 300);
|
|
44
|
+
const searchFilteredValues = useMemo(() => {
|
|
45
|
+
if (debouncedSearchInput === '' || debouncedSearchInput.length < 3) {
|
|
46
|
+
return values;
|
|
47
|
+
}
|
|
48
|
+
return values.filter(value => value.includes(debouncedSearchInput));
|
|
49
|
+
}, [debouncedSearchInput, values]);
|
|
50
|
+
const onSearchChanged = (event) => {
|
|
51
|
+
const shouldIgnoreInputChange = event.target.value.length < 3 && debouncedSearchInput.length < 3;
|
|
52
|
+
if (shouldIgnoreInputChange) {
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
setSearchInput(() => {
|
|
56
|
+
if (event.target.value.length > 2) {
|
|
57
|
+
return event.target.value;
|
|
58
|
+
}
|
|
59
|
+
return '';
|
|
60
|
+
});
|
|
61
|
+
};
|
|
62
|
+
const onClickItem = (value) => {
|
|
63
|
+
if (selectedValues.includes(value)) {
|
|
64
|
+
onSelectionChanged(selectedValues.filter(selectedValue => selectedValue !== value));
|
|
65
|
+
}
|
|
66
|
+
else {
|
|
67
|
+
onSelectionChanged(multiple ? [...selectedValues, value] : [value]);
|
|
68
|
+
}
|
|
69
|
+
};
|
|
70
|
+
return (_jsxs(_Fragment, { children: [_jsx(KitInput, { placeholder: String(t('global.search')), onChange: onSearchChanged, allowClear: true, prefix: _jsx(FaSearch, {}) }), _jsx(FilterValueListStyledUl, { children: searchFilteredValues.map(value => {
|
|
71
|
+
const isSelected = selectedValues.includes(value);
|
|
72
|
+
return (_jsxs(ValueListItemValueLi, { className: isSelected ? 'selected' : '', onClick: () => onClickItem(value), children: [_jsx(KitTypography.Text, { className: "label", ellipsis: true, size: "fontSize5", children: value }), isSelected && (_jsx(KitTypography.Text, { className: "check", size: "fontSize5", children: _jsx(FaCheck, {}) }))] }, value));
|
|
73
|
+
}) })] }));
|
|
74
|
+
};
|
|
75
|
+
//# sourceMappingURL=FilterValueList.js.map
|