@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.
Files changed (61) hide show
  1. package/cjs/components/EntityTypesSelector/EntityTypesSelector.d.ts +17 -55
  2. package/cjs/components/EntityTypesSelector/EntityTypesSelector.js +8 -118
  3. package/cjs/components/MetadataTypesSelector/ListLabel/ListLabel.d.ts +7 -0
  4. package/cjs/components/{EntityTypesSelector → MetadataTypesSelector}/ListLabel/ListLabel.js +2 -6
  5. package/cjs/components/MetadataTypesSelector/ListLabel/helpers.d.ts +4 -0
  6. package/cjs/components/{EntityTypesSelector → MetadataTypesSelector}/ListLabel/helpers.js +1 -1
  7. package/cjs/components/MetadataTypesSelector/ListLabel/styles.d.ts +1 -0
  8. package/cjs/components/{EntityTypesSelector → MetadataTypesSelector}/ListLabel/styles.js +0 -0
  9. package/cjs/components/MetadataTypesSelector/MetadataTypesSelector.d.ts +26 -0
  10. package/cjs/components/MetadataTypesSelector/MetadataTypesSelector.js +123 -0
  11. package/cjs/components/MetadataTypesSelector/SelectMetadataTypesList.d.ts +20 -0
  12. package/cjs/components/{EntityTypesSelector/SelectEntityTypesList.js → MetadataTypesSelector/SelectMetadataTypesList.js} +7 -12
  13. package/cjs/components/MetadataTypesSelector/styles.d.ts +1 -0
  14. package/cjs/components/{EntityTypesSelector → MetadataTypesSelector}/styles.js +0 -0
  15. package/cjs/components/RelationTypesSelector/RelationTypesSelector.d.ts +17 -0
  16. package/cjs/components/RelationTypesSelector/RelationTypesSelector.js +35 -0
  17. package/cjs/components/SearchInput/SearchInput.d.ts +3 -2
  18. package/cjs/components/SearchInput/SearchInput.js +3 -3
  19. package/cjs/components/SelectionPopup/SelectionPopup.d.ts +17 -44
  20. package/cjs/components/SelectionPopup/SelectionPopup.js +8 -26
  21. package/cjs/components/SelectionPopup/SelectionPopupPopper/SelectionPopupPopper.d.ts +17 -35
  22. package/cjs/components/SelectionPopup/SelectionPopupPopper/SelectionPopupPopper.js +0 -21
  23. package/cjs/components/SelectionPopup/helpers.d.ts +23 -9
  24. package/cjs/components/index.d.ts +2 -1
  25. package/cjs/components/index.js +5 -3
  26. package/esm/components/EntityTypesSelector/EntityTypesSelector.d.ts +17 -55
  27. package/esm/components/EntityTypesSelector/EntityTypesSelector.js +9 -120
  28. package/esm/components/MetadataTypesSelector/ListLabel/ListLabel.d.ts +7 -0
  29. package/esm/components/{EntityTypesSelector → MetadataTypesSelector}/ListLabel/ListLabel.js +1 -7
  30. package/esm/components/MetadataTypesSelector/ListLabel/helpers.d.ts +4 -0
  31. package/esm/components/{EntityTypesSelector → MetadataTypesSelector}/ListLabel/helpers.js +1 -1
  32. package/esm/components/MetadataTypesSelector/ListLabel/styles.d.ts +1 -0
  33. package/esm/components/{EntityTypesSelector → MetadataTypesSelector}/ListLabel/styles.js +0 -0
  34. package/esm/components/MetadataTypesSelector/MetadataTypesSelector.d.ts +26 -0
  35. package/esm/components/MetadataTypesSelector/MetadataTypesSelector.js +98 -0
  36. package/esm/components/MetadataTypesSelector/SelectMetadataTypesList.d.ts +20 -0
  37. package/esm/components/{EntityTypesSelector/SelectEntityTypesList.js → MetadataTypesSelector/SelectMetadataTypesList.js} +6 -12
  38. package/esm/components/MetadataTypesSelector/styles.d.ts +1 -0
  39. package/esm/components/{EntityTypesSelector → MetadataTypesSelector}/styles.js +0 -0
  40. package/esm/components/RelationTypesSelector/RelationTypesSelector.d.ts +17 -0
  41. package/esm/components/RelationTypesSelector/RelationTypesSelector.js +10 -0
  42. package/esm/components/SearchInput/SearchInput.d.ts +3 -2
  43. package/esm/components/SearchInput/SearchInput.js +3 -3
  44. package/esm/components/SelectionPopup/SelectionPopup.d.ts +17 -44
  45. package/esm/components/SelectionPopup/SelectionPopup.js +8 -26
  46. package/esm/components/SelectionPopup/SelectionPopupPopper/SelectionPopupPopper.d.ts +17 -35
  47. package/esm/components/SelectionPopup/SelectionPopupPopper/SelectionPopupPopper.js +0 -21
  48. package/esm/components/SelectionPopup/helpers.d.ts +23 -9
  49. package/esm/components/index.d.ts +2 -1
  50. package/esm/components/index.js +2 -1
  51. package/package.json +3 -3
  52. package/cjs/components/EntityTypesSelector/ListLabel/ListLabel.d.ts +0 -12
  53. package/cjs/components/EntityTypesSelector/ListLabel/helpers.d.ts +0 -3
  54. package/cjs/components/EntityTypesSelector/ListLabel/styles.d.ts +0 -1
  55. package/cjs/components/EntityTypesSelector/SelectEntityTypesList.d.ts +0 -16
  56. package/cjs/components/EntityTypesSelector/styles.d.ts +0 -1
  57. package/esm/components/EntityTypesSelector/ListLabel/ListLabel.d.ts +0 -12
  58. package/esm/components/EntityTypesSelector/ListLabel/helpers.d.ts +0 -3
  59. package/esm/components/EntityTypesSelector/ListLabel/styles.d.ts +0 -1
  60. package/esm/components/EntityTypesSelector/SelectEntityTypesList.d.ts +0 -16
  61. 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 SelectEntityTypesList = function (_a) {
32
- var selectedEntityTypes = _a.selectedEntityTypes, onItemClick = _a.onItemClick, focusIndex = _a.focusIndex, otherProps = __rest(_a, ["selectedEntityTypes", "onItemClick", "focusIndex"]);
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 = !!selectedEntityTypes.find(function (uri) { return item.uri === uri; });
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
- SelectEntityTypesList.propTypes = {
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">;
@@ -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: string;
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 _d = useState(''), localValue = _d[0], setLocalValue = _d[1];
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: i18n.text('Search'), value: inputValue, onChange: pipe(getValue, updateValue), disableUnderline: true, ref: rootRef }, otherProps)));
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, otherProps = __rest(_a, ["title", "className", "onSearch", "hideTitle", "hideSearchInput", "headerPlacement", "containerWidth", "containerHeight", "searchInputOnKeyDown", "children", "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
- export function useKeyboardNavigation({ items, open, onSelectFocusedItem, selectedItems, onClose }: {
2
- items: any;
3
- open: any;
4
- onSelectFocusedItem: any;
5
- selectedItems: any;
6
- onClose: any;
7
- }): {
8
- focusIndex: any;
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 { default as EntityTypesSelector } from './EntityTypesSelector/EntityTypesSelector';
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';
@@ -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 { default as EntityTypesSelector } from './EntityTypesSelector/EntityTypesSelector';
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.1039",
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.1039",
11
- "@reltio/mdm-sdk": "^1.4.1039",
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,3 +0,0 @@
1
- export function countHiddenItems(list: any, labelEl: any): number;
2
- export function getListLabel(list: any): any;
3
- export function getListLabelWidth(maxWidth: any): string;
@@ -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,3 +0,0 @@
1
- export function countHiddenItems(list: any, labelEl: any): number;
2
- export function getListLabel(list: any): any;
3
- export function getListLabelWidth(maxWidth: any): string;
@@ -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">;