@leav/ui 0.3.6-8bbbdf7 → 0.3.6-8bd5a2d

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.
Files changed (76) hide show
  1. package/dist/_gqlTypes/index.d.ts +37 -0
  2. package/dist/_gqlTypes/index.js +34 -0
  3. package/dist/_gqlTypes/index.js.map +1 -1
  4. package/dist/components/CreateDirectory/CreateDirectory.js +1 -1
  5. package/dist/components/CreateDirectory/CreateDirectory.js.map +1 -1
  6. package/dist/components/Explorer/DataView.js +1 -1
  7. package/dist/components/Explorer/DataView.js.map +1 -1
  8. package/dist/components/Explorer/Explorer.js +7 -3
  9. package/dist/components/Explorer/Explorer.js.map +1 -1
  10. package/dist/components/Explorer/TableCell.d.ts +1 -1
  11. package/dist/components/Explorer/TableCell.js +38 -5
  12. package/dist/components/Explorer/TableCell.js.map +1 -1
  13. package/dist/components/Explorer/TableTagGroup.d.ts +1 -0
  14. package/dist/components/Explorer/TableTagGroup.js +8 -0
  15. package/dist/components/Explorer/TableTagGroup.js.map +1 -1
  16. package/dist/components/Explorer/_queries/useExplorerData.d.ts +3 -2
  17. package/dist/components/Explorer/_queries/useExplorerData.js +11 -3
  18. package/dist/components/Explorer/_queries/useExplorerData.js.map +1 -1
  19. package/dist/components/Explorer/_types.d.ts +14 -1
  20. package/dist/components/Explorer/display-view-filters/ExplorerFilterBar.d.ts +2 -0
  21. package/dist/components/Explorer/display-view-filters/ExplorerFilterBar.js +41 -0
  22. package/dist/components/Explorer/display-view-filters/ExplorerFilterBar.js.map +1 -0
  23. package/dist/components/Explorer/manage-view-settings/_shared/ColumnItem.d.ts +1 -1
  24. package/dist/components/Explorer/manage-view-settings/_shared/ColumnItem.js +11 -3
  25. package/dist/components/Explorer/manage-view-settings/_shared/ColumnItem.js.map +1 -1
  26. package/dist/components/Explorer/manage-view-settings/configure-display/attributes/SelectVisibleAttributes.js +11 -13
  27. package/dist/components/Explorer/manage-view-settings/configure-display/attributes/SelectVisibleAttributes.js.map +1 -1
  28. package/dist/components/Explorer/manage-view-settings/filter-items/FilterItems.js +27 -28
  29. package/dist/components/Explorer/manage-view-settings/filter-items/FilterItems.js.map +1 -1
  30. package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/FilterDropDown.d.ts +3 -0
  31. package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/FilterDropDown.js +17 -0
  32. package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/FilterDropDown.js.map +1 -0
  33. package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/FilterValueList.d.ts +10 -0
  34. package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/FilterValueList.js +75 -0
  35. package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/FilterValueList.js.map +1 -0
  36. package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/NumericAttributeDropDown.d.ts +3 -0
  37. package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/NumericAttributeDropDown.js +35 -0
  38. package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/NumericAttributeDropDown.js.map +1 -0
  39. package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/SimpleFilterDropDown.d.ts +2 -7
  40. package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/SimpleFilterDropDown.js +16 -47
  41. package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/SimpleFilterDropDown.js.map +1 -1
  42. package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/TextAttributeDropDown.d.ts +3 -0
  43. package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/TextAttributeDropDown.js +43 -0
  44. package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/TextAttributeDropDown.js.map +1 -0
  45. package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/useConditionOptionsByType.d.ts +14 -0
  46. package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/useConditionOptionsByType.js +82 -0
  47. package/dist/components/Explorer/manage-view-settings/filter-items/filter-type/useConditionOptionsByType.js.map +1 -0
  48. package/dist/components/Explorer/manage-view-settings/store-view-settings/viewSettingsReducer.d.ts +2 -7
  49. package/dist/components/Explorer/manage-view-settings/store-view-settings/viewSettingsReducer.js +1 -1
  50. package/dist/components/Explorer/manage-view-settings/store-view-settings/viewSettingsReducer.js.map +1 -1
  51. package/dist/components/LibraryItemsList/FiltersPanel/Filter/Filter.js +2 -2
  52. package/dist/components/LibraryItemsList/FiltersPanel/Filter/Filter.js.map +1 -1
  53. package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/ValuesAdd/ValuesAdd.js +2 -2
  54. package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/ValuesAdd/ValuesAdd.js.map +1 -1
  55. package/dist/components/SelectTreeNode/SelectTreeNode.d.ts +4 -7
  56. package/dist/components/SelectTreeNode/SelectTreeNode.js +17 -135
  57. package/dist/components/SelectTreeNode/SelectTreeNode.js.map +1 -1
  58. package/dist/components/SelectTreeNode/SelectTreeNodeContent.d.ts +16 -0
  59. package/dist/components/SelectTreeNode/SelectTreeNodeContent.js +131 -0
  60. package/dist/components/SelectTreeNode/SelectTreeNodeContent.js.map +1 -0
  61. package/dist/components/SelectTreeNode/index.d.ts +1 -1
  62. package/dist/components/SelectTreeNode/index.js +1 -1
  63. package/dist/components/SelectTreeNode/index.js.map +1 -1
  64. package/dist/components/SelectTreeNodeModal/SelectTreeNodeModal.d.ts +4 -7
  65. package/dist/components/SelectTreeNodeModal/SelectTreeNodeModal.js +10 -10
  66. package/dist/components/SelectTreeNodeModal/SelectTreeNodeModal.js.map +1 -1
  67. package/dist/components/SelectTreeNodeModal/index.d.ts +1 -2
  68. package/dist/components/SelectTreeNodeModal/index.js +1 -2
  69. package/dist/components/SelectTreeNodeModal/index.js.map +1 -1
  70. package/dist/components/UploadFiles/UploadFiles.js +1 -1
  71. package/dist/components/UploadFiles/UploadFiles.js.map +1 -1
  72. package/dist/components/ValuesVersionConfigurator/VersionTree/VersionTree.js +2 -2
  73. package/dist/components/ValuesVersionConfigurator/VersionTree/VersionTree.js.map +1 -1
  74. package/dist/locales/en/shared.json +11 -2
  75. package/dist/locales/fr/shared.json +11 -2
  76. package/package.json +1 -1
@@ -0,0 +1,2 @@
1
+ import { FunctionComponent } from 'react';
2
+ export declare const ExplorerFilterBar: FunctionComponent;
@@ -0,0 +1,41 @@
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 { FilterDropDown } from '../manage-view-settings/filter-items/filter-type/FilterDropDown';
9
+ import { FaTrash } from 'react-icons/fa';
10
+ import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
11
+ const FilterStyled = styled(KitFilter) `
12
+ flex: 0 0 auto;
13
+ `;
14
+ const ExplorerFilterBarStyledDiv = styled.div `
15
+ overflow: auto;
16
+ padding: 0 calc(var(--general-spacing-xxs) * 1px);
17
+ padding-bottom: calc(var(--general-spacing-m) * 1px);
18
+ `;
19
+ const ExplorerBarItemsListDiv = styled.div `
20
+ display: flex;
21
+ flex-wrap: nowrap;
22
+ align-items: center;
23
+ gap: 0;
24
+ white-space: nowrap;
25
+ padding-top: calc(var(--general-spacing-xs) * 1px);
26
+ `;
27
+ const DividerStyled = styled(KitDivider) `
28
+ height: 2em;
29
+ `;
30
+ export const ExplorerFilterBar = () => {
31
+ const { t } = useSharedTranslation();
32
+ const { view: { filters } } = useViewSettingsContext();
33
+ if (filters.length === 0) {
34
+ return null;
35
+ }
36
+ return (_jsx(ExplorerFilterBarStyledDiv, { children: _jsxs(ExplorerBarItemsListDiv, { children: [_jsx(KitSpace, { size: "s", children: filters.map(filter => (_jsx(FilterStyled, { expandable: true, label: filter.attribute.label, values: filter.value === null ? [] : [filter.value], dropDownProps: {
37
+ placement: 'bottomLeft',
38
+ dropdownRender: () => _jsx(FilterDropDown, { filter: filter })
39
+ } }, filter.id))) }), _jsx(DividerStyled, { type: "vertical" }), _jsx(FilterStyled, { as: KitButton, type: "secondary", size: "s", danger: true, icon: _jsx(FaTrash, {}), disabled: true, children: t('explorer.delete-filters') })] }) }));
40
+ };
41
+ //# 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,cAAc,EAAC,MAAM,iEAAiE,CAAC;AAC/F,OAAO,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;CAErC,CAAC;AAEF,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI5C,CAAC;AAEF,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOzC,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,KAAC,0BAA0B,cACvB,MAAC,uBAAuB,eACpB,KAAC,QAAQ,IAAC,IAAI,EAAC,GAAG,YACb,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACnB,KAAC,YAAY,IAET,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;4BACX,SAAS,EAAE,YAAY;4BACvB,cAAc,EAAE,GAAG,EAAE,CAAC,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,GAAI;yBAC3D,IAPI,MAAM,CAAC,EAAE,CAQhB,CACL,CAAC,GACK,EACX,KAAC,aAAa,IAAC,IAAI,EAAC,UAAU,GAAG,EACjC,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,IACO,GACD,CAChC,CAAC;AACN,CAAC,CAAC"}
@@ -5,8 +5,8 @@ interface IColumnItemProps {
5
5
  visible: boolean;
6
6
  title: string;
7
7
  onVisibilityClick?: () => void;
8
- disabled?: boolean;
9
8
  value?: string;
9
+ locked?: boolean;
10
10
  }
11
11
  export declare const ColumnItem: FunctionComponent<IColumnItemProps>;
12
12
  export {};
@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
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
5
  import { KitTypography } from 'aristid-ds';
6
- import { FaEye, FaEyeSlash } from 'react-icons/fa';
6
+ import { FaEye, FaEyeSlash, FaLock } from 'react-icons/fa';
7
7
  import styled from 'styled-components';
8
8
  import { useSortable } from '@dnd-kit/sortable';
9
9
  import { CSS } from '@dnd-kit/utilities';
@@ -52,18 +52,25 @@ const StyledConfigurationItem = styled.li `
52
52
  }
53
53
  `;
54
54
  const StyledFaEye = styled(FaEye) `
55
+ display: flex;
55
56
  color: currentColor;
56
57
  `;
57
58
  const StyledEyeSlash = styled(FaEyeSlash) `
59
+ display: flex;
60
+ color: var(--general-utilities-disabled);
61
+ `;
62
+ const StyledLocked = styled(FaLock) `
63
+ display: flex;
58
64
  color: var(--general-utilities-disabled);
59
65
  `;
60
66
  const StyledDragHandle = styled.span `
67
+ display: flex;
61
68
  cursor: ${props => (props.$isDragging ? 'grabbing' : 'grab')};
62
69
  `;
63
70
  const StyledEmptyIcon = styled.div `
64
71
  width: calc(var(--general-spacing-s) * 1px);
65
72
  `;
66
- export const ColumnItem = ({ itemId, dragHandler, title, disabled, visible, onVisibilityClick }) => {
73
+ export const ColumnItem = ({ itemId, dragHandler, title, visible, onVisibilityClick, locked = false }) => {
67
74
  const { t } = useSharedTranslation();
68
75
  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id: itemId });
69
76
  const style = {
@@ -72,6 +79,7 @@ export const ColumnItem = ({ itemId, dragHandler, title, disabled, visible, onVi
72
79
  };
73
80
  const _handleClick = () => onVisibilityClick?.();
74
81
  const visibilityButtonLabel = visible ? t('explorer.hide') : t('explorer.show');
75
- return (_jsxs(StyledConfigurationItem, { className: disabled ? 'disabled' : '', ref: setNodeRef, style: style, children: [dragHandler ? (_jsx(StyledDragHandle, { ...attributes, ...listeners, "$isDragging": isDragging, children: dragHandler })) : (_jsx(StyledEmptyIcon, {})), _jsx(KitTypography.Text, { size: "fontSize5", ellipsis: true, className: "title", children: title }), _jsx("button", { disabled: disabled, onClick: _handleClick, title: visibilityButtonLabel, "aria-label": visibilityButtonLabel, children: visible ? _jsx(StyledFaEye, {}) : _jsx(StyledEyeSlash, {}) })] }));
82
+ const visibilityIcon = locked ? _jsx(StyledLocked, {}) : visible ? _jsx(StyledFaEye, {}) : _jsx(StyledEyeSlash, {});
83
+ return (_jsxs(StyledConfigurationItem, { ref: setNodeRef, style: style, children: [dragHandler ? (_jsx(StyledDragHandle, { ...attributes, ...listeners, "$isDragging": isDragging, children: dragHandler })) : (_jsx(StyledEmptyIcon, {})), _jsx(KitTypography.Text, { size: "fontSize5", ellipsis: true, className: "title", children: title }), _jsx("button", { disabled: locked, onClick: _handleClick, title: visibilityButtonLabel, "aria-label": visibilityButtonLabel, children: visibilityIcon })] }));
76
84
  };
77
85
  //# sourceMappingURL=ColumnItem.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ColumnItem.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/manage-view-settings/_shared/ColumnItem.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAEzC,OAAO,EAAC,KAAK,EAAE,UAAU,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAC,GAAG,EAAC,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,MAAM,WAAW,GAAG,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;;CAE7C,CAAC;AAEF,MAAM,uBAAuB,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;;;;;;;;;;UAkB/B,WAAW;;;;;;;;;;;;;;;;;;;;;CAqBpB,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;CAEhC,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;;CAExC,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAwB;cAC9C,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC;CAC/D,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEjC,CAAC;AAYF,MAAM,CAAC,MAAM,UAAU,GAAwC,CAAC,EAC5D,MAAM,EACN,WAAW,EACX,KAAK,EACL,QAAQ,EACR,OAAO,EACP,iBAAiB,EACpB,EAAE,EAAE;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAC,GAAG,WAAW,CAAC,EAAC,EAAE,EAAE,MAAM,EAAC,CAAC,CAAC;IACzG,MAAM,KAAK,GAAG;QACV,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,UAAU;KACb,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAEjD,MAAM,qBAAqB,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAChF,OAAO,CACH,MAAC,uBAAuB,IAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,aACxF,WAAW,CAAC,CAAC,CAAC,CACX,KAAC,gBAAgB,OAAK,UAAU,KAAM,SAAS,iBAAe,UAAU,YACnE,WAAW,GACG,CACtB,CAAC,CAAC,CAAC,CACA,KAAC,eAAe,KAAG,CACtB,EACD,KAAC,aAAa,CAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,QAAQ,QAAC,SAAS,EAAC,OAAO,YAC1D,KAAK,GACW,EACrB,iBACI,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,qBAAqB,gBAChB,qBAAqB,YAEhC,OAAO,CAAC,CAAC,CAAC,KAAC,WAAW,KAAG,CAAC,CAAC,CAAC,KAAC,cAAc,KAAG,GAC1C,IACa,CAC7B,CAAC;AACN,CAAC,CAAC"}
1
+ {"version":3,"file":"ColumnItem.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/manage-view-settings/_shared/ColumnItem.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAEzC,OAAO,EAAC,KAAK,EAAE,UAAU,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AACzD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAC,GAAG,EAAC,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,MAAM,WAAW,GAAG,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;;CAE7C,CAAC;AAEF,MAAM,uBAAuB,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;;;;;;;;;;UAkB/B,WAAW;;;;;;;;;;;;;;;;;;;;;CAqBpB,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;CAGhC,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;;;CAGxC,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;CAGlC,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAwB;;cAE9C,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC;CAC/D,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEjC,CAAC;AAYF,MAAM,CAAC,MAAM,UAAU,GAAwC,CAAC,EAC5D,MAAM,EACN,WAAW,EACX,KAAK,EACL,OAAO,EACP,iBAAiB,EACjB,MAAM,GAAG,KAAK,EACjB,EAAE,EAAE;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAC,GAAG,WAAW,CAAC,EAAC,EAAE,EAAE,MAAM,EAAC,CAAC,CAAC;IACzG,MAAM,KAAK,GAAG;QACV,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,UAAU;KACb,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAEjD,MAAM,qBAAqB,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAEhF,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,KAAC,YAAY,KAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAC,WAAW,KAAG,CAAC,CAAC,CAAC,KAAC,cAAc,KAAG,CAAC;IAElG,OAAO,CACH,MAAC,uBAAuB,IAAC,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,aACjD,WAAW,CAAC,CAAC,CAAC,CACX,KAAC,gBAAgB,OAAK,UAAU,KAAM,SAAS,iBAAe,UAAU,YACnE,WAAW,GACG,CACtB,CAAC,CAAC,CAAC,CACA,KAAC,eAAe,KAAG,CACtB,EACD,KAAC,aAAa,CAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,QAAQ,QAAC,SAAS,EAAC,OAAO,YAC1D,KAAK,GACW,EACrB,iBACI,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,qBAAqB,gBAChB,qBAAqB,YAEhC,cAAc,GACV,IACa,CAC7B,CAAC;AACN,CAAC,CAAC"}
@@ -12,20 +12,18 @@ import { ColumnItem } from '../../_shared/ColumnItem';
12
12
  import { ViewSettingsActionTypes } from '../../store-view-settings/viewSettingsReducer';
13
13
  import { useViewSettingsContext } from '../../store-view-settings/useViewSettingsContext';
14
14
  import { useAttributeDetailsData } from '../../_shared/useAttributeDetailsData';
15
+ const StyledListTitle = styled.div `
16
+ margin-top: calc(var(--general-spacing-s) * 1px);
17
+ font-weight: var(--general-typography-boldFontWeight);
18
+ `;
15
19
  const StyledList = styled.ul `
16
20
  padding: 0;
17
21
  margin: 0;
18
22
  list-style: none;
19
23
  color: var(--general-utilities-text-primary);
20
24
  `;
21
- const StyledDivider = styled.hr `
22
- display: block;
23
- height: 1px;
24
- border: 0;
25
- border-top: 1px solid var(--general-utilities-main-light);
26
- margin: 0 calc(var(--general-spacing-s) * 1px);
27
- padding: 0;
28
- `;
25
+ const visibleListTitle = 'visibleListTitle';
26
+ const invisibleListTitle = 'invisibleListTitle';
29
27
  export const SelectVisibleAttributes = ({ libraryId }) => {
30
28
  const { t } = useSharedTranslation();
31
29
  const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
@@ -49,10 +47,10 @@ export const SelectVisibleAttributes = ({ libraryId }) => {
49
47
  }
50
48
  dispatch({ type: ViewSettingsActionTypes.MOVE_ATTRIBUTE, payload: { indexFrom, indexTo } });
51
49
  };
52
- return (_jsxs("div", { children: [_jsx(KitTypography.Title, { level: "h4", children: t('items_list.columns') }), _jsx(KitInput, { placeholder: String(t('global.search')), onChange: onSearchChanged, allowClear: true }), _jsxs("div", { children: [_jsx(StyledList, { children: _jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: _handleDragEnd, children: _jsxs(SortableContext, { items: orderedVisibleColumns, strategy: verticalListSortingStrategy, children: [_jsx(ColumnItem, { itemId: "", title: t('record_edition.whoAmI'), visible: false, disabled: true }), orderedVisibleColumns
53
- .filter(columnId => searchFilteredColumnsIds.includes(columnId))
54
- .map(columnId => (_jsx(ColumnItem, { itemId: attributeDetailsById[columnId].id, title: attributeDetailsById[columnId].label, visible: true, onVisibilityClick: _toggleColumnVisibility(columnId), dragHandler: _jsx(FaGripLines, {}) }, columnId)))] }) }) }), _jsx(StyledDivider, {}), _jsx(StyledList, { children: searchFilteredColumnsIds
55
- .filter(columnId => !orderedVisibleColumns.includes(columnId))
56
- .map(columnId => (_jsx(ColumnItem, { itemId: attributeDetailsById[columnId].id, visible: false, title: attributeDetailsById[columnId].label, onVisibilityClick: _toggleColumnVisibility(columnId) }, attributeDetailsById[columnId].id))) })] })] }));
50
+ return (_jsxs("div", { children: [_jsx(KitTypography.Title, { level: "h4", children: t('explorer.columns') }), _jsx(KitInput, { placeholder: String(t('global.search')), onChange: onSearchChanged, allowClear: true }), _jsx(StyledListTitle, { id: visibleListTitle, children: t('explorer.visible-columns') }), _jsx(StyledList, { "aria-labelledby": visibleListTitle, children: _jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: _handleDragEnd, children: _jsxs(SortableContext, { items: orderedVisibleColumns, strategy: verticalListSortingStrategy, children: [_jsx(ColumnItem, { itemId: "", title: t('record_edition.whoAmI'), visible: false, locked: true }), orderedVisibleColumns
51
+ .filter(columnId => searchFilteredColumnsIds.includes(columnId))
52
+ .map(columnId => (_jsx(ColumnItem, { itemId: attributeDetailsById[columnId].id, title: attributeDetailsById[columnId].label, visible: true, onVisibilityClick: _toggleColumnVisibility(columnId), dragHandler: _jsx(FaGripLines, {}) }, columnId)))] }) }) }), _jsx(StyledListTitle, { id: invisibleListTitle, children: t('explorer.invisible-columns') }), _jsx(StyledList, { "aria-labelledby": invisibleListTitle, children: searchFilteredColumnsIds
53
+ .filter(columnId => !orderedVisibleColumns.includes(columnId))
54
+ .map(columnId => (_jsx(ColumnItem, { itemId: attributeDetailsById[columnId].id, visible: false, title: attributeDetailsById[columnId].label, onVisibilityClick: _toggleColumnVisibility(columnId) }, attributeDetailsById[columnId].id))) })] }));
57
55
  };
58
56
  //# sourceMappingURL=SelectVisibleAttributes.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SelectVisibleAttributes.js","sourceRoot":"","sources":["../../../../../../src/components/Explorer/manage-view-settings/configure-display/attributes/SelectVisibleAttributes.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SelectVisibleAttributes.js","sourceRoot":"","sources":["../../../../../../src/components/Explorer/manage-view-settings/configure-display/attributes/SelectVisibleAttributes.tsx"],"names":[],"mappings":"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"}
@@ -3,14 +3,14 @@ import { FaEye, FaEyeSlash, FaSearch } from 'react-icons/fa';
3
3
  import { 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 { SimpleFilterDropdown } from './filter-type/SimpleFilterDropDown';
13
+ import { FilterDropDown } from './filter-type/FilterDropDown';
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 _toggleColumnVisibility = (attributeId) => () => {
34
- const isAttributeAlreadyFiltering = filters.find(filterItem => filterItem.field === attributeId);
35
- if (isAttributeAlreadyFiltering) {
36
- dispatch({
37
- type: ViewSettingsActionTypes.REMOVE_FILTER,
38
- payload: {
39
- id: isAttributeAlreadyFiltering.id
40
- }
41
- });
42
- }
43
- else {
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));
@@ -65,16 +64,16 @@ export const FilterItems = ({ libraryId }) => {
65
64
  const inactiveFilters = searchFilteredColumnsIds.filter(attributeId => attributeDetailsById?.[attributeId]?.type === AttributeType.simple &&
66
65
  filters.every(filterItem => filterItem.field !== attributeId));
67
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, filterChipProps: {
68
- label: attributeDetailsById[activeFilter.field].label,
67
+ label: activeFilter.attribute.label,
69
68
  expandable: true,
70
- values: activeFilter.values,
69
+ values: activeFilter.value === null ? [] : [activeFilter.value],
71
70
  dropDownProps: {
72
- dropdownRender: () => (_jsx(SimpleFilterDropdown, { filter: activeFilter, attribute: attributeDetailsById[activeFilter.field] }))
71
+ dropdownRender: () => _jsx(FilterDropDown, { filter: activeFilter })
73
72
  }
74
73
  }, visibilityButtonProps: {
75
74
  icon: _jsx(StyledFaEye, {}),
76
75
  title: String(t('explorer.hide')),
77
- onClick: _toggleColumnVisibility(activeFilter.field)
76
+ onClick: removeFilter(activeFilter.id)
78
77
  } }, 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, filterChipProps: {
79
78
  label: attributeDetailsById[attributeId].label,
80
79
  disabled: !canAddFilter
@@ -82,7 +81,7 @@ export const FilterItems = ({ libraryId }) => {
82
81
  ? {
83
82
  icon: _jsx(StyledEyeSlash, {}),
84
83
  title: String(t('explorer.show')),
85
- onClick: _toggleColumnVisibility(attributeId)
84
+ onClick: addFilter(attributeId)
86
85
  }
87
86
  : undefined }, attributeId))) })] }));
88
87
  };
@@ -1 +1 @@
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
+ {"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;AACnD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,eAAe,EAAE,aAAa,EAAE,qBAAqB,EAAC,MAAM,eAAe,CAAC;AACpF,OAAO,EACH,aAAa,EACb,UAAU,EAEV,cAAc,EACd,aAAa,EACb,SAAS,EACT,UAAU,EACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,eAAe,EAAE,2BAA2B,EAAE,2BAA2B,EAAC,MAAM,mBAAmB,CAAC;AAC5G,OAAO,EAAC,uBAAuB,EAAC,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAC,uBAAuB,EAAC,MAAM,4CAA4C,CAAC;AACnF,OAAO,EAAC,sBAAsB,EAAC,MAAM,+CAA+C,CAAC;AACrF,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,cAAc,EAAC,MAAM,8BAA8B,CAAC;AAE5D,MAAM,UAAU,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;CAK3B,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;;CAExC,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;CAEhC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAA2C,CAAC,EAAC,SAAS,EAAC,EAAE,EAAE;IAC/E,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EACF,IAAI,EAAE,EAAC,OAAO,EAAE,YAAY,EAAC,EAC7B,QAAQ,EACX,GAAG,sBAAsB,EAAE,CAAC;IAE7B,MAAM,EAAC,eAAe,EAAE,wBAAwB,EAAE,oBAAoB,EAAC,GAAG,uBAAuB,CAAC,SAAS,CAAC,CAAC;IAE7G,MAAM,OAAO,GAAG,UAAU,CACtB,SAAS,CAAC,aAAa,CAAC,EACxB,SAAS,CAAC,cAAc,EAAE;QACtB,gBAAgB,EAAE,2BAA2B;KAChD,CAAC,CACL,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,WAAmB,EAAE,EAAE,CAAC,GAAG,EAAE;QAC5C,QAAQ,CAAC;YACL,IAAI,EAAE,uBAAuB,CAAC,UAAU;YACxC,OAAO,EAAE;gBACL,KAAK,EAAE,WAAW;gBAClB,SAAS,EAAE;oBACP,KAAK,EAAE,oBAAoB,CAAC,WAAW,CAAC,CAAC,KAAK;oBAC9C,MAAM,EAAE,oBAAoB,CAAC,WAAW,CAAC,CAAC,MAAM,IAAI,eAAe,CAAC,IAAI;iBAC3E;gBACD,SAAS,EAAE,qBAAqB,CAAC,KAAK;gBACtC,KAAK,EAAE,IAAI;aACd;SACJ,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,EAAE,CAAC,GAAG,EAAE;QAC5C,QAAQ,CAAC;YACL,IAAI,EAAE,uBAAuB,CAAC,aAAa;YAC3C,OAAO,EAAE;gBACL,EAAE,EAAE,QAAQ;aACf;SACJ,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,EAAC,MAAM,EAAE,cAAc,EAAE,IAAI,EAAE,UAAU,EAAe,EAAE,EAAE;QAChF,MAAM,SAAS,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,KAAK,KAAK,MAAM,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC;QAC5F,MAAM,OAAO,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,KAAK,KAAK,MAAM,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,CAAC;QAEvF,IAAI,CAAC,UAAU,IAAI,SAAS,KAAK,OAAO,IAAI,OAAO,KAAK,CAAC,CAAC,EAAE,CAAC;YACzD,OAAO;QACX,CAAC;QAED,QAAQ,CAAC,EAAC,IAAI,EAAE,uBAAuB,CAAC,WAAW,EAAE,OAAO,EAAE,EAAC,SAAS,EAAE,OAAO,EAAC,EAAC,CAAC,CAAC;IACzF,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,wBAAwB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAC5F,MAAM,eAAe,GAAG,wBAAwB,CAAC,MAAM,CACnD,WAAW,CAAC,EAAE,CACV,oBAAoB,EAAE,CAAC,WAAW,CAAC,EAAE,IAAI,KAAK,aAAa,CAAC,MAAM;QAClE,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,KAAK,WAAW,CAAC,CACpE,CAAC;IAEF,OAAO,CACH,8BACK,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CACzB,KAAC,UAAU,kBAAa,CAAC,CAAC,6BAA6B,CAAC,YACpD,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,YACtF,KAAC,eAAe,IACZ,KAAK,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC,EAAC,EAAE,EAAE,KAAK,EAAC,CAAC,CAAC,EACpD,QAAQ,EAAE,2BAA2B,YAEpC,aAAa,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,CAC/B,KAAC,cAAc,IAEX,WAAW,EAAE,YAAY,CAAC,KAAK,EAC/B,WAAW,QACX,eAAe,EAAE;gCACb,KAAK,EAAE,YAAY,CAAC,SAAS,CAAC,KAAK;gCACnC,UAAU,EAAE,IAAI;gCAChB,MAAM,EAAE,YAAY,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC;gCAC/D,aAAa,EAAE;oCACX,cAAc,EAAE,GAAG,EAAE,CAAC,KAAC,cAAc,IAAC,MAAM,EAAE,YAAY,GAAI;iCACjE;6BACJ,EACD,qBAAqB,EAAE;gCACnB,IAAI,EAAE,KAAC,WAAW,KAAG;gCACrB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;gCACjC,OAAO,EAAE,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;6BACzC,IAfI,YAAY,CAAC,KAAK,CAgBzB,CACL,CAAC,GACY,GACT,GACJ,CAChB,EACD,KAAC,aAAa,CAAC,KAAK,IAAC,KAAK,EAAC,IAAI,YAAE,CAAC,CAAC,+BAA+B,CAAC,GAAuB,EAC1F,KAAC,QAAQ,IACL,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,EACvC,QAAQ,EAAE,eAAe,EACzB,UAAU,QACV,MAAM,EAAE,KAAC,QAAQ,KAAG,GACtB,EACF,KAAC,UAAU,kBAAa,CAAC,CAAC,+BAA+B,CAAC,YACrD,eAAe,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CAChC,KAAC,cAAc,IAEX,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE;wBACb,KAAK,EAAE,oBAAoB,CAAC,WAAW,CAAC,CAAC,KAAK;wBAC9C,QAAQ,EAAE,CAAC,YAAY;qBAC1B,EACD,qBAAqB,EACjB,YAAY;wBACR,CAAC,CAAC;4BACI,IAAI,EAAE,KAAC,cAAc,KAAG;4BACxB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;4BACjC,OAAO,EAAE,SAAS,CAAC,WAAW,CAAC;yBAClC;wBACH,CAAC,CAAC,SAAS,IAbd,WAAW,CAelB,CACL,CAAC,GACO,IACd,CACN,CAAC;AACN,CAAC,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { IFilterDropDownProps } from '../../../../../components/Explorer/_types';
2
+ import { FunctionComponent } from 'react';
3
+ export declare const FilterDropDown: FunctionComponent<IFilterDropDownProps>;
@@ -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
@@ -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"}
@@ -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 {};
@@ -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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FilterValueList.js","sourceRoot":"","sources":["../../../../../../src/components/Explorer/manage-view-settings/filter-items/filter-type/FilterValueList.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ import { FunctionComponent } from 'react';
2
+ import { IFilterDropDownProps } from '../../../../../components/Explorer/_types';
3
+ export declare const NumericAttributeDropDown: FunctionComponent<IFilterDropDownProps>;
@@ -0,0 +1,35 @@
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 { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
6
+ import { KitButton, KitDivider, KitInputNumber, KitSelect, KitSpace } from 'aristid-ds';
7
+ import { FaClock, FaTrash } from 'react-icons/fa';
8
+ import { AttributeConditionFilter } from '../../../../../types';
9
+ import { useViewSettingsContext } from '../../store-view-settings/useViewSettingsContext';
10
+ import { ViewSettingsActionTypes } from '../../store-view-settings/viewSettingsReducer';
11
+ import { useConditionsOptionsByType } from './useConditionOptionsByType';
12
+ export const NumericAttributeDropDown = ({ filter }) => {
13
+ const { t } = useSharedTranslation();
14
+ const { dispatch } = useViewSettingsContext();
15
+ const { conditionOptionsByType } = useConditionsOptionsByType(filter);
16
+ const _updateFilter = (filterData) => {
17
+ dispatch({
18
+ type: ViewSettingsActionTypes.CHANGE_FILTER_CONFIG,
19
+ payload: filterData
20
+ });
21
+ };
22
+ const _onConditionChanged = condition => _updateFilter({ ...filter, condition });
23
+ const _onInputChanged = value => _updateFilter({ ...filter, value: value === null ? null : String(value) });
24
+ const _onResetFilter = () => _updateFilter({ ...filter, value: null });
25
+ const _onDeleteFilter = () => dispatch({
26
+ type: ViewSettingsActionTypes.REMOVE_FILTER,
27
+ payload: {
28
+ id: filter.id
29
+ }
30
+ });
31
+ const showInput = filter.condition !== AttributeConditionFilter.IS_EMPTY &&
32
+ filter.condition !== AttributeConditionFilter.IS_NOT_EMPTY;
33
+ return (_jsxs(KitSpace, { size: "xxs", direction: "vertical", children: [_jsx(KitSelect, { options: conditionOptionsByType, onChange: _onConditionChanged, value: filter.condition }), showInput && (_jsx(KitInputNumber, { placeholder: String(t('explorer.type-a-value')), defaultValue: filter.value ?? undefined, onChange: _onInputChanged })), _jsx(KitDivider, { noMargin: true }), _jsx(KitButton, { type: "redirect", icon: _jsx(FaClock, {}), onClick: _onResetFilter, children: t('explorer.reset-filter') }), _jsx(KitButton, { type: "redirect", icon: _jsx(FaTrash, {}), onClick: _onDeleteFilter, children: t('global.delete') })] }));
34
+ };
35
+ //# sourceMappingURL=NumericAttributeDropDown.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NumericAttributeDropDown.js","sourceRoot":"","sources":["../../../../../../src/components/Explorer/manage-view-settings/filter-items/filter-type/NumericAttributeDropDown.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,SAAS,EAAE,UAAU,EAAY,cAAc,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AAEhG,OAAO,EAAC,OAAO,EAAE,OAAO,EAAC,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAC,wBAAwB,EAAC,MAAM,WAAW,CAAC;AAEnD,OAAO,EAAC,sBAAsB,EAAC,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAAC,uBAAuB,EAAC,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAC,0BAA0B,EAAC,MAAM,6BAA6B,CAAC;AAEvE,MAAM,CAAC,MAAM,wBAAwB,GAA4C,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;IAC1F,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,QAAQ,EAAC,GAAG,sBAAsB,EAAE,CAAC;IAE5C,MAAM,EAAC,sBAAsB,EAAC,GAAG,0BAA0B,CAAC,MAAM,CAAC,CAAC;IAEpE,MAAM,aAAa,GAAG,CAAC,UAA2B,EAAE,EAAE;QAClD,QAAQ,CAAC;YACL,IAAI,EAAE,uBAAuB,CAAC,oBAAoB;YAClD,OAAO,EAAE,UAAU;SACtB,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAiD,SAAS,CAAC,EAAE,CAClF,aAAa,CAAC,EAAC,GAAG,MAAM,EAAE,SAAS,EAAC,CAAC,CAAC;IAE1C,MAAM,eAAe,GAAsD,KAAK,CAAC,EAAE,CAC/E,aAAa,CAAC,EAAC,GAAG,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAC,CAAC,CAAC;IAE7E,MAAM,cAAc,GAAgD,GAAG,EAAE,CAAC,aAAa,CAAC,EAAC,GAAG,MAAM,EAAE,KAAK,EAAE,IAAI,EAAC,CAAC,CAAC;IAElH,MAAM,eAAe,GAAgD,GAAG,EAAE,CACtE,QAAQ,CAAC;QACL,IAAI,EAAE,uBAAuB,CAAC,aAAa;QAC3C,OAAO,EAAE;YACL,EAAE,EAAE,MAAM,CAAC,EAAE;SAChB;KACJ,CAAC,CAAC;IAEP,MAAM,SAAS,GACX,MAAM,CAAC,SAAS,KAAK,wBAAwB,CAAC,QAAQ;QACtD,MAAM,CAAC,SAAS,KAAK,wBAAwB,CAAC,YAAY,CAAC;IAE/D,OAAO,CACH,MAAC,QAAQ,IAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAC,UAAU,aACrC,KAAC,SAAS,IAAC,OAAO,EAAE,sBAAsB,EAAE,QAAQ,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,GAAI,EACrG,SAAS,IAAI,CACV,KAAC,cAAc,IACX,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,EAC/C,YAAY,EAAE,MAAM,CAAC,KAAK,IAAI,SAAS,EACvC,QAAQ,EAAE,eAAe,GAC3B,CACL,EACD,KAAC,UAAU,IAAC,QAAQ,SAAG,EACvB,KAAC,SAAS,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAE,KAAC,OAAO,KAAG,EAAE,OAAO,EAAE,cAAc,YAChE,CAAC,CAAC,uBAAuB,CAAC,GACnB,EACZ,KAAC,SAAS,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAE,KAAC,OAAO,KAAG,EAAE,OAAO,EAAE,eAAe,YACjE,CAAC,CAAC,eAAe,CAAC,GACX,IACL,CACd,CAAC;AACN,CAAC,CAAC"}
@@ -1,8 +1,3 @@
1
1
  import { FunctionComponent } from 'react';
2
- import { IExplorerFilter } from '../../store-view-settings/viewSettingsReducer';
3
- export declare const SimpleFilterDropdown: FunctionComponent<{
4
- filter: IExplorerFilter;
5
- attribute: {
6
- multiple_values: boolean;
7
- };
8
- }>;
2
+ import { IFilterDropDownProps } from '../../../../../components/Explorer/_types';
3
+ export declare const SimpleFilterDropdown: FunctionComponent<IFilterDropDownProps>;
@@ -3,11 +3,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
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
5
  import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
6
- import { KitButton, KitDivider, KitInput, KitSelect, KitSpace } from 'aristid-ds';
7
- import { FaCheck, FaClock, FaTrash } from 'react-icons/fa';
6
+ import { KitButton, KitDivider, KitSelect, KitSpace } from 'aristid-ds';
7
+ import { FaClock, FaTrash } from 'react-icons/fa';
8
8
  import { useViewSettingsContext } from '../../store-view-settings/useViewSettingsContext';
9
9
  import { ViewSettingsActionTypes } from '../../store-view-settings/viewSettingsReducer';
10
- import styled from 'styled-components';
10
+ import { FilterValueList } from './FilterValueList';
11
11
  // TODO : This is an exemple file showing ho to customize dropdown Panel content. Don't mind the content of the file, missing types,... it's just an example.
12
12
  const conditions = [
13
13
  {
@@ -39,31 +39,8 @@ const conditions = [
39
39
  value: 'not_in'
40
40
  }
41
41
  ];
42
- const attributeValuesList = ['Value 1', 'Value 2', 'Value 3', 'Value 4', 'Value 5'];
43
- const ValueListItemValueLi = styled.li `
44
- display: flex;
45
- align-items: center;
46
- min-height: 32px;
47
- height: 32px;
48
- border-radius: calc(var(--general-border-radius-s) * 1px);
49
- cursor: pointer;
50
-
51
- &.selected {
52
- color: var(--components-Icon-colors-icon-on, var(--general-utilities-main-default));
53
- background-color: var(--components-Icon-colors-background-on, var(--general-utilities-main-light));
54
- }
55
-
56
- .label {
57
- flex: 1;
58
- padding: 0 calc(var(--general-spacing-xs) * 1px);
59
- }
60
-
61
- .check {
62
- flex: 0;
63
- padding: 0 calc(var(--general-spacing-xs) * 1px);
64
- }
65
- `;
66
- export const SimpleFilterDropdown = ({ filter, attribute }) => {
42
+ const attributeValuesList = ['toto', 'tata', 'Value 3', 'Value 4', 'Value 5'];
43
+ export const SimpleFilterDropdown = ({ filter }) => {
67
44
  const { t } = useSharedTranslation();
68
45
  const { dispatch } = useViewSettingsContext();
69
46
  const updateFilter = data => {
@@ -71,30 +48,22 @@ export const SimpleFilterDropdown = ({ filter, attribute }) => {
71
48
  type: ViewSettingsActionTypes.CHANGE_FILTER_CONFIG,
72
49
  payload: {
73
50
  id: filter.id,
74
- field: filter.field,
75
- condition: data.condition,
76
- values: data.values
51
+ ...data
77
52
  }
78
53
  });
79
54
  };
80
- const onconditionChanged = condition => {
81
- updateFilter({ ...filter, condition });
55
+ const onConditionChanged = operator => {
56
+ updateFilter({ ...filter, operator });
82
57
  };
83
58
  const onValueClick = value => {
84
- let newValues = [...filter.values];
85
- if (filter.values.includes(value)) {
86
- newValues = filter.values.filter(v => v !== value);
87
- }
88
- else {
89
- if (attribute.multiple_values) {
90
- newValues = [...filter.values, value];
91
- }
92
- else {
93
- newValues = [value];
94
- }
95
- }
96
- updateFilter({ ...filter, values: newValues });
59
+ updateFilter({ ...filter, value });
97
60
  };
98
- return (_jsxs(KitSpace, { size: "xxs", direction: "vertical", children: [_jsx(KitSelect, { options: conditions, onChange: onconditionChanged, value: filter.condition }), _jsx(KitInput, { placeholder: String(t('search')) }), _jsx("ul", { children: attributeValuesList.map(value => (_jsxs(ValueListItemValueLi, { onClick: () => onValueClick(value), className: filter.values.includes(value) ? 'selected' : '', children: [_jsx("span", { className: "label", children: value }), filter.values.includes(value) && (_jsx("span", { className: "check", children: _jsx(FaCheck, {}) }))] }, value))) }), _jsx(KitDivider, { noMargin: true }), _jsx(KitButton, { type: "link", icon: _jsx(FaClock, {}), children: "R\u00E9initialiser le filtre" }), _jsx(KitButton, { type: "link", icon: _jsx(FaTrash, {}), children: "Supprimer" })] }));
61
+ const _onDeleteFilter = () => dispatch({
62
+ type: ViewSettingsActionTypes.REMOVE_FILTER,
63
+ payload: {
64
+ id: filter.id
65
+ }
66
+ });
67
+ return (_jsxs(KitSpace, { size: "xxs", direction: "vertical", children: [_jsx(KitSelect, { options: conditions, onChange: onConditionChanged, value: filter.condition }), _jsx(FilterValueList, { values: attributeValuesList, multiple: false, freeEntry: false, selectedValues: filter.value === null ? [] : [filter.value], onSelectionChanged: onValueClick }), _jsx(KitDivider, { noMargin: true }), _jsx(KitButton, { type: "redirect", icon: _jsx(FaClock, {}), disabled: true, children: t('explorer.reset-filter') }), _jsx(KitButton, { type: "redirect", icon: _jsx(FaTrash, {}), onClick: _onDeleteFilter, children: t('global.delete') })] }));
99
68
  };
100
69
  //# sourceMappingURL=SimpleFilterDropDown.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SimpleFilterDropDown.js","sourceRoot":"","sources":["../../../../../../src/components/Explorer/manage-view-settings/filter-items/filter-type/SimpleFilterDropDown.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SimpleFilterDropDown.js","sourceRoot":"","sources":["../../../../../../src/components/Explorer/manage-view-settings/filter-items/filter-type/SimpleFilterDropDown.tsx"],"names":[],"mappings":"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"}