@reltio/components 1.4.1193 → 1.4.1197
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/ActionButton/styles.d.ts +1 -1
- package/cjs/components/AttributesFiltersBuilder/AttributesFiltersBuilder.d.ts +5 -1
- package/cjs/components/AttributesFiltersBuilder/AttributesFiltersBuilder.js +4 -3
- package/cjs/components/AttributesFiltersBuilder/components/FilterSelector/FilterSelector.d.ts +3 -2
- package/cjs/components/AttributesFiltersBuilder/components/FilterSelector/FilterSelector.js +5 -4
- package/cjs/components/AttributesFiltersBuilder/components/ValuesEditor/ValuesEditor.js +2 -11
- package/cjs/components/AttributesFiltersBuilder/index.d.ts +4 -0
- package/cjs/components/AttributesFiltersBuilder/index.js +12 -0
- package/cjs/components/AttributesFiltersButton/AttributesFiltersButton.d.ts +5 -1
- package/cjs/components/AttributesFiltersButton/AttributesFiltersButton.js +2 -2
- package/cjs/components/{AttributesFiltersBuilder/components/MatchRulesSelector → MatchRulesSelector}/MatchRulesSelector.d.ts +2 -6
- package/cjs/components/{AttributesFiltersBuilder/components/MatchRulesSelector → MatchRulesSelector}/MatchRulesSelector.js +1 -7
- package/cjs/components/{AttributesFiltersBuilder/components/MultiValueSelector → MultiValueSelector}/MultiValueSelector.d.ts +0 -0
- package/cjs/components/{AttributesFiltersBuilder/components/MultiValueSelector → MultiValueSelector}/MultiValueSelector.js +6 -6
- package/cjs/components/{AttributesFiltersBuilder/components/MultiValueSelector → MultiValueSelector}/styles.d.ts +0 -0
- package/cjs/components/{AttributesFiltersBuilder/components/MultiValueSelector → MultiValueSelector}/styles.js +0 -0
- package/cjs/components/ValueChip/styles.d.ts +1 -1
- package/cjs/components/attributes/ImageAttributesLine/styles.d.ts +1 -1
- package/cjs/components/attributes/editMode/MoreAttributesButton/styles.d.ts +1 -1
- package/cjs/components/commonReactSelectComponents/LoadMoreButton.d.ts +8 -0
- package/cjs/components/commonReactSelectComponents/LoadMoreButton.js +17 -0
- package/cjs/components/commonReactSelectComponents/MenuList.d.ts +3 -0
- package/cjs/components/commonReactSelectComponents/MenuList.js +25 -0
- package/cjs/components/commonReactSelectComponents/styles.d.ts +1 -0
- package/cjs/components/commonReactSelectComponents/styles.js +24 -0
- package/cjs/components/crosswalks/CrosswalkAttributes/styles.d.ts +1 -1
- package/cjs/components/editors/DataTypeValueEditor/useEditorContext.d.ts +8 -2
- package/cjs/components/editors/DataTypeValueEditor/useEditorContext.js +5 -4
- package/cjs/components/editors/DependentLookupEditor/DependentLookupEditor.js +52 -10
- package/cjs/components/editors/TypeaheadEditor/TypeaheadEditor.js +32 -7
- package/cjs/components/history/HistoryGraph/HistoryCircle.d.ts +1 -1
- package/cjs/components/history/HistoryGraph/HistoryGraph.d.ts +1 -1
- package/cjs/components/index.d.ts +5 -0
- package/cjs/components/index.js +12 -3
- package/esm/components/ActionButton/styles.d.ts +1 -1
- package/esm/components/AttributesFiltersBuilder/AttributesFiltersBuilder.d.ts +5 -1
- package/esm/components/AttributesFiltersBuilder/AttributesFiltersBuilder.js +4 -3
- package/esm/components/AttributesFiltersBuilder/components/FilterSelector/FilterSelector.d.ts +3 -2
- package/esm/components/AttributesFiltersBuilder/components/FilterSelector/FilterSelector.js +5 -4
- package/esm/components/AttributesFiltersBuilder/components/ValuesEditor/ValuesEditor.js +3 -12
- package/esm/components/AttributesFiltersBuilder/index.d.ts +4 -0
- package/esm/components/AttributesFiltersBuilder/index.js +3 -0
- package/esm/components/AttributesFiltersButton/AttributesFiltersButton.d.ts +5 -1
- package/esm/components/AttributesFiltersButton/AttributesFiltersButton.js +2 -2
- package/esm/components/{AttributesFiltersBuilder/components/MatchRulesSelector → MatchRulesSelector}/MatchRulesSelector.d.ts +2 -6
- package/esm/components/{AttributesFiltersBuilder/components/MatchRulesSelector → MatchRulesSelector}/MatchRulesSelector.js +2 -7
- package/esm/components/{AttributesFiltersBuilder/components/MultiValueSelector → MultiValueSelector}/MultiValueSelector.d.ts +0 -0
- package/esm/components/{AttributesFiltersBuilder/components/MultiValueSelector → MultiValueSelector}/MultiValueSelector.js +6 -6
- package/esm/components/{AttributesFiltersBuilder/components/MultiValueSelector → MultiValueSelector}/styles.d.ts +0 -0
- package/esm/components/{AttributesFiltersBuilder/components/MultiValueSelector → MultiValueSelector}/styles.js +0 -0
- package/esm/components/ValueChip/styles.d.ts +1 -1
- package/esm/components/attributes/ImageAttributesLine/styles.d.ts +1 -1
- package/esm/components/attributes/editMode/MoreAttributesButton/styles.d.ts +1 -1
- package/esm/components/commonReactSelectComponents/LoadMoreButton.d.ts +8 -0
- package/esm/components/commonReactSelectComponents/LoadMoreButton.js +12 -0
- package/esm/components/commonReactSelectComponents/MenuList.d.ts +3 -0
- package/esm/components/commonReactSelectComponents/MenuList.js +20 -0
- package/esm/components/commonReactSelectComponents/styles.d.ts +1 -0
- package/esm/components/commonReactSelectComponents/styles.js +21 -0
- package/esm/components/crosswalks/CrosswalkAttributes/styles.d.ts +1 -1
- package/esm/components/editors/DataTypeValueEditor/useEditorContext.d.ts +8 -2
- package/esm/components/editors/DataTypeValueEditor/useEditorContext.js +5 -4
- package/esm/components/editors/DependentLookupEditor/DependentLookupEditor.js +54 -12
- package/esm/components/editors/TypeaheadEditor/TypeaheadEditor.js +34 -9
- package/esm/components/history/HistoryGraph/HistoryCircle.d.ts +1 -1
- package/esm/components/history/HistoryGraph/HistoryGraph.d.ts +1 -1
- package/esm/components/index.d.ts +5 -0
- package/esm/components/index.js +5 -0
- package/package.json +3 -3
|
@@ -9,5 +9,5 @@ declare const _default: React.ForwardRefExoticComponent<Pick<{
|
|
|
9
9
|
isCollapsed?: boolean;
|
|
10
10
|
showCollapseIcon?: boolean;
|
|
11
11
|
showLine?: boolean;
|
|
12
|
-
} & React.SVGProps<SVGGElement>, "string" | "visibility" | "type" | "values" | "filter" | "operator" | "id" | "max" | "
|
|
12
|
+
} & React.SVGProps<SVGGElement>, "string" | "visibility" | "type" | "values" | "filter" | "operator" | "id" | "max" | "offset" | "children" | "radius" | "order" | "method" | "width" | "height" | "in" | "format" | "key" | "attributeName" | "name" | "mode" | "attributeType" | "direction" | "path" | "from" | "to" | "end" | "clipPath" | "color" | "cursor" | "display" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "imageRendering" | "letterSpacing" | "opacity" | "overflow" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "wordSpacing" | "writingMode" | "mask" | "textDecoration" | "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" | "local" | "style" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "onScroll" | "className" | "y" | "d" | "origin" | "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" | "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" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "href" | "media" | "target" | "min" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "in2" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "numOctaves" | "orient" | "orientation" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "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" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "isDashed" | "isCollapsed" | "showCollapseIcon" | "showLine"> & React.RefAttributes<unknown>>;
|
|
13
13
|
export default _default;
|
|
@@ -16,7 +16,7 @@ export declare const HistoryCircleWithTooltip: React.ForwardRefExoticComponent<i
|
|
|
16
16
|
isCollapsed?: boolean;
|
|
17
17
|
showCollapseIcon?: boolean;
|
|
18
18
|
showLine?: boolean;
|
|
19
|
-
} & React.SVGProps<SVGGElement>, "string" | "visibility" | "type" | "values" | "filter" | "operator" | "id" | "max" | "
|
|
19
|
+
} & React.SVGProps<SVGGElement>, "string" | "visibility" | "type" | "values" | "filter" | "operator" | "id" | "max" | "offset" | "children" | "radius" | "order" | "method" | "width" | "height" | "in" | "format" | "key" | "attributeName" | "name" | "mode" | "attributeType" | "direction" | "path" | "from" | "to" | "end" | "clipPath" | "color" | "cursor" | "display" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "imageRendering" | "letterSpacing" | "opacity" | "overflow" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "wordSpacing" | "writingMode" | "mask" | "textDecoration" | "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" | "local" | "style" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "onScroll" | "className" | "y" | "d" | "origin" | "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" | "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" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "href" | "media" | "target" | "min" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "in2" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "numOctaves" | "orient" | "orientation" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "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" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "isDashed" | "isCollapsed" | "showCollapseIcon" | "showLine"> & React.RefAttributes<unknown>>;
|
|
20
20
|
declare type Props = {
|
|
21
21
|
graphData: HistoryData;
|
|
22
22
|
onHistoryCircleMouseOver?: (uri: string, timestamp: number, index: number) => void;
|
|
@@ -36,6 +36,8 @@ export { default as ColorBar } from './ColorBar/ColorBar';
|
|
|
36
36
|
export { default as CommentsContainer } from './CommentsContainer/CommentsContainer';
|
|
37
37
|
export { default as DropdownIndicator } from './commonReactSelectComponents/DropdownIndicator';
|
|
38
38
|
export { default as DropdownIndicatorWithIconButton } from './commonReactSelectComponents/DropdownIndicatorWithIconButton';
|
|
39
|
+
export { default as LoadMoreButton } from './commonReactSelectComponents/LoadMoreButton';
|
|
40
|
+
export { default as MenuList } from './commonReactSelectComponents/MenuList';
|
|
39
41
|
export { default as MenuWithPopper } from './commonReactSelectComponents/MenuWithPopper';
|
|
40
42
|
export { default as ConfigureColumnsPopup } from './ConfigureColumnsPopup/ConfigureColumnsPopup';
|
|
41
43
|
export { default as ConnectionRelationTypeSelector } from './ConnectionRelationTypeSelector/ConnectionRelationTypeSelector';
|
|
@@ -132,3 +134,6 @@ export { default as AttributesFiltersButton } from './AttributesFiltersButton/At
|
|
|
132
134
|
export { default as AttributesFiltersBuilder } from './AttributesFiltersBuilder/AttributesFiltersBuilder';
|
|
133
135
|
export { ConnectionEditor } from './ConnectionEditor';
|
|
134
136
|
export { DragAndDrop } from './DragAndDrop/DragAndDrop';
|
|
137
|
+
export * from './AttributesFiltersBuilder';
|
|
138
|
+
export { default as MultiValueSelector } from './MultiValueSelector/MultiValueSelector';
|
|
139
|
+
export { default as MatchRulesSelector } from './MatchRulesSelector/MatchRulesSelector';
|
package/cjs/components/index.js
CHANGED
|
@@ -13,9 +13,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
13
13
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
14
14
|
};
|
|
15
15
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
16
|
-
exports.
|
|
17
|
-
exports.
|
|
18
|
-
exports.DragAndDrop = exports.ConnectionEditor = exports.AttributesFiltersBuilder = exports.AttributesFiltersButton = exports.AttributeGroupIcon = exports.BasicAttributeSelector = exports.ProfilesList = exports.ActionButtonMode = exports.ActionButton = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleDropDownSelector = void 0;
|
|
16
|
+
exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = exports.EmptyState = exports.NoResults = exports.NoData = exports.DropDownSelector = exports.DropDownMenuButton = exports.Drawer = exports.DataTypeValue = exports.ConnectionRelationTypeSelector = exports.ConfigureColumnsPopup = exports.MenuWithPopper = exports.MenuList = exports.LoadMoreButton = exports.DropdownIndicatorWithIconButton = exports.DropdownIndicator = exports.CommentsContainer = exports.ColorBar = exports.CollapseButton = exports.CollaborationItem = exports.ClickAwayProvider = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.ProfileBandNavigation = exports.AvatarWithFallback = exports.AutoSizeList = exports.ReadOnlyAttributesPager = exports.SimpleAttribute = exports.ReferenceAttribute = exports.NestedAttribute = exports.EditableImageAttributesLine = exports.ImageAttributesLine = exports.ReadOnlyAttributesList = exports.ReadOnlyAttributeValuesBlock = exports.EditableAttribute = exports.ReadOnlyAttribute = exports.CardinalityMessage = exports.AttributesPager = exports.SimpleAttributeEditor = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.NestedAttributeEditor = exports.MoreAttributesButton = exports.EntitySelector = exports.EntityCreator = exports.AttributesList = exports.BranchDecorator = exports.AttributesView = exports.AttributeListItem = void 0;
|
|
17
|
+
exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopupPopper = exports.SelectionPopup = exports.useKeyboardNavigation = exports.WhiteSearchInput = exports.SearchInput = exports.ResizablePanes = exports.ReltioGridLayout = exports.ReactSortableTreeUtils = exports.ReactSortableTreeHandlers = exports.ReactSortableTree = exports.ReactSelectOptionFilters = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = exports.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportModes = exports.ImportButton = exports.ImageGalleryDialog = exports.Highlighter = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.FlipCard = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.ErrorWrapper = exports.ErrorPopup = exports.ErrorBoundary = exports.EntityUriLink = exports.RelationTypesSelector = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = void 0;
|
|
18
|
+
exports.MatchRulesSelector = exports.MultiValueSelector = exports.DragAndDrop = exports.ConnectionEditor = exports.AttributesFiltersBuilder = exports.AttributesFiltersButton = exports.AttributeGroupIcon = exports.BasicAttributeSelector = exports.ProfilesList = exports.ActionButtonMode = exports.ActionButton = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = void 0;
|
|
19
19
|
__exportStar(require("./activityLog"), exports);
|
|
20
20
|
var AttributeListItem_1 = require("./AttributeListItem/AttributeListItem");
|
|
21
21
|
Object.defineProperty(exports, "AttributeListItem", { enumerable: true, get: function () { return __importDefault(AttributeListItem_1).default; } });
|
|
@@ -90,6 +90,10 @@ var DropdownIndicator_1 = require("./commonReactSelectComponents/DropdownIndicat
|
|
|
90
90
|
Object.defineProperty(exports, "DropdownIndicator", { enumerable: true, get: function () { return __importDefault(DropdownIndicator_1).default; } });
|
|
91
91
|
var DropdownIndicatorWithIconButton_1 = require("./commonReactSelectComponents/DropdownIndicatorWithIconButton");
|
|
92
92
|
Object.defineProperty(exports, "DropdownIndicatorWithIconButton", { enumerable: true, get: function () { return __importDefault(DropdownIndicatorWithIconButton_1).default; } });
|
|
93
|
+
var LoadMoreButton_1 = require("./commonReactSelectComponents/LoadMoreButton");
|
|
94
|
+
Object.defineProperty(exports, "LoadMoreButton", { enumerable: true, get: function () { return __importDefault(LoadMoreButton_1).default; } });
|
|
95
|
+
var MenuList_1 = require("./commonReactSelectComponents/MenuList");
|
|
96
|
+
Object.defineProperty(exports, "MenuList", { enumerable: true, get: function () { return __importDefault(MenuList_1).default; } });
|
|
93
97
|
var MenuWithPopper_1 = require("./commonReactSelectComponents/MenuWithPopper");
|
|
94
98
|
Object.defineProperty(exports, "MenuWithPopper", { enumerable: true, get: function () { return __importDefault(MenuWithPopper_1).default; } });
|
|
95
99
|
var ConfigureColumnsPopup_1 = require("./ConfigureColumnsPopup/ConfigureColumnsPopup");
|
|
@@ -283,3 +287,8 @@ var ConnectionEditor_1 = require("./ConnectionEditor");
|
|
|
283
287
|
Object.defineProperty(exports, "ConnectionEditor", { enumerable: true, get: function () { return ConnectionEditor_1.ConnectionEditor; } });
|
|
284
288
|
var DragAndDrop_1 = require("./DragAndDrop/DragAndDrop");
|
|
285
289
|
Object.defineProperty(exports, "DragAndDrop", { enumerable: true, get: function () { return DragAndDrop_1.DragAndDrop; } });
|
|
290
|
+
__exportStar(require("./AttributesFiltersBuilder"), exports);
|
|
291
|
+
var MultiValueSelector_1 = require("./MultiValueSelector/MultiValueSelector");
|
|
292
|
+
Object.defineProperty(exports, "MultiValueSelector", { enumerable: true, get: function () { return __importDefault(MultiValueSelector_1).default; } });
|
|
293
|
+
var MatchRulesSelector_1 = require("./MatchRulesSelector/MatchRulesSelector");
|
|
294
|
+
Object.defineProperty(exports, "MatchRulesSelector", { enumerable: true, get: function () { return __importDefault(MatchRulesSelector_1).default; } });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "button" | "
|
|
1
|
+
export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "button" | "startIcon" | "menuItem" | "menuText" | "iconButton" | "overflowStyle" | "menuIcon">;
|
|
@@ -4,6 +4,10 @@ declare type Props = {
|
|
|
4
4
|
filters: SearchFilter[];
|
|
5
5
|
onChange: (filters: SearchFilter[]) => void;
|
|
6
6
|
attributeTypes: AttributeType[];
|
|
7
|
+
components?: {
|
|
8
|
+
ValuesEditor?: React.ElementType;
|
|
9
|
+
FilterSelector?: React.ElementType;
|
|
10
|
+
};
|
|
7
11
|
};
|
|
8
|
-
declare const _default: React.MemoExoticComponent<({ attributeTypes, filters, onChange }: Props) => JSX.Element>;
|
|
12
|
+
declare const _default: React.MemoExoticComponent<({ attributeTypes, filters, onChange, components }: Props) => JSX.Element>;
|
|
9
13
|
export default _default;
|
|
@@ -18,10 +18,11 @@ import { useStyles } from './styles';
|
|
|
18
18
|
var EMPTY_FILTER = { fieldName: null, filter: null, values: [] };
|
|
19
19
|
var Stub = function () { return null; };
|
|
20
20
|
var AttributesFiltersBuilder = function (_a) {
|
|
21
|
-
var attributeTypes = _a.attributeTypes, filters = _a.filters, onChange = _a.onChange;
|
|
21
|
+
var attributeTypes = _a.attributeTypes, filters = _a.filters, onChange = _a.onChange, _b = _a.components, components = _b === void 0 ? {} : _b;
|
|
22
|
+
var CustomValuesEditor = components.ValuesEditor, CustomFilterSelector = components.FilterSelector;
|
|
22
23
|
var metadata = useSelector(mdmModule.selectors.getMetadata);
|
|
23
24
|
var entityType = getEntityType(metadata, getEntityTypeFromAttrTypes(attributeTypes));
|
|
24
|
-
var
|
|
25
|
+
var _c = useStyles(), attrSelector = _c.attrSelector, filterSelector = _c.filterSelector, actionContainer = _c.actionContainer;
|
|
25
26
|
var actualFilters = useRef(filters);
|
|
26
27
|
actualFilters.current = filters;
|
|
27
28
|
var attributeFilterRef = useRef(null);
|
|
@@ -83,6 +84,6 @@ var AttributesFiltersBuilder = function (_a) {
|
|
|
83
84
|
var addNewFilter = useCallback(function (newFilter) {
|
|
84
85
|
onChange(__spreadArray(__spreadArray([], actualFilters.current), [newFilter]));
|
|
85
86
|
}, [onChange]);
|
|
86
|
-
return (React.createElement(QueryBuilderRowsGroup, { rowClasses: rowClasses, rowsData: rowsData, AttributeSelectorComponent: AttributeSelector, FilterSelectorComponent: FilterSelector, ValuesEditorComponent: ValuesEditor, ActionsComponent: RowActions, LogicOperatorComponent: Stub, filterSelectorRefIndex: lastAttributesCountRef.current, filterSelectorRef: attributeFilterRef, lastRowAttributeSelectorProps: lastRowAttributeSelectorProps, attributesGroup: attributeSelectorItems, changeFilter: changeFilter, addNewFilter: addNewFilter, addRowAfterIndex: addRowAfterIndex, removeRow: removeRow, duplicateRow: duplicateRow, entityType: entityType }));
|
|
87
|
+
return (React.createElement(QueryBuilderRowsGroup, { rowClasses: rowClasses, rowsData: rowsData, AttributeSelectorComponent: AttributeSelector, FilterSelectorComponent: CustomFilterSelector || FilterSelector, ValuesEditorComponent: CustomValuesEditor || ValuesEditor, ActionsComponent: RowActions, LogicOperatorComponent: Stub, filterSelectorRefIndex: lastAttributesCountRef.current, filterSelectorRef: attributeFilterRef, lastRowAttributeSelectorProps: lastRowAttributeSelectorProps, attributesGroup: attributeSelectorItems, changeFilter: changeFilter, addNewFilter: addNewFilter, addRowAfterIndex: addRowAfterIndex, removeRow: removeRow, duplicateRow: duplicateRow, entityType: entityType }));
|
|
87
88
|
};
|
|
88
89
|
export default memo(AttributesFiltersBuilder);
|
package/esm/components/AttributesFiltersBuilder/components/FilterSelector/FilterSelector.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { AttributeFiltersComponentProps } from '../../types';
|
|
2
|
+
import { AttributeFiltersComponentProps, FilterOption } from '../../types';
|
|
3
3
|
declare type Props = AttributeFiltersComponentProps & {
|
|
4
4
|
textFieldInputRef: React.MutableRefObject<HTMLInputElement>;
|
|
5
|
+
options?: FilterOption[];
|
|
5
6
|
};
|
|
6
|
-
declare const _default: React.MemoExoticComponent<({ rowData, rowContext, textFieldInputRef }: Props) => JSX.Element>;
|
|
7
|
+
declare const _default: React.MemoExoticComponent<({ rowData, rowContext, textFieldInputRef, options: optionsProp }: Props) => JSX.Element>;
|
|
7
8
|
export default _default;
|
|
@@ -7,13 +7,14 @@ import SimpleDropDownSelector from '../../../SimpleDropDownSelector/SimpleDropDo
|
|
|
7
7
|
import { findValue } from '../../helpers';
|
|
8
8
|
import useStyles from './styles';
|
|
9
9
|
var FilterSelector = function (_a) {
|
|
10
|
-
var rowData = _a.rowData, rowContext = _a.rowContext, textFieldInputRef = _a.textFieldInputRef;
|
|
10
|
+
var rowData = _a.rowData, rowContext = _a.rowContext, textFieldInputRef = _a.textFieldInputRef, optionsProp = _a.options;
|
|
11
11
|
var styles = useStyles();
|
|
12
12
|
var _b = rowData || {}, _c = _b.attribute, _d = _c === void 0 ? {} : _c, _e = _d.attrType, attrType = _e === void 0 ? {} : _e, _f = _d.fieldName, fieldName = _f === void 0 ? null : _f, filter = _b.filter, id = _b.id;
|
|
13
13
|
var changeFilter = rowContext.changeFilter;
|
|
14
|
-
var options =
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
var options = optionsProp ||
|
|
15
|
+
(attrType &&
|
|
16
|
+
fieldName &&
|
|
17
|
+
pipe(getFilterOptionsForQueryBuilder, map(function (value) { return ({ value: value, label: capitalize(getFilterOptionLabel(value)) }); }))(attrType, fieldName));
|
|
17
18
|
var onChangeFilter = useCallback(function (filterOption) {
|
|
18
19
|
var newFilter = {
|
|
19
20
|
fieldName: fieldName,
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import React, { memo, useMemo, useCallback } from 'react';
|
|
2
|
-
import { checkIfOptionHasValues, getAttrDataTypeDefinition, getDataTypeDefinitionForFilterValue
|
|
2
|
+
import { checkIfOptionHasValues, getAttrDataTypeDefinition, getDataTypeDefinitionForFilterValue } from '@reltio/mdm-sdk';
|
|
3
3
|
import FilterValueEditor from '../../../editors/FilterEditor/FilterValueEditor';
|
|
4
|
-
import MatchRulesSelector from '../MatchRulesSelector/MatchRulesSelector';
|
|
5
4
|
import { useStyles } from './styles';
|
|
6
5
|
var ValuesEditor = function (_a) {
|
|
7
6
|
var rowData = _a.rowData, rowContext = _a.rowContext;
|
|
8
7
|
var styles = useStyles();
|
|
9
8
|
var canFilterAcceptValues = (rowData === null || rowData === void 0 ? void 0 : rowData.attribute) && checkIfOptionHasValues(rowData.filter);
|
|
10
|
-
var changeFilter = rowContext.changeFilter
|
|
9
|
+
var changeFilter = rowContext.changeFilter;
|
|
11
10
|
var _b = (rowData || {}), _c = _b.values, values = _c === void 0 ? [] : _c, _d = _b.attribute, _e = _d === void 0 ? {} : _d, attrType = _e.attrType, _f = _e.fieldName, fieldName = _f === void 0 ? null : _f, filter = _b.filter, id = _b.id;
|
|
12
11
|
var valueDataTypeDefinition = attrType && getAttrDataTypeDefinition(attrType);
|
|
13
12
|
var filterValueDataTypeDefinition = valueDataTypeDefinition && getDataTypeDefinitionForFilterValue(valueDataTypeDefinition, filter);
|
|
@@ -32,14 +31,6 @@ var ValuesEditor = function (_a) {
|
|
|
32
31
|
};
|
|
33
32
|
changeFilter(newFilter, id);
|
|
34
33
|
}, [changeFilter, id, fieldName, filter]);
|
|
35
|
-
|
|
36
|
-
if (isMatchRuleAttrType(attrType)) {
|
|
37
|
-
return (React.createElement(MatchRulesSelector, { entityType: entityType, name: attrType.name, values: values, onChange: changeValue, TextFieldProps: TextFieldProps, fullWidth: true }));
|
|
38
|
-
}
|
|
39
|
-
else {
|
|
40
|
-
return (React.createElement(FilterValueEditor, { filter: editorFilter, onChange: changeValue, dataTypeDefinition: filterValueDataTypeDefinition, fullWidth: true, TextFieldProps: TextFieldProps, color: "primary", classes: editorClasses, orientation: "horizontal" }));
|
|
41
|
-
}
|
|
42
|
-
};
|
|
43
|
-
return React.createElement("div", { className: styles.valuesEditor }, (rowData === null || rowData === void 0 ? void 0 : rowData.attribute) && canFilterAcceptValues && renderEditor());
|
|
34
|
+
return (React.createElement("div", { className: styles.valuesEditor }, (rowData === null || rowData === void 0 ? void 0 : rowData.attribute) && canFilterAcceptValues && (React.createElement(FilterValueEditor, { filter: editorFilter, onChange: changeValue, dataTypeDefinition: filterValueDataTypeDefinition, fullWidth: true, TextFieldProps: TextFieldProps, color: "primary", classes: editorClasses, orientation: "horizontal" }))));
|
|
44
35
|
};
|
|
45
36
|
export default memo(ValuesEditor);
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { default as AttributesFiltersBuilder } from './AttributesFiltersBuilder';
|
|
2
|
+
export { default as AttributesValuesEditor } from './components/ValuesEditor/ValuesEditor';
|
|
3
|
+
export { default as AttributesFilterSelector } from './components/FilterSelector/FilterSelector';
|
|
4
|
+
export type { AttributeFiltersComponentProps } from './types';
|
|
@@ -4,6 +4,10 @@ declare type Props = {
|
|
|
4
4
|
filters: SearchFilter[];
|
|
5
5
|
onChange: (filters: SearchFilter[]) => void;
|
|
6
6
|
attributeTypes: AttributeType[];
|
|
7
|
+
components?: {
|
|
8
|
+
ValuesEditor?: React.ElementType;
|
|
9
|
+
FilterSelector?: React.ElementType;
|
|
10
|
+
};
|
|
7
11
|
};
|
|
8
|
-
declare const _default: React.MemoExoticComponent<({ filters: filtersProp, attributeTypes, onChange }: Props) => JSX.Element>;
|
|
12
|
+
declare const _default: React.MemoExoticComponent<({ filters: filtersProp, attributeTypes, onChange, components }: Props) => JSX.Element>;
|
|
9
13
|
export default _default;
|
|
@@ -10,7 +10,7 @@ import AttributesFiltersBuilder from '../AttributesFiltersBuilder/AttributesFilt
|
|
|
10
10
|
import ActionButtons from './ActionButtons/ActionButtons';
|
|
11
11
|
import { useStyles } from './styles';
|
|
12
12
|
var AttributesFiltersButton = function (_a) {
|
|
13
|
-
var filtersProp = _a.filters, attributeTypes = _a.attributeTypes, onChange = _a.onChange;
|
|
13
|
+
var filtersProp = _a.filters, attributeTypes = _a.attributeTypes, onChange = _a.onChange, components = _a.components;
|
|
14
14
|
var styles = useStyles();
|
|
15
15
|
var buttonRef = useRef();
|
|
16
16
|
var _b = useState(false), isOpen = _b[0], setIsOpen = _b[1];
|
|
@@ -49,7 +49,7 @@ var AttributesFiltersButton = function (_a) {
|
|
|
49
49
|
React.createElement(React.Fragment, null,
|
|
50
50
|
React.createElement(Typography, { variant: "h6" }, i18n.text('Filter')),
|
|
51
51
|
React.createElement("div", { className: styles.filtersBuilderWrapper },
|
|
52
|
-
React.createElement(AttributesFiltersBuilder, { attributeTypes: attributeTypes, filters: filters, onChange: setFilters })),
|
|
52
|
+
React.createElement(AttributesFiltersBuilder, { attributeTypes: attributeTypes, filters: filters, onChange: setFilters, components: components })),
|
|
53
53
|
React.createElement(Divider, { className: styles.divider }),
|
|
54
54
|
React.createElement(ActionButtons, { onApply: applyButtonHandler, onCancel: cancelButtonHandler, onClear: clearAllButtonHandler })))));
|
|
55
55
|
};
|
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { TEntityType } from '@reltio/mdm-sdk';
|
|
2
|
+
import { TEntityType, MatchRulesAttrNames } from '@reltio/mdm-sdk';
|
|
3
3
|
import { TextFieldProps as TextFieldPropsType } from '@material-ui/core/TextField';
|
|
4
|
-
export declare enum MatchRulesAttributeNames {
|
|
5
|
-
matchRules = "matchRules",
|
|
6
|
-
MLRecommendedMatch = "MLRecommendedMatch"
|
|
7
|
-
}
|
|
8
4
|
declare type Props = {
|
|
9
|
-
name:
|
|
5
|
+
name: MatchRulesAttrNames;
|
|
10
6
|
values?: string[];
|
|
11
7
|
onChange: (values: string[]) => void;
|
|
12
8
|
TextFieldProps?: Partial<TextFieldPropsType>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useMemo } from 'react';
|
|
2
2
|
import { useSelector } from 'react-redux';
|
|
3
3
|
import mdmModule from '@reltio/mdm-module';
|
|
4
|
-
import { getMatchGroups, partitionByMlMatch } from '@reltio/mdm-sdk';
|
|
4
|
+
import { getMatchGroups, partitionByMlMatch, MatchRulesAttrNames } from '@reltio/mdm-sdk';
|
|
5
5
|
import MultiValueSelector from '../MultiValueSelector/MultiValueSelector';
|
|
6
6
|
var prepareOptions = function (options) {
|
|
7
7
|
if (options === void 0) { options = []; }
|
|
@@ -10,11 +10,6 @@ var prepareOptions = function (options) {
|
|
|
10
10
|
return ({ label: label, value: uri });
|
|
11
11
|
});
|
|
12
12
|
};
|
|
13
|
-
export var MatchRulesAttributeNames;
|
|
14
|
-
(function (MatchRulesAttributeNames) {
|
|
15
|
-
MatchRulesAttributeNames["matchRules"] = "matchRules";
|
|
16
|
-
MatchRulesAttributeNames["MLRecommendedMatch"] = "MLRecommendedMatch";
|
|
17
|
-
})(MatchRulesAttributeNames || (MatchRulesAttributeNames = {}));
|
|
18
13
|
var MatchRulesSelector = function (_a) {
|
|
19
14
|
var name = _a.name, values = _a.values, onChange = _a.onChange, entityType = _a.entityType, TextFieldProps = _a.TextFieldProps, fullWidth = _a.fullWidth;
|
|
20
15
|
var metadata = useSelector(mdmModule.selectors.getMetadata);
|
|
@@ -22,7 +17,7 @@ var MatchRulesSelector = function (_a) {
|
|
|
22
17
|
entityType === null || entityType === void 0 ? void 0 : entityType.uri,
|
|
23
18
|
metadata
|
|
24
19
|
]), mlMatchRules = _b[0], matchRules = _b[1];
|
|
25
|
-
var options = useMemo(function () { return prepareOptions(name ===
|
|
20
|
+
var options = useMemo(function () { return prepareOptions(name === MatchRulesAttrNames.matchRules ? matchRules : mlMatchRules); }, [name, matchRules, mlMatchRules]);
|
|
26
21
|
return (React.createElement(MultiValueSelector, { values: values, onChange: onChange, options: options, TextFieldProps: TextFieldProps, fullWidth: fullWidth }));
|
|
27
22
|
};
|
|
28
23
|
MatchRulesSelector.displayName = 'MatchRulesSelector';
|
|
File without changes
|
|
@@ -23,12 +23,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
import React, { memo, useCallback, useRef, useMemo } from 'react';
|
|
24
24
|
import { defaultTo, pipe, pluck } from 'ramda';
|
|
25
25
|
import { isEmptyValue } from '@reltio/mdm-sdk';
|
|
26
|
-
import DropdownIndicatorWithIconButton from '
|
|
27
|
-
import OptionWithCheckIcon from '
|
|
28
|
-
import MenuWithPopper from '
|
|
29
|
-
import MultiValueChip from '
|
|
30
|
-
import MultiSelect from '
|
|
31
|
-
import { EmptyStub } from '
|
|
26
|
+
import DropdownIndicatorWithIconButton from '../commonReactSelectComponents/DropdownIndicatorWithIconButton';
|
|
27
|
+
import OptionWithCheckIcon from '../commonReactSelectComponents/OptionWithCheckIcon/OptionWithCheckIcon';
|
|
28
|
+
import MenuWithPopper from '../commonReactSelectComponents/MenuWithPopper';
|
|
29
|
+
import MultiValueChip from '../editors/commonComponents/MultiValueChip/MultiValueChip';
|
|
30
|
+
import MultiSelect from '../ReactSelect/MultiSelect';
|
|
31
|
+
import { EmptyStub } from '../../core';
|
|
32
32
|
import { useStyles, customStyles } from './styles';
|
|
33
33
|
var MultiValueSelector = function (_a) {
|
|
34
34
|
var _b = _a.values, values = _b === void 0 ? [] : _b, onChange = _a.onChange, options = _a.options, fullWidth = _a.fullWidth, _c = _a.TextFieldProps, TextFieldProps = _c === void 0 ? {} : _c;
|
|
File without changes
|
|
File without changes
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const useChipStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "root" | "deleteIcon">;
|
|
2
|
-
export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"
|
|
2
|
+
export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"count" | "label" | "container">;
|
|
@@ -3,4 +3,4 @@ export declare type SIZES_TYPE = {
|
|
|
3
3
|
imageWidth: number;
|
|
4
4
|
imageHeight: number;
|
|
5
5
|
};
|
|
6
|
-
export declare const useStyles: (props: SIZES_TYPE) => import("@material-ui/core/styles/withStyles").ClassNameMap<"number" | "
|
|
6
|
+
export declare const useStyles: (props: SIZES_TYPE) => import("@material-ui/core/styles/withStyles").ClassNameMap<"number" | "moreButton" | "imageBox" | "moreButtonContainer">;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "dense" | "
|
|
1
|
+
export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "dense" | "moreButton" | "buttonLabel" | "subHeader" | "moreAttributes" | "popupContainer" | "moreAttributesPopup" | "noResultsCaptionContainer">;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare type Props = {
|
|
3
|
+
loading: boolean;
|
|
4
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
5
|
+
onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
6
|
+
};
|
|
7
|
+
declare const LoadMoreButton: ({ loading, onClick, onMouseDown }: Props) => JSX.Element;
|
|
8
|
+
export default LoadMoreButton;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Button from '@material-ui/core/Button';
|
|
3
|
+
import { CircularProgress } from '@material-ui/core';
|
|
4
|
+
import i18n from 'ui-i18n';
|
|
5
|
+
import { useStyles } from './styles';
|
|
6
|
+
var LoadMoreButton = function (_a) {
|
|
7
|
+
var loading = _a.loading, onClick = _a.onClick, onMouseDown = _a.onMouseDown;
|
|
8
|
+
var styles = useStyles();
|
|
9
|
+
return (React.createElement("div", { className: styles.loadMoreContainer }, loading ? (React.createElement(CircularProgress, { className: styles.loadingSpinner, size: 24 })) : (React.createElement(Button, { color: "primary", onClick: onClick, onMouseDown: onMouseDown, className: styles.moreButton },
|
|
10
|
+
React.createElement("div", { className: styles.buttonLabel }, i18n.text('Load more'))))));
|
|
11
|
+
};
|
|
12
|
+
export default LoadMoreButton;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import { components } from 'react-select';
|
|
14
|
+
var MenuList = function (props) {
|
|
15
|
+
var menuListFooter = props.selectProps.menuListFooter, children = props.children;
|
|
16
|
+
return (React.createElement(components.MenuList, __assign({}, props),
|
|
17
|
+
children,
|
|
18
|
+
menuListFooter));
|
|
19
|
+
};
|
|
20
|
+
export default MenuList;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"loadMoreContainer" | "moreButton" | "buttonLabel" | "loadingSpinner">;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { makeStyles } from '@material-ui/core/styles';
|
|
2
|
+
export var useStyles = makeStyles({
|
|
3
|
+
loadMoreContainer: {
|
|
4
|
+
display: 'flex',
|
|
5
|
+
height: '32px'
|
|
6
|
+
},
|
|
7
|
+
moreButton: {
|
|
8
|
+
padding: '9px 38px 9px 38px'
|
|
9
|
+
},
|
|
10
|
+
buttonLabel: {
|
|
11
|
+
fontSize: '14px',
|
|
12
|
+
fontWeight: 500,
|
|
13
|
+
lineHeight: '16px',
|
|
14
|
+
whiteSpace: 'nowrap',
|
|
15
|
+
overflow: 'hidden'
|
|
16
|
+
},
|
|
17
|
+
loadingSpinner: {
|
|
18
|
+
alignSelf: 'center',
|
|
19
|
+
marginLeft: '40px'
|
|
20
|
+
}
|
|
21
|
+
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"attributeValue" | "text" | "input" | "
|
|
1
|
+
export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"attributeValue" | "text" | "input" | "moreButton" | "editor" | "sourceIcon" | "attributeTitle" | "attributeWrapper">;
|
|
@@ -20,14 +20,20 @@ declare function useEditorContext(fieldName: any, dataTypeDefinition: any): {
|
|
|
20
20
|
} | {
|
|
21
21
|
lookups: any;
|
|
22
22
|
lookupCode: any;
|
|
23
|
-
getLookups: (type
|
|
23
|
+
getLookups: ({ type, parents, displayNamePrefix, max, offset }: {
|
|
24
|
+
type: any;
|
|
25
|
+
parents: any;
|
|
26
|
+
displayNamePrefix: any;
|
|
27
|
+
max: any;
|
|
28
|
+
offset: any;
|
|
29
|
+
}) => Promise<any>;
|
|
24
30
|
resolveLookups: (type: any, codeValues: any) => Promise<void>;
|
|
25
31
|
entries?: undefined;
|
|
26
32
|
getSuggestions?: undefined;
|
|
27
33
|
format?: undefined;
|
|
28
34
|
tenant?: undefined;
|
|
29
35
|
} | {
|
|
30
|
-
getSuggestions: (searchValue: any) => Promise<string[]>;
|
|
36
|
+
getSuggestions: (searchValue: any, max: any, pageNo: any) => Promise<string[]>;
|
|
31
37
|
entries?: undefined;
|
|
32
38
|
lookups?: undefined;
|
|
33
39
|
lookupCode?: undefined;
|
|
@@ -20,11 +20,11 @@ var useEditorContext = function (fieldName, dataTypeDefinition) {
|
|
|
20
20
|
var attributePresentations = useSelector(mdm.selectors.getAttributePresentations);
|
|
21
21
|
var globalSearchRequestOptions = useSelector(mdm.selectors.getGlobalSearchRequestOptions);
|
|
22
22
|
var dispatch = useDispatch();
|
|
23
|
-
var typeaheadGetSuggestion = useCallback(function (searchValue) {
|
|
23
|
+
var typeaheadGetSuggestion = useCallback(function (searchValue, max, pageNo) {
|
|
24
24
|
return getFacetedAttributeData({
|
|
25
25
|
fieldName: fieldName,
|
|
26
26
|
searchValue: searchValue,
|
|
27
|
-
options: __assign({}, globalSearchRequestOptions)
|
|
27
|
+
options: __assign(__assign({}, globalSearchRequestOptions), { max: max, pageNo: pageNo })
|
|
28
28
|
}).then(function (response) { return Object.keys(response[fieldName]); });
|
|
29
29
|
}, [fieldName, globalSearchRequestOptions]);
|
|
30
30
|
var type = dataTypeDefinition.type, values = dataTypeDefinition.values, lookupCode = dataTypeDefinition.lookupCode, uri = dataTypeDefinition.uri, dependentLookupCode = dataTypeDefinition.dependentLookupCode, options = dataTypeDefinition.options;
|
|
@@ -45,8 +45,9 @@ var useEditorContext = function (fieldName, dataTypeDefinition) {
|
|
|
45
45
|
return {
|
|
46
46
|
lookups: lookups,
|
|
47
47
|
lookupCode: dependentLookupCode,
|
|
48
|
-
getLookups: function (
|
|
49
|
-
|
|
48
|
+
getLookups: function (_a) {
|
|
49
|
+
var type = _a.type, parents = _a.parents, displayNamePrefix = _a.displayNamePrefix, max = _a.max, offset = _a.offset;
|
|
50
|
+
return getDependentLookups({ type: type, parents: parents, displayNamePrefix: displayNamePrefix, max: max, offset: offset }).then(function (_a) {
|
|
50
51
|
var codeValues = _a.codeValues;
|
|
51
52
|
return propOr({}, type, codeValues);
|
|
52
53
|
});
|