@reltio/components 1.4.1039 → 1.4.1041
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/cjs/components/EntityTypesSelector/EntityTypesSelector.d.ts +17 -55
- package/cjs/components/EntityTypesSelector/EntityTypesSelector.js +8 -118
- package/cjs/components/MetadataTypesSelector/ListLabel/ListLabel.d.ts +7 -0
- package/cjs/components/{EntityTypesSelector → MetadataTypesSelector}/ListLabel/ListLabel.js +2 -6
- package/cjs/components/MetadataTypesSelector/ListLabel/helpers.d.ts +4 -0
- package/cjs/components/{EntityTypesSelector → MetadataTypesSelector}/ListLabel/helpers.js +1 -1
- package/cjs/components/MetadataTypesSelector/ListLabel/styles.d.ts +1 -0
- package/cjs/components/{EntityTypesSelector → MetadataTypesSelector}/ListLabel/styles.js +0 -0
- package/cjs/components/MetadataTypesSelector/MetadataTypesSelector.d.ts +26 -0
- package/cjs/components/MetadataTypesSelector/MetadataTypesSelector.js +123 -0
- package/cjs/components/MetadataTypesSelector/SelectMetadataTypesList.d.ts +20 -0
- package/cjs/components/{EntityTypesSelector/SelectEntityTypesList.js → MetadataTypesSelector/SelectMetadataTypesList.js} +7 -12
- package/cjs/components/MetadataTypesSelector/styles.d.ts +1 -0
- package/cjs/components/{EntityTypesSelector → MetadataTypesSelector}/styles.js +0 -0
- package/cjs/components/RelationTypesSelector/RelationTypesSelector.d.ts +17 -0
- package/cjs/components/RelationTypesSelector/RelationTypesSelector.js +35 -0
- package/cjs/components/SearchInput/SearchInput.d.ts +3 -2
- package/cjs/components/SearchInput/SearchInput.js +3 -3
- package/cjs/components/SelectionPopup/SelectionPopup.d.ts +17 -44
- package/cjs/components/SelectionPopup/SelectionPopup.js +8 -26
- package/cjs/components/SelectionPopup/SelectionPopupPopper/SelectionPopupPopper.d.ts +17 -35
- package/cjs/components/SelectionPopup/SelectionPopupPopper/SelectionPopupPopper.js +0 -21
- package/cjs/components/SelectionPopup/helpers.d.ts +23 -9
- package/cjs/components/index.d.ts +2 -1
- package/cjs/components/index.js +5 -3
- package/esm/components/EntityTypesSelector/EntityTypesSelector.d.ts +17 -55
- package/esm/components/EntityTypesSelector/EntityTypesSelector.js +9 -120
- package/esm/components/MetadataTypesSelector/ListLabel/ListLabel.d.ts +7 -0
- package/esm/components/{EntityTypesSelector → MetadataTypesSelector}/ListLabel/ListLabel.js +1 -7
- package/esm/components/MetadataTypesSelector/ListLabel/helpers.d.ts +4 -0
- package/esm/components/{EntityTypesSelector → MetadataTypesSelector}/ListLabel/helpers.js +1 -1
- package/esm/components/MetadataTypesSelector/ListLabel/styles.d.ts +1 -0
- package/esm/components/{EntityTypesSelector → MetadataTypesSelector}/ListLabel/styles.js +0 -0
- package/esm/components/MetadataTypesSelector/MetadataTypesSelector.d.ts +26 -0
- package/esm/components/MetadataTypesSelector/MetadataTypesSelector.js +98 -0
- package/esm/components/MetadataTypesSelector/SelectMetadataTypesList.d.ts +20 -0
- package/esm/components/{EntityTypesSelector/SelectEntityTypesList.js → MetadataTypesSelector/SelectMetadataTypesList.js} +6 -12
- package/esm/components/MetadataTypesSelector/styles.d.ts +1 -0
- package/esm/components/{EntityTypesSelector → MetadataTypesSelector}/styles.js +0 -0
- package/esm/components/RelationTypesSelector/RelationTypesSelector.d.ts +17 -0
- package/esm/components/RelationTypesSelector/RelationTypesSelector.js +10 -0
- package/esm/components/SearchInput/SearchInput.d.ts +3 -2
- package/esm/components/SearchInput/SearchInput.js +3 -3
- package/esm/components/SelectionPopup/SelectionPopup.d.ts +17 -44
- package/esm/components/SelectionPopup/SelectionPopup.js +8 -26
- package/esm/components/SelectionPopup/SelectionPopupPopper/SelectionPopupPopper.d.ts +17 -35
- package/esm/components/SelectionPopup/SelectionPopupPopper/SelectionPopupPopper.js +0 -21
- package/esm/components/SelectionPopup/helpers.d.ts +23 -9
- package/esm/components/index.d.ts +2 -1
- package/esm/components/index.js +2 -1
- package/package.json +3 -3
- package/cjs/components/EntityTypesSelector/ListLabel/ListLabel.d.ts +0 -12
- package/cjs/components/EntityTypesSelector/ListLabel/helpers.d.ts +0 -3
- package/cjs/components/EntityTypesSelector/ListLabel/styles.d.ts +0 -1
- package/cjs/components/EntityTypesSelector/SelectEntityTypesList.d.ts +0 -16
- package/cjs/components/EntityTypesSelector/styles.d.ts +0 -1
- package/esm/components/EntityTypesSelector/ListLabel/ListLabel.d.ts +0 -12
- package/esm/components/EntityTypesSelector/ListLabel/helpers.d.ts +0 -3
- package/esm/components/EntityTypesSelector/ListLabel/styles.d.ts +0 -1
- package/esm/components/EntityTypesSelector/SelectEntityTypesList.d.ts +0 -16
- package/esm/components/EntityTypesSelector/styles.d.ts +0 -1
|
@@ -21,26 +21,20 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import React, { memo } from 'react';
|
|
24
|
-
import PropTypes from 'prop-types';
|
|
25
24
|
import { always } from 'ramda';
|
|
26
25
|
import AttributeListItem from '../AttributeListItem/AttributeListItem';
|
|
27
26
|
import Highlighter from '../Highlighter/Highlighter';
|
|
28
27
|
import VirtualGroupedList from '../VirtualGroupedList/VirtualGroupedList';
|
|
29
28
|
var ITEM_HEIGHT = 32;
|
|
30
29
|
var getItemSize = always(ITEM_HEIGHT);
|
|
31
|
-
var
|
|
32
|
-
var
|
|
30
|
+
export var SelectMetadataTypesList = memo(function (_a) {
|
|
31
|
+
var selectedItems = _a.selectedItems, onItemClick = _a.onItemClick, focusIndex = _a.focusIndex, width = _a.width, height = _a.height, otherProps = __rest(_a, ["selectedItems", "onItemClick", "focusIndex", "width", "height"]);
|
|
33
32
|
var renderItem = function (style, _a, index) {
|
|
34
33
|
var item = _a.item;
|
|
35
|
-
var isSelected = !!
|
|
34
|
+
var isSelected = !!selectedItems.find(function (uri) { return item.uri === uri; });
|
|
36
35
|
var isFocused = index === focusIndex;
|
|
37
36
|
return (React.createElement(AttributeListItem, { key: item.uri, onClick: onItemClick, checked: isSelected, data: item, label: React.createElement(Highlighter, { text: item.label, highlight: item.filterText }), labelInText: item.label, style: style, isFocused: isFocused, hideIcon: true, LogoIcon: item.LogoIcon }));
|
|
38
37
|
};
|
|
39
|
-
return (React.createElement(VirtualGroupedList, __assign({ getItemSize: getItemSize, renderItem: renderItem, focusIndex: focusIndex, fixedTitle: false, disableHorizontalScrollbar: true }, otherProps)));
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
selectedEntityTypes: PropTypes.array,
|
|
43
|
-
onItemClick: PropTypes.func,
|
|
44
|
-
focusIndex: PropTypes.number
|
|
45
|
-
};
|
|
46
|
-
export default memo(SelectEntityTypesList);
|
|
38
|
+
return (React.createElement(VirtualGroupedList, __assign({ getItemSize: getItemSize, renderItem: renderItem, focusIndex: focusIndex, fixedTitle: false, disableHorizontalScrollbar: true, width: width, height: height }, otherProps)));
|
|
39
|
+
});
|
|
40
|
+
SelectMetadataTypesList.displayName = 'SelectMetadataTypesList';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "input" | "root" | "inputLabel" | "inputRoot" | "inputText" | "emptyInput" | "disabledInput" | "disabledPointer" | "disabledUnderline" | "popup-opened-icon">;
|
|
File without changes
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TRelationType } from '@reltio/mdm-sdk';
|
|
3
|
+
import { MetadataTypesSelector } from '../MetadataTypesSelector/MetadataTypesSelector';
|
|
4
|
+
declare type MetadataTypesSelectorProps = React.ComponentProps<typeof MetadataTypesSelector>;
|
|
5
|
+
declare type Props = {
|
|
6
|
+
relationTypes: TRelationType[];
|
|
7
|
+
selectedRelationTypes: string[];
|
|
8
|
+
enableEmptyValueUnderline?: boolean;
|
|
9
|
+
onChange: (values: string[]) => void;
|
|
10
|
+
single?: boolean;
|
|
11
|
+
placeholder?: string;
|
|
12
|
+
classes?: MetadataTypesSelectorProps['classes'];
|
|
13
|
+
ListLabelProps?: MetadataTypesSelectorProps['ListLabelProps'];
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
};
|
|
16
|
+
export declare const RelationTypesSelector: React.MemoExoticComponent<({ relationTypes, selectedRelationTypes, single, placeholder, enableEmptyValueUnderline, onChange, classes, ListLabelProps, disabled }: Props) => JSX.Element>;
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { useMemo, memo } from 'react';
|
|
2
|
+
import i18n from 'ui-i18n';
|
|
3
|
+
import { isAvailableRelationType } from '@reltio/mdm-sdk';
|
|
4
|
+
import { MetadataTypesSelector } from '../MetadataTypesSelector/MetadataTypesSelector';
|
|
5
|
+
export var RelationTypesSelector = memo(function (_a) {
|
|
6
|
+
var relationTypes = _a.relationTypes, selectedRelationTypes = _a.selectedRelationTypes, single = _a.single, placeholder = _a.placeholder, enableEmptyValueUnderline = _a.enableEmptyValueUnderline, onChange = _a.onChange, _b = _a.classes, classes = _b === void 0 ? {} : _b, _c = _a.ListLabelProps, ListLabelProps = _c === void 0 ? {} : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d;
|
|
7
|
+
var items = useMemo(function () { return relationTypes.filter(isAvailableRelationType); }, [relationTypes]);
|
|
8
|
+
return (React.createElement(MetadataTypesSelector, { items: items, selectedItemsUris: selectedRelationTypes, single: single, placeholder: placeholder, enableEmptyValueUnderline: enableEmptyValueUnderline, onChange: onChange, classes: classes, ListLabelProps: ListLabelProps, disabled: disabled, label: i18n.text('Relation type'), dataReltioId: "relation-type-selector", selectionPopupTitle: i18n.text('Select relation types') }));
|
|
9
|
+
});
|
|
10
|
+
RelationTypesSelector.displayName = 'RelationTypesSelector';
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { InputProps } from '@material-ui/core/Input';
|
|
3
3
|
export declare type SearchInputProps = InputProps & {
|
|
4
|
-
value
|
|
4
|
+
value?: string;
|
|
5
5
|
autofocus: boolean;
|
|
6
6
|
onSearch: (value?: string) => void;
|
|
7
7
|
rootRef?: React.MutableRefObject<HTMLInputElement>;
|
|
8
8
|
height: number;
|
|
9
|
+
placeholder?: string;
|
|
9
10
|
};
|
|
10
|
-
declare const _default: React.MemoExoticComponent<({ value, autofocus, onSearch, rootRef, classes, height, ...otherProps }: SearchInputProps) => JSX.Element>;
|
|
11
|
+
declare const _default: React.MemoExoticComponent<({ value, autofocus, onSearch, rootRef, classes, height, placeholder, ...otherProps }: SearchInputProps) => JSX.Element>;
|
|
11
12
|
export default _default;
|
|
@@ -32,13 +32,13 @@ import { getValue, noop } from '../../core';
|
|
|
32
32
|
import SmallIconButton from '../SmallIconButton/SmallIconButton';
|
|
33
33
|
import { useStyles } from './styles';
|
|
34
34
|
var SearchInput = function (_a) {
|
|
35
|
-
var value = _a.value, autofocus = _a.autofocus, _b = _a.onSearch, onSearch = _b === void 0 ? noop : _b, rootRef = _a.rootRef, _c = _a.classes, classes = _c === void 0 ? {} : _c, height = _a.height, otherProps = __rest(_a, ["value", "autofocus", "onSearch", "rootRef", "classes", "height"]);
|
|
35
|
+
var value = _a.value, autofocus = _a.autofocus, _b = _a.onSearch, onSearch = _b === void 0 ? noop : _b, rootRef = _a.rootRef, _c = _a.classes, classes = _c === void 0 ? {} : _c, height = _a.height, _d = _a.placeholder, placeholder = _d === void 0 ? i18n.text('Search') : _d, otherProps = __rest(_a, ["value", "autofocus", "onSearch", "rootRef", "classes", "height", "placeholder"]);
|
|
36
36
|
var styles = useStyles({ height: height });
|
|
37
|
-
var
|
|
37
|
+
var _e = useState(''), localValue = _e[0], setLocalValue = _e[1];
|
|
38
38
|
var updateValue = pipe(tap(onSearch), setLocalValue);
|
|
39
39
|
var clearValue = function () { return updateValue(''); };
|
|
40
40
|
var inputValue = isNil(value) ? localValue : value;
|
|
41
41
|
return (React.createElement(Input, __assign({ startAdornment: React.createElement(InputAdornment, { position: "start" },
|
|
42
|
-
React.createElement(SearchIcon, { className: styles.icon })), endAdornment: React.createElement(InputAdornment, { position: "end" }, inputValue.length > 0 && (React.createElement(SmallIconButton, { icon: CloseIcon, className: styles.clearButton, onClick: clearValue }))), autoFocus: autofocus, classes: __assign(__assign({}, classes), { input: classNames(styles.input, classes.input), root: classNames(styles.container, classes.root) }), placeholder:
|
|
42
|
+
React.createElement(SearchIcon, { className: styles.icon })), endAdornment: React.createElement(InputAdornment, { position: "end" }, inputValue.length > 0 && (React.createElement(SmallIconButton, { icon: CloseIcon, className: styles.clearButton, onClick: clearValue }))), autoFocus: autofocus, classes: __assign(__assign({}, classes), { input: classNames(styles.input, classes.input), root: classNames(styles.container, classes.root) }), placeholder: placeholder, value: inputValue, onChange: pipe(getValue, updateValue), disableUnderline: true, ref: rootRef }, otherProps)));
|
|
43
43
|
};
|
|
44
44
|
export default memo(SearchInput);
|
|
@@ -1,45 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PopoverProps } from '@material-ui/core/Popover';
|
|
3
|
+
declare type Props = {
|
|
4
|
+
title: string;
|
|
5
|
+
containerWidth: number;
|
|
6
|
+
containerHeight: number;
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
PaperProps: Record<string, unknown>;
|
|
9
|
+
searchInputOnKeyDown: (event: React.KeyboardEvent) => void;
|
|
10
|
+
onSearch: (value?: string) => void;
|
|
11
|
+
className?: string;
|
|
12
|
+
hideTitle?: boolean;
|
|
13
|
+
hideSearchInput?: boolean;
|
|
14
|
+
headerPlacement?: 'top' | 'bottom';
|
|
15
|
+
searchInputRef?: React.Ref<unknown>;
|
|
16
|
+
} & PopoverProps;
|
|
17
|
+
declare const SelectionPopup: ({ title, className, onSearch, hideTitle, hideSearchInput, headerPlacement, containerWidth, containerHeight, searchInputOnKeyDown, children, searchInputRef, anchorOrigin, transformOrigin, ...otherProps }: Props) => JSX.Element;
|
|
1
18
|
export default SelectionPopup;
|
|
2
|
-
declare function SelectionPopup({ title, className, onSearch, hideTitle, hideSearchInput, headerPlacement, containerWidth, containerHeight, searchInputOnKeyDown, children, searchInputRef, ...otherProps }: {
|
|
3
|
-
[x: string]: any;
|
|
4
|
-
title: any;
|
|
5
|
-
className: any;
|
|
6
|
-
onSearch: any;
|
|
7
|
-
hideTitle: any;
|
|
8
|
-
hideSearchInput: any;
|
|
9
|
-
headerPlacement?: string;
|
|
10
|
-
containerWidth: any;
|
|
11
|
-
containerHeight: any;
|
|
12
|
-
searchInputOnKeyDown: any;
|
|
13
|
-
children: any;
|
|
14
|
-
searchInputRef: any;
|
|
15
|
-
}): JSX.Element;
|
|
16
|
-
declare namespace SelectionPopup {
|
|
17
|
-
namespace propTypes {
|
|
18
|
-
const className: PropTypes.Requireable<string>;
|
|
19
|
-
const title: PropTypes.Requireable<string>;
|
|
20
|
-
const headerPlacement: PropTypes.Requireable<string>;
|
|
21
|
-
const onSearch: PropTypes.Requireable<(...args: any[]) => any>;
|
|
22
|
-
const searchInputOnKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
|
|
23
|
-
const containerWidth: PropTypes.Requireable<number>;
|
|
24
|
-
const containerHeight: PropTypes.Requireable<number>;
|
|
25
|
-
const hideTitle: PropTypes.Requireable<boolean>;
|
|
26
|
-
const hideSearchInput: PropTypes.Requireable<boolean>;
|
|
27
|
-
const searchInputRef: PropTypes.Requireable<PropTypes.InferProps<{
|
|
28
|
-
current: PropTypes.Requireable<Element>;
|
|
29
|
-
}>>;
|
|
30
|
-
const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
31
|
-
}
|
|
32
|
-
namespace defaultProps {
|
|
33
|
-
namespace anchorOrigin {
|
|
34
|
-
const vertical: string;
|
|
35
|
-
const horizontal: string;
|
|
36
|
-
}
|
|
37
|
-
namespace transformOrigin {
|
|
38
|
-
const vertical_1: string;
|
|
39
|
-
export { vertical_1 as vertical };
|
|
40
|
-
const horizontal_1: string;
|
|
41
|
-
export { horizontal_1 as horizontal };
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
import PropTypes from "prop-types";
|
|
@@ -21,45 +21,27 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import React from 'react';
|
|
24
|
-
import PropTypes from 'prop-types';
|
|
25
24
|
import classnames from 'classnames';
|
|
26
25
|
import i18n from 'ui-i18n';
|
|
27
26
|
import Popover from '@material-ui/core/Popover';
|
|
28
27
|
import useStyles from './styles.js';
|
|
29
28
|
import SearchInput from '../SearchInput/SearchInput';
|
|
30
29
|
var SelectionPopup = function (_a) {
|
|
31
|
-
var title = _a.title, className = _a.className, onSearch = _a.onSearch, hideTitle = _a.hideTitle, hideSearchInput = _a.hideSearchInput, _b = _a.headerPlacement, headerPlacement = _b === void 0 ? 'top' : _b, containerWidth = _a.containerWidth, containerHeight = _a.containerHeight, searchInputOnKeyDown = _a.searchInputOnKeyDown, children = _a.children, searchInputRef = _a.searchInputRef,
|
|
30
|
+
var title = _a.title, className = _a.className, onSearch = _a.onSearch, hideTitle = _a.hideTitle, hideSearchInput = _a.hideSearchInput, _b = _a.headerPlacement, headerPlacement = _b === void 0 ? 'top' : _b, containerWidth = _a.containerWidth, containerHeight = _a.containerHeight, searchInputOnKeyDown = _a.searchInputOnKeyDown, children = _a.children, searchInputRef = _a.searchInputRef, _c = _a.anchorOrigin, anchorOrigin = _c === void 0 ? {
|
|
31
|
+
vertical: 'top',
|
|
32
|
+
horizontal: 'right'
|
|
33
|
+
} : _c, _d = _a.transformOrigin, transformOrigin = _d === void 0 ? {
|
|
34
|
+
vertical: 'top',
|
|
35
|
+
horizontal: 'right'
|
|
36
|
+
} : _d, otherProps = __rest(_a, ["title", "className", "onSearch", "hideTitle", "hideSearchInput", "headerPlacement", "containerWidth", "containerHeight", "searchInputOnKeyDown", "children", "searchInputRef", "anchorOrigin", "transformOrigin"]);
|
|
32
37
|
var classes = useStyles({ containerWidth: containerWidth, containerHeight: containerHeight });
|
|
33
38
|
var header = (React.createElement(React.Fragment, null,
|
|
34
39
|
!hideTitle && React.createElement("div", { className: classes.header }, title),
|
|
35
40
|
!hideSearchInput && (React.createElement(SearchInput, { onSearch: onSearch, autofocus: true, onKeyDown: searchInputOnKeyDown, inputRef: searchInputRef, classes: { root: classes.searchInputContainer }, placeholder: i18n.text('Search & add attributes'), height: 40 }))));
|
|
36
|
-
return (React.createElement(Popover, __assign({}, otherProps),
|
|
41
|
+
return (React.createElement(Popover, __assign({ anchorOrigin: anchorOrigin, transformOrigin: transformOrigin }, otherProps),
|
|
37
42
|
React.createElement("div", { className: classnames(classes.container, className), style: { width: containerWidth } },
|
|
38
43
|
headerPlacement === 'top' && header,
|
|
39
44
|
React.createElement("div", { className: classes.list }, children),
|
|
40
45
|
headerPlacement === 'bottom' && header)));
|
|
41
46
|
};
|
|
42
|
-
SelectionPopup.propTypes = {
|
|
43
|
-
className: PropTypes.string,
|
|
44
|
-
title: PropTypes.string,
|
|
45
|
-
headerPlacement: PropTypes.oneOf(['top', 'bottom']),
|
|
46
|
-
onSearch: PropTypes.func,
|
|
47
|
-
searchInputOnKeyDown: PropTypes.func,
|
|
48
|
-
containerWidth: PropTypes.number,
|
|
49
|
-
containerHeight: PropTypes.number,
|
|
50
|
-
hideTitle: PropTypes.bool,
|
|
51
|
-
hideSearchInput: PropTypes.bool,
|
|
52
|
-
searchInputRef: PropTypes.shape({ current: PropTypes.instanceOf(Element) }),
|
|
53
|
-
children: PropTypes.node
|
|
54
|
-
};
|
|
55
|
-
SelectionPopup.defaultProps = {
|
|
56
|
-
anchorOrigin: {
|
|
57
|
-
vertical: 'top',
|
|
58
|
-
horizontal: 'right'
|
|
59
|
-
},
|
|
60
|
-
transformOrigin: {
|
|
61
|
-
vertical: 'top',
|
|
62
|
-
horizontal: 'right'
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
47
|
export default SelectionPopup;
|
|
@@ -1,36 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PaperProps } from '@material-ui/core/Paper';
|
|
3
|
+
declare type Props = {
|
|
4
|
+
open: boolean;
|
|
5
|
+
anchorEl: HTMLElement;
|
|
6
|
+
className?: string;
|
|
7
|
+
onClose: () => void;
|
|
8
|
+
containerWidth: number;
|
|
9
|
+
containerHeight: number;
|
|
10
|
+
paperProps: Omit<PaperProps, 'evelation'>;
|
|
11
|
+
listContent?: React.ReactNode;
|
|
12
|
+
externalInputField?: React.ReactNode;
|
|
13
|
+
classes?: {
|
|
14
|
+
root?: string;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
declare const SelectionPopupPopper: ({ open, anchorEl, className, onClose, containerWidth, containerHeight, paperProps, listContent, externalInputField, classes }: Props) => JSX.Element;
|
|
1
18
|
export default SelectionPopupPopper;
|
|
2
|
-
declare function SelectionPopupPopper({ open, anchorEl, className, onClose, containerWidth, containerHeight, paperProps, listContent, externalInputField, classes }: {
|
|
3
|
-
open: any;
|
|
4
|
-
anchorEl: any;
|
|
5
|
-
className: any;
|
|
6
|
-
onClose: any;
|
|
7
|
-
containerWidth: any;
|
|
8
|
-
containerHeight: any;
|
|
9
|
-
paperProps: any;
|
|
10
|
-
listContent: any;
|
|
11
|
-
externalInputField: any;
|
|
12
|
-
classes?: {};
|
|
13
|
-
}): JSX.Element;
|
|
14
|
-
declare namespace SelectionPopupPopper {
|
|
15
|
-
namespace propTypes {
|
|
16
|
-
const open: PropTypes.Requireable<boolean>;
|
|
17
|
-
const anchorEl: PropTypes.Requireable<object>;
|
|
18
|
-
const className: PropTypes.Requireable<string>;
|
|
19
|
-
const onClose: PropTypes.Requireable<(...args: any[]) => any>;
|
|
20
|
-
const containerWidth: PropTypes.Requireable<number>;
|
|
21
|
-
const containerHeight: PropTypes.Requireable<number>;
|
|
22
|
-
const paperProps: PropTypes.Requireable<object>;
|
|
23
|
-
const listContent: PropTypes.Requireable<PropTypes.ReactElementLike>;
|
|
24
|
-
const externalInputField: PropTypes.Requireable<PropTypes.ReactElementLike>;
|
|
25
|
-
const classes: PropTypes.Requireable<PropTypes.InferProps<{
|
|
26
|
-
root: PropTypes.Requireable<string>;
|
|
27
|
-
}>>;
|
|
28
|
-
}
|
|
29
|
-
namespace defaultProps {
|
|
30
|
-
namespace popoverAnchorOrigin {
|
|
31
|
-
const vertical: string;
|
|
32
|
-
const horizontal: string;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
import PropTypes from "prop-types";
|
|
@@ -10,7 +10,6 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
|
-
import PropTypes from 'prop-types';
|
|
14
13
|
import classnames from 'classnames';
|
|
15
14
|
import useCommonStyles from '../styles.js';
|
|
16
15
|
import Popper from '../../Popper/Popper';
|
|
@@ -32,24 +31,4 @@ var SelectionPopupPopper = function (_a) {
|
|
|
32
31
|
React.createElement("div", { className: commonStyles.list }, listContent)))));
|
|
33
32
|
})));
|
|
34
33
|
};
|
|
35
|
-
SelectionPopupPopper.propTypes = {
|
|
36
|
-
open: PropTypes.bool,
|
|
37
|
-
anchorEl: PropTypes.object,
|
|
38
|
-
className: PropTypes.string,
|
|
39
|
-
onClose: PropTypes.func,
|
|
40
|
-
containerWidth: PropTypes.number,
|
|
41
|
-
containerHeight: PropTypes.number,
|
|
42
|
-
paperProps: PropTypes.object,
|
|
43
|
-
listContent: PropTypes.element,
|
|
44
|
-
externalInputField: PropTypes.element,
|
|
45
|
-
classes: PropTypes.shape({
|
|
46
|
-
root: PropTypes.string
|
|
47
|
-
})
|
|
48
|
-
};
|
|
49
|
-
SelectionPopupPopper.defaultProps = {
|
|
50
|
-
popoverAnchorOrigin: {
|
|
51
|
-
vertical: 'top',
|
|
52
|
-
horizontal: 'right'
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
34
|
export default SelectionPopupPopper;
|
|
@@ -1,10 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
handleKeyDown: (event: any) => boolean;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare type Item = {
|
|
3
|
+
titleItemIndex?: number;
|
|
4
|
+
index: number;
|
|
5
|
+
item: {
|
|
6
|
+
item: Record<string, unknown>;
|
|
7
|
+
moveTo?: number;
|
|
8
|
+
};
|
|
10
9
|
};
|
|
10
|
+
declare type Props = {
|
|
11
|
+
items: Item[];
|
|
12
|
+
open: boolean;
|
|
13
|
+
onSelectFocusedItem: (item: {
|
|
14
|
+
item: Item['item']['item'];
|
|
15
|
+
groupData: Item['item'];
|
|
16
|
+
}) => void;
|
|
17
|
+
selectedItems: string[];
|
|
18
|
+
onClose: (event: React.KeyboardEvent) => void;
|
|
19
|
+
};
|
|
20
|
+
declare const useKeyboardNavigation: ({ items, open, onSelectFocusedItem, selectedItems, onClose }: Props) => {
|
|
21
|
+
focusIndex: number;
|
|
22
|
+
handleKeyDown: (event: React.KeyboardEvent) => boolean;
|
|
23
|
+
};
|
|
24
|
+
export { useKeyboardNavigation };
|
|
@@ -50,7 +50,8 @@ export { default as EmptyState, EMPTY_STATE_ICONS, EMPTY_STATE_VARIANTS } from '
|
|
|
50
50
|
export { default as EntityAvatar } from './EntityAvatar/EntityAvatar';
|
|
51
51
|
export { default as EntityTypeBadge } from './EntityTypeBadge/EntityTypeBadge';
|
|
52
52
|
export { default as EntityTypeIcon } from './EntityTypeIcon/EntityTypeIcon';
|
|
53
|
-
export {
|
|
53
|
+
export { EntityTypesSelector } from './EntityTypesSelector/EntityTypesSelector';
|
|
54
|
+
export { RelationTypesSelector } from './RelationTypesSelector/RelationTypesSelector';
|
|
54
55
|
export { default as EntityUriLink } from './EntityUriLink/EntityUriLink';
|
|
55
56
|
export { default as ErrorBoundary } from './ErrorBoundary/ErrorBoundary';
|
|
56
57
|
export { default as ErrorPopup } from './ErrorPopup/ErrorPopup';
|
package/esm/components/index.js
CHANGED
|
@@ -49,7 +49,8 @@ export { default as EmptyState, EMPTY_STATE_ICONS, EMPTY_STATE_VARIANTS } from '
|
|
|
49
49
|
export { default as EntityAvatar } from './EntityAvatar/EntityAvatar';
|
|
50
50
|
export { default as EntityTypeBadge } from './EntityTypeBadge/EntityTypeBadge';
|
|
51
51
|
export { default as EntityTypeIcon } from './EntityTypeIcon/EntityTypeIcon';
|
|
52
|
-
export {
|
|
52
|
+
export { EntityTypesSelector } from './EntityTypesSelector/EntityTypesSelector';
|
|
53
|
+
export { RelationTypesSelector } from './RelationTypesSelector/RelationTypesSelector';
|
|
53
54
|
export { default as EntityUriLink } from './EntityUriLink/EntityUriLink';
|
|
54
55
|
export { default as ErrorBoundary } from './ErrorBoundary/ErrorBoundary';
|
|
55
56
|
export { default as ErrorPopup } from './ErrorPopup/ErrorPopup';
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reltio/components",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.1041",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE FILE",
|
|
5
5
|
"main": "./cjs/index.js",
|
|
6
6
|
"module": "./esm/index.js",
|
|
7
7
|
"dependencies": {
|
|
8
8
|
"@date-io/moment": "^1.3.5",
|
|
9
9
|
"@react-google-maps/api": "2.7.0",
|
|
10
|
-
"@reltio/mdm-module": "^1.4.
|
|
11
|
-
"@reltio/mdm-sdk": "^1.4.
|
|
10
|
+
"@reltio/mdm-module": "^1.4.1041",
|
|
11
|
+
"@reltio/mdm-sdk": "^1.4.1041",
|
|
12
12
|
"classnames": "^2.2.5",
|
|
13
13
|
"d3-cloud": "^1.2.5",
|
|
14
14
|
"d3-geo": "^2.0.1",
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export default ListLabel;
|
|
2
|
-
declare function ListLabel({ list, maxWidth }: {
|
|
3
|
-
list: any;
|
|
4
|
-
maxWidth: any;
|
|
5
|
-
}): JSX.Element;
|
|
6
|
-
declare namespace ListLabel {
|
|
7
|
-
namespace propTypes {
|
|
8
|
-
const list: PropTypes.Validator<string[]>;
|
|
9
|
-
const maxWidth: PropTypes.Requireable<number>;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
import PropTypes from "prop-types";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"listLabelContainer" | "listLabel" | "visibleItemsLabel" | "hiddenCount">;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
declare var _default: React.MemoExoticComponent<{
|
|
2
|
-
({ selectedEntityTypes, onItemClick, focusIndex, ...otherProps }: {
|
|
3
|
-
[x: string]: any;
|
|
4
|
-
selectedEntityTypes: any;
|
|
5
|
-
onItemClick: any;
|
|
6
|
-
focusIndex: any;
|
|
7
|
-
}): JSX.Element;
|
|
8
|
-
propTypes: {
|
|
9
|
-
selectedEntityTypes: PropTypes.Requireable<any[]>;
|
|
10
|
-
onItemClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
11
|
-
focusIndex: PropTypes.Requireable<number>;
|
|
12
|
-
};
|
|
13
|
-
}>;
|
|
14
|
-
export default _default;
|
|
15
|
-
import PropTypes from "prop-types";
|
|
16
|
-
import React from "react";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "input" | "root" | "inputLabel" | "inputRoot" | "inputText" | "emptyInput" | "disabledInput" | "disabledPointer" | "disabledUnderline" | "popup-opened-icon">;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export default ListLabel;
|
|
2
|
-
declare function ListLabel({ list, maxWidth }: {
|
|
3
|
-
list: any;
|
|
4
|
-
maxWidth: any;
|
|
5
|
-
}): JSX.Element;
|
|
6
|
-
declare namespace ListLabel {
|
|
7
|
-
namespace propTypes {
|
|
8
|
-
const list: PropTypes.Validator<string[]>;
|
|
9
|
-
const maxWidth: PropTypes.Requireable<number>;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
import PropTypes from "prop-types";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"listLabelContainer" | "listLabel" | "visibleItemsLabel" | "hiddenCount">;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
declare var _default: React.MemoExoticComponent<{
|
|
2
|
-
({ selectedEntityTypes, onItemClick, focusIndex, ...otherProps }: {
|
|
3
|
-
[x: string]: any;
|
|
4
|
-
selectedEntityTypes: any;
|
|
5
|
-
onItemClick: any;
|
|
6
|
-
focusIndex: any;
|
|
7
|
-
}): JSX.Element;
|
|
8
|
-
propTypes: {
|
|
9
|
-
selectedEntityTypes: PropTypes.Requireable<any[]>;
|
|
10
|
-
onItemClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
11
|
-
focusIndex: PropTypes.Requireable<number>;
|
|
12
|
-
};
|
|
13
|
-
}>;
|
|
14
|
-
export default _default;
|
|
15
|
-
import PropTypes from "prop-types";
|
|
16
|
-
import React from "react";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "input" | "root" | "inputLabel" | "inputRoot" | "inputText" | "emptyInput" | "disabledInput" | "disabledPointer" | "disabledUnderline" | "popup-opened-icon">;
|