@reltio/components 1.4.2163 → 1.4.2165
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/FacetGroup/FacetGroup.d.ts +7 -0
- package/FacetGroup/FacetGroup.js +9 -0
- package/FacetGroup/FacetGroup.module.css.js +9 -0
- package/FacetGroup/index.d.ts +1 -0
- package/FacetGroup/index.js +1 -0
- package/FacetGroupTitle/FacetGroupTitle.d.ts +8 -0
- package/FacetGroupTitle/FacetGroupTitle.js +13 -0
- package/FacetGroupTitle/FacetGroupTitle.module.css.js +9 -0
- package/FacetGroupTitle/index.d.ts +1 -0
- package/FacetGroupTitle/index.js +1 -0
- package/QuickFiltersEntityTypeFacet/QuickFiltersEntityTypeFacet.d.ts +13 -0
- package/QuickFiltersEntityTypeFacet/QuickFiltersEntityTypeFacet.js +17 -0
- package/QuickFiltersEntityTypeFacet/QuickFiltersEntityTypeFacet.module.css.js +9 -0
- package/QuickFiltersEntityTypeFacet/components/EntityTypesFacetGroups/EntityTypesFacetGroups.d.ts +12 -0
- package/QuickFiltersEntityTypeFacet/components/EntityTypesFacetGroups/EntityTypesFacetGroups.js +49 -0
- package/QuickFiltersEntityTypeFacet/components/EntityTypesFacetGroups/EntityTypesFacetGroups.module.css.js +9 -0
- package/QuickFiltersEntityTypeFacet/components/EntityTypesFacetGroups/index.d.ts +1 -0
- package/QuickFiltersEntityTypeFacet/components/EntityTypesFacetGroups/index.js +1 -0
- package/QuickFiltersEntityTypeFacet/components/EntityTypesList/EntityTypesList.d.ts +10 -0
- package/QuickFiltersEntityTypeFacet/components/EntityTypesList/EntityTypesList.js +39 -0
- package/QuickFiltersEntityTypeFacet/components/EntityTypesList/EntityTypesList.module.css.js +9 -0
- package/QuickFiltersEntityTypeFacet/components/EntityTypesList/index.d.ts +1 -0
- package/QuickFiltersEntityTypeFacet/components/EntityTypesList/index.js +1 -0
- package/QuickFiltersEntityTypeFacet/index.d.ts +2 -0
- package/QuickFiltersEntityTypeFacet/index.js +1 -0
- package/QuickFiltersEntityTypeFacet/types.d.ts +5 -0
- package/QuickFiltersEntityTypeFacet/types.js +1 -0
- package/cjs/FacetGroup/FacetGroup.d.ts +7 -0
- package/cjs/FacetGroup/FacetGroup.js +16 -0
- package/cjs/FacetGroup/FacetGroup.module.css.js +9 -0
- package/cjs/FacetGroup/index.d.ts +1 -0
- package/cjs/FacetGroup/index.js +5 -0
- package/cjs/FacetGroupTitle/FacetGroupTitle.d.ts +8 -0
- package/cjs/FacetGroupTitle/FacetGroupTitle.js +20 -0
- package/cjs/FacetGroupTitle/FacetGroupTitle.module.css.js +9 -0
- package/cjs/FacetGroupTitle/index.d.ts +1 -0
- package/cjs/FacetGroupTitle/index.js +5 -0
- package/cjs/QuickFiltersEntityTypeFacet/QuickFiltersEntityTypeFacet.d.ts +13 -0
- package/cjs/QuickFiltersEntityTypeFacet/QuickFiltersEntityTypeFacet.js +47 -0
- package/cjs/QuickFiltersEntityTypeFacet/QuickFiltersEntityTypeFacet.module.css.js +9 -0
- package/cjs/QuickFiltersEntityTypeFacet/components/EntityTypesFacetGroups/EntityTypesFacetGroups.d.ts +12 -0
- package/cjs/QuickFiltersEntityTypeFacet/components/EntityTypesFacetGroups/EntityTypesFacetGroups.js +79 -0
- package/cjs/QuickFiltersEntityTypeFacet/components/EntityTypesFacetGroups/EntityTypesFacetGroups.module.css.js +9 -0
- package/cjs/QuickFiltersEntityTypeFacet/components/EntityTypesFacetGroups/index.d.ts +1 -0
- package/cjs/QuickFiltersEntityTypeFacet/components/EntityTypesFacetGroups/index.js +5 -0
- package/cjs/QuickFiltersEntityTypeFacet/components/EntityTypesList/EntityTypesList.d.ts +10 -0
- package/cjs/QuickFiltersEntityTypeFacet/components/EntityTypesList/EntityTypesList.js +69 -0
- package/cjs/QuickFiltersEntityTypeFacet/components/EntityTypesList/EntityTypesList.module.css.js +9 -0
- package/cjs/QuickFiltersEntityTypeFacet/components/EntityTypesList/index.d.ts +1 -0
- package/cjs/QuickFiltersEntityTypeFacet/components/EntityTypesList/index.js +5 -0
- package/cjs/QuickFiltersEntityTypeFacet/index.d.ts +2 -0
- package/cjs/QuickFiltersEntityTypeFacet/index.js +5 -0
- package/cjs/QuickFiltersEntityTypeFacet/types.d.ts +5 -0
- package/cjs/QuickFiltersEntityTypeFacet/types.js +2 -0
- package/cjs/hooks/useSegmentsLoader/useSegmentsLoader.d.ts +2 -1
- package/cjs/hooks/useSegmentsLoader/useSegmentsLoader.js +3 -3
- package/cjs/index.d.ts +3 -0
- package/cjs/index.js +11 -5
- package/hooks/useSegmentsLoader/useSegmentsLoader.d.ts +2 -1
- package/hooks/useSegmentsLoader/useSegmentsLoader.js +3 -3
- package/index.d.ts +3 -0
- package/index.js +3 -0
- package/package.json +2 -2
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FacetGroupTitle } from '../FacetGroupTitle';
|
|
3
|
+
import styles from './FacetGroup.module.css';
|
|
4
|
+
export var FacetGroup = function (_a) {
|
|
5
|
+
var children = _a.children, _b = _a.title, title = _b === void 0 ? '' : _b;
|
|
6
|
+
return (React.createElement("div", { className: styles.facetGroupContainer },
|
|
7
|
+
React.createElement(FacetGroupTitle, { title: title }),
|
|
8
|
+
children));
|
|
9
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
const styles = {"facetGroupContainer":"FacetGroup-facetGroupContainer--r4EGm"};
|
|
2
|
+
if (typeof document !== 'undefined') {
|
|
3
|
+
const head = document.head || document.getElementsByTagName('head')[0]
|
|
4
|
+
const style = document.createElement('style');
|
|
5
|
+
style.type = 'text/css'
|
|
6
|
+
style.innerHTML = `.FacetGroup-facetGroupContainer--r4EGm{display:flex;flex-direction:column;flex-shrink:0}.FacetGroup-facetGroupContainer--r4EGm+.FacetGroup-facetGroupContainer--r4EGm,.FacetGroup-facetGroupContainer--r4EGm+hr{margin-top:8px}`;
|
|
7
|
+
head.appendChild(style);
|
|
8
|
+
}
|
|
9
|
+
export default styles;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FacetGroup } from './FacetGroup';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FacetGroup } from './FacetGroup';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Avatar from '@mui/material/Avatar';
|
|
3
|
+
import { ExpandedValueTooltip } from '../ExpandedValueTooltip';
|
|
4
|
+
import styles from './FacetGroupTitle.module.css';
|
|
5
|
+
export var FacetGroupTitle = function (_a) {
|
|
6
|
+
var _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.iconSrc, iconSrc = _c === void 0 ? '' : _c, leftIcon = _a.leftIcon;
|
|
7
|
+
return (React.createElement("div", { className: styles.titleBox },
|
|
8
|
+
React.createElement("div", { className: styles.title },
|
|
9
|
+
leftIcon && React.createElement("div", { className: styles.leftIcon }, leftIcon),
|
|
10
|
+
iconSrc && React.createElement(Avatar, { src: iconSrc, className: styles.avatar }),
|
|
11
|
+
React.createElement(ExpandedValueTooltip, { value: title },
|
|
12
|
+
React.createElement("span", null, title)))));
|
|
13
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
const styles = {"titleBox":"FacetGroupTitle-titleBox--yg91y","title":"FacetGroupTitle-title--6MrZT","leftIcon":"FacetGroupTitle-leftIcon--ts7l3","avatar":"FacetGroupTitle-avatar--dgaa0"};
|
|
2
|
+
if (typeof document !== 'undefined') {
|
|
3
|
+
const head = document.head || document.getElementsByTagName('head')[0]
|
|
4
|
+
const style = document.createElement('style');
|
|
5
|
+
style.type = 'text/css'
|
|
6
|
+
style.innerHTML = `.FacetGroupTitle-titleBox--yg91y{align-items:center;display:flex;flex-direction:row;flex-shrink:0;justify-content:space-between;line-height:24px;padding-bottom:8px;padding-top:12px}.FacetGroupTitle-title--6MrZT{align-items:center;color:rgba(0,0,0,.87);display:flex;flex-grow:1;font-size:16px;font-weight:500;letter-spacing:.15px;overflow:hidden;padding-left:16px}.FacetGroupTitle-leftIcon--ts7l3{flex-shrink:0;margin-right:20px}.FacetGroupTitle-avatar--dgaa0{height:32px;margin-right:12px;width:32px}`;
|
|
7
|
+
head.appendChild(style);
|
|
8
|
+
}
|
|
9
|
+
export default styles;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FacetGroupTitle } from './FacetGroupTitle';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FacetGroupTitle } from './FacetGroupTitle';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { EntityTypeFacetDataItem } from '@reltio/mdm-sdk';
|
|
3
|
+
type Props = {
|
|
4
|
+
items: EntityTypeFacetDataItem[];
|
|
5
|
+
maxRowCount?: number;
|
|
6
|
+
showAllItems?: boolean;
|
|
7
|
+
values?: string[];
|
|
8
|
+
onChange?: (values?: string[]) => void;
|
|
9
|
+
onViewMoreLess: () => void;
|
|
10
|
+
countFormatter?: (number: number) => string;
|
|
11
|
+
};
|
|
12
|
+
export declare const QuickFiltersEntityTypeFacet: ({ items, maxRowCount, showAllItems, values, onChange, onViewMoreLess, countFormatter }: Props) => React.JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
import { identity } from 'ramda';
|
|
3
|
+
import { getGroupedEntityTypes } from '@reltio/mdm-sdk';
|
|
4
|
+
import { ViewMoreToggle } from '../ViewMoreToggle';
|
|
5
|
+
import { EmptySearchResult } from '../EmptySearchResult';
|
|
6
|
+
import { EntityTypesFacetGroups } from './components/EntityTypesFacetGroups';
|
|
7
|
+
import styles from './QuickFiltersEntityTypeFacet.module.css';
|
|
8
|
+
var DEFAULT_ROW_COUNT = 7;
|
|
9
|
+
export var QuickFiltersEntityTypeFacet = function (_a) {
|
|
10
|
+
var items = _a.items, _b = _a.maxRowCount, maxRowCount = _b === void 0 ? DEFAULT_ROW_COUNT : _b, showAllItems = _a.showAllItems, _c = _a.values, values = _c === void 0 ? [] : _c, _d = _a.onChange, onChange = _d === void 0 ? identity : _d, onViewMoreLess = _a.onViewMoreLess, countFormatter = _a.countFormatter;
|
|
11
|
+
var groups = useMemo(function () { return getGroupedEntityTypes(items); }, [items]);
|
|
12
|
+
var totalItems = groups.reduce(function (sum, group) { return sum + group.items.length; }, 0);
|
|
13
|
+
var needShowViewMoreButton = totalItems > maxRowCount;
|
|
14
|
+
return (React.createElement("div", { className: styles.container }, groups.length > 0 ? (React.createElement(React.Fragment, null,
|
|
15
|
+
React.createElement(EntityTypesFacetGroups, { groups: groups, values: values, maxRowCount: maxRowCount, onChange: onChange, showAll: showAllItems, countFormatter: countFormatter }),
|
|
16
|
+
needShowViewMoreButton && (React.createElement(ViewMoreToggle, { active: showAllItems, onClick: onViewMoreLess, className: styles.viewMoreLess })))) : (React.createElement(EmptySearchResult, { variant: "noData", className: styles.noData }))));
|
|
17
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
const styles = {"container":"QuickFiltersEntityTypeFacet-container--dVdDy","noData":"QuickFiltersEntityTypeFacet-noData--y-9iH","viewMoreLess":"QuickFiltersEntityTypeFacet-viewMoreLess--xgmjA"};
|
|
2
|
+
if (typeof document !== 'undefined') {
|
|
3
|
+
const head = document.head || document.getElementsByTagName('head')[0]
|
|
4
|
+
const style = document.createElement('style');
|
|
5
|
+
style.type = 'text/css'
|
|
6
|
+
style.innerHTML = `.QuickFiltersEntityTypeFacet-container--dVdDy{display:flex;flex-direction:column;flex-grow:1;font-size:13px;overflow:hidden}.QuickFiltersEntityTypeFacet-noData--y-9iH{margin-left:16px}.QuickFiltersEntityTypeFacet-viewMoreLess--xgmjA{padding-left:20px}`;
|
|
7
|
+
head.appendChild(style);
|
|
8
|
+
}
|
|
9
|
+
export default styles;
|
package/QuickFiltersEntityTypeFacet/components/EntityTypesFacetGroups/EntityTypesFacetGroups.d.ts
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { EntityTypesGroup } from '../../types';
|
|
3
|
+
type Props = {
|
|
4
|
+
groups: EntityTypesGroup[];
|
|
5
|
+
values: string[];
|
|
6
|
+
maxRowCount: number;
|
|
7
|
+
showAll: boolean;
|
|
8
|
+
onChange: (values: string[]) => void;
|
|
9
|
+
countFormatter?: (number: number) => string;
|
|
10
|
+
};
|
|
11
|
+
export declare const EntityTypesFacetGroups: ({ groups, values, maxRowCount, showAll, onChange, countFormatter }: Props) => React.JSX.Element;
|
|
12
|
+
export {};
|
package/QuickFiltersEntityTypeFacet/components/EntityTypesFacetGroups/EntityTypesFacetGroups.js
ADDED
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import React, { useCallback, useMemo } from 'react';
|
|
2
|
+
import { defaultTo, filter, find, pipe, pluck, prop } from 'ramda';
|
|
3
|
+
import i18n from 'ui-i18n';
|
|
4
|
+
import { DEFAULT_ENTITY_TYPE_GROUP } from '@reltio/mdm-sdk';
|
|
5
|
+
import Checkbox from '@mui/material/Checkbox';
|
|
6
|
+
import LocalOfferOutlinedIcon from '@mui/icons-material/LocalOfferOutlined';
|
|
7
|
+
import { EntityTypesList } from '../EntityTypesList';
|
|
8
|
+
import styles from './EntityTypesFacetGroups.module.css';
|
|
9
|
+
export var EntityTypesFacetGroups = function (_a) {
|
|
10
|
+
var groups = _a.groups, values = _a.values, maxRowCount = _a.maxRowCount, showAll = _a.showAll, onChange = _a.onChange, countFormatter = _a.countFormatter;
|
|
11
|
+
var shouldUseAllItems = !countFormatter;
|
|
12
|
+
var handleCheckboxChange = useCallback(function (groupValues) { return function (e) {
|
|
13
|
+
var newValues = e.target.checked
|
|
14
|
+
? values.concat(groupValues.filter(function (v) { return !values.includes(v); }))
|
|
15
|
+
: values.filter(function (v) { return !groupValues.includes(v); });
|
|
16
|
+
onChange(newValues);
|
|
17
|
+
}; }, [onChange, values]);
|
|
18
|
+
var groupedItemsToRender = useMemo(function () {
|
|
19
|
+
if (showAll)
|
|
20
|
+
return groups;
|
|
21
|
+
var count = 0;
|
|
22
|
+
return groups
|
|
23
|
+
.map(function (group) {
|
|
24
|
+
if (count >= maxRowCount)
|
|
25
|
+
return null;
|
|
26
|
+
var remaining = maxRowCount - count;
|
|
27
|
+
var limitedItems = group.items.slice(0, remaining);
|
|
28
|
+
count += limitedItems.length;
|
|
29
|
+
return limitedItems.length ? { label: group.label, items: limitedItems } : null;
|
|
30
|
+
})
|
|
31
|
+
.filter(Boolean);
|
|
32
|
+
}, [groups, showAll, maxRowCount]);
|
|
33
|
+
var renderGroup = function (_a) {
|
|
34
|
+
var label = _a.label, items = _a.items;
|
|
35
|
+
var allItems = pipe(find(function (group) { return group.label === label; }), defaultTo({ label: label, items: [] }), prop('items'))(groups);
|
|
36
|
+
var availableValuesWithCount = pipe(filter(function (item) { return (item.number && item.number > 0) || values.includes(item.value); }), pluck('value'))(allItems);
|
|
37
|
+
var availableValues = shouldUseAllItems ? pluck('value', allItems) : availableValuesWithCount;
|
|
38
|
+
var checkedCount = availableValues.filter(function (v) { return values.includes(v); }).length;
|
|
39
|
+
var allChecked = checkedCount === availableValues.length && availableValues.length > 0;
|
|
40
|
+
var someChecked = checkedCount > 0 && checkedCount < availableValues.length;
|
|
41
|
+
return (React.createElement(React.Fragment, null,
|
|
42
|
+
React.createElement("div", { className: styles.groupHeader },
|
|
43
|
+
React.createElement(Checkbox, { className: styles.groupCheckbox, checked: allChecked, indeterminate: someChecked, onChange: handleCheckboxChange(availableValues), disabled: availableValues.length === 0 }),
|
|
44
|
+
label !== DEFAULT_ENTITY_TYPE_GROUP && React.createElement(LocalOfferOutlinedIcon, { className: styles.groupIcon }),
|
|
45
|
+
React.createElement("span", { className: styles.groupLabel }, label === DEFAULT_ENTITY_TYPE_GROUP ? i18n.text('Other') : label)),
|
|
46
|
+
React.createElement(EntityTypesList, { data: items, values: values, onChange: onChange, countFormatter: countFormatter })));
|
|
47
|
+
};
|
|
48
|
+
return groups.length === 1 && groups[0].label === DEFAULT_ENTITY_TYPE_GROUP ? (React.createElement(EntityTypesList, { data: groupedItemsToRender[0].items, values: values, onChange: onChange, countFormatter: countFormatter })) : (React.createElement(React.Fragment, null, groupedItemsToRender.map(function (group) { return (React.createElement("div", { key: group.label }, renderGroup(group))); })));
|
|
49
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
const styles = {"groupHeader":"EntityTypesFacetGroups-groupHeader---V51b","groupCheckbox":"EntityTypesFacetGroups-groupCheckbox--owond","groupIcon":"EntityTypesFacetGroups-groupIcon--wPz-A","groupLabel":"EntityTypesFacetGroups-groupLabel--4yhjo"};
|
|
2
|
+
if (typeof document !== 'undefined') {
|
|
3
|
+
const head = document.head || document.getElementsByTagName('head')[0]
|
|
4
|
+
const style = document.createElement('style');
|
|
5
|
+
style.type = 'text/css'
|
|
6
|
+
style.innerHTML = `.EntityTypesFacetGroups-groupHeader---V51b{align-items:center;background:#f5f5f5;display:flex;margin:2px 10px;padding:6px 8px}.EntityTypesFacetGroups-groupCheckbox--owond{margin-right:21px;padding:0}.EntityTypesFacetGroups-groupIcon--wPz-A{color:rgba(0,0,0,.54);height:20px;margin-right:8px;width:20px}.EntityTypesFacetGroups-groupLabel--4yhjo{font-size:14px;font-weight:500}`;
|
|
7
|
+
head.appendChild(style);
|
|
8
|
+
}
|
|
9
|
+
export default styles;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { EntityTypesFacetGroups } from './EntityTypesFacetGroups';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { EntityTypesFacetGroups } from './EntityTypesFacetGroups';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { EntityTypeFacetDataItem } from '@reltio/mdm-sdk';
|
|
3
|
+
type Props = {
|
|
4
|
+
data?: EntityTypeFacetDataItem[];
|
|
5
|
+
values?: string[];
|
|
6
|
+
countFormatter?: (number: number) => string;
|
|
7
|
+
onChange?: (values?: string[]) => void;
|
|
8
|
+
};
|
|
9
|
+
export declare const EntityTypesList: ({ data, values, onChange, countFormatter }: Props) => React.JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import React, { useCallback } from 'react';
|
|
2
|
+
import i18n from 'ui-i18n';
|
|
3
|
+
import classnames from 'classnames';
|
|
4
|
+
import { identity } from 'ramda';
|
|
5
|
+
import Checkbox from '@mui/material/Checkbox';
|
|
6
|
+
import { ColorBar } from '../../../ColorBar';
|
|
7
|
+
import styles from './EntityTypesList.module.css';
|
|
8
|
+
export var EntityTypesList = function (_a) {
|
|
9
|
+
var _b = _a.data, data = _b === void 0 ? [] : _b, _c = _a.values, values = _c === void 0 ? [] : _c, _d = _a.onChange, onChange = _d === void 0 ? identity : _d, countFormatter = _a.countFormatter;
|
|
10
|
+
var shouldShowCount = !!countFormatter;
|
|
11
|
+
var handleItemClick = function (name) { return function () {
|
|
12
|
+
var newValues = values.includes(name) ? values.filter(function (val) { return val !== name; }) : values.concat(name);
|
|
13
|
+
onChange(newValues);
|
|
14
|
+
}; };
|
|
15
|
+
var maxNumber = Math.max.apply(Math, data.map(function (item) { return item.number; }));
|
|
16
|
+
var createControl = function (item) {
|
|
17
|
+
var _a;
|
|
18
|
+
return (React.createElement(Checkbox, { className: classnames(styles.checkbox, (_a = {}, _a[styles.checked] = values.includes(item.value), _a)), checked: values.includes(item.value), onChange: handleItemClick(item.value), value: item.value, color: "primary" }));
|
|
19
|
+
};
|
|
20
|
+
var createColorBar = function (item) {
|
|
21
|
+
var _a;
|
|
22
|
+
return (React.createElement(ColorBar, { className: classnames((_a = {}, _a[styles.checkedBar] = values.includes(item.value), _a)), width: item.number, maxWidth: maxNumber }));
|
|
23
|
+
};
|
|
24
|
+
var shouldDisableItem = useCallback(function (item) {
|
|
25
|
+
return shouldShowCount && !item.number && !values.includes(item.value);
|
|
26
|
+
}, [shouldShowCount, values]);
|
|
27
|
+
return (React.createElement("div", { className: styles.listContainer }, data.map(function (item) {
|
|
28
|
+
var _a;
|
|
29
|
+
return (React.createElement("div", { key: item.value, className: classnames(styles.item, (_a = {},
|
|
30
|
+
_a[styles.disabled] = shouldDisableItem(item),
|
|
31
|
+
_a)), "data-reltio-id": "search-facets-list-row" },
|
|
32
|
+
createControl(item),
|
|
33
|
+
React.createElement("div", { className: styles.info, onClick: handleItemClick(item.value) },
|
|
34
|
+
shouldShowCount && createColorBar(item),
|
|
35
|
+
React.createElement("div", { className: classnames(styles.textInfo) },
|
|
36
|
+
React.createElement("div", { className: styles.text }, item.label),
|
|
37
|
+
shouldShowCount && (React.createElement("div", { className: styles.count }, item.number === undefined ? i18n.text('N/A') : countFormatter(item.number)))))));
|
|
38
|
+
})));
|
|
39
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
const styles = {"listContainer":"EntityTypesList-listContainer--yH3ri","disabled":"EntityTypesList-disabled--HnKbn","item":"EntityTypesList-item--7i6HO","info":"EntityTypesList-info--j8-KL","checkedBar":"EntityTypesList-checkedBar--TGBZJ","checkbox":"EntityTypesList-checkbox--ZthGQ","checked":"EntityTypesList-checked--2Ba66","textInfo":"EntityTypesList-textInfo--sL0G-","text":"EntityTypesList-text--QzVMI","count":"EntityTypesList-count--xE-gy"};
|
|
2
|
+
if (typeof document !== 'undefined') {
|
|
3
|
+
const head = document.head || document.getElementsByTagName('head')[0]
|
|
4
|
+
const style = document.createElement('style');
|
|
5
|
+
style.type = 'text/css'
|
|
6
|
+
style.innerHTML = `.EntityTypesList-listContainer--yH3ri{display:flex;flex-direction:column;padding-left:18px}.EntityTypesList-listContainer--yH3ri .EntityTypesList-disabled--HnKbn{opacity:.4;pointer-events:none}.EntityTypesList-item--7i6HO{display:flex;flex-direction:row;flex-grow:1;flex-shrink:0;margin-bottom:2px;margin-right:10px;margin-top:2px}.EntityTypesList-info--j8-KL{display:flex;flex-grow:1;margin-bottom:2px;margin-top:2px;min-width:0;position:relative}.EntityTypesList-info--j8-KL:hover{cursor:pointer}.EntityTypesList-info--j8-KL .EntityTypesList-checkedBar--TGBZJ{opacity:.4}.EntityTypesList-checkbox--ZthGQ{margin-right:14px;padding:0}.EntityTypesList-checkbox--ZthGQ .EntityTypesList-checked--2Ba66{opacity:1}.EntityTypesList-textInfo--sL0G-{align-items:center;background-color:transparent;display:flex;flex-grow:1;line-height:16px;min-width:0;z-index:2}.EntityTypesList-text--QzVMI{color:var(--mui-palette-text-primary);flex-grow:1;margin-left:7px;margin-right:4px;max-height:32px;width:100%;word-break:break-word;word-wrap:break-word;overflow:hidden}.EntityTypesList-count--xE-gy{color:var(--mui-palette-text-secondary);flex-shrink:0;font-size:12px;margin-right:4px;text-align:right}`;
|
|
7
|
+
head.appendChild(style);
|
|
8
|
+
}
|
|
9
|
+
export default styles;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { EntityTypesList } from './EntityTypesList';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { EntityTypesList } from './EntityTypesList';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { QuickFiltersEntityTypeFacet } from './QuickFiltersEntityTypeFacet';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.FacetGroup = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var FacetGroupTitle_1 = require("../FacetGroupTitle");
|
|
9
|
+
var FacetGroup_module_css_1 = __importDefault(require("./FacetGroup.module.css"));
|
|
10
|
+
var FacetGroup = function (_a) {
|
|
11
|
+
var children = _a.children, _b = _a.title, title = _b === void 0 ? '' : _b;
|
|
12
|
+
return (react_1.default.createElement("div", { className: FacetGroup_module_css_1.default.facetGroupContainer },
|
|
13
|
+
react_1.default.createElement(FacetGroupTitle_1.FacetGroupTitle, { title: title }),
|
|
14
|
+
children));
|
|
15
|
+
};
|
|
16
|
+
exports.FacetGroup = FacetGroup;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
const styles = {"facetGroupContainer":"FacetGroup-facetGroupContainer--r4EGm"};
|
|
2
|
+
if (typeof document !== 'undefined') {
|
|
3
|
+
const head = document.head || document.getElementsByTagName('head')[0]
|
|
4
|
+
const style = document.createElement('style');
|
|
5
|
+
style.type = 'text/css'
|
|
6
|
+
style.innerHTML = `.FacetGroup-facetGroupContainer--r4EGm{display:flex;flex-direction:column;flex-shrink:0}.FacetGroup-facetGroupContainer--r4EGm+.FacetGroup-facetGroupContainer--r4EGm,.FacetGroup-facetGroupContainer--r4EGm+hr{margin-top:8px}`;
|
|
7
|
+
head.appendChild(style);
|
|
8
|
+
}
|
|
9
|
+
module.exports = styles;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FacetGroup } from './FacetGroup';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.FacetGroup = void 0;
|
|
4
|
+
var FacetGroup_1 = require("./FacetGroup");
|
|
5
|
+
Object.defineProperty(exports, "FacetGroup", { enumerable: true, get: function () { return FacetGroup_1.FacetGroup; } });
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.FacetGroupTitle = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var Avatar_1 = __importDefault(require("@mui/material/Avatar"));
|
|
9
|
+
var ExpandedValueTooltip_1 = require("../ExpandedValueTooltip");
|
|
10
|
+
var FacetGroupTitle_module_css_1 = __importDefault(require("./FacetGroupTitle.module.css"));
|
|
11
|
+
var FacetGroupTitle = function (_a) {
|
|
12
|
+
var _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.iconSrc, iconSrc = _c === void 0 ? '' : _c, leftIcon = _a.leftIcon;
|
|
13
|
+
return (react_1.default.createElement("div", { className: FacetGroupTitle_module_css_1.default.titleBox },
|
|
14
|
+
react_1.default.createElement("div", { className: FacetGroupTitle_module_css_1.default.title },
|
|
15
|
+
leftIcon && react_1.default.createElement("div", { className: FacetGroupTitle_module_css_1.default.leftIcon }, leftIcon),
|
|
16
|
+
iconSrc && react_1.default.createElement(Avatar_1.default, { src: iconSrc, className: FacetGroupTitle_module_css_1.default.avatar }),
|
|
17
|
+
react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { value: title },
|
|
18
|
+
react_1.default.createElement("span", null, title)))));
|
|
19
|
+
};
|
|
20
|
+
exports.FacetGroupTitle = FacetGroupTitle;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
const styles = {"titleBox":"FacetGroupTitle-titleBox--yg91y","title":"FacetGroupTitle-title--6MrZT","leftIcon":"FacetGroupTitle-leftIcon--ts7l3","avatar":"FacetGroupTitle-avatar--dgaa0"};
|
|
2
|
+
if (typeof document !== 'undefined') {
|
|
3
|
+
const head = document.head || document.getElementsByTagName('head')[0]
|
|
4
|
+
const style = document.createElement('style');
|
|
5
|
+
style.type = 'text/css'
|
|
6
|
+
style.innerHTML = `.FacetGroupTitle-titleBox--yg91y{align-items:center;display:flex;flex-direction:row;flex-shrink:0;justify-content:space-between;line-height:24px;padding-bottom:8px;padding-top:12px}.FacetGroupTitle-title--6MrZT{align-items:center;color:rgba(0,0,0,.87);display:flex;flex-grow:1;font-size:16px;font-weight:500;letter-spacing:.15px;overflow:hidden;padding-left:16px}.FacetGroupTitle-leftIcon--ts7l3{flex-shrink:0;margin-right:20px}.FacetGroupTitle-avatar--dgaa0{height:32px;margin-right:12px;width:32px}`;
|
|
7
|
+
head.appendChild(style);
|
|
8
|
+
}
|
|
9
|
+
module.exports = styles;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FacetGroupTitle } from './FacetGroupTitle';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.FacetGroupTitle = void 0;
|
|
4
|
+
var FacetGroupTitle_1 = require("./FacetGroupTitle");
|
|
5
|
+
Object.defineProperty(exports, "FacetGroupTitle", { enumerable: true, get: function () { return FacetGroupTitle_1.FacetGroupTitle; } });
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { EntityTypeFacetDataItem } from '@reltio/mdm-sdk';
|
|
3
|
+
type Props = {
|
|
4
|
+
items: EntityTypeFacetDataItem[];
|
|
5
|
+
maxRowCount?: number;
|
|
6
|
+
showAllItems?: boolean;
|
|
7
|
+
values?: string[];
|
|
8
|
+
onChange?: (values?: string[]) => void;
|
|
9
|
+
onViewMoreLess: () => void;
|
|
10
|
+
countFormatter?: (number: number) => string;
|
|
11
|
+
};
|
|
12
|
+
export declare const QuickFiltersEntityTypeFacet: ({ items, maxRowCount, showAllItems, values, onChange, onViewMoreLess, countFormatter }: Props) => React.JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.QuickFiltersEntityTypeFacet = void 0;
|
|
30
|
+
var react_1 = __importStar(require("react"));
|
|
31
|
+
var ramda_1 = require("ramda");
|
|
32
|
+
var mdm_sdk_1 = require("@reltio/mdm-sdk");
|
|
33
|
+
var ViewMoreToggle_1 = require("../ViewMoreToggle");
|
|
34
|
+
var EmptySearchResult_1 = require("../EmptySearchResult");
|
|
35
|
+
var EntityTypesFacetGroups_1 = require("./components/EntityTypesFacetGroups");
|
|
36
|
+
var QuickFiltersEntityTypeFacet_module_css_1 = __importDefault(require("./QuickFiltersEntityTypeFacet.module.css"));
|
|
37
|
+
var DEFAULT_ROW_COUNT = 7;
|
|
38
|
+
var QuickFiltersEntityTypeFacet = function (_a) {
|
|
39
|
+
var items = _a.items, _b = _a.maxRowCount, maxRowCount = _b === void 0 ? DEFAULT_ROW_COUNT : _b, showAllItems = _a.showAllItems, _c = _a.values, values = _c === void 0 ? [] : _c, _d = _a.onChange, onChange = _d === void 0 ? ramda_1.identity : _d, onViewMoreLess = _a.onViewMoreLess, countFormatter = _a.countFormatter;
|
|
40
|
+
var groups = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getGroupedEntityTypes)(items); }, [items]);
|
|
41
|
+
var totalItems = groups.reduce(function (sum, group) { return sum + group.items.length; }, 0);
|
|
42
|
+
var needShowViewMoreButton = totalItems > maxRowCount;
|
|
43
|
+
return (react_1.default.createElement("div", { className: QuickFiltersEntityTypeFacet_module_css_1.default.container }, groups.length > 0 ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
44
|
+
react_1.default.createElement(EntityTypesFacetGroups_1.EntityTypesFacetGroups, { groups: groups, values: values, maxRowCount: maxRowCount, onChange: onChange, showAll: showAllItems, countFormatter: countFormatter }),
|
|
45
|
+
needShowViewMoreButton && (react_1.default.createElement(ViewMoreToggle_1.ViewMoreToggle, { active: showAllItems, onClick: onViewMoreLess, className: QuickFiltersEntityTypeFacet_module_css_1.default.viewMoreLess })))) : (react_1.default.createElement(EmptySearchResult_1.EmptySearchResult, { variant: "noData", className: QuickFiltersEntityTypeFacet_module_css_1.default.noData }))));
|
|
46
|
+
};
|
|
47
|
+
exports.QuickFiltersEntityTypeFacet = QuickFiltersEntityTypeFacet;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
const styles = {"container":"QuickFiltersEntityTypeFacet-container--dVdDy","noData":"QuickFiltersEntityTypeFacet-noData--y-9iH","viewMoreLess":"QuickFiltersEntityTypeFacet-viewMoreLess--xgmjA"};
|
|
2
|
+
if (typeof document !== 'undefined') {
|
|
3
|
+
const head = document.head || document.getElementsByTagName('head')[0]
|
|
4
|
+
const style = document.createElement('style');
|
|
5
|
+
style.type = 'text/css'
|
|
6
|
+
style.innerHTML = `.QuickFiltersEntityTypeFacet-container--dVdDy{display:flex;flex-direction:column;flex-grow:1;font-size:13px;overflow:hidden}.QuickFiltersEntityTypeFacet-noData--y-9iH{margin-left:16px}.QuickFiltersEntityTypeFacet-viewMoreLess--xgmjA{padding-left:20px}`;
|
|
7
|
+
head.appendChild(style);
|
|
8
|
+
}
|
|
9
|
+
module.exports = styles;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { EntityTypesGroup } from '../../types';
|
|
3
|
+
type Props = {
|
|
4
|
+
groups: EntityTypesGroup[];
|
|
5
|
+
values: string[];
|
|
6
|
+
maxRowCount: number;
|
|
7
|
+
showAll: boolean;
|
|
8
|
+
onChange: (values: string[]) => void;
|
|
9
|
+
countFormatter?: (number: number) => string;
|
|
10
|
+
};
|
|
11
|
+
export declare const EntityTypesFacetGroups: ({ groups, values, maxRowCount, showAll, onChange, countFormatter }: Props) => React.JSX.Element;
|
|
12
|
+
export {};
|
package/cjs/QuickFiltersEntityTypeFacet/components/EntityTypesFacetGroups/EntityTypesFacetGroups.js
ADDED
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.EntityTypesFacetGroups = void 0;
|
|
30
|
+
var react_1 = __importStar(require("react"));
|
|
31
|
+
var ramda_1 = require("ramda");
|
|
32
|
+
var ui_i18n_1 = __importDefault(require("ui-i18n"));
|
|
33
|
+
var mdm_sdk_1 = require("@reltio/mdm-sdk");
|
|
34
|
+
var Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
|
|
35
|
+
var LocalOfferOutlined_1 = __importDefault(require("@mui/icons-material/LocalOfferOutlined"));
|
|
36
|
+
var EntityTypesList_1 = require("../EntityTypesList");
|
|
37
|
+
var EntityTypesFacetGroups_module_css_1 = __importDefault(require("./EntityTypesFacetGroups.module.css"));
|
|
38
|
+
var EntityTypesFacetGroups = function (_a) {
|
|
39
|
+
var groups = _a.groups, values = _a.values, maxRowCount = _a.maxRowCount, showAll = _a.showAll, onChange = _a.onChange, countFormatter = _a.countFormatter;
|
|
40
|
+
var shouldUseAllItems = !countFormatter;
|
|
41
|
+
var handleCheckboxChange = (0, react_1.useCallback)(function (groupValues) { return function (e) {
|
|
42
|
+
var newValues = e.target.checked
|
|
43
|
+
? values.concat(groupValues.filter(function (v) { return !values.includes(v); }))
|
|
44
|
+
: values.filter(function (v) { return !groupValues.includes(v); });
|
|
45
|
+
onChange(newValues);
|
|
46
|
+
}; }, [onChange, values]);
|
|
47
|
+
var groupedItemsToRender = (0, react_1.useMemo)(function () {
|
|
48
|
+
if (showAll)
|
|
49
|
+
return groups;
|
|
50
|
+
var count = 0;
|
|
51
|
+
return groups
|
|
52
|
+
.map(function (group) {
|
|
53
|
+
if (count >= maxRowCount)
|
|
54
|
+
return null;
|
|
55
|
+
var remaining = maxRowCount - count;
|
|
56
|
+
var limitedItems = group.items.slice(0, remaining);
|
|
57
|
+
count += limitedItems.length;
|
|
58
|
+
return limitedItems.length ? { label: group.label, items: limitedItems } : null;
|
|
59
|
+
})
|
|
60
|
+
.filter(Boolean);
|
|
61
|
+
}, [groups, showAll, maxRowCount]);
|
|
62
|
+
var renderGroup = function (_a) {
|
|
63
|
+
var label = _a.label, items = _a.items;
|
|
64
|
+
var allItems = (0, ramda_1.pipe)((0, ramda_1.find)(function (group) { return group.label === label; }), (0, ramda_1.defaultTo)({ label: label, items: [] }), (0, ramda_1.prop)('items'))(groups);
|
|
65
|
+
var availableValuesWithCount = (0, ramda_1.pipe)((0, ramda_1.filter)(function (item) { return (item.number && item.number > 0) || values.includes(item.value); }), (0, ramda_1.pluck)('value'))(allItems);
|
|
66
|
+
var availableValues = shouldUseAllItems ? (0, ramda_1.pluck)('value', allItems) : availableValuesWithCount;
|
|
67
|
+
var checkedCount = availableValues.filter(function (v) { return values.includes(v); }).length;
|
|
68
|
+
var allChecked = checkedCount === availableValues.length && availableValues.length > 0;
|
|
69
|
+
var someChecked = checkedCount > 0 && checkedCount < availableValues.length;
|
|
70
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
71
|
+
react_1.default.createElement("div", { className: EntityTypesFacetGroups_module_css_1.default.groupHeader },
|
|
72
|
+
react_1.default.createElement(Checkbox_1.default, { className: EntityTypesFacetGroups_module_css_1.default.groupCheckbox, checked: allChecked, indeterminate: someChecked, onChange: handleCheckboxChange(availableValues), disabled: availableValues.length === 0 }),
|
|
73
|
+
label !== mdm_sdk_1.DEFAULT_ENTITY_TYPE_GROUP && react_1.default.createElement(LocalOfferOutlined_1.default, { className: EntityTypesFacetGroups_module_css_1.default.groupIcon }),
|
|
74
|
+
react_1.default.createElement("span", { className: EntityTypesFacetGroups_module_css_1.default.groupLabel }, label === mdm_sdk_1.DEFAULT_ENTITY_TYPE_GROUP ? ui_i18n_1.default.text('Other') : label)),
|
|
75
|
+
react_1.default.createElement(EntityTypesList_1.EntityTypesList, { data: items, values: values, onChange: onChange, countFormatter: countFormatter })));
|
|
76
|
+
};
|
|
77
|
+
return groups.length === 1 && groups[0].label === mdm_sdk_1.DEFAULT_ENTITY_TYPE_GROUP ? (react_1.default.createElement(EntityTypesList_1.EntityTypesList, { data: groupedItemsToRender[0].items, values: values, onChange: onChange, countFormatter: countFormatter })) : (react_1.default.createElement(react_1.default.Fragment, null, groupedItemsToRender.map(function (group) { return (react_1.default.createElement("div", { key: group.label }, renderGroup(group))); })));
|
|
78
|
+
};
|
|
79
|
+
exports.EntityTypesFacetGroups = EntityTypesFacetGroups;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
const styles = {"groupHeader":"EntityTypesFacetGroups-groupHeader---V51b","groupCheckbox":"EntityTypesFacetGroups-groupCheckbox--owond","groupIcon":"EntityTypesFacetGroups-groupIcon--wPz-A","groupLabel":"EntityTypesFacetGroups-groupLabel--4yhjo"};
|
|
2
|
+
if (typeof document !== 'undefined') {
|
|
3
|
+
const head = document.head || document.getElementsByTagName('head')[0]
|
|
4
|
+
const style = document.createElement('style');
|
|
5
|
+
style.type = 'text/css'
|
|
6
|
+
style.innerHTML = `.EntityTypesFacetGroups-groupHeader---V51b{align-items:center;background:#f5f5f5;display:flex;margin:2px 10px;padding:6px 8px}.EntityTypesFacetGroups-groupCheckbox--owond{margin-right:21px;padding:0}.EntityTypesFacetGroups-groupIcon--wPz-A{color:rgba(0,0,0,.54);height:20px;margin-right:8px;width:20px}.EntityTypesFacetGroups-groupLabel--4yhjo{font-size:14px;font-weight:500}`;
|
|
7
|
+
head.appendChild(style);
|
|
8
|
+
}
|
|
9
|
+
module.exports = styles;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { EntityTypesFacetGroups } from './EntityTypesFacetGroups';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.EntityTypesFacetGroups = void 0;
|
|
4
|
+
var EntityTypesFacetGroups_1 = require("./EntityTypesFacetGroups");
|
|
5
|
+
Object.defineProperty(exports, "EntityTypesFacetGroups", { enumerable: true, get: function () { return EntityTypesFacetGroups_1.EntityTypesFacetGroups; } });
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { EntityTypeFacetDataItem } from '@reltio/mdm-sdk';
|
|
3
|
+
type Props = {
|
|
4
|
+
data?: EntityTypeFacetDataItem[];
|
|
5
|
+
values?: string[];
|
|
6
|
+
countFormatter?: (number: number) => string;
|
|
7
|
+
onChange?: (values?: string[]) => void;
|
|
8
|
+
};
|
|
9
|
+
export declare const EntityTypesList: ({ data, values, onChange, countFormatter }: Props) => React.JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.EntityTypesList = void 0;
|
|
30
|
+
var react_1 = __importStar(require("react"));
|
|
31
|
+
var ui_i18n_1 = __importDefault(require("ui-i18n"));
|
|
32
|
+
var classnames_1 = __importDefault(require("classnames"));
|
|
33
|
+
var ramda_1 = require("ramda");
|
|
34
|
+
var Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
|
|
35
|
+
var ColorBar_1 = require("../../../ColorBar");
|
|
36
|
+
var EntityTypesList_module_css_1 = __importDefault(require("./EntityTypesList.module.css"));
|
|
37
|
+
var EntityTypesList = function (_a) {
|
|
38
|
+
var _b = _a.data, data = _b === void 0 ? [] : _b, _c = _a.values, values = _c === void 0 ? [] : _c, _d = _a.onChange, onChange = _d === void 0 ? ramda_1.identity : _d, countFormatter = _a.countFormatter;
|
|
39
|
+
var shouldShowCount = !!countFormatter;
|
|
40
|
+
var handleItemClick = function (name) { return function () {
|
|
41
|
+
var newValues = values.includes(name) ? values.filter(function (val) { return val !== name; }) : values.concat(name);
|
|
42
|
+
onChange(newValues);
|
|
43
|
+
}; };
|
|
44
|
+
var maxNumber = Math.max.apply(Math, data.map(function (item) { return item.number; }));
|
|
45
|
+
var createControl = function (item) {
|
|
46
|
+
var _a;
|
|
47
|
+
return (react_1.default.createElement(Checkbox_1.default, { className: (0, classnames_1.default)(EntityTypesList_module_css_1.default.checkbox, (_a = {}, _a[EntityTypesList_module_css_1.default.checked] = values.includes(item.value), _a)), checked: values.includes(item.value), onChange: handleItemClick(item.value), value: item.value, color: "primary" }));
|
|
48
|
+
};
|
|
49
|
+
var createColorBar = function (item) {
|
|
50
|
+
var _a;
|
|
51
|
+
return (react_1.default.createElement(ColorBar_1.ColorBar, { className: (0, classnames_1.default)((_a = {}, _a[EntityTypesList_module_css_1.default.checkedBar] = values.includes(item.value), _a)), width: item.number, maxWidth: maxNumber }));
|
|
52
|
+
};
|
|
53
|
+
var shouldDisableItem = (0, react_1.useCallback)(function (item) {
|
|
54
|
+
return shouldShowCount && !item.number && !values.includes(item.value);
|
|
55
|
+
}, [shouldShowCount, values]);
|
|
56
|
+
return (react_1.default.createElement("div", { className: EntityTypesList_module_css_1.default.listContainer }, data.map(function (item) {
|
|
57
|
+
var _a;
|
|
58
|
+
return (react_1.default.createElement("div", { key: item.value, className: (0, classnames_1.default)(EntityTypesList_module_css_1.default.item, (_a = {},
|
|
59
|
+
_a[EntityTypesList_module_css_1.default.disabled] = shouldDisableItem(item),
|
|
60
|
+
_a)), "data-reltio-id": "search-facets-list-row" },
|
|
61
|
+
createControl(item),
|
|
62
|
+
react_1.default.createElement("div", { className: EntityTypesList_module_css_1.default.info, onClick: handleItemClick(item.value) },
|
|
63
|
+
shouldShowCount && createColorBar(item),
|
|
64
|
+
react_1.default.createElement("div", { className: (0, classnames_1.default)(EntityTypesList_module_css_1.default.textInfo) },
|
|
65
|
+
react_1.default.createElement("div", { className: EntityTypesList_module_css_1.default.text }, item.label),
|
|
66
|
+
shouldShowCount && (react_1.default.createElement("div", { className: EntityTypesList_module_css_1.default.count }, item.number === undefined ? ui_i18n_1.default.text('N/A') : countFormatter(item.number)))))));
|
|
67
|
+
})));
|
|
68
|
+
};
|
|
69
|
+
exports.EntityTypesList = EntityTypesList;
|
package/cjs/QuickFiltersEntityTypeFacet/components/EntityTypesList/EntityTypesList.module.css.js
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
const styles = {"listContainer":"EntityTypesList-listContainer--yH3ri","disabled":"EntityTypesList-disabled--HnKbn","item":"EntityTypesList-item--7i6HO","info":"EntityTypesList-info--j8-KL","checkedBar":"EntityTypesList-checkedBar--TGBZJ","checkbox":"EntityTypesList-checkbox--ZthGQ","checked":"EntityTypesList-checked--2Ba66","textInfo":"EntityTypesList-textInfo--sL0G-","text":"EntityTypesList-text--QzVMI","count":"EntityTypesList-count--xE-gy"};
|
|
2
|
+
if (typeof document !== 'undefined') {
|
|
3
|
+
const head = document.head || document.getElementsByTagName('head')[0]
|
|
4
|
+
const style = document.createElement('style');
|
|
5
|
+
style.type = 'text/css'
|
|
6
|
+
style.innerHTML = `.EntityTypesList-listContainer--yH3ri{display:flex;flex-direction:column;padding-left:18px}.EntityTypesList-listContainer--yH3ri .EntityTypesList-disabled--HnKbn{opacity:.4;pointer-events:none}.EntityTypesList-item--7i6HO{display:flex;flex-direction:row;flex-grow:1;flex-shrink:0;margin-bottom:2px;margin-right:10px;margin-top:2px}.EntityTypesList-info--j8-KL{display:flex;flex-grow:1;margin-bottom:2px;margin-top:2px;min-width:0;position:relative}.EntityTypesList-info--j8-KL:hover{cursor:pointer}.EntityTypesList-info--j8-KL .EntityTypesList-checkedBar--TGBZJ{opacity:.4}.EntityTypesList-checkbox--ZthGQ{margin-right:14px;padding:0}.EntityTypesList-checkbox--ZthGQ .EntityTypesList-checked--2Ba66{opacity:1}.EntityTypesList-textInfo--sL0G-{align-items:center;background-color:transparent;display:flex;flex-grow:1;line-height:16px;min-width:0;z-index:2}.EntityTypesList-text--QzVMI{color:var(--mui-palette-text-primary);flex-grow:1;margin-left:7px;margin-right:4px;max-height:32px;width:100%;word-break:break-word;word-wrap:break-word;overflow:hidden}.EntityTypesList-count--xE-gy{color:var(--mui-palette-text-secondary);flex-shrink:0;font-size:12px;margin-right:4px;text-align:right}`;
|
|
7
|
+
head.appendChild(style);
|
|
8
|
+
}
|
|
9
|
+
module.exports = styles;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { EntityTypesList } from './EntityTypesList';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.EntityTypesList = void 0;
|
|
4
|
+
var EntityTypesList_1 = require("./EntityTypesList");
|
|
5
|
+
Object.defineProperty(exports, "EntityTypesList", { enumerable: true, get: function () { return EntityTypesList_1.EntityTypesList; } });
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.QuickFiltersEntityTypeFacet = void 0;
|
|
4
|
+
var QuickFiltersEntityTypeFacet_1 = require("./QuickFiltersEntityTypeFacet");
|
|
5
|
+
Object.defineProperty(exports, "QuickFiltersEntityTypeFacet", { enumerable: true, get: function () { return QuickFiltersEntityTypeFacet_1.QuickFiltersEntityTypeFacet; } });
|
|
@@ -8,8 +8,9 @@ type Props = {
|
|
|
8
8
|
filters?: SegmentationFilters;
|
|
9
9
|
abortControllerRef?: React.MutableRefObject<AbortController | null>;
|
|
10
10
|
parentId?: string;
|
|
11
|
+
isFolderMoveMode?: boolean;
|
|
11
12
|
};
|
|
12
|
-
export declare const useSegmentsLoader: ({ sorting, rowsPerPage, page, filters, enabled, abortControllerRef, parentId }: Props) => {
|
|
13
|
+
export declare const useSegmentsLoader: ({ sorting, rowsPerPage, page, filters, enabled, abortControllerRef, parentId, isFolderMoveMode }: Props) => {
|
|
13
14
|
state: RequestStates;
|
|
14
15
|
segments: NewSegment[];
|
|
15
16
|
total: number;
|
|
@@ -54,7 +54,7 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
|
|
|
54
54
|
var types_1 = require("../../types");
|
|
55
55
|
var errors_1 = require("../../helpers/errors");
|
|
56
56
|
var useSegmentsLoader = function (_a) {
|
|
57
|
-
var sorting = _a.sorting, rowsPerPage = _a.rowsPerPage, page = _a.page, filters = _a.filters, enabled = _a.enabled, abortControllerRef = _a.abortControllerRef, parentId = _a.parentId;
|
|
57
|
+
var sorting = _a.sorting, rowsPerPage = _a.rowsPerPage, page = _a.page, filters = _a.filters, enabled = _a.enabled, abortControllerRef = _a.abortControllerRef, parentId = _a.parentId, isFolderMoveMode = _a.isFolderMoveMode;
|
|
58
58
|
var _b = (0, react_1.useState)(types_1.RequestStates.INIT), requestState = _b[0], setRequestState = _b[1];
|
|
59
59
|
var _c = (0, react_1.useState)([]), segments = _c[0], setSegments = _c[1];
|
|
60
60
|
var _d = (0, react_1.useState)(0), total = _d[0], setTotal = _d[1];
|
|
@@ -63,8 +63,8 @@ var useSegmentsLoader = function (_a) {
|
|
|
63
63
|
var hasSearchValue = Boolean((filters === null || filters === void 0 ? void 0 : filters.searchValue) && filters.searchValue.length > 0);
|
|
64
64
|
var filterString = (0, mdm_sdk_1.buildSegmentsFilterString)(filters);
|
|
65
65
|
var params = (0, react_1.useMemo)(function () {
|
|
66
|
-
return (0, ramda_1.reject)(mdm_sdk_1.isEmptyValue, __assign(
|
|
67
|
-
}, [sort, order, rowsPerPage, page, filterString, parentId, hasActiveFilter, hasSearchValue]);
|
|
66
|
+
return (0, ramda_1.reject)(mdm_sdk_1.isEmptyValue, __assign({ sort: sort, order: order, max: rowsPerPage, offset: page * rowsPerPage, filter: filterString, parentId: parentId }, (hasSearchValue || (hasActiveFilter && !isFolderMoveMode) ? { fetchAll: true } : {})));
|
|
67
|
+
}, [sort, order, rowsPerPage, page, filterString, parentId, hasActiveFilter, hasSearchValue, isFolderMoveMode]);
|
|
68
68
|
var loadRequest = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
69
69
|
var signal, response, error_1;
|
|
70
70
|
var _a;
|
package/cjs/index.d.ts
CHANGED
|
@@ -186,6 +186,9 @@ export type { DefaultHeadCellRendererWithTooltipProps } from './DefaultHeadCellR
|
|
|
186
186
|
export { QuickFiltersDrawer } from './QuickFiltersDrawer';
|
|
187
187
|
export { AdvancedSearchFabButton } from './AdvancedSearchFabButton';
|
|
188
188
|
export { QuickFiltersFacetPanel } from './QuickFiltersFacetPanel';
|
|
189
|
+
export { FacetGroup } from './FacetGroup';
|
|
190
|
+
export { QuickFiltersEntityTypeFacet } from './QuickFiltersEntityTypeFacet';
|
|
191
|
+
export { FacetGroupTitle } from './FacetGroupTitle';
|
|
189
192
|
export { withTooltip } from './HOCs/withTooltip';
|
|
190
193
|
export { withAsyncMount } from './HOCs/withAsyncMount';
|
|
191
194
|
export { withDragHandle } from './HOCs/withDragHandle';
|
package/cjs/index.js
CHANGED
|
@@ -17,11 +17,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
17
17
|
exports.NestedAttributeEditor = exports.NestedAttribute = exports.MoreAttributesButton = exports.InlineReferenceAttribute = exports.InlineNestedAttribute = exports.InlineImageAttribute = exports.InlineAttributesPager = exports.InfoIcon = exports.EditableImageAttributesLine = exports.FilterButton = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.EntitySelector = exports.EntityCreator = exports.AttributesPager = exports.AttributesList = exports.EditableAttribute = exports.DropDownMenuButton = exports.DescriptionIcon = exports.DefaultCellValueRenderer = exports.ControlAttributeIcon = exports.ColumnsSettingsPopup = exports.ColumnsSettings = exports.ColorBar = exports.CollapseRowButton = exports.BasicChartsFactory = exports.ChartsFactory = exports.CardinalityMessage = exports.BranchDecorator = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.BasicTablePagination = exports.basicTableViewState = exports.BasicTable = exports.BasicAttributeSelector = exports.BarChart = exports.AvatarWithFallback = exports.AutoSizeList = exports.AttributesView = exports.AttributesValuesEditor = exports.AttributesFiltersButton = exports.AttributesFiltersBuilder = exports.AttributesFilterSelector = exports.AttributesErrorsPanel = exports.AttributeListItem = exports.AttributeGroupIcon = exports.ArrowExpandButton = exports.ActionsPanel = exports.ActionButton = void 0;
|
|
18
18
|
exports.DropDownSelector = exports.ReactSelectOptionWithCheckIcon = exports.ReactSelectMenuWithPopper = exports.ReactSelectMenuList = exports.ReactSelectLoadMoreButton = exports.ReactSelectDropdownIndicatorWithIconButton = exports.ReactSelectDropdownIndicator = exports.Highlighter = exports.HierarchyNodeTitle = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.ExpandableSearchInput = exports.ErrorPopup = exports.ErrorBoundary = exports.SegmentIdLink = exports.EntityUriLink = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = exports.EmptyState = exports.Drawer = exports.DataTypeValue = exports.DataTenantBadge = exports.ConnectionRelationTypeSelector = exports.CollaborationItem = exports.ConfirmationDialog = exports.CommentsContainer = exports.ColoredSourceIcon = exports.CollapseButton = exports.TreeChart = exports.TableWithBars = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleAttributeEditor = exports.SimpleAttribute = exports.RowCellAutoSizer = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.ReferenceAttribute = exports.ImageAttributesLine = exports.ReadOnlyAttributesPager = exports.ReadOnlyAttributesList = exports.ReadOnlyAttribute = exports.ReadOnlyAttributeValuesBlock = exports.PieChart = exports.OvIcon = void 0;
|
|
19
19
|
exports.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = exports.SimpleMatchRules = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportButton = exports.ReadableSearchQueryBuilder = exports.ReadableSearchQuery = exports.LogicOperator = exports.TableSkeleton = exports.StepNavigation = exports.TenantLabel = exports.RelevanceScoreBadge = exports.RequiredMark = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.ProfilesList = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.ImageGalleryDialog = exports.RelationTypesSelector = exports.ScreenProfileBand = exports.ProfileBandNavigation = exports.EmptyStub = exports.MaskingSwitcher = exports.FileTypeEditor = exports.EmptySearchResult = exports.DropDownEditor = exports.FilterValueEditor = exports.MultiValueChip = exports.TextEditor = exports.DateRangeEditor = exports.NumberEditor = exports.DataTypeValueEditor = exports.DateEditor = exports.ErrorWrapper = exports.ErrorMessage = exports.HIDE = exports.INSERT_RIGHT = exports.INSERT_LEFT = exports.ConfigColumnPopup = exports.ConfigureColumnsPopup = exports.ConnectionEditor = void 0;
|
|
20
|
-
exports.
|
|
21
|
-
exports.
|
|
22
|
-
exports.
|
|
23
|
-
exports.
|
|
24
|
-
exports.mockComputedStyles = void 0;
|
|
20
|
+
exports.FacetGroup = exports.QuickFiltersFacetPanel = exports.AdvancedSearchFabButton = exports.QuickFiltersDrawer = exports.DefaultHeadCellRendererWithTooltip = exports.LazyRenderer = exports.MetadataTypesSelector = exports.DateRangeSelector = exports.UpSetChart = exports.GaugeChart = exports.RelationEditor = exports.ReltioMap = exports.Marginator = exports.LightArrowTooltip = exports.ScrollableTabs = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopup = exports.WhiteSearchInput = exports.SearchInput = exports.ProfileResizablePanes = exports.ResizablePanes = exports.ReltioGridLayout = exports.RCTreeSwitchRenderer = exports.RCTreeLevelLines = exports.RCTree = exports.reactSortableTreeHelpers = exports.ReactSortableTree = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = void 0;
|
|
21
|
+
exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.RelationContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.usePerspectivesSettings = exports.PerspectivesSettingsContext = exports.PivotingAttributeContext = exports.UsersContext = exports.InitialCollaborationContextValue = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockNavigationContext = exports.BlockImageGalleryDialogContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = exports.MdmModuleProvider = exports.withColumnConfigurator = exports.withBlockNavigation = exports.withCollapseButton = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.withContext = exports.withDateRangeSelector = exports.withDragHandle = exports.withAsyncMount = exports.withTooltip = exports.FacetGroupTitle = exports.QuickFiltersEntityTypeFacet = void 0;
|
|
22
|
+
exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useMatchesColumnsData = exports.useScrollToAttributeError = exports.ThemeProvider = exports.ProfileTablesContext = exports.HiddenAttributesContext = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.useDeleteUnmaskedAttributeForRelation = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.useReloadData = exports.ReloadDataProvider = exports.useAttributeValueConfigPermissions = exports.ConfigPermissionsContextProvider = exports.ConfigPermissionsContext = exports.useActionsHook = exports.ActionsHookProvider = exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = void 0;
|
|
23
|
+
exports.fixClicksOnResizablePanes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.getAttrPathFromColumnId = exports.getAttributeHeight = exports.getNestedPathByColumnId = exports.applyCompactValuesCountConstraint = exports.getAttributeSelectorItems = exports.mergeClasses = exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsSizeById = exports.buildColumnsFilter = exports.useSegmentsLoader = exports.useDndBasicTableScrollModifier = exports.useDynamicYAxisWidth = exports.useFilterAutoFocus = exports.useSegmentationRequest = exports.resolveMarkers = exports.useMarkers = exports.useMaskedAttribute = exports.useKeyboardNavigation = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.useHiddenAttributes = exports.useSavedSearchesRequest = exports.useRequestDCRReview = exports.useAutoFocus = exports.useExpandInvalidRelations = exports.useLayoutResetter = exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = void 0;
|
|
24
|
+
exports.mockComputedStyles = exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = void 0;
|
|
25
25
|
// components
|
|
26
26
|
var ActionButton_1 = require("./ActionButton");
|
|
27
27
|
Object.defineProperty(exports, "ActionButton", { enumerable: true, get: function () { return ActionButton_1.ActionButton; } });
|
|
@@ -409,6 +409,12 @@ var AdvancedSearchFabButton_1 = require("./AdvancedSearchFabButton");
|
|
|
409
409
|
Object.defineProperty(exports, "AdvancedSearchFabButton", { enumerable: true, get: function () { return AdvancedSearchFabButton_1.AdvancedSearchFabButton; } });
|
|
410
410
|
var QuickFiltersFacetPanel_1 = require("./QuickFiltersFacetPanel");
|
|
411
411
|
Object.defineProperty(exports, "QuickFiltersFacetPanel", { enumerable: true, get: function () { return QuickFiltersFacetPanel_1.QuickFiltersFacetPanel; } });
|
|
412
|
+
var FacetGroup_1 = require("./FacetGroup");
|
|
413
|
+
Object.defineProperty(exports, "FacetGroup", { enumerable: true, get: function () { return FacetGroup_1.FacetGroup; } });
|
|
414
|
+
var QuickFiltersEntityTypeFacet_1 = require("./QuickFiltersEntityTypeFacet");
|
|
415
|
+
Object.defineProperty(exports, "QuickFiltersEntityTypeFacet", { enumerable: true, get: function () { return QuickFiltersEntityTypeFacet_1.QuickFiltersEntityTypeFacet; } });
|
|
416
|
+
var FacetGroupTitle_1 = require("./FacetGroupTitle");
|
|
417
|
+
Object.defineProperty(exports, "FacetGroupTitle", { enumerable: true, get: function () { return FacetGroupTitle_1.FacetGroupTitle; } });
|
|
412
418
|
// HOCs
|
|
413
419
|
var withTooltip_1 = require("./HOCs/withTooltip");
|
|
414
420
|
Object.defineProperty(exports, "withTooltip", { enumerable: true, get: function () { return withTooltip_1.withTooltip; } });
|
|
@@ -8,8 +8,9 @@ type Props = {
|
|
|
8
8
|
filters?: SegmentationFilters;
|
|
9
9
|
abortControllerRef?: React.MutableRefObject<AbortController | null>;
|
|
10
10
|
parentId?: string;
|
|
11
|
+
isFolderMoveMode?: boolean;
|
|
11
12
|
};
|
|
12
|
-
export declare const useSegmentsLoader: ({ sorting, rowsPerPage, page, filters, enabled, abortControllerRef, parentId }: Props) => {
|
|
13
|
+
export declare const useSegmentsLoader: ({ sorting, rowsPerPage, page, filters, enabled, abortControllerRef, parentId, isFolderMoveMode }: Props) => {
|
|
13
14
|
state: RequestStates;
|
|
14
15
|
segments: NewSegment[];
|
|
15
16
|
total: number;
|
|
@@ -51,7 +51,7 @@ import { getSegments, isAbortError, isEmptyValue, buildSegmentsFilterString, isA
|
|
|
51
51
|
import { RequestStates } from '../../types';
|
|
52
52
|
import { showDefaultErrorMessage } from '../../helpers/errors';
|
|
53
53
|
export var useSegmentsLoader = function (_a) {
|
|
54
|
-
var sorting = _a.sorting, rowsPerPage = _a.rowsPerPage, page = _a.page, filters = _a.filters, enabled = _a.enabled, abortControllerRef = _a.abortControllerRef, parentId = _a.parentId;
|
|
54
|
+
var sorting = _a.sorting, rowsPerPage = _a.rowsPerPage, page = _a.page, filters = _a.filters, enabled = _a.enabled, abortControllerRef = _a.abortControllerRef, parentId = _a.parentId, isFolderMoveMode = _a.isFolderMoveMode;
|
|
55
55
|
var _b = useState(RequestStates.INIT), requestState = _b[0], setRequestState = _b[1];
|
|
56
56
|
var _c = useState([]), segments = _c[0], setSegments = _c[1];
|
|
57
57
|
var _d = useState(0), total = _d[0], setTotal = _d[1];
|
|
@@ -60,8 +60,8 @@ export var useSegmentsLoader = function (_a) {
|
|
|
60
60
|
var hasSearchValue = Boolean((filters === null || filters === void 0 ? void 0 : filters.searchValue) && filters.searchValue.length > 0);
|
|
61
61
|
var filterString = buildSegmentsFilterString(filters);
|
|
62
62
|
var params = useMemo(function () {
|
|
63
|
-
return reject(isEmptyValue, __assign(
|
|
64
|
-
}, [sort, order, rowsPerPage, page, filterString, parentId, hasActiveFilter, hasSearchValue]);
|
|
63
|
+
return reject(isEmptyValue, __assign({ sort: sort, order: order, max: rowsPerPage, offset: page * rowsPerPage, filter: filterString, parentId: parentId }, (hasSearchValue || (hasActiveFilter && !isFolderMoveMode) ? { fetchAll: true } : {})));
|
|
64
|
+
}, [sort, order, rowsPerPage, page, filterString, parentId, hasActiveFilter, hasSearchValue, isFolderMoveMode]);
|
|
65
65
|
var loadRequest = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
66
66
|
var signal, response, error_1;
|
|
67
67
|
var _a;
|
package/index.d.ts
CHANGED
|
@@ -186,6 +186,9 @@ export type { DefaultHeadCellRendererWithTooltipProps } from './DefaultHeadCellR
|
|
|
186
186
|
export { QuickFiltersDrawer } from './QuickFiltersDrawer';
|
|
187
187
|
export { AdvancedSearchFabButton } from './AdvancedSearchFabButton';
|
|
188
188
|
export { QuickFiltersFacetPanel } from './QuickFiltersFacetPanel';
|
|
189
|
+
export { FacetGroup } from './FacetGroup';
|
|
190
|
+
export { QuickFiltersEntityTypeFacet } from './QuickFiltersEntityTypeFacet';
|
|
191
|
+
export { FacetGroupTitle } from './FacetGroupTitle';
|
|
189
192
|
export { withTooltip } from './HOCs/withTooltip';
|
|
190
193
|
export { withAsyncMount } from './HOCs/withAsyncMount';
|
|
191
194
|
export { withDragHandle } from './HOCs/withDragHandle';
|
package/index.js
CHANGED
|
@@ -186,6 +186,9 @@ export { DefaultHeadCellRendererWithTooltip } from './DefaultHeadCellRendererWit
|
|
|
186
186
|
export { QuickFiltersDrawer } from './QuickFiltersDrawer';
|
|
187
187
|
export { AdvancedSearchFabButton } from './AdvancedSearchFabButton';
|
|
188
188
|
export { QuickFiltersFacetPanel } from './QuickFiltersFacetPanel';
|
|
189
|
+
export { FacetGroup } from './FacetGroup';
|
|
190
|
+
export { QuickFiltersEntityTypeFacet } from './QuickFiltersEntityTypeFacet';
|
|
191
|
+
export { FacetGroupTitle } from './FacetGroupTitle';
|
|
189
192
|
// HOCs
|
|
190
193
|
export { withTooltip } from './HOCs/withTooltip';
|
|
191
194
|
export { withAsyncMount } from './HOCs/withAsyncMount';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reltio/components",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.2165",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE FILE",
|
|
5
5
|
"main": "./cjs/index.js",
|
|
6
6
|
"module": "./index.js",
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"@fluentui/react-context-selector": "^9.1.26",
|
|
12
12
|
"@googlemaps/markerclusterer": "^2.5.3",
|
|
13
13
|
"@react-sigma/core": "3.4.0",
|
|
14
|
-
"@reltio/mdm-sdk": "^1.4.
|
|
14
|
+
"@reltio/mdm-sdk": "^1.4.1981",
|
|
15
15
|
"@vis.gl/react-google-maps": "^1.3.0",
|
|
16
16
|
"d3-cloud": "^1.2.5",
|
|
17
17
|
"d3-geo": "^2.0.1",
|