@reltio/components 1.4.1819 → 1.4.1821

package/cjs/MultiValueChip/MultiValueChip.js

@@ -0,0 +1,40 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiValueChip = void 0;
+var react_1 = __importDefault(require("react"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var ramda_1 = require("ramda");
+var Cancel_1 = __importDefault(require("@mui/icons-material/Cancel"));
+var ValueChip_1 = __importDefault(require("../components/ValueChip/ValueChip"));
+var MultiValueChip = function (props) {
+    var children = props.children, data = props.data, removeProps = props.removeProps;
+    return (react_1.default.createElement(ValueChip_1.default, { tabIndex: -1, label: children, count: (0, ramda_1.prop)('formattedNumber', data), onDelete: removeProps.onClick, deleteIcon: react_1.default.createElement(Cancel_1.default, __assign({}, props.removeProps)) }));
+};
+exports.MultiValueChip = MultiValueChip;
+exports.MultiValueChip.propTypes = {
+    children: prop_types_1.default.node,
+    data: prop_types_1.default.shape({
+        value: prop_types_1.default.string,
+        label: prop_types_1.default.string,
+        number: prop_types_1.default.number
+    }).isRequired,
+    removeProps: prop_types_1.default.shape({
+        onClick: prop_types_1.default.func.isRequired,
+        onMouseDown: prop_types_1.default.func.isRequired,
+        onTouchEnd: prop_types_1.default.func.isRequired
+    }).isRequired
+};

package/cjs/MultiValueChip/index.d.ts

@@ -0,0 +1 @@
+export { MultiValueChip } from './MultiValueChip';

package/cjs/MultiValueChip/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiValueChip = void 0;
+var MultiValueChip_1 = require("./MultiValueChip");
+Object.defineProperty(exports, "MultiValueChip", { enumerable: true, get: function () { return MultiValueChip_1.MultiValueChip; } });

package/cjs/NumberEditor/NumberEditor.d.ts

@@ -0,0 +1,16 @@
+import { NumberFormat as TNumberFormat } from '@reltio/mdm-sdk';
+import { TextFieldProps } from '@mui/material/TextField';
+type Props = Omit<TextFieldProps, 'onChange' | 'value'> & {
+    multiple?: boolean;
+    integer?: boolean;
+    format?: TNumberFormat;
+    inputProps?: Record<string, unknown>;
+    InputProps?: Record<string, unknown>;
+    InputLabelProps?: Record<string, unknown>;
+    value: string | number | string[] | number[] | undefined;
+    onChange: (value: string | number | string[] | number[]) => void;
+    className?: string;
+    label?: string;
+};
+export declare const NumberEditor: ({ integer, format, inputProps, InputProps, ...otherProps }: Props) => JSX.Element;
+export {};

package/cjs/NumberEditor/NumberEditor.js

@@ -0,0 +1,37 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumberEditor = void 0;
+var react_1 = __importDefault(require("react"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var TextEditor_1 = require("../TextEditor");
+var NumberFormat_1 = require("./components/NumberFormat");
+var NumberEditor = function (_a) {
+    var integer = _a.integer, format = _a.format, inputProps = _a.inputProps, InputProps = _a.InputProps, otherProps = __rest(_a, ["integer", "format", "inputProps", "InputProps"]);
+    return (react_1.default.createElement(TextEditor_1.TextEditor, __assign({}, otherProps, { inputProps: __assign({ integer: integer, format: format }, inputProps), InputProps: __assign(__assign({}, InputProps), { inputComponent: NumberFormat_1.NumberFormat }), getValueLabel: (0, mdm_sdk_1.formatNumber)(format) })));
+};
+exports.NumberEditor = NumberEditor;

package/cjs/NumberEditor/NumberEditor.test.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/NumberEditor/NumberEditor.test.js

@@ -0,0 +1,91 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var enzyme_1 = require("enzyme");
+var react_number_format_1 = __importDefault(require("react-number-format"));
+var react_1 = __importDefault(require("react"));
+var TextEditor_1 = require("../TextEditor");
+var NumberEditor_1 = require("./NumberEditor");
+describe('NumberEditor', function () {
+    it('should render TextEditor with NumberFormat as input', function () {
+        var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(NumberEditor_1.NumberEditor, null));
+        expect(wrapper.find(TextEditor_1.TextEditor)).toHaveLength(1);
+        expect(wrapper.find(react_number_format_1.default)).toHaveLength(1);
+    });
+    it('should show correct value if it is 0', function () {
+        var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(NumberEditor_1.NumberEditor, { value: 0 }));
+        expect(wrapper.find('input').prop('value')).toBe('0');
+    });
+    describe('single mode', function () {
+        it('should format value', function () {
+            var format = {
+                prefix: '<',
+                suffix: '>',
+                thousandSeparator: ',',
+                decimalSeparator: '_'
+            };
+            var value = '-1234.5', formattedValue = '-<1,234_5>';
+            var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(NumberEditor_1.NumberEditor, { format: format, value: value }));
+            expect(wrapper.find('input').prop('value')).toBe(formattedValue);
+        });
+        it('should call props.onChange with actual value', function () {
+            var value = '<-123,456abc_78>', onChange = jest.fn();
+            var format = {
+                prefix: '<',
+                suffix: '>',
+                thousandSeparator: ',',
+                decimalSeparator: '_'
+            };
+            var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(NumberEditor_1.NumberEditor, { format: format, onChange: onChange }));
+            var input = wrapper.find('input');
+            input.simulate('change', { target: { value: value, focus: function () { } } });
+            input.simulate('blur');
+            expect(onChange).toBeCalledWith('-123456.78');
+        });
+        it('should discard fraction part if integer', function () {
+            var value = '123.45', onChange = jest.fn();
+            var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(NumberEditor_1.NumberEditor, { integer: true, onChange: onChange }));
+            var input = wrapper.find('input');
+            input.simulate('change', { target: { value: value, focus: function () { } } });
+            input.simulate('blur');
+            expect(onChange).toBeCalledWith('123');
+        });
+    });
+    describe('multiple mode', function () {
+        it('should format value', function () {
+            var format = {
+                prefix: '<',
+                suffix: '>',
+                thousandSeparator: ',',
+                decimalSeparator: '_'
+            };
+            var value = '-1234.5', formattedValue = '<-1,234_5>';
+            var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(NumberEditor_1.NumberEditor, { multiple: true, format: format, value: [value] }));
+            expect(wrapper.text()).toBe(formattedValue);
+        });
+        it('should call props.onChange with actual value', function () {
+            var onChange = jest.fn();
+            var value = '<-123,456abc_78>';
+            var format = {
+                prefix: '<',
+                suffix: '>',
+                thousandSeparator: ',',
+                decimalSeparator: '_'
+            };
+            var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(NumberEditor_1.NumberEditor, { multiple: true, format: format, onChange: onChange }));
+            wrapper.find('input').simulate('change', { target: { value: value, focus: function () { } } });
+            wrapper.find('input').simulate('keyPress', { key: 'Enter' });
+            expect(onChange).toBeCalledWith(['-123456.78']);
+        });
+        it('should discard fraction part if integer', function () {
+            var value = '123.45';
+            var onChange = jest.fn();
+            var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(NumberEditor_1.NumberEditor, { multiple: true, integer: true, onChange: onChange }));
+            wrapper.find('input').simulate('change', { target: { value: value, focus: function () { } } });
+            wrapper.find('input').simulate('keyPress', { key: 'Enter' });
+            expect(onChange).toBeCalledWith(['123']);
+        });
+    });
+});

package/cjs/NumberEditor/components/NumberFormat/NumberFormat.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { NumberFormat as TNumberFormat } from '@reltio/mdm-sdk';
+type Props = {
+    onChange: (e: {
+        target: {
+            value: string;
+        };
+    }) => void;
+    value?: string | number;
+    integer?: boolean;
+    customInput?: React.ComponentType;
+    format?: TNumberFormat;
+};
+export declare const NumberFormat: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+export {};

package/cjs/NumberEditor/components/NumberFormat/NumberFormat.js

@@ -0,0 +1,44 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumberFormat = void 0;
+var react_1 = __importDefault(require("react"));
+var react_number_format_1 = __importDefault(require("react-number-format"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var helpers_1 = require("./helpers");
+exports.NumberFormat = react_1.default.forwardRef(function (_a, ref) {
+    var onChange = _a.onChange, integer = _a.integer, customInput = _a.customInput, format = _a.format, value = _a.value, otherProps = __rest(_a, ["onChange", "integer", "customInput", "format", "value"]);
+    var _b = format || {}, strategy = _b.strategy, groupSize = _b.groupSize, restFormat = __rest(_b, ["strategy", "groupSize"]);
+    return (react_1.default.createElement(react_number_format_1.default, __assign({}, otherProps, { value: (0, mdm_sdk_1.applyPresentationStrategyToValue)(strategy, value), thousandsGroupStyle: (0, helpers_1.getThousandsGroupStyle)(groupSize) }, restFormat, { getInputRef: ref, isNumericString: true, onValueChange: function (values) {
+            onChange({
+                target: {
+                    value: (0, mdm_sdk_1.revertPresentationStrategyForValue)(strategy, values.value)
+                }
+            });
+        }, decimalScale: integer ? 0 : undefined, customInput: customInput })));
+});
+exports.NumberFormat.displayName = 'NumberFormat';

package/cjs/NumberEditor/components/NumberFormat/helpers.d.ts

@@ -0,0 +1 @@
+export declare const getThousandsGroupStyle: (groupSize?: number) => "lakh" | "thousand" | "wan";

package/cjs/NumberEditor/components/NumberFormat/helpers.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getThousandsGroupStyle = void 0;
+var getThousandsGroupStyle = function (groupSize) {
+    return { 2: 'lakh', 3: 'thousand', 4: 'wan' }[groupSize];
+};
+exports.getThousandsGroupStyle = getThousandsGroupStyle;

package/cjs/NumberEditor/components/NumberFormat/index.d.ts

@@ -0,0 +1 @@
+export { NumberFormat } from './NumberFormat';

package/cjs/NumberEditor/components/NumberFormat/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumberFormat = void 0;
+var NumberFormat_1 = require("./NumberFormat");
+Object.defineProperty(exports, "NumberFormat", { enumerable: true, get: function () { return NumberFormat_1.NumberFormat; } });

package/cjs/NumberEditor/index.d.ts

@@ -0,0 +1 @@
+export { NumberEditor } from './NumberEditor';

package/cjs/NumberEditor/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumberEditor = void 0;
+var NumberEditor_1 = require("./NumberEditor");
+Object.defineProperty(exports, "NumberEditor", { enumerable: true, get: function () { return NumberEditor_1.NumberEditor; } });

package/cjs/OvIcon/OvIcon.d.ts

@@ -22,11 +22,11 @@ export declare const ChipWithTooltip: React.ForwardRefExoticComponent<Pick<{
     variant?: import("@mui/types").OverridableStringUnion<"filled" | "outlined", import("@mui/material/Chip").ChipPropsVariantOverrides>;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
-}, "color" | "size" | "icon" | "disabled" | "tabIndex" | "children" | "label" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "variant" | "deleteIcon" | "avatar" | "clickable" | "onDelete" | "skipFocusWhenDisabled">, "color" | "translate" | "hidden" | "size" | "icon" | "disabled" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "label" | keyof {
+}, "color" | "size" | "icon" | "disabled" | "tabIndex" | "children" | "label" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "variant" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled">, "color" | "translate" | "hidden" | "size" | "icon" | "disabled" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "label" | keyof {
     tooltipTitle?: React.ReactNode;
     tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start";
     showForDisabled?: boolean;
-} | "key" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "variant" | "deleteIcon" | "avatar" | "clickable" | "onDelete" | "skipFocusWhenDisabled"> & React.RefAttributes<HTMLElement>>;
+} | "key" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "variant" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & React.RefAttributes<HTMLElement>>;
 type ComplexWithLabel = NestedAttributeValue | ReferenceAttributeValue;
 type Props = {
     className?: string;

package/cjs/OvIcon/OvIcon.js

@@ -31,7 +31,7 @@ var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Chip_1 = __importDefault(require("@mui/material/Chip"));
-var DataTypeValue_1 = __importDefault(require("../components/DataTypeValue/DataTypeValue"));
+var DataTypeValue_1 = require("../DataTypeValue");
 var withTooltip_1 = require("../HOCs/withTooltip");
 var contexts_1 = require("../contexts");
 var helpers_1 = require("./helpers");
@@ -51,7 +51,7 @@ var OvIcon = function (_a) {
         return null;
     }
     var tooltipTitle = nonOvValues.length
-        ? nonOvValues.map(function (value, i) { return (react_1.default.createElement("div", { key: i }, (0, mdm_sdk_1.isComplexAttribute)(attributeType) ? ((0, mdm_sdk_1.getLabel)(value.label)) : (react_1.default.createElement(DataTypeValue_1.default, { value: (0, mdm_sdk_1.getAttributeValue)(value), dataTypeDefinition: (0, mdm_sdk_1.getAttrDataTypeDefinition)(attributeType), rich: false })))); })
+        ? nonOvValues.map(function (value, i) { return (react_1.default.createElement("div", { key: i }, (0, mdm_sdk_1.isComplexAttribute)(attributeType) ? ((0, mdm_sdk_1.getLabel)(value.label)) : (react_1.default.createElement(DataTypeValue_1.DataTypeValue, { value: (0, mdm_sdk_1.getAttributeValue)(value), dataTypeDefinition: (0, mdm_sdk_1.getAttrDataTypeDefinition)(attributeType), rich: false })))); })
         : null;
     return (react_1.default.createElement(exports.ChipWithTooltip, { tooltipTitle: tooltipTitle, tooltipPlacement: "bottom", label: "+ ".concat(nonOvTotal), variant: "outlined", onClick: (linkedEntity === null || linkedEntity === void 0 ? void 0 : linkedEntity.uri) && isSourcesScreenEnabled ? onClick : undefined, classes: {
             root: (0, classnames_1.default)(styles.container, className),

package/cjs/PivotingTooltip/components/PivotingTooltipContent/PivotingTooltipContent.js

@@ -7,8 +7,8 @@ exports.PivotingTooltipContent = void 0;
 var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var EntityAvatar_1 = __importDefault(require("../../../components/EntityAvatar/EntityAvatar"));
-var EntityUriLink_1 = __importDefault(require("../../../components/EntityUriLink/EntityUriLink"));
+var EntityAvatar_1 = require("../../../EntityAvatar");
+var EntityUriLink_1 = require("../../../EntityUriLink");
 var PivotingUriLink_1 = __importDefault(require("../../../components/PivotingUriLink/PivotingUriLink"));
 var usePivotingDataLoader_1 = require("../../../hooks/usePivotingDataLoader/usePivotingDataLoader");
 var styles_1 = require("./styles");
@@ -24,8 +24,8 @@ var PivotingTooltipContent = function (_a) {
             react_1.default.createElement("div", { className: styles.headerCount }, ui_i18n_1.default.number(total, '0,0') + ' ' + (total === 1 ? ui_i18n_1.default.text('item') : ui_i18n_1.default.text('items')))),
         hasEntityTypeLabel && react_1.default.createElement("div", { className: styles.entityTypeLabel }, label),
         react_1.default.createElement("div", { className: styles.body }, entities.map(function (visibleEntity) { return (react_1.default.createElement("div", { key: visibleEntity.uri, className: styles.entityContainer },
-            react_1.default.createElement(EntityAvatar_1.default, { entity: visibleEntity, avatarClassName: styles.profileIcon }),
-            react_1.default.createElement(EntityUriLink_1.default, { className: styles.entityLabel, value: (0, mdm_sdk_1.getEntityUriForLink)(visibleEntity) }, (0, mdm_sdk_1.getLabel)(visibleEntity.label)))); })),
+            react_1.default.createElement(EntityAvatar_1.EntityAvatar, { entity: visibleEntity, avatarClassName: styles.profileIcon }),
+            react_1.default.createElement(EntityUriLink_1.EntityUriLink, { className: styles.entityLabel, value: (0, mdm_sdk_1.getEntityUriForLink)(visibleEntity) }, (0, mdm_sdk_1.getLabel)(visibleEntity.label)))); })),
         shouldShowSeeAllButton && (react_1.default.createElement("div", { className: styles.footer },
             react_1.default.createElement(PivotingUriLink_1.default, { value: generatedValue, attributeType: attributeType, className: styles.seeAllButton, onClick: onSeeAllClick }, ui_i18n_1.default.text('See all'))))));
 };

package/cjs/PivotingTooltip/components/PivotingTooltipContent/PivotingTooltipContent.test.js

@@ -81,14 +81,12 @@ var PivotingTooltipContent_1 = require("./PivotingTooltipContent");
 var PivotingUriLink_1 = __importDefault(require("../../../components/PivotingUriLink/PivotingUriLink"));
 var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
 jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { getFilteredEntities: jest.fn(), getTotals: jest.fn() })); });
-jest.mock('../../../components/EntityUriLink/EntityUriLink', function () {
-    var EntityUriLink = function () { return react_1.default.createElement("div", null); };
-    return EntityUriLink;
-});
-jest.mock('../../../components/EntityAvatar/EntityAvatar', function () {
-    var EntityAvatar = function () { return react_1.default.createElement("div", null); };
-    return EntityAvatar;
-});
+jest.mock('../../../EntityAvatar', function () { return ({
+    EntityUriLink: function () { return react_1.default.createElement("div", null); }
+}); });
+jest.mock('../../../EntityAvatar', function () { return ({
+    EntityAvatar: function () { return react_1.default.createElement("div", null); }
+}); });
 var entityType = 'configuration/entityTypes/HCP';
 var entity = {
     uri: 'entities/13JKIKAz',

package/cjs/PivotingTooltip/components/PivotingTooltipContent/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"container" | "title" | "body" | "footer" | "header" | "entityLabel" | "entityTypeLabel" | "divider" | "profileIcon" | "headerCount" | "entityContainer" | "seeAllButton">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"container" | "title" | "body" | "footer" | "header" | "entityLabel" | "entityTypeLabel" | "divider" | "profileIcon" | "entityContainer" | "headerCount" | "seeAllButton">;

package/cjs/ReactSelectDropdownIndicator/ReactSelectDropdownIndicator.d.ts

@@ -0,0 +1,14 @@
+export function ReactSelectDropdownIndicator(props: any): JSX.Element;
+export namespace ReactSelectDropdownIndicator {
+    namespace propTypes {
+        let innerProps: PropTypes.Validator<object>;
+        let selectProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                dropdownIndicator: PropTypes.Requireable<string>;
+            }>>>;
+            menuIsOpen: PropTypes.Validator<boolean>;
+            isDisabled: PropTypes.Requireable<boolean>;
+        }>>>;
+    }
+}
+import PropTypes from 'prop-types';

package/cjs/ReactSelectDropdownIndicator/ReactSelectDropdownIndicator.js

@@ -0,0 +1,39 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactSelectDropdownIndicator = void 0;
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
+var styles_1 = require("./styles");
+var ReactSelectDropdownIndicator = function (props) {
+    var _a, _b;
+    var _c = props.selectProps, classes = _c.classes, menuIsOpen = _c.menuIsOpen, isDisabled = _c.isDisabled, innerProps = props.innerProps;
+    var styles = (0, styles_1.useStyles)();
+    return (react_1.default.createElement(ArrowDropDown_1.default, __assign({ "data-reltio-id": "select-dropdown-indicator" }, innerProps, { className: (0, classnames_1.default)(classes.dropdownIndicator, (_a = {}, _a[styles.expanded] = menuIsOpen, _a), (_b = {}, _b[styles.disabled] = isDisabled, _b)) })));
+};
+exports.ReactSelectDropdownIndicator = ReactSelectDropdownIndicator;
+exports.ReactSelectDropdownIndicator.propTypes = {
+    innerProps: prop_types_1.default.object.isRequired,
+    selectProps: prop_types_1.default.shape({
+        classes: prop_types_1.default.shape({
+            dropdownIndicator: prop_types_1.default.string
+        }).isRequired,
+        menuIsOpen: prop_types_1.default.bool.isRequired,
+        isDisabled: prop_types_1.default.bool
+    }).isRequired
+};

package/cjs/ReactSelectDropdownIndicator/index.d.ts

@@ -0,0 +1 @@
+export { ReactSelectDropdownIndicator } from './ReactSelectDropdownIndicator';

package/cjs/ReactSelectDropdownIndicator/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactSelectDropdownIndicator = void 0;
+var ReactSelectDropdownIndicator_1 = require("./ReactSelectDropdownIndicator");
+Object.defineProperty(exports, "ReactSelectDropdownIndicator", { enumerable: true, get: function () { return ReactSelectDropdownIndicator_1.ReactSelectDropdownIndicator; } });

package/cjs/ReactSelectDropdownIndicator/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"expanded" | "disabled">;

package/cjs/ReactSelectDropdownIndicator/styles.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@mui/styles");
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
+    expanded: {
+        transform: 'rotate(180deg)'
+    },
+    disabled: {
+        color: "".concat(theme.palette.text.disabled, " !important")
+    }
+}); });

package/cjs/ReactSelectDropdownIndicatorWithIconButton/ReactSelectDropdownIndicatorWithIconButton.d.ts

@@ -0,0 +1,13 @@
+export function ReactSelectDropdownIndicatorWithIconButton(props: any): JSX.Element;
+export namespace ReactSelectDropdownIndicatorWithIconButton {
+    namespace propTypes {
+        let innerProps: PropTypes.Validator<object>;
+        let selectProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                dropdownIndicator: PropTypes.Requireable<string>;
+            }>>>;
+            menuIsOpen: PropTypes.Validator<boolean>;
+        }>>>;
+    }
+}
+import PropTypes from 'prop-types';

package/cjs/ReactSelectDropdownIndicatorWithIconButton/ReactSelectDropdownIndicatorWithIconButton.js

@@ -0,0 +1,39 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactSelectDropdownIndicatorWithIconButton = void 0;
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
+var SmallIconButton_1 = require("../SmallIconButton");
+var styles_1 = require("./styles");
+var ReactSelectDropdownIndicatorWithIconButton = function (props) {
+    var _a;
+    var _b = props.selectProps, classes = _b.classes, menuIsOpen = _b.menuIsOpen, innerProps = props.innerProps;
+    var styles = (0, styles_1.useStyles)();
+    return (react_1.default.createElement(SmallIconButton_1.SmallIconButton, __assign({}, innerProps, { icon: ArrowDropDown_1.default, className: classes.dropdownIndicator, size: "L", iconClassName: (0, classnames_1.default)((_a = {}, _a[styles.expanded] = menuIsOpen, _a)) })));
+};
+exports.ReactSelectDropdownIndicatorWithIconButton = ReactSelectDropdownIndicatorWithIconButton;
+exports.ReactSelectDropdownIndicatorWithIconButton.propTypes = {
+    innerProps: prop_types_1.default.object.isRequired,
+    selectProps: prop_types_1.default.shape({
+        classes: prop_types_1.default.shape({
+            dropdownIndicator: prop_types_1.default.string
+        }).isRequired,
+        menuIsOpen: prop_types_1.default.bool.isRequired
+    }).isRequired
+};

package/cjs/ReactSelectDropdownIndicatorWithIconButton/index.d.ts

@@ -0,0 +1 @@
+export { ReactSelectDropdownIndicatorWithIconButton } from './ReactSelectDropdownIndicatorWithIconButton';

package/cjs/ReactSelectDropdownIndicatorWithIconButton/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactSelectDropdownIndicatorWithIconButton = void 0;
+var ReactSelectDropdownIndicatorWithIconButton_1 = require("./ReactSelectDropdownIndicatorWithIconButton");
+Object.defineProperty(exports, "ReactSelectDropdownIndicatorWithIconButton", { enumerable: true, get: function () { return ReactSelectDropdownIndicatorWithIconButton_1.ReactSelectDropdownIndicatorWithIconButton; } });

package/cjs/ReactSelectDropdownIndicatorWithIconButton/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"expanded">;

package/cjs/ReactSelectDropdownIndicatorWithIconButton/styles.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@mui/styles");
+exports.useStyles = (0, styles_1.makeStyles)({
+    expanded: {
+        transform: 'rotate(180deg)'
+    }
+});

package/cjs/ReactSelectLoadMoreButton/ReactSelectLoadMoreButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type Props = {
+    loading: boolean;
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+};
+export declare const ReactSelectLoadMoreButton: ({ loading, onClick, onMouseDown }: Props) => JSX.Element;
+export {};

package/cjs/ReactSelectLoadMoreButton/ReactSelectLoadMoreButton.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactSelectLoadMoreButton = void 0;
+var react_1 = __importDefault(require("react"));
+var Button_1 = __importDefault(require("@mui/material/Button"));
+var CircularProgress_1 = __importDefault(require("@mui/material/CircularProgress"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var styles_1 = require("./styles");
+var ReactSelectLoadMoreButton = function (_a) {
+    var loading = _a.loading, onClick = _a.onClick, onMouseDown = _a.onMouseDown;
+    var styles = (0, styles_1.useStyles)();
+    return (react_1.default.createElement("div", { className: styles.loadMoreContainer }, loading ? (react_1.default.createElement(CircularProgress_1.default, { className: styles.loadingSpinner, size: 24 })) : (react_1.default.createElement(Button_1.default, { color: "primary", onClick: onClick, onMouseDown: onMouseDown, className: styles.moreButton },
+        react_1.default.createElement("div", { className: styles.buttonLabel }, ui_i18n_1.default.text('Load more'))))));
+};
+exports.ReactSelectLoadMoreButton = ReactSelectLoadMoreButton;

package/cjs/ReactSelectLoadMoreButton/ReactSelectLoadMoreButton.test.d.ts

@@ -0,0 +1 @@
+export {};