@reltio/components 1.4.894 → 1.4.898
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/BasicView/BasicView.d.ts +1 -1
- package/cjs/components/ProfileBandNavigation/ProfileBandNavigationWidget.d.ts +1 -1
- package/cjs/components/ReltioMap/MapControls/TopRightMapControls/TopRightMapControls.d.ts +1 -1
- package/cjs/components/SmallIconButton/SmallIconButton.d.ts +1 -1
- package/cjs/components/SmallIconButton/index.d.ts +2 -2
- package/cjs/components/attributes/PivotingAttributes/PivotingTooltipContent.js +11 -3
- package/cjs/components/attributes/PivotingAttributes/helpers.d.ts +4 -0
- package/cjs/components/attributes/PivotingAttributes/helpers.js +17 -1
- package/cjs/components/attributes/PivotingAttributes/styles.d.ts +1 -1
- package/cjs/components/attributes/PivotingAttributes/styles.js +3 -0
- package/cjs/components/history/ContributorsPanel/styles.d.ts +1 -1
- package/cjs/components/workflow/cards/DataChangeRequestTaskCard/DataChangeRequestTaskCard.js +6 -12
- package/cjs/components/workflow/components/AttributesChanges/AttributesChanges.d.ts +8 -0
- package/cjs/components/workflow/components/AttributesChanges/AttributesChanges.js +47 -0
- package/cjs/components/workflow/components/AttributesChanges/components/ChangeView/ChangeView.d.ts +11 -0
- package/cjs/components/workflow/components/AttributesChanges/components/ChangeView/ChangeView.js +27 -0
- package/cjs/components/workflow/components/AttributesChanges/components/ChangeView/styles.d.ts +1 -0
- package/cjs/components/workflow/components/AttributesChanges/components/ChangeView/styles.js +55 -0
- package/cjs/components/workflow/components/AttributesChanges/components/DCRChangesList/DCRChangesList.d.ts +7 -0
- package/cjs/components/workflow/components/AttributesChanges/components/DCRChangesList/DCRChangesList.js +25 -0
- package/cjs/components/workflow/components/AttributesChanges/components/DiffRenderer/DiffRenderer.d.ts +15 -0
- package/cjs/components/workflow/components/AttributesChanges/components/DiffRenderer/DiffRenderer.js +61 -0
- package/cjs/components/workflow/components/AttributesChanges/components/DiffRenderer/styles.d.ts +5 -0
- package/cjs/components/workflow/components/AttributesChanges/components/DiffRenderer/styles.js +18 -0
- package/cjs/components/workflow/components/AttributesChanges/components/ShowMoreLink/ShowMoreLink.d.ts +9 -0
- package/cjs/components/workflow/components/AttributesChanges/components/ShowMoreLink/ShowMoreLink.js +18 -0
- package/cjs/components/workflow/components/AttributesChanges/components/ShowMoreLink/styles.d.ts +1 -0
- package/cjs/components/workflow/components/AttributesChanges/components/ShowMoreLink/styles.js +12 -0
- package/cjs/components/workflow/components/AttributesChanges/constants/operations.d.ts +25 -0
- package/cjs/components/workflow/components/AttributesChanges/constants/operations.js +30 -0
- package/cjs/components/workflow/components/AttributesChanges/contexts/AttributesChangesContext.d.ts +3 -0
- package/cjs/components/workflow/components/AttributesChanges/contexts/AttributesChangesContext.js +9 -0
- package/cjs/components/workflow/components/AttributesChanges/helpers/attributesHelpers.d.ts +2 -0
- package/cjs/components/workflow/components/AttributesChanges/helpers/attributesHelpers.js +89 -0
- package/cjs/components/workflow/components/AttributesChanges/helpers/contextHelpers.d.ts +1 -0
- package/cjs/components/workflow/components/AttributesChanges/helpers/contextHelpers.js +5 -0
- package/cjs/components/workflow/components/AttributesChanges/helpers/helpers.d.ts +12 -0
- package/cjs/components/workflow/components/AttributesChanges/helpers/helpers.js +88 -0
- package/cjs/components/workflow/components/AttributesChanges/helpers/mergeHelpers.d.ts +4 -0
- package/cjs/components/workflow/components/AttributesChanges/helpers/mergeHelpers.js +137 -0
- package/cjs/components/workflow/components/AttributesChanges/hooks/useCollapsibleList.d.ts +6 -0
- package/cjs/components/workflow/components/AttributesChanges/hooks/useCollapsibleList.js +18 -0
- package/cjs/components/workflow/components/AttributesChanges/styles.d.ts +1 -0
- package/cjs/components/workflow/components/AttributesChanges/styles.js +27 -0
- package/cjs/components/workflow/components/AttributesChanges/types/DCRTypes.d.ts +63 -0
- package/cjs/components/workflow/components/AttributesChanges/types/DCRTypes.js +2 -0
- package/cjs/components/workflow/components/LineDecorator/styles.js +4 -2
- package/esm/components/BasicView/BasicView.d.ts +1 -1
- package/esm/components/ProfileBandNavigation/ProfileBandNavigationWidget.d.ts +1 -1
- package/esm/components/ReltioMap/MapControls/TopRightMapControls/TopRightMapControls.d.ts +1 -1
- package/esm/components/SmallIconButton/SmallIconButton.d.ts +1 -1
- package/esm/components/SmallIconButton/index.d.ts +2 -2
- package/esm/components/attributes/PivotingAttributes/PivotingTooltipContent.js +13 -5
- package/esm/components/attributes/PivotingAttributes/helpers.d.ts +4 -0
- package/esm/components/attributes/PivotingAttributes/helpers.js +15 -1
- package/esm/components/attributes/PivotingAttributes/styles.d.ts +1 -1
- package/esm/components/attributes/PivotingAttributes/styles.js +3 -0
- package/esm/components/history/ContributorsPanel/styles.d.ts +1 -1
- package/esm/components/workflow/cards/DataChangeRequestTaskCard/DataChangeRequestTaskCard.js +7 -13
- package/esm/components/workflow/components/AttributesChanges/AttributesChanges.d.ts +8 -0
- package/esm/components/workflow/components/AttributesChanges/AttributesChanges.js +23 -0
- package/esm/components/workflow/components/AttributesChanges/components/ChangeView/ChangeView.d.ts +11 -0
- package/esm/components/workflow/components/AttributesChanges/components/ChangeView/ChangeView.js +22 -0
- package/esm/components/workflow/components/AttributesChanges/components/ChangeView/styles.d.ts +1 -0
- package/esm/components/workflow/components/AttributesChanges/components/ChangeView/styles.js +52 -0
- package/esm/components/workflow/components/AttributesChanges/components/DCRChangesList/DCRChangesList.d.ts +7 -0
- package/esm/components/workflow/components/AttributesChanges/components/DCRChangesList/DCRChangesList.js +20 -0
- package/esm/components/workflow/components/AttributesChanges/components/DiffRenderer/DiffRenderer.d.ts +15 -0
- package/esm/components/workflow/components/AttributesChanges/components/DiffRenderer/DiffRenderer.js +37 -0
- package/esm/components/workflow/components/AttributesChanges/components/DiffRenderer/styles.d.ts +5 -0
- package/esm/components/workflow/components/AttributesChanges/components/DiffRenderer/styles.js +15 -0
- package/esm/components/workflow/components/AttributesChanges/components/ShowMoreLink/ShowMoreLink.d.ts +9 -0
- package/esm/components/workflow/components/AttributesChanges/components/ShowMoreLink/ShowMoreLink.js +13 -0
- package/esm/components/workflow/components/AttributesChanges/components/ShowMoreLink/styles.d.ts +1 -0
- package/esm/components/workflow/components/AttributesChanges/components/ShowMoreLink/styles.js +9 -0
- package/esm/components/workflow/components/AttributesChanges/constants/operations.d.ts +25 -0
- package/esm/components/workflow/components/AttributesChanges/constants/operations.js +27 -0
- package/esm/components/workflow/components/AttributesChanges/contexts/AttributesChangesContext.d.ts +3 -0
- package/esm/components/workflow/components/AttributesChanges/contexts/AttributesChangesContext.js +3 -0
- package/esm/components/workflow/components/AttributesChanges/helpers/attributesHelpers.d.ts +2 -0
- package/esm/components/workflow/components/AttributesChanges/helpers/attributesHelpers.js +86 -0
- package/esm/components/workflow/components/AttributesChanges/helpers/contextHelpers.d.ts +1 -0
- package/esm/components/workflow/components/AttributesChanges/helpers/contextHelpers.js +2 -0
- package/esm/components/workflow/components/AttributesChanges/helpers/helpers.d.ts +12 -0
- package/esm/components/workflow/components/AttributesChanges/helpers/helpers.js +77 -0
- package/esm/components/workflow/components/AttributesChanges/helpers/mergeHelpers.d.ts +4 -0
- package/esm/components/workflow/components/AttributesChanges/helpers/mergeHelpers.js +134 -0
- package/esm/components/workflow/components/AttributesChanges/hooks/useCollapsibleList.d.ts +6 -0
- package/esm/components/workflow/components/AttributesChanges/hooks/useCollapsibleList.js +14 -0
- package/esm/components/workflow/components/AttributesChanges/styles.d.ts +1 -0
- package/esm/components/workflow/components/AttributesChanges/styles.js +24 -0
- package/esm/components/workflow/components/AttributesChanges/types/DCRTypes.d.ts +63 -0
- package/esm/components/workflow/components/AttributesChanges/types/DCRTypes.js +1 -0
- package/esm/components/workflow/components/LineDecorator/styles.js +4 -2
- package/package.json +3 -3
|
@@ -13,12 +13,12 @@ declare const SmallIconButtonWithTooltip: import("react").ForwardRefExoticCompon
|
|
|
13
13
|
iconClassName?: string;
|
|
14
14
|
icon?: import("react").ElementType<any>;
|
|
15
15
|
size?: "M" | "XXS" | "XS" | "S" | "MPlus" | "L" | "XL";
|
|
16
|
-
}, "type" | "children" | "prefix" | "value" | "action" | "hidden" | "name" | "defaultValue" | "id" | "title" | "color" | "translate" | "size" | "style" | "icon" | "disabled" | "onScroll" | "className" | "innerRef" | "form" | "slot" | "classes" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "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" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "disableFocusRipple" | "edge" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "iconClassName"> & import("react").RefAttributes<HTMLButtonElement>, "type" | "children" | "prefix" | "value" | "action" | "hidden" | "name" | "defaultValue" | "id" | "title" | "color" | "translate" | "size" | "style" | "icon" | "disabled" | "onScroll" | "className" | "innerRef" | "form" | "slot" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "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" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "disableFocusRipple" | "edge" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "iconClassName" | keyof import("react").RefAttributes<HTMLButtonElement>> & import("@material-ui/core").StyledComponentProps<"disabled" | "rootAll" | "rootXXS" | "iconXXS" | "rootXS" | "iconXS" | "rootS" | "iconS" | "rootM" | "rootMPlus" | "rootL" | "rootXL">) | (Pick<Pick<Omit<import("@material-ui/core").IconButtonProps<"button", {}>, "size" | "classes"> & {
|
|
16
|
+
}, "type" | "children" | "prefix" | "value" | "action" | "id" | "hidden" | "name" | "defaultValue" | "title" | "color" | "translate" | "size" | "style" | "icon" | "disabled" | "onScroll" | "className" | "innerRef" | "form" | "slot" | "classes" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "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" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "disableFocusRipple" | "edge" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "iconClassName"> & import("react").RefAttributes<HTMLButtonElement>, "type" | "children" | "prefix" | "value" | "action" | "id" | "hidden" | "name" | "defaultValue" | "title" | "color" | "translate" | "size" | "style" | "icon" | "disabled" | "onScroll" | "className" | "innerRef" | "form" | "slot" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "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" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "disableFocusRipple" | "edge" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "iconClassName" | keyof import("react").RefAttributes<HTMLButtonElement>> & import("@material-ui/core").StyledComponentProps<"disabled" | "rootAll" | "rootXXS" | "iconXXS" | "rootXS" | "iconXS" | "rootS" | "iconS" | "rootM" | "rootMPlus" | "rootL" | "rootXL">) | (Pick<Pick<Omit<import("@material-ui/core").IconButtonProps<"button", {}>, "size" | "classes"> & {
|
|
17
17
|
classes: Partial<import("@material-ui/core/styles/withStyles").ClassNameMap<import("@material-ui/core").IconButtonClassKey>>;
|
|
18
18
|
iconClassName?: string;
|
|
19
19
|
icon?: import("react").ElementType<any>;
|
|
20
20
|
size?: "M" | "XXS" | "XS" | "S" | "MPlus" | "L" | "XL";
|
|
21
|
-
}, "type" | "children" | "prefix" | "value" | "action" | "hidden" | "name" | "defaultValue" | "id" | "title" | "color" | "translate" | "size" | "style" | "icon" | "disabled" | "onScroll" | "className" | "innerRef" | "form" | "slot" | "classes" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "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" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "disableFocusRipple" | "edge" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "iconClassName"> & import("react").RefAttributes<HTMLButtonElement>, "type" | "children" | "prefix" | "value" | "action" | "hidden" | "name" | "defaultValue" | "id" | "title" | "color" | "translate" | "size" | "style" | "icon" | "disabled" | "onScroll" | "className" | "innerRef" | "form" | "slot" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "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" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "disableFocusRipple" | "edge" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "iconClassName" | keyof import("react").RefAttributes<HTMLButtonElement>> & import("@material-ui/core").StyledComponentProps<"disabled" | "rootAll" | "rootXXS" | "iconXXS" | "rootXS" | "iconXS" | "rootS" | "iconS" | "rootM" | "rootMPlus" | "rootL" | "rootXL"> & {
|
|
21
|
+
}, "type" | "children" | "prefix" | "value" | "action" | "id" | "hidden" | "name" | "defaultValue" | "title" | "color" | "translate" | "size" | "style" | "icon" | "disabled" | "onScroll" | "className" | "innerRef" | "form" | "slot" | "classes" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "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" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "disableFocusRipple" | "edge" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "iconClassName"> & import("react").RefAttributes<HTMLButtonElement>, "type" | "children" | "prefix" | "value" | "action" | "id" | "hidden" | "name" | "defaultValue" | "title" | "color" | "translate" | "size" | "style" | "icon" | "disabled" | "onScroll" | "className" | "innerRef" | "form" | "slot" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "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" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "disableFocusRipple" | "edge" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "iconClassName" | keyof import("react").RefAttributes<HTMLButtonElement>> & import("@material-ui/core").StyledComponentProps<"disabled" | "rootAll" | "rootXXS" | "iconXXS" | "rootXS" | "iconXS" | "rootS" | "iconS" | "rootM" | "rootMPlus" | "rootL" | "rootXL"> & {
|
|
22
22
|
children?: import("react").ReactNode;
|
|
23
23
|
}))>;
|
|
24
24
|
export { SmallIconButton, SmallIconButtonWithTooltip };
|
|
@@ -10,14 +10,14 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import React, { useEffect, useState } from 'react';
|
|
13
|
-
import { useSelector } from 'react-redux';
|
|
13
|
+
import { useDispatch, useSelector } from 'react-redux';
|
|
14
14
|
import i18n from 'ui-i18n';
|
|
15
|
-
import mdm from '@reltio/mdm-module';
|
|
15
|
+
import mdm, { ui as mdmModuleUi } from '@reltio/mdm-module';
|
|
16
16
|
import { getEntityUriForLink, getFilteredEntities, getLabel, getTotals } from '@reltio/mdm-sdk';
|
|
17
17
|
import EntityAvatar from '../../EntityAvatar/EntityAvatar';
|
|
18
18
|
import EntityUriLink from '../../EntityUriLink/EntityUriLink';
|
|
19
19
|
import { useStyles } from './styles';
|
|
20
|
-
import { getParamsFilteringEntities } from './helpers';
|
|
20
|
+
import { convertNestedAttributePivotingValue, convertSimpleAttributePivotingValue, getParamsFilteringEntities } from './helpers';
|
|
21
21
|
import { useSafePromise } from '../../../hooks';
|
|
22
22
|
var MAX_ENTITIES_PIVOTING_TOOLTIP = 6;
|
|
23
23
|
export var PivotingTooltipContent = function (_a) {
|
|
@@ -26,9 +26,11 @@ export var PivotingTooltipContent = function (_a) {
|
|
|
26
26
|
var _d = useState(0), total = _d[0], setTotal = _d[1];
|
|
27
27
|
var entity = useSelector(mdm.selectors.getEntity) || {};
|
|
28
28
|
var safePromise = useSafePromise();
|
|
29
|
+
var dispatch = useDispatch();
|
|
29
30
|
var styles = useStyles();
|
|
30
31
|
var globalSearchRequestOptions = useSelector(mdm.selectors.getGlobalSearchRequestOptions) || {};
|
|
31
32
|
var entityType = config.entityType || entity.type;
|
|
33
|
+
var shouldShowSeeAllButton = total > MAX_ENTITIES_PIVOTING_TOOLTIP;
|
|
32
34
|
useEffect(function () {
|
|
33
35
|
var filters = getParamsFilteringEntities(value, attributeType, entityType);
|
|
34
36
|
var options = __assign({ max: MAX_ENTITIES_PIVOTING_TOOLTIP }, globalSearchRequestOptions);
|
|
@@ -43,6 +45,12 @@ export var PivotingTooltipContent = function (_a) {
|
|
|
43
45
|
setTotal(0);
|
|
44
46
|
});
|
|
45
47
|
}, []);
|
|
48
|
+
var handleClickSeeAll = function () {
|
|
49
|
+
var generatedValue = Array.isArray(value)
|
|
50
|
+
? convertNestedAttributePivotingValue(value)
|
|
51
|
+
: convertSimpleAttributePivotingValue(attributeType, value);
|
|
52
|
+
dispatch(mdmModuleUi.actions.openPivotingPerspective({ value: generatedValue, attributeType: attributeType }));
|
|
53
|
+
};
|
|
46
54
|
var hasEntityTypeLabel = Boolean(config.label);
|
|
47
55
|
return (React.createElement("div", { className: styles.container },
|
|
48
56
|
React.createElement("div", { className: styles.header },
|
|
@@ -53,6 +61,6 @@ export var PivotingTooltipContent = function (_a) {
|
|
|
53
61
|
React.createElement("div", { className: styles.body }, entities.map(function (visibleEntity) { return (React.createElement("div", { key: visibleEntity.uri, className: styles.entityContainer },
|
|
54
62
|
React.createElement(EntityAvatar, { entity: visibleEntity, avatarClassName: styles.profileIcon }),
|
|
55
63
|
React.createElement(EntityUriLink, { className: styles.entityLabel, value: getEntityUriForLink(visibleEntity) }, getLabel(visibleEntity.label)))); })),
|
|
56
|
-
React.createElement("div", { className: styles.footer },
|
|
57
|
-
React.createElement("a",
|
|
64
|
+
shouldShowSeeAllButton && (React.createElement("div", { className: styles.footer },
|
|
65
|
+
React.createElement("a", { className: styles.seeAllButton, onClick: handleClickSeeAll }, i18n.text('See all'))))));
|
|
58
66
|
};
|
|
@@ -4,4 +4,8 @@ export declare type PivotingValue = {
|
|
|
4
4
|
};
|
|
5
5
|
export declare const getParamsFilteringEntities: (values: string | number | boolean | PivotingValue[], attributeType: AttributeType, entityType?: string) => SearchFilter[];
|
|
6
6
|
export declare const generatePivotingValue: (attributeType: AttributeType, value: RecordAttributesType, pivotingAttributes: PivotingAttribute[], metadata: Metadata) => PivotingValue[];
|
|
7
|
+
export declare const convertSimpleAttributePivotingValue: (attrType: AttributeType, value: string | number | boolean) => {
|
|
8
|
+
[x: string]: string | number | boolean;
|
|
9
|
+
}[];
|
|
10
|
+
export declare const convertNestedAttributePivotingValue: (values: PivotingValue[]) => any[];
|
|
7
11
|
export declare const preparePivotingAttributeValue: (value: any, attributeType: any) => any;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { attributeUriToSearchUri, DataTypes, findAttributeTypeByUri, getAttributeSource, isOv, FilterOptions } from '@reltio/mdm-sdk';
|
|
1
|
+
import { attributeUriToSearchUri, DataTypes, findAttributeTypeByUri, getAttributeSource, isOv, FilterOptions, getLastUriPart } from '@reltio/mdm-sdk';
|
|
2
2
|
import { isNil } from 'ramda';
|
|
3
3
|
export var getParamsFilteringEntities = function (values, attributeType, entityType) {
|
|
4
4
|
if (entityType === void 0) { entityType = ''; }
|
|
@@ -77,6 +77,20 @@ export var generatePivotingValue = function (attributeType, value, pivotingAttri
|
|
|
77
77
|
return acc;
|
|
78
78
|
}, []);
|
|
79
79
|
};
|
|
80
|
+
export var convertSimpleAttributePivotingValue = function (attrType, value) {
|
|
81
|
+
var _a;
|
|
82
|
+
return [
|
|
83
|
+
(_a = {}, _a[attrType.name] = value, _a)
|
|
84
|
+
];
|
|
85
|
+
};
|
|
86
|
+
export var convertNestedAttributePivotingValue = function (values) {
|
|
87
|
+
return values.map(function (value) {
|
|
88
|
+
return Object.fromEntries(Object.entries(value).map(function (_a) {
|
|
89
|
+
var key = _a[0], value = _a[1];
|
|
90
|
+
return [getLastUriPart(key), value];
|
|
91
|
+
}));
|
|
92
|
+
});
|
|
93
|
+
};
|
|
80
94
|
var valueToString = function (values, metadata, pivotingAttributes) {
|
|
81
95
|
if (!values || values.length === 0)
|
|
82
96
|
return;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "body" | "entityTypeLabel" | "title" | "icon" | "footer" | "header" | "entityLabel" | "container" | "divider" | "headerCount" | "profileIcon" | "entityContainer">;
|
|
1
|
+
export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "body" | "entityTypeLabel" | "title" | "icon" | "footer" | "header" | "entityLabel" | "container" | "divider" | "headerCount" | "profileIcon" | "entityContainer" | "seeAllButton">;
|
|
2
2
|
export declare const usePivotingTooltipStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"tooltip" | "arrow">;
|
|
@@ -2,5 +2,5 @@ export declare const useStyles: (props?: any) => import("@material-ui/core/style
|
|
|
2
2
|
declare type StylesProps = {
|
|
3
3
|
color: string;
|
|
4
4
|
};
|
|
5
|
-
export declare const useContributorStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"
|
|
5
|
+
export declare const useContributorStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"active" | "icon" | "inactive" | "clickable">;
|
|
6
6
|
export {};
|
package/esm/components/workflow/cards/DataChangeRequestTaskCard/DataChangeRequestTaskCard.js
CHANGED
|
@@ -1,19 +1,12 @@
|
|
|
1
|
-
import React, { useState, useEffect } from 'react';
|
|
1
|
+
import React, { useState, useEffect, useMemo } from 'react';
|
|
2
2
|
import { getDataChangeRequest } from '@reltio/mdm-sdk';
|
|
3
3
|
import GenericWorkflowTaskCard from '../GenericWorkflowTaskCard/GenericWorkflowTaskCard';
|
|
4
4
|
import LineDecorator from '../../components/LineDecorator/LineDecorator';
|
|
5
5
|
import { getDCRUri } from '../../helpers';
|
|
6
6
|
import DcrTaskIcon from '../../../../icons/DcrTaskIcon';
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
return (React.createElement("span", null,
|
|
11
|
-
"AttributesChanges",
|
|
12
|
-
React.createElement("br", null),
|
|
13
|
-
"AttributesChanges",
|
|
14
|
-
React.createElement("br", null),
|
|
15
|
-
"AttributesChanges"));
|
|
16
|
-
};
|
|
7
|
+
import { AttributesChangesContext } from '../../components/AttributesChanges/contexts/AttributesChangesContext';
|
|
8
|
+
import { extractObjectsFromChangeRequest } from '../../components/AttributesChanges/helpers/helpers';
|
|
9
|
+
import AttributesChanges from '../../components/AttributesChanges/AttributesChanges';
|
|
17
10
|
var DataChangeRequestTaskCard = function (_a) {
|
|
18
11
|
var task = _a.task;
|
|
19
12
|
var objectURIs = task.objectURIs;
|
|
@@ -22,7 +15,8 @@ var DataChangeRequestTaskCard = function (_a) {
|
|
|
22
15
|
useEffect(function () {
|
|
23
16
|
getDataChangeRequest(dcrUri).then(setDcr);
|
|
24
17
|
}, [dcrUri]);
|
|
25
|
-
|
|
26
|
-
|
|
18
|
+
var objectsWithChanges = useMemo(function () { return (dcr ? extractObjectsFromChangeRequest(dcr) : []); }, [dcr]);
|
|
19
|
+
return (React.createElement(GenericWorkflowTaskCard, { task: task, Icon: DcrTaskIcon }, dcr && (React.createElement(AttributesChangesContext.Provider, { value: dcr.objectsInfo },
|
|
20
|
+
React.createElement(LineDecorator, { last: true }, objectsWithChanges.map(function (object) { return (React.createElement(AttributesChanges, { key: object.uri, changes: dcr.changes[object.uri], objectInfo: object })); }))))));
|
|
27
21
|
};
|
|
28
22
|
export default DataChangeRequestTaskCard;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { DCRChange, EntityInfo } from './types/DCRTypes';
|
|
3
|
+
declare type Props = {
|
|
4
|
+
changes: DCRChange[];
|
|
5
|
+
objectInfo: EntityInfo;
|
|
6
|
+
};
|
|
7
|
+
declare const AttributesChanges: ({ changes, objectInfo }: Props) => JSX.Element;
|
|
8
|
+
export default AttributesChanges;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
import { useSelector } from 'react-redux';
|
|
3
|
+
import mdmModule from '@reltio/mdm-module';
|
|
4
|
+
import { getEntityUriForLink, getLabel } from '@reltio/mdm-sdk';
|
|
5
|
+
import { mergeChanges } from './helpers/mergeHelpers';
|
|
6
|
+
import EntityUriLink from '../../../EntityUriLink/EntityUriLink';
|
|
7
|
+
import ShowMoreLink from './components/ShowMoreLink/ShowMoreLink';
|
|
8
|
+
import DCRChangesList from './components/DCRChangesList/DCRChangesList';
|
|
9
|
+
import { useCollapsibleList } from './hooks/useCollapsibleList';
|
|
10
|
+
import { useStyles } from './styles';
|
|
11
|
+
var AttributesChanges = function (_a) {
|
|
12
|
+
var changes = _a.changes, objectInfo = _a.objectInfo;
|
|
13
|
+
var styles = useStyles();
|
|
14
|
+
var metadata = useSelector(mdmModule.selectors.getMetadata);
|
|
15
|
+
var mergedChanges = useMemo(function () { return mergeChanges(metadata, changes, objectInfo); }, [metadata, changes, objectInfo]);
|
|
16
|
+
var _b = useCollapsibleList(mergedChanges), isExpanded = _b.isExpanded, onToggle = _b.onToggle, itemsToShow = _b.itemsToShow, collapsedSuggestionsCount = _b.collapsedSuggestionsCount;
|
|
17
|
+
return (React.createElement("div", { className: styles.container },
|
|
18
|
+
React.createElement(EntityUriLink, { className: styles.uri, value: getEntityUriForLink(objectInfo) },
|
|
19
|
+
React.createElement("div", { className: styles.label }, getLabel(objectInfo.label))),
|
|
20
|
+
React.createElement(DCRChangesList, { changes: itemsToShow }),
|
|
21
|
+
collapsedSuggestionsCount > 0 && (React.createElement(ShowMoreLink, { onClick: onToggle, suggestionsCount: collapsedSuggestionsCount, isExpanded: isExpanded, className: styles.showMoreLink }))));
|
|
22
|
+
};
|
|
23
|
+
export default AttributesChanges;
|
package/esm/components/workflow/components/AttributesChanges/components/ChangeView/ChangeView.d.ts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { OperationTypes } from '../../constants/operations';
|
|
3
|
+
declare type Props = {
|
|
4
|
+
label: React.ReactElement;
|
|
5
|
+
oldValue?: React.ReactElement;
|
|
6
|
+
newValue?: React.ReactElement;
|
|
7
|
+
operation?: OperationTypes;
|
|
8
|
+
className?: string;
|
|
9
|
+
};
|
|
10
|
+
declare const ChangeView: ({ label, oldValue, newValue, operation, className }: Props) => JSX.Element;
|
|
11
|
+
export default ChangeView;
|
package/esm/components/workflow/components/AttributesChanges/components/ChangeView/ChangeView.js
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classnames from 'classnames';
|
|
3
|
+
import ArrowRightAltIcon from '@material-ui/icons/ArrowRightAlt';
|
|
4
|
+
import Chip from '@material-ui/core/Chip';
|
|
5
|
+
import { getOperationLabel } from '../../helpers/helpers';
|
|
6
|
+
import { useStyles } from './styles';
|
|
7
|
+
var ChangeView = function (_a) {
|
|
8
|
+
var label = _a.label, oldValue = _a.oldValue, newValue = _a.newValue, operation = _a.operation, className = _a.className;
|
|
9
|
+
var styles = useStyles();
|
|
10
|
+
var value = oldValue || newValue;
|
|
11
|
+
return (React.createElement("div", { className: classnames(styles.field, className) },
|
|
12
|
+
React.createElement("span", { className: styles.fieldName },
|
|
13
|
+
label,
|
|
14
|
+
":"),
|
|
15
|
+
React.createElement("span", { className: styles.difference },
|
|
16
|
+
value,
|
|
17
|
+
newValue && oldValue && (React.createElement(React.Fragment, null,
|
|
18
|
+
React.createElement(ArrowRightAltIcon, { className: styles.arrow }),
|
|
19
|
+
newValue))),
|
|
20
|
+
operation && (React.createElement(Chip, { variant: "outlined", label: getOperationLabel(operation), className: classnames(styles.chip, operation) }))));
|
|
21
|
+
};
|
|
22
|
+
export default ChangeView;
|
package/esm/components/workflow/components/AttributesChanges/components/ChangeView/styles.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"fieldName" | "difference" | "field" | "arrow" | "chip">;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { makeStyles } from '@material-ui/core/styles';
|
|
2
|
+
export var useStyles = makeStyles(function (theme) { return ({
|
|
3
|
+
field: {
|
|
4
|
+
fontSize: '12px',
|
|
5
|
+
lineHeight: '20px',
|
|
6
|
+
color: theme.palette.text.primary,
|
|
7
|
+
marginTop: '6px',
|
|
8
|
+
display: 'flex',
|
|
9
|
+
flexWrap: 'wrap',
|
|
10
|
+
overflow: 'hidden'
|
|
11
|
+
},
|
|
12
|
+
fieldName: {
|
|
13
|
+
display: 'flex',
|
|
14
|
+
alignItems: 'center',
|
|
15
|
+
color: theme.palette.text.secondary,
|
|
16
|
+
marginRight: '8px'
|
|
17
|
+
},
|
|
18
|
+
difference: {
|
|
19
|
+
display: 'flex',
|
|
20
|
+
alignItems: 'center',
|
|
21
|
+
flexDirection: 'row'
|
|
22
|
+
},
|
|
23
|
+
arrow: {
|
|
24
|
+
margin: '0 4px',
|
|
25
|
+
fontSize: '12px',
|
|
26
|
+
color: theme.palette.text.primary
|
|
27
|
+
},
|
|
28
|
+
chip: {
|
|
29
|
+
height: '20px',
|
|
30
|
+
fontSize: '10px',
|
|
31
|
+
fontWeight: 500,
|
|
32
|
+
lineHeight: '16px',
|
|
33
|
+
letterSpacing: 0,
|
|
34
|
+
marginLeft: '8px',
|
|
35
|
+
flexShrink: 0,
|
|
36
|
+
textTransform: 'capitalize',
|
|
37
|
+
color: theme.palette.primary.main,
|
|
38
|
+
borderColor: theme.palette.primary.main,
|
|
39
|
+
'&.edited': {
|
|
40
|
+
color: '#CC7500',
|
|
41
|
+
borderColor: '#CC7500'
|
|
42
|
+
},
|
|
43
|
+
'&.added': {
|
|
44
|
+
color: '#599E0E',
|
|
45
|
+
borderColor: '#599E0E'
|
|
46
|
+
},
|
|
47
|
+
'&.deleted': {
|
|
48
|
+
color: '#CF0E26',
|
|
49
|
+
borderColor: '#CF0E26'
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}); });
|
|
@@ -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 DiffRenderer from '../DiffRenderer/DiffRenderer';
|
|
14
|
+
var DCRChangesList = function (_a) {
|
|
15
|
+
var changes = _a.changes;
|
|
16
|
+
return (React.createElement(React.Fragment, null, changes.map(function (change, index) {
|
|
17
|
+
return React.createElement(DiffRenderer, __assign({}, change, { key: index }));
|
|
18
|
+
})));
|
|
19
|
+
};
|
|
20
|
+
export default DCRChangesList;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { AttributeType } from '@reltio/mdm-sdk';
|
|
3
|
+
import { OperationTypes } from '../../constants/operations';
|
|
4
|
+
import { ChangeValue, DCRAttributeValue } from '../../types/DCRTypes';
|
|
5
|
+
export declare type Props = {
|
|
6
|
+
level: number;
|
|
7
|
+
label: string;
|
|
8
|
+
attributeType: AttributeType;
|
|
9
|
+
attributeValue?: DCRAttributeValue;
|
|
10
|
+
newValue?: ChangeValue;
|
|
11
|
+
oldValue?: ChangeValue;
|
|
12
|
+
operation?: OperationTypes;
|
|
13
|
+
};
|
|
14
|
+
declare const DiffRenderer: ({ label, level, attributeType, attributeValue, oldValue, newValue, operation }: Props) => JSX.Element;
|
|
15
|
+
export default DiffRenderer;
|
package/esm/components/workflow/components/AttributesChanges/components/DiffRenderer/DiffRenderer.js
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import React, { useCallback, useContext, useMemo } from 'react';
|
|
2
|
+
import { useSelector } from 'react-redux';
|
|
3
|
+
import { anyPass, ifElse, hasPath, path, when } from 'ramda';
|
|
4
|
+
import { getAttributeValue, getLabel, isReference } from '@reltio/mdm-sdk';
|
|
5
|
+
import mdmModule from '@reltio/mdm-module';
|
|
6
|
+
import ChangeView from '../ChangeView/ChangeView';
|
|
7
|
+
import { getAttributeDescription, getDataTypeDefinition } from '../../helpers/helpers';
|
|
8
|
+
import EntityUriLink from '../../../../../EntityUriLink/EntityUriLink';
|
|
9
|
+
import { AttributesChangesContext } from '../../contexts/AttributesChangesContext';
|
|
10
|
+
import DataTypeValue from '../../../../../DataTypeValue/DataTypeValue';
|
|
11
|
+
import { useStyles } from './styles';
|
|
12
|
+
var DiffRenderer = function (_a) {
|
|
13
|
+
var label = _a.label, level = _a.level, attributeType = _a.attributeType, attributeValue = _a.attributeValue, oldValue = _a.oldValue, newValue = _a.newValue, operation = _a.operation;
|
|
14
|
+
var styles = useStyles({ level: level });
|
|
15
|
+
var entity = useSelector(mdmModule.selectors.getEntity);
|
|
16
|
+
var objectsInfo = useContext(AttributesChangesContext);
|
|
17
|
+
var renderLink = useCallback(function () {
|
|
18
|
+
if (isReference(attributeType)) {
|
|
19
|
+
var value = when(anyPass([hasPath(['value', 'newValue']), hasPath(['value', 'oldValue'])]), ifElse(hasPath(['value', 'newValue']), path(['value', 'newValue']), path(['value', 'oldValue'])))(attributeValue);
|
|
20
|
+
var _a = getAttributeDescription(attributeType, value, entity.uri, objectsInfo), objectUri = _a.objectUri, objectLabel = _a.objectLabel;
|
|
21
|
+
return (React.createElement(EntityUriLink, { value: objectUri, className: styles.uri },
|
|
22
|
+
React.createElement("span", null, getLabel(objectLabel))));
|
|
23
|
+
}
|
|
24
|
+
return null;
|
|
25
|
+
}, [attributeType, attributeValue, entity.uri, objectsInfo, styles.uri]);
|
|
26
|
+
var changeLabel = useMemo(function () {
|
|
27
|
+
return (React.createElement("div", null,
|
|
28
|
+
label,
|
|
29
|
+
renderLink()));
|
|
30
|
+
}, [label, renderLink]);
|
|
31
|
+
var renderValue = useCallback(function (value) {
|
|
32
|
+
var attrValue = getAttributeValue(value);
|
|
33
|
+
return (React.createElement(DataTypeValue, { value: attrValue, dataTypeDefinition: getDataTypeDefinition(attributeType, attrValue) }));
|
|
34
|
+
}, [attributeType]);
|
|
35
|
+
return (React.createElement(ChangeView, { className: styles.change, label: changeLabel, oldValue: oldValue && renderValue(oldValue), newValue: newValue && renderValue(newValue), operation: operation }));
|
|
36
|
+
};
|
|
37
|
+
export default DiffRenderer;
|
package/esm/components/workflow/components/AttributesChanges/components/DiffRenderer/styles.js
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { makeStyles } from '@material-ui/core/styles';
|
|
2
|
+
export var useStyles = makeStyles(function (theme) { return ({
|
|
3
|
+
uri: {
|
|
4
|
+
color: theme.palette.primary.main,
|
|
5
|
+
textDecoration: 'none',
|
|
6
|
+
cursor: 'pointer',
|
|
7
|
+
marginLeft: '4px'
|
|
8
|
+
},
|
|
9
|
+
change: function (_a) {
|
|
10
|
+
var _b = _a.level, level = _b === void 0 ? 0 : _b;
|
|
11
|
+
return ({
|
|
12
|
+
marginLeft: level * 16 + "px"
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
}); });
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare type Props = {
|
|
3
|
+
onClick: () => void;
|
|
4
|
+
suggestionsCount: number;
|
|
5
|
+
isExpanded: boolean;
|
|
6
|
+
className?: string;
|
|
7
|
+
};
|
|
8
|
+
declare const ShowMoreLink: ({ suggestionsCount, isExpanded, onClick, className }: Props) => JSX.Element;
|
|
9
|
+
export default ShowMoreLink;
|
package/esm/components/workflow/components/AttributesChanges/components/ShowMoreLink/ShowMoreLink.js
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import i18n from 'ui-i18n';
|
|
3
|
+
import Link from '@material-ui/core/Link';
|
|
4
|
+
import { useStyles } from './styles';
|
|
5
|
+
var ShowMoreLink = function (_a) {
|
|
6
|
+
var suggestionsCount = _a.suggestionsCount, isExpanded = _a.isExpanded, onClick = _a.onClick, className = _a.className;
|
|
7
|
+
var styles = useStyles();
|
|
8
|
+
return (React.createElement(Link, { component: "button", variant: "caption", underline: "none", onClick: onClick, className: className },
|
|
9
|
+
React.createElement("span", { className: styles.linkLabel }, isExpanded
|
|
10
|
+
? i18n.text('View less suggestions')
|
|
11
|
+
: i18n.text('View ${suggestionsCount} more suggestions', { suggestionsCount: suggestionsCount }))));
|
|
12
|
+
};
|
|
13
|
+
export default ShowMoreLink;
|
package/esm/components/workflow/components/AttributesChanges/components/ShowMoreLink/styles.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"linkLabel">;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export declare enum OperationTypes {
|
|
2
|
+
ADDED = "added",
|
|
3
|
+
EDITED = "edited",
|
|
4
|
+
DELETED = "deleted",
|
|
5
|
+
PINNED = "pinned",
|
|
6
|
+
IGNORED = "ignored",
|
|
7
|
+
PIN_DELETED = "pin_deleted",
|
|
8
|
+
IGNORE_DELETED = "ignore_deleted"
|
|
9
|
+
}
|
|
10
|
+
export declare enum DCRTypes {
|
|
11
|
+
INSERT_ATTRIBUTE = "INSERT_ATTRIBUTE",
|
|
12
|
+
UPDATE_ATTRIBUTE = "UPDATE_ATTRIBUTE",
|
|
13
|
+
DELETE_ATTRIBUTE = "DELETE_ATTRIBUTE",
|
|
14
|
+
PIN_ATTRIBUTE = "PIN_ATTRIBUTE",
|
|
15
|
+
IGNORE_ATTRIBUTE = "IGNORE_ATTRIBUTE",
|
|
16
|
+
CREATE_ENTITY = "CREATE_ENTITY",
|
|
17
|
+
CREATE_RELATIONSHIP = "CREATE_RELATIONSHIP",
|
|
18
|
+
UPDATE_TAGS = "UPDATE_TAGS",
|
|
19
|
+
UPDATE_ROLES = "UPDATE_ROLES",
|
|
20
|
+
UPDATE_START_DATE = "UPDATE_START_DATE",
|
|
21
|
+
UPDATE_END_DATE = "UPDATE_END_DATE",
|
|
22
|
+
UPDATE_PROFILE_PIC_BY_URL = "UPDATE_PROFILE_PIC_BY_URL",
|
|
23
|
+
UPDATE_PROFILE_PIC_BY_URI = "UPDATE_PROFILE_PIC_BY_URI",
|
|
24
|
+
DELETE_RELATIONSHIP = "DELETE_RELATIONSHIP"
|
|
25
|
+
}
|