@reltio/components 1.4.1876 → 1.4.1877

package/cjs/ActionButton/ActionButton.js

@@ -51,7 +51,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActionButton = void 0;
 var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
-var core_1 = require("../core");
+var ramda_1 = require("ramda");
 var Button_1 = __importDefault(require("@mui/material/Button"));
 var MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
 var ListItemIcon_1 = __importDefault(require("@mui/material/ListItemIcon"));
@@ -61,7 +61,7 @@ var SmallIconButton_1 = require("../SmallIconButton");
 var types_1 = require("../types");
 var styles_1 = require("./styles");
 exports.ActionButton = (0, react_1.forwardRef)(function (_a, ref) {
-    var className = _a.className, _b = _a.mode, mode = _b === void 0 ? types_1.ActionButtonMode.iconButton : _b, label = _a.label, description = _a.description, disabled = _a.disabled, Icon = _a.icon, _c = _a.onClick, onClick = _c === void 0 ? core_1.noop : _c, _d = _a.onMenuClose, onMenuClose = _d === void 0 ? core_1.noop : _d, otherProps = __rest(_a, ["className", "mode", "label", "description", "disabled", "icon", "onClick", "onMenuClose"]);
+    var className = _a.className, _b = _a.mode, mode = _b === void 0 ? types_1.ActionButtonMode.iconButton : _b, label = _a.label, description = _a.description, disabled = _a.disabled, Icon = _a.icon, _c = _a.onClick, onClick = _c === void 0 ? ramda_1.identity : _c, _d = _a.onMenuClose, onMenuClose = _d === void 0 ? ramda_1.identity : _d, otherProps = __rest(_a, ["className", "mode", "label", "description", "disabled", "icon", "onClick", "onMenuClose"]);
     var styles = (0, styles_1.useStyles)();
     var getButtonView = function () {
         var _a, _b;

package/cjs/ActionButton/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"button" | "bold" | "startIcon" | "menuItem" | "iconButton" | "textSecondary" | "overflowStyle" | "complexItem" | "textPrimary">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"button" | "bold" | "iconButton" | "menuItem" | "startIcon" | "overflowStyle" | "complexItem" | "textPrimary" | "textSecondary">;

package/cjs/AsyncReactSelect/AsyncReactSelect.d.ts

@@ -0,0 +1,8 @@
+export declare const AsyncReactSelect: {
+    (props: any): JSX.Element;
+    displayName: string;
+    defaultProps: {
+        components: {};
+        classes: {};
+    };
+};

package/cjs/AsyncReactSelect/AsyncReactSelect.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AsyncReactSelect = void 0;
+var async_1 = __importDefault(require("react-select/async"));
+var withReactSelectMuiSkin_1 = require("../HOCs/withReactSelectMuiSkin");
+exports.AsyncReactSelect = (0, withReactSelectMuiSkin_1.withReactSelectMuiSkin)(async_1.default);

package/cjs/AsyncReactSelect/index.d.ts

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

package/cjs/AsyncReactSelect/index.js

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

package/cjs/AttributeListItem/AttributeListItem.d.ts

@@ -5,11 +5,11 @@ export declare const RecommendedIconWithTooltip: React.ForwardRefExoticComponent
     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;
-} & React.SVGProps<SVGSVGElement>, "string" | "clipPath" | "color" | "cursor" | "direction" | "display" | "filter" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "height" | "imageRendering" | "letterSpacing" | "opacity" | "order" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "width" | "wordSpacing" | "writingMode" | "mask" | "offset" | "overflow" | "textDecoration" | "azimuth" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "end" | "accumulate" | "local" | "style" | "unicode" | "x" | "y" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "className" | "id" | "lang" | "tabIndex" | "role" | "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" | "path" | keyof {
+} & React.SVGProps<SVGSVGElement>, "string" | "clipPath" | "color" | "cursor" | "direction" | "display" | "filter" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "height" | "imageRendering" | "letterSpacing" | "opacity" | "order" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "width" | "wordSpacing" | "writingMode" | "mask" | "offset" | "overflow" | "textDecoration" | "azimuth" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "end" | "accumulate" | "local" | "style" | "unicode" | "x" | "y" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "className" | "id" | "lang" | "tabIndex" | "role" | "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" | "values" | "path" | "key" | 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" | "name" | "values" | "viewBox" | "max" | "media" | "method" | "min" | "target" | "type" | "crossOrigin" | "accentHeight" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan"> & React.RefAttributes<HTMLElement>>;
+} | "name" | "type" | "href" | "media" | "target" | "max" | "method" | "min" | "crossOrigin" | "accentHeight" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan"> & React.RefAttributes<HTMLElement>>;
 type Data = {
     attrType?: AttributeType;
 };

package/cjs/AttributeListItem/AttributeListItem.js

@@ -30,22 +30,22 @@ exports.RecommendedIconWithTooltip = void 0;
 var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var core_1 = require("../core");
+var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ListItemText_1 = __importDefault(require("@mui/material/ListItemText"));
 var Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
 var MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
 var Recommended_1 = __importDefault(require("../icons/Recommended"));
 var AttrTypeIcon_1 = require("./components/AttrTypeIcon");
-var RequiredMark_1 = __importDefault(require("../components/RequiredMark/RequiredMark"));
-var Marginator_1 = __importDefault(require("../components/Marginator/Marginator"));
+var RequiredMark_1 = require("../RequiredMark");
+var Marginator_1 = require("../Marginator");
 var ExpandedValueTooltip_1 = require("../ExpandedValueTooltip");
 var withTooltip_1 = require("../HOCs/withTooltip");
 var styles_1 = require("./styles");
 exports.RecommendedIconWithTooltip = (0, withTooltip_1.withTooltip)(Recommended_1.default);
 var AttributeListItem = function (_a) {
     var _b, _c, _d;
-    var groupId = _a.groupId, data = _a.data, _e = _a.checked, checked = _e === void 0 ? false : _e, _f = _a.isFocused, isFocused = _f === void 0 ? false : _f, _g = _a.isRequired, isRequired = _g === void 0 ? false : _g, label = _a.label, labelInText = _a.labelInText, level = _a.level, _h = _a.onClick, onClick = _h === void 0 ? core_1.noop : _h, _j = _a.hideCheckBox, hideCheckBox = _j === void 0 ? false : _j, _k = _a.hideIcon, hideIcon = _k === void 0 ? false : _k, _l = _a.notSelectable, notSelectable = _l === void 0 ? false : _l, _m = _a.disableHorizontalScrollbar, disableHorizontalScrollbar = _m === void 0 ? false : _m, _o = _a.style, style = _o === void 0 ? {} : _o, _p = _a.subItemMargin, subItemMargin = _p === void 0 ? 20 : _p, LogoIcon = _a.LogoIcon, className = _a.className, disableNonSelectable = _a.disableNonSelectable, disableGutters = _a.disableGutters;
+    var groupId = _a.groupId, data = _a.data, _e = _a.checked, checked = _e === void 0 ? false : _e, _f = _a.isFocused, isFocused = _f === void 0 ? false : _f, _g = _a.isRequired, isRequired = _g === void 0 ? false : _g, label = _a.label, labelInText = _a.labelInText, level = _a.level, _h = _a.onClick, onClick = _h === void 0 ? ramda_1.identity : _h, _j = _a.hideCheckBox, hideCheckBox = _j === void 0 ? false : _j, _k = _a.hideIcon, hideIcon = _k === void 0 ? false : _k, _l = _a.notSelectable, notSelectable = _l === void 0 ? false : _l, _m = _a.disableHorizontalScrollbar, disableHorizontalScrollbar = _m === void 0 ? false : _m, _o = _a.style, style = _o === void 0 ? {} : _o, _p = _a.subItemMargin, subItemMargin = _p === void 0 ? 20 : _p, LogoIcon = _a.LogoIcon, className = _a.className, disableNonSelectable = _a.disableNonSelectable, disableGutters = _a.disableGutters;
     var styles = (0, styles_1.useStyles)();
     var attrType = (data || {}).attrType;
     var isButton = (!hideCheckBox || !(0, mdm_sdk_1.isNested)(attrType)) && !notSelectable;
@@ -60,14 +60,14 @@ var AttributeListItem = function (_a) {
                 selected: styles.listItemFocus
             }, selected: isFocused, tabIndex: -1, disableGutters: disableGutters },
             !hideCheckBox && (react_1.default.createElement(Checkbox_1.default, { checked: checked, disableRipple: true, disabled: !isButton, className: (0, classnames_1.default)(styles.checkbox, (_c = {}, _c[styles.checked] = checked, _c)), tabIndex: -1 })),
-            react_1.default.createElement(Marginator_1.default, { margin: subItemMargin, level: level, className: styles.marginWrapper },
+            react_1.default.createElement(Marginator_1.Marginator, { margin: subItemMargin, level: level, className: styles.marginWrapper },
                 react_1.default.createElement(react_1.default.Fragment, null,
                     !hideIcon && renderIcon(attrType),
                     react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.itemTextWrapper, (_d = {}, _d[styles.marginText] = hideIcon, _d)) },
                         showLogoIcon && react_1.default.createElement(LogoIcon, { className: styles.logoIcon }),
                         react_1.default.createElement(ListItemText_1.default, { primary: react_1.default.createElement(react_1.default.Fragment, null,
                                 label,
-                                isRequired && react_1.default.createElement(RequiredMark_1.default, null)), className: styles.itemText })))),
+                                isRequired && react_1.default.createElement(RequiredMark_1.RequiredMark, null)), className: styles.itemText })))),
             isButton && disableHorizontalScrollbar && react_1.default.createElement("div", { className: styles.itemAfter }))));
 };
 AttributeListItem.defaultName = 'AttributeListItem';

package/cjs/AttributeSelector/AttributeSelector.js

@@ -55,8 +55,8 @@ var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var MultiSelect_1 = __importDefault(require("../components/ReactSelect/MultiSelect"));
-var MultiValue_1 = __importDefault(require("../components/ReactSelect/commonComponents/MultiValue"));
+var MultiSelect_1 = require("../MultiSelect");
+var ReactSelectMultiValue_1 = require("../ReactSelectMultiValue");
 var ReactSelectDropdownIndicatorWithIconButton_1 = require("../ReactSelectDropdownIndicatorWithIconButton");
 var AttributeListItem_1 = require("../AttributeListItem");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
@@ -91,11 +91,11 @@ var AttributeSelector = function (_a) {
     };
     var CustomMultiValue = function (_a) {
         var data = _a.data, props = __rest(_a, ["data"]);
-        return (react_1.default.createElement(MultiValue_1.default, __assign({}, props), data.chipLabel));
+        return (react_1.default.createElement(ReactSelectMultiValue_1.ReactSelectMultiValue, __assign({}, props), data.chipLabel));
     };
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.root, className), "data-reltio-id": "attribute-selector" },
         react_1.default.createElement(Typography_1.default, { className: styles.title, variant: 'subtitle1' }, title || ui_i18n_1.default.text('Attribute')),
-        react_1.default.createElement(MultiSelect_1.default, { value: selectedAttributes, options: options, TextFieldProps: {
+        react_1.default.createElement(MultiSelect_1.MultiSelect, { value: selectedAttributes, options: options, TextFieldProps: {
                 InputProps: { disableUnderline: disableUnderline },
                 classes: { root: styles.dropDownInput }
             }, components: {

package/cjs/AttributeSelector/AttributeSelector.specs.js

@@ -56,7 +56,7 @@ var enzyme_1 = require("enzyme");
 var TextField_1 = __importDefault(require("@mui/material/TextField"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var AttributeSelector_1 = require("./AttributeSelector");
-var MultiSelect_1 = __importDefault(require("../components/ReactSelect/MultiSelect"));
+var MultiSelect_1 = require("../MultiSelect");
 var test_utils_2 = require("../test-utils");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var attributes = [
@@ -185,9 +185,9 @@ describe('AttributeSelector tests', function () {
                     expect(wrapper.find('.root').prop('className')).toContain(props.className);
                     title = wrapper.find(Typography_1.default).filterWhere(function (component) { return component.prop('className') === 'title'; });
                     expect(title.text()).toBe(props.title);
-                    expect(wrapper.find(MultiSelect_1.default).length).toBe(1);
-                    expect(wrapper.find(MultiSelect_1.default).prop('menuPlacement')).toBe('bottom');
-                    expect(wrapper.find(MultiSelect_1.default).prop('menuPortalTarget')).toBe(document.body);
+                    expect(wrapper.find(MultiSelect_1.MultiSelect).length).toBe(1);
+                    expect(wrapper.find(MultiSelect_1.MultiSelect).prop('menuPlacement')).toBe('bottom');
+                    expect(wrapper.find(MultiSelect_1.MultiSelect).prop('menuPortalTarget')).toBe(document.body);
                     expect(wrapper.find('Select').prop('options')).toStrictEqual(attributeOptions);
                     expect(wrapper.find(TextField_1.default).prop('InputProps')['disableUnderline']).toBeUndefined();
                     return [2 /*return*/];
@@ -217,7 +217,7 @@ describe('AttributeSelector tests', function () {
         return __generator(this, function (_a) {
             props = __assign(__assign({}, defaultProps), { menuPlacement: 'top' });
             wrapper = setUp(props);
-            expect(wrapper.find(MultiSelect_1.default).prop('menuPlacement')).toBe('top');
+            expect(wrapper.find(MultiSelect_1.MultiSelect).prop('menuPlacement')).toBe('top');
             return [2 /*return*/];
         });
     }); });
@@ -261,7 +261,7 @@ describe('AttributeSelector tests', function () {
             }
         ];
         var wrapper = setUp();
-        var select = wrapper.find(MultiSelect_1.default);
+        var select = wrapper.find(MultiSelect_1.MultiSelect);
         select.prop('onChange')(newAttributes);
         expect(defaultProps.onChange).toHaveBeenCalledWith(newAttributes);
     });

package/cjs/AttributeTitle/AttributeTitle.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    label: string;
+    isRequired?: boolean;
+    className?: string;
+};
+export declare const AttributeTitle: ({ label, isRequired, className, ...otherProps }: Props) => JSX.Element;
+export {};

package/cjs/AttributeTitle/AttributeTitle.js

@@ -0,0 +1,41 @@
+"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.AttributeTitle = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var RequiredMark_1 = require("../RequiredMark");
+var styles_1 = require("./styles");
+var AttributeTitle = function (_a) {
+    var label = _a.label, isRequired = _a.isRequired, className = _a.className, otherProps = __rest(_a, ["label", "isRequired", "className"]);
+    var styles = (0, styles_1.useStyles)();
+    return (react_1.default.createElement(Typography_1.default, __assign({ className: (0, classnames_1.default)(styles.label, className), component: "span" }, otherProps),
+        label,
+        isRequired && react_1.default.createElement(RequiredMark_1.RequiredMark, null)));
+};
+exports.AttributeTitle = AttributeTitle;

package/cjs/AttributeTitle/AttributeTitle.test.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_2 = require("@testing-library/react");
+var AttributeTitle_1 = require("./AttributeTitle");
+describe('AttributeTitle', function () {
+    it('should render required label', function () {
+        var label = 'The label';
+        (0, react_2.render)(react_1.default.createElement(AttributeTitle_1.AttributeTitle, { label: label, isRequired: true }));
+        expect(react_2.screen.getByText(label)).toBeInTheDocument();
+        expect(react_2.screen.getByText('*')).toBeInTheDocument();
+    });
+    it('should render label without required mark', function () {
+        var label = 'The label';
+        (0, react_2.render)(react_1.default.createElement(AttributeTitle_1.AttributeTitle, { label: label }));
+        expect(react_2.screen.getByText(label)).toBeInTheDocument();
+        expect(react_2.screen.queryByText('*')).not.toBeInTheDocument();
+    });
+});

package/cjs/AttributeTitle/index.d.ts

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

package/cjs/AttributeTitle/index.js

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

package/cjs/AttributesFilterSelector/AttributesFilterSelector.js

@@ -31,7 +31,7 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var ramda_1 = require("ramda");
 var utils_1 = require("@mui/material/utils");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var SimpleDropDownSelector_1 = __importDefault(require("../components/SimpleDropDownSelector/SimpleDropDownSelector"));
+var SimpleDropDownSelector_1 = require("../SimpleDropDownSelector");
 var helpers_1 = require("../AttributesFiltersBuilder/helpers");
 var styles_1 = require("./styles");
 var AttributesFilterSelector = function (_a) {
@@ -58,6 +58,6 @@ var AttributesFilterSelector = function (_a) {
             onChangeFilter(options[0]);
         }
     }, [fieldName, filter, onChangeFilter, options]);
-    return (react_1.default.createElement(SimpleDropDownSelector_1.default, { label: "", height: 40, isDisabled: !options, placeholder: ui_i18n_1.default.text('Equals'), value: (0, helpers_1.findValue)(options, filter), options: options, onChange: onChangeFilter, className: styles.dropDownSelector, textFieldInputRef: textFieldInputRef, TextFieldProps: { inputProps: (_b = {}, _b['data-reltio-id'] = 'filter-selector', _b) } }));
+    return (react_1.default.createElement(SimpleDropDownSelector_1.SimpleDropDownSelector, { label: "", height: 40, isDisabled: !options, placeholder: ui_i18n_1.default.text('Equals'), value: (0, helpers_1.findValue)(options, filter), options: options, onChange: onChangeFilter, className: styles.dropDownSelector, textFieldInputRef: textFieldInputRef, TextFieldProps: { inputProps: (_b = {}, _b['data-reltio-id'] = 'filter-selector', _b) } }));
 };
 exports.default = (0, react_1.memo)(AttributesFilterSelector);

package/cjs/AttributesFilterSelector/AttributesFilterSelector.test.js

@@ -42,7 +42,7 @@ var enzyme_1 = require("enzyme");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var mdmSdk = __importStar(require("@reltio/mdm-sdk"));
 var AttributesFilterSelector_1 = __importDefault(require("./AttributesFilterSelector"));
-var SimpleDropDownSelector_1 = __importDefault(require("../components/SimpleDropDownSelector/SimpleDropDownSelector"));
+var SimpleDropDownSelector_1 = require("../SimpleDropDownSelector");
 jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { getFilterOptionsForQueryBuilder: jest.fn() })); });
 var defaultProps = {
     rowData: {
@@ -87,8 +87,8 @@ describe('AttributesFilterSelector tests', function () {
     it('should render main components', function () {
         jest.spyOn(mdmSdk, 'getFilterOptionsForQueryBuilder').mockReturnValue(['equals']);
         var component = setUp();
-        expect(component.find(SimpleDropDownSelector_1.default)).toHaveLength(1);
-        expect(component.find(SimpleDropDownSelector_1.default).props()).toMatchObject({
+        expect(component.find(SimpleDropDownSelector_1.SimpleDropDownSelector)).toHaveLength(1);
+        expect(component.find(SimpleDropDownSelector_1.SimpleDropDownSelector).props()).toMatchObject({
             isDisabled: false,
             placeholder: ui_i18n_1.default.text('Equals'),
             value: value,
@@ -106,7 +106,7 @@ describe('AttributesFilterSelector tests', function () {
             values: []
         };
         var component = setUp();
-        component.find(SimpleDropDownSelector_1.default).prop('onChange')(newFilterOption);
+        component.find(SimpleDropDownSelector_1.SimpleDropDownSelector).prop('onChange')(newFilterOption);
         expect(rowContext.changeFilter).toBeCalledWith(newFilter, rowData.id);
     });
     it('should call changeFilter prop if there is fieldName in filter and there is no filter', function () {
@@ -136,6 +136,6 @@ describe('AttributesFilterSelector tests', function () {
         var options = [{ value: 'not equals', label: 'Not Equals' }];
         var props = __assign(__assign({}, defaultProps), { options: options });
         var component = setUp(props);
-        expect(component.find(SimpleDropDownSelector_1.default).prop('options')).toEqual(options);
+        expect(component.find(SimpleDropDownSelector_1.SimpleDropDownSelector).prop('options')).toEqual(options);
     });
 });

package/cjs/AttributesFiltersBuilder/AttributesFiltersBuilder.js

@@ -42,26 +42,23 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var core_1 = require("../core");
+var EmptyStub_1 = require("../EmptyStub");
 var helpers_1 = require("./helpers");
 var AttributesFilterSelector_1 = require("../AttributesFilterSelector");
-var RowActions_1 = __importDefault(require("./components/RowActions/RowActions"));
-var QueryBuilderRowsGroup_1 = __importDefault(require("../components/QueryBuilderRowsGroup/QueryBuilderRowsGroup"));
+var RowActions_1 = require("./components/RowActions");
+var QueryBuilderRowsGroup_1 = require("../QueryBuilderRowsGroup");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
-var AttributeSelector_1 = __importDefault(require("./components/AttributeSelector/AttributeSelector"));
+var AttributeSelector_1 = require("./components/AttributeSelector");
 var AttributesValuesEditor_1 = require("../AttributesValuesEditor");
 var styles_1 = require("./styles");
 var EMPTY_FILTER = { fieldName: null, filter: null, operator: mdm_sdk_1.SearchOperator.and, values: [] };
 var AttributesFiltersBuilder = function (_a) {
     var _b = _a.classes, classes = _b === void 0 ? {} : _b, attributesTypesGroups = _a.attributesTypesGroups, filters = _a.filters, onChange = _a.onChange, _c = _a.components, components = _c === void 0 ? {} : _c, onFilterAttributeChange = _a.onFilterAttributeChange;
-    var _d = components, CustomValuesEditor = _d.ValuesEditor, CustomFilterSelector = _d.FilterSelector, _e = _d.LogicalOperator, LogicalOperator = _e === void 0 ? core_1.EmptyStub : _e;
+    var _d = components, CustomValuesEditor = _d.ValuesEditor, CustomFilterSelector = _d.FilterSelector, _e = _d.LogicalOperator, LogicalOperator = _e === void 0 ? EmptyStub_1.EmptyStub : _e;
     var styles = (0, styles_1.useStyles)();
     var actualFilters = (0, react_1.useRef)(filters);
     var attributeFilterRef = (0, react_1.useRef)(null);
@@ -123,6 +120,6 @@ var AttributesFiltersBuilder = function (_a) {
     var addNewFilter = (0, react_1.useCallback)(function (newFilter) {
         onChange(__spreadArray(__spreadArray([], actualFilters.current, true), [newFilter], false));
     }, [onChange]);
-    return (react_1.default.createElement(QueryBuilderRowsGroup_1.default, { rowClasses: rowClasses, rowsData: rowsData, AttributeSelectorComponent: AttributeSelector_1.default, FilterSelectorComponent: CustomFilterSelector || AttributesFilterSelector_1.AttributesFilterSelector, ValuesEditorComponent: CustomValuesEditor || AttributesValuesEditor_1.AttributesValuesEditor, ActionsComponent: RowActions_1.default, LogicOperatorComponent: LogicalOperator, filterSelectorRefIndex: lastAttributesCountRef.current, filterSelectorRef: attributeFilterRef, lastRowAttributeSelectorProps: lastRowAttributeSelectorProps, attributeSelectorItemsGroups: attributeSelectorItemsGroups, entityType: currentEntityType, changeFilter: changeFilter, addNewFilter: addNewFilter, addRowAfterIndex: addRowAfterIndex, removeRow: removeRow, duplicateRow: duplicateRow, onFilterAttributeChange: onFilterAttributeChange }));
+    return (react_1.default.createElement(QueryBuilderRowsGroup_1.QueryBuilderRowsGroup, { rowClasses: rowClasses, rowsData: rowsData, AttributeSelectorComponent: AttributeSelector_1.AttributeSelector, FilterSelectorComponent: CustomFilterSelector || AttributesFilterSelector_1.AttributesFilterSelector, ValuesEditorComponent: CustomValuesEditor || AttributesValuesEditor_1.AttributesValuesEditor, ActionsComponent: RowActions_1.RowActions, LogicOperatorComponent: LogicalOperator, filterSelectorRefIndex: lastAttributesCountRef.current, filterSelectorRef: attributeFilterRef, lastRowAttributeSelectorProps: lastRowAttributeSelectorProps, attributeSelectorItemsGroups: attributeSelectorItemsGroups, entityType: currentEntityType, changeFilter: changeFilter, addNewFilter: addNewFilter, addRowAfterIndex: addRowAfterIndex, removeRow: removeRow, duplicateRow: duplicateRow, onFilterAttributeChange: onFilterAttributeChange }));
 };
 exports.default = (0, react_1.memo)(AttributesFiltersBuilder);

package/cjs/AttributesFiltersButton/AttributesFiltersButton.test.js

@@ -27,7 +27,7 @@ var AttributesFiltersButton_1 = __importDefault(require("./AttributesFiltersButt
 var AttributesFiltersBuilder_1 = require("../AttributesFiltersBuilder");
 var ActionButtons_1 = require("./components/ActionButtons");
 var test_utils_2 = require("../test-utils");
-var core_1 = require("../core");
+var EmptyStub_1 = require("../EmptyStub");
 jest.mock('../AttributesFiltersBuilder', function () { return ({
     AttributesFiltersBuilder: jest.fn(function () { return null; })
 }); });
@@ -42,7 +42,7 @@ var setUp = function (props) {
 };
 describe('AttributesFiltersButton tests', function () {
     beforeAll(function () {
-        AttributesFiltersBuilder_1.AttributesFiltersBuilder.mockImplementation(core_1.EmptyStub);
+        AttributesFiltersBuilder_1.AttributesFiltersBuilder.mockImplementation(EmptyStub_1.EmptyStub);
     });
     it('should render main components', function () {
         var component = setUp();

package/cjs/AttributesFiltersButton/components/ActionButtons/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"cancelButton" | "buttonsWrapper" | "applyButton" | "clearButon">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"buttonsWrapper" | "applyButton" | "cancelButton" | "clearButon">;

package/cjs/BasicAttributeSelector/BasicAttributeSelector.js

@@ -30,12 +30,12 @@ var react_1 = __importStar(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
-var SelectionPopup_1 = __importDefault(require("../components/SelectionPopup/SelectionPopup"));
-var helpers_1 = require("../components/SelectionPopup/helpers");
+var SelectionPopup_1 = require("../SelectionPopup");
+var useKeyboardNavigation_1 = require("../hooks/useKeyboardNavigation");
 var AttributeTitle_1 = require("./components/AttributeTitle");
-var SelectAttributesList_1 = __importDefault(require("../components/SelectAttributesList/SelectAttributesList"));
-var helpers_2 = require("../components/VirtualGroupedList/helpers");
-var helpers_3 = require("./helpers");
+var SelectAttributesList_1 = require("../SelectAttributesList");
+var VirtualGroupedList_1 = require("../VirtualGroupedList");
+var helpers_1 = require("./helpers");
 var constants_1 = require("./constants");
 var styles_1 = require("./styles");
 var BasicAttributeSelector = function (_a) {
@@ -52,18 +52,18 @@ var BasicAttributeSelector = function (_a) {
     var clearFilterText = (0, react_1.useCallback)(function () { return setFilterText(''); }, []);
     var _m = (0, react_1.useState)([]), selectedAttributes = _m[0], setSelectedAttributes = _m[1];
     var clearSelectedAttributes = (0, react_1.useCallback)(function () { return setSelectedAttributes([]); }, []);
-    var filteredItemsGroups = (0, react_1.useMemo)(function () { return (0, helpers_3.prepareGroupsForSelectAttributeList)(filterText, itemsGroups); }, [itemsGroups, filterText]);
+    var filteredItemsGroups = (0, react_1.useMemo)(function () { return (0, helpers_1.prepareGroupsForSelectAttributeList)(filterText, itemsGroups); }, [itemsGroups, filterText]);
     var items = (0, react_1.useMemo)(function () {
-        return (0, ramda_1.pipe)((0, ramda_1.when)((0, ramda_1.always)(ungroup), (0, ramda_1.chain)((0, ramda_1.pipe)((0, ramda_1.prop)('items'), ramda_1.flatten, (0, ramda_1.map)((0, ramda_1.pick)(['item', 'level']))))), helpers_2.flattenGroupedItemsData)(filteredItemsGroups);
+        return (0, ramda_1.pipe)((0, ramda_1.when)((0, ramda_1.always)(ungroup), (0, ramda_1.chain)((0, ramda_1.pipe)((0, ramda_1.prop)('items'), ramda_1.flatten, (0, ramda_1.map)((0, ramda_1.pick)(['item', 'level']))))), VirtualGroupedList_1.flattenGroupedItemsData)(filteredItemsGroups);
     }, [ungroup, filteredItemsGroups]);
-    var containerWidth = (0, react_1.useMemo)(function () { return Math.max((0, helpers_3.getContainerWidth)(filteredItemsGroups), constants_1.ATTRIBUTES_LIST_WIDTH); }, [filteredItemsGroups]);
+    var containerWidth = (0, react_1.useMemo)(function () { return Math.max((0, helpers_1.getContainerWidth)(filteredItemsGroups), constants_1.ATTRIBUTES_LIST_WIDTH); }, [filteredItemsGroups]);
     var handleOnClose = (0, ramda_1.pipe)((0, ramda_1.tap)((0, ramda_1.pipe)(clearSelectedAttributes, clearFilterText, closePopup)), onRestoreFocus);
     var searchInputRef = (0, react_1.useRef)();
     var onListItemClick = (0, react_1.useCallback)(function (attribute, checked) {
         onSelect({
             checked: checked,
             attribute: attribute,
-            index: checked ? selectedAttributes.length : (0, helpers_3.getAttributeIndex)(selectedAttributes, attribute),
+            index: checked ? selectedAttributes.length : (0, helpers_1.getAttributeIndex)(selectedAttributes, attribute),
             selectedAttributes: selectedAttributes
         });
         if (single) {
@@ -71,17 +71,17 @@ var BasicAttributeSelector = function (_a) {
             handleOnClose({});
         }
         else {
-            setSelectedAttributes((0, helpers_3.filterSelectedAttributes)({ selectedAttributes: selectedAttributes, attribute: attribute, checked: checked }));
+            setSelectedAttributes((0, helpers_1.filterSelectedAttributes)({ selectedAttributes: selectedAttributes, attribute: attribute, checked: checked }));
             if (searchInputRef.current) {
                 searchInputRef.current.focus();
             }
         }
     }, [selectedAttributes, onSelect, single, handleOnClose, searchInputRef]);
-    var handleSearchOnEnter = (0, react_1.useCallback)((0, helpers_3.getOnEnterHandler)({ onListItemClick: onListItemClick, selectedAttributes: selectedAttributes }), [
+    var handleSearchOnEnter = (0, react_1.useCallback)((0, helpers_1.getOnEnterHandler)({ onListItemClick: onListItemClick, selectedAttributes: selectedAttributes }), [
         onListItemClick,
         selectedAttributes
     ]);
-    var _o = (0, helpers_1.useKeyboardNavigation)({
+    var _o = (0, useKeyboardNavigation_1.useKeyboardNavigation)({
         items: items,
         open: isPopupOpen,
         onSelectFocusedItem: handleSearchOnEnter,
@@ -90,7 +90,7 @@ var BasicAttributeSelector = function (_a) {
     }), focusIndex = _o.focusIndex, handleKeyDown = _o.handleKeyDown;
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.selector, className), "data-reltio-id": "attribute-selector" },
         react_1.default.createElement(AttributeTitle_1.AttributeTitle, { value: value, getLabel: getLabel, onSelectAttributeClick: openPopup, disabled: disabled }),
-        react_1.default.createElement(SelectionPopup_1.default, { open: isPopupOpen, anchorEl: selectAnchor, onClose: handleOnClose, onSearch: setFilterText, title: ui_i18n_1.default.text('Select attribute'), containerWidth: containerWidth, containerHeight: constants_1.ATTRIBUTES_POPUP_HEIGHT, searchInputOnKeyDown: handleKeyDown, anchorOrigin: { horizontal: 'right', vertical: 'bottom' }, searchInputRef: searchInputRef, disableRestoreFocus: disableRestoreFocus, disableEnforceFocus: disableEnforceFocus },
-            react_1.default.createElement(SelectAttributesList_1.default, { items: items, onItemClick: onListItemClick, selectedAttributes: selectedAttributes, width: containerWidth, height: constants_1.ATTRIBUTES_LIST_HEIGHT, focusIndex: focusIndex, hideCheckBox: hideCheckBox }))));
+        react_1.default.createElement(SelectionPopup_1.SelectionPopup, { open: isPopupOpen, anchorEl: selectAnchor, onClose: handleOnClose, onSearch: setFilterText, title: ui_i18n_1.default.text('Select attribute'), containerWidth: containerWidth, containerHeight: constants_1.ATTRIBUTES_POPUP_HEIGHT, searchInputOnKeyDown: handleKeyDown, anchorOrigin: { horizontal: 'right', vertical: 'bottom' }, searchInputRef: searchInputRef, disableRestoreFocus: disableRestoreFocus, disableEnforceFocus: disableEnforceFocus },
+            react_1.default.createElement(SelectAttributesList_1.SelectAttributesList, { items: items, onItemClick: onListItemClick, selectedAttributes: selectedAttributes, width: containerWidth, height: constants_1.ATTRIBUTES_LIST_HEIGHT, focusIndex: focusIndex, hideCheckBox: hideCheckBox }))));
 };
 exports.default = (0, react_1.memo)(BasicAttributeSelector);

package/cjs/BasicTable/basicTableViewState.js

@@ -12,8 +12,8 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.reducer = exports.changeVisibleColumns = exports.actions = void 0;
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ramda_1 = require("ramda");
-var core_1 = require("../core");
 var CHANGE_COLUMNS = 'CHANGE_COLUMNS';
 var TOGGLE_FILTERS = 'TOGGLE_FILTERS';
 var CHANGE_FILTER = 'CHANGE_FILTER';
@@ -21,12 +21,12 @@ var TOGGLE_SORT = 'TOGGLE_SORT';
 var CHANGE_PAGE = 'CHANGE_PAGE';
 var CHANGE_ROWS_PER_PAGE = 'CHANGE_ROWS_PER_PAGE';
 exports.actions = {
-    changeColumns: (0, core_1.createStandardAction)(CHANGE_COLUMNS),
-    toggleFilters: (0, core_1.createStandardAction)(TOGGLE_FILTERS),
-    changeFilter: (0, core_1.createStandardAction)(CHANGE_FILTER),
-    toggleSort: (0, core_1.createStandardAction)(TOGGLE_SORT),
-    changePage: (0, core_1.createStandardAction)(CHANGE_PAGE),
-    changeRowsPerPage: (0, core_1.createStandardAction)(CHANGE_ROWS_PER_PAGE)
+    changeColumns: (0, mdm_sdk_1.createStandardAction)(CHANGE_COLUMNS),
+    toggleFilters: (0, mdm_sdk_1.createStandardAction)(TOGGLE_FILTERS),
+    changeFilter: (0, mdm_sdk_1.createStandardAction)(CHANGE_FILTER),
+    toggleSort: (0, mdm_sdk_1.createStandardAction)(TOGGLE_SORT),
+    changePage: (0, mdm_sdk_1.createStandardAction)(CHANGE_PAGE),
+    changeRowsPerPage: (0, mdm_sdk_1.createStandardAction)(CHANGE_ROWS_PER_PAGE)
 };
 var changeVisibleColumns = function (state, nextVisibleColumns) {
     var removedColumns = (0, ramda_1.difference)(state.visibleColumns, nextVisibleColumns);
@@ -66,7 +66,7 @@ var reducer = function (state, action) {
             var prevSortOrder = (0, ramda_1.path)(['sorting', 'order'], state);
             return __assign(__assign({}, state), { sorting: {
                     field: nextSortField,
-                    order: (0, core_1.toggleSortOrder)(nextSortField === prevSortField ? prevSortOrder : null)
+                    order: (0, mdm_sdk_1.toggleSortOrder)(nextSortField === prevSortField ? prevSortOrder : null)
                 }, page: 0 });
         }
         case CHANGE_PAGE:

package/cjs/BasicTablePagination/BasicTablePagination.js

@@ -38,10 +38,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
+var ramda_1 = require("ramda");
 var classnames_1 = __importDefault(require("classnames"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var utils_1 = require("../core/utils");
-var ramda_1 = require("ramda");
+var events_1 = require("../helpers/events");
 var TablePagination_1 = __importDefault(require("@mui/material/TablePagination"));
 var styles_1 = require("./styles");
 var BasicTablePagination = function (_a) {
@@ -67,7 +67,7 @@ var BasicTablePagination = function (_a) {
         onChangeRowsPerPage(value);
         resetScrollbarPosition();
     }, [onChangePage, onChangeRowsPerPage, resetScrollbarPosition]);
-    return (react_1.default.createElement(TablePagination_1.default, { classes: __assign(__assign({}, classes), { root: (0, classnames_1.default)(styles.pagination, classes.root), select: (0, classnames_1.default)(styles.select, classes.select), selectLabel: (0, classnames_1.default)(styles.caption, classes.selectLabel), displayedRows: (0, classnames_1.default)(styles.displayedRows, classes.displayedRows), input: (0, classnames_1.default)(styles.selectRoot, classes.selectRoot), actions: styles.actions }), backIconButtonProps: { size: 'large' }, nextIconButtonProps: { size: 'large' }, component: "div", labelRowsPerPage: labelRowsPerPage || ui_i18n_1.default.text('Rows per page:'), labelDisplayedRows: labelDisplayedRows, count: count, rowsPerPageOptions: rowsPerPageOptions, page: page, onPageChange: (0, ramda_1.pipe)((0, ramda_1.nthArg)(1), handleChangePage), rowsPerPage: rowsPerPage, onRowsPerPageChange: (0, ramda_1.pipe)(utils_1.getValue, handleChangeRowsPerPage) }));
+    return (react_1.default.createElement(TablePagination_1.default, { classes: __assign(__assign({}, classes), { root: (0, classnames_1.default)(styles.pagination, classes.root), select: (0, classnames_1.default)(styles.select, classes.select), selectLabel: (0, classnames_1.default)(styles.caption, classes.selectLabel), displayedRows: (0, classnames_1.default)(styles.displayedRows, classes.displayedRows), input: (0, classnames_1.default)(styles.selectRoot, classes.selectRoot), actions: styles.actions }), backIconButtonProps: { size: 'large' }, nextIconButtonProps: { size: 'large' }, component: "div", labelRowsPerPage: labelRowsPerPage || ui_i18n_1.default.text('Rows per page:'), labelDisplayedRows: labelDisplayedRows, count: count, rowsPerPageOptions: rowsPerPageOptions, page: page, onPageChange: (0, ramda_1.pipe)((0, ramda_1.nthArg)(1), handleChangePage), rowsPerPage: rowsPerPage, onRowsPerPageChange: (0, ramda_1.pipe)(events_1.getValue, handleChangeRowsPerPage) }));
 };
 BasicTablePagination.displayName = 'BasicTablePagination';
 exports.default = (0, react_1.memo)(BasicTablePagination);