@reltio/components 1.4.1698 → 1.4.1700

package/cjs/components/DropDownSelector/styles.d.ts

@@ -1,4 +1,4 @@
-export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"filledInputUnderline" | "inputLabel" | "control" | "formControl" | "valueContainer" | "dropdownIndicator" | "filledInputRoot">;
+export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"filledInputUnderline" | "control" | "formControl" | "valueContainer" | "dropdownIndicator" | "inputLabel" | "filledInputRoot">;
 export namespace customStyles {
     function menu(baseStyles: any): any;
     function menuList(baseStyles: any): any;

package/cjs/components/MetadataTypesSelector/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"icon" | "input" | "root" | "inputLabel" | "inputRoot" | "inputText" | "emptyInput" | "disabledInput" | "disabledPointer" | "disabledUnderline" | "popup-opened-icon">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"icon" | "input" | "root" | "inputRoot" | "inputLabel" | "inputText" | "emptyInput" | "disabledInput" | "disabledPointer" | "disabledUnderline" | "popup-opened-icon">;

package/cjs/components/Popper/Popper.d.ts

@@ -13,5 +13,5 @@ declare const Popper: React.ForwardRefExoticComponent<Pick<Omit<import("@mui/bas
     anchorEl?: HTMLElement | null;
     excludeAnchorFromBackdrop?: boolean;
     onClose?: () => void;
-}, "id" | "hidden" | "open" | "title" | "key" | "children" | "defaultValue" | "prefix" | "results" | "slot" | "style" | "color" | "translate" | "container" | "transition" | "className" | "sx" | "lang" | "role" | "tabIndex" | "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" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "security" | "unselectable" | "inputMode" | "is" | "components" | "componentsProps" | "slotProps" | "slots" | "onClose" | "component" | "disablePortal" | "keepMounted" | "anchorEl" | "placement" | "modifiers" | "popperOptions" | "popperRef" | "modal" | "excludeAnchorFromBackdrop"> & React.RefAttributes<HTMLDivElement>>;
+}, "id" | "hidden" | "open" | "title" | "key" | "children" | "defaultValue" | "prefix" | "results" | "slot" | "style" | "color" | "translate" | "container" | "transition" | "className" | "sx" | "lang" | "role" | "tabIndex" | "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" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "security" | "unselectable" | "inputMode" | "is" | "components" | "componentsProps" | "slotProps" | "slots" | "onClose" | "anchorEl" | "disablePortal" | "keepMounted" | "modifiers" | "placement" | "popperOptions" | "popperRef" | "component" | "modal" | "excludeAnchorFromBackdrop"> & React.RefAttributes<HTMLDivElement>>;
 export default Popper;

package/cjs/components/ProfileBandNavigation/ProfileBandNavigationWidget.d.ts

@@ -17,7 +17,7 @@ declare const LinkWithTooltip: React.ForwardRefExoticComponent<import("prop-type
     variant?: import("@mui/types").OverridableStringUnion<"inherit" | import("@mui/material").TypographyVariant, import("@mui/material").TypographyPropsVariantOverrides>;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>> & {
     ref?: React.Ref<HTMLAnchorElement>;
-}, "m" | "id" | "type" | "hidden" | "visibility" | "title" | "key" | "children" | "defaultValue" | "prefix" | "order" | "width" | "minHeight" | "maxHeight" | "height" | "flex" | "minWidth" | "maxWidth" | "top" | "right" | "left" | "position" | "referrerPolicy" | "results" | "p" | "slot" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "translate" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "underline" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "lang" | "media" | "target" | "role" | "tabIndex" | "href" | "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" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "security" | "unselectable" | "inputMode" | "is" | "hrefLang" | "rel" | "download" | "ping" | "align" | "variant" | "bgcolor" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "TypographyClasses"> & {
+}, "m" | "id" | "type" | "hidden" | "visibility" | "title" | "key" | "children" | "defaultValue" | "prefix" | "order" | "width" | "minHeight" | "maxHeight" | "height" | "flex" | "minWidth" | "maxWidth" | "top" | "right" | "left" | "position" | "referrerPolicy" | "results" | "p" | "slot" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "translate" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "underline" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "lang" | "media" | "target" | "role" | "tabIndex" | "href" | "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" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "security" | "unselectable" | "inputMode" | "is" | "hrefLang" | "rel" | "download" | "ping" | "align" | "variant" | "bgcolor" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "noWrap" | "gutterBottom" | "paragraph" | "variantMapping" | "TypographyClasses"> & {
     component: string;
 }>;
 type Props = {

package/cjs/components/attributes/editMode/SimpleAttributeEditor/utils.js

@@ -44,7 +44,7 @@ var editorValueToAttributeValue = function (attributeType, editorValue) {
         case mdm_sdk_1.DataTypes.TYPE_DATE:
             return (editorValue && (0, moment_1.default)(editorValue).format('YYYY-MM-DD')) || '';
         case mdm_sdk_1.DataTypes.TYPE_TIMESTAMP: {
-            return (editorValue && (0, moment_1.default)(editorValue).format()) || '';
+            return (editorValue && (0, moment_1.default)(editorValue).utc().format()) || '';
         }
         case mdm_sdk_1.DataTypes.TYPE_ACTIVENESS_DATE:
         case mdm_sdk_1.DataTypes.TYPE_LOCAL_DATE:

package/cjs/components/attributes/inline/SimpleAttributeEditor/styles.d.ts

@@ -2,5 +2,5 @@ type StylesProps = {
     color: string;
     containerWidth: number;
 };
-export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"input" | "textField" | "paper" | "inputMultiline" | "booleanEditor" | "timestampEditor" | "popoverRoot">;
+export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"input" | "inputMultiline" | "textField" | "paper" | "booleanEditor" | "timestampEditor" | "popoverRoot">;
 export {};

package/cjs/components/editors/DateEditor/DateEditor.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { Moment } from 'moment';
 import { DatePickerProps } from '@mui/x-date-pickers/DatePicker';
-type DateEditorProps = Omit<DatePickerProps<Moment>, 'value' | 'minDate' | 'maxDate' | 'onChange'> & {
+type Props = Omit<DatePickerProps<Moment>, 'value' | 'minDate' | 'maxDate' | 'onChange'> & {
     minDate?: Date | number;
     maxDate?: Date | number;
     value?: Date | number;
     onChange: (value: Date) => void;
     isCrossedOut?: boolean;
 };
-declare const DateEditor: ({ value, minDate, maxDate, format, label, onChange, slotProps, isCrossedOut, ...otherProps }: DateEditorProps) => JSX.Element;
+declare const DateEditor: ({ minDate, maxDate, value: valueProp, format, label, onChange, slotProps, isCrossedOut, ...otherProps }: Props) => JSX.Element;
 export default DateEditor;

package/cjs/components/editors/DateEditor/DateEditor.js

@@ -49,59 +49,37 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var moment_1 = __importDefault(require("moment"));
 var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
-var moment_1 = __importDefault(require("moment"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var DatePicker_1 = require("@mui/x-date-pickers/DatePicker");
-var constants_1 = require("../constants");
+var useDateEditor_1 = require("../useDateEditor/useDateEditor");
 var styles_1 = require("./styles");
 var DateEditor = function (_a) {
     var _b;
-    var value = _a.value, _c = _a.minDate, minDate = _c === void 0 ? constants_1.DEFAULT_MIN_DATE : _c, _d = _a.maxDate, maxDate = _d === void 0 ? constants_1.DEFAULT_MAX_DATE : _d, format = _a.format, label = _a.label, onChange = _a.onChange, slotProps = _a.slotProps, isCrossedOut = _a.isCrossedOut, otherProps = __rest(_a, ["value", "minDate", "maxDate", "format", "label", "onChange", "slotProps", "isCrossedOut"]);
+    var minDate = _a.minDate, maxDate = _a.maxDate, valueProp = _a.value, format = _a.format, label = _a.label, onChange = _a.onChange, slotProps = _a.slotProps, isCrossedOut = _a.isCrossedOut, otherProps = __rest(_a, ["minDate", "maxDate", "value", "format", "label", "onChange", "slotProps", "isCrossedOut"]);
     var styles = (0, styles_1.useStyles)();
-    var _e = react_1.default.useState(null), error = _e[0], setError = _e[1];
-    var errorMessage = (0, react_1.useMemo)(function () {
-        switch (error) {
-            case 'maxDate':
-                return ui_i18n_1.default.text('Date should not be after maximal date');
-            case 'minDate':
-                return ui_i18n_1.default.text('Date should not be before minimal date');
-            case 'invalidDate':
-                return ui_i18n_1.default.text('Invalid Date Format');
-            default:
-                return '';
-        }
-    }, [error]);
-    var editorValue = (0, ramda_1.isNil)(value) ? null : (0, moment_1.default)(value);
-    var editorMinDate = (0, ramda_1.isNil)(minDate) ? null : (0, moment_1.default)(minDate);
-    var editorMaxDate = (0, ramda_1.isNil)(maxDate) ? null : (0, moment_1.default)(maxDate);
-    var dateFormat = format || moment_1.default.localeData().longDateFormat('L');
-    // TODO: Fix types for InputProps/InputLabelProps in slotProps.textField
-    var editorSlotProps = (0, ramda_1.mergeDeepLeft)(slotProps, {
+    var value = (0, react_1.useMemo)(function () { return ((0, ramda_1.isNil)(valueProp) ? null : mdm_sdk_1.utils.dates.clearDateTime(valueProp)); }, [valueProp]);
+    var _c = (0, useDateEditor_1.useDateEditor)({ minDate: minDate, maxDate: maxDate, value: value, onChange: onChange }), errorMessage = _c.errorMessage, editorValue = _c.editorValue, editorMaxDate = _c.editorMaxDate, editorMinDate = _c.editorMinDate, onError = _c.onError, handleChange = _c.onChange;
+    var basicSlotProps = {
         textField: {
             size: 'small',
             variant: 'filled',
             helperText: errorMessage,
+            error: Boolean(errorMessage),
             InputProps: {
                 classes: {
                     root: (0, classnames_1.default)(styles.inputRoot, (_b = {}, _b[styles.isCrossedOut] = isCrossedOut, _b))
                 },
                 disableUnderline: (0, ramda_1.isNil)(editorValue)
             },
-            InputLabelProps: {
-                shrink: !(0, ramda_1.isNil)(label)
-            }
+            InputLabelProps: { shrink: !(0, ramda_1.isNil)(label) }
         },
-        popper: {
-            placement: 'bottom-start'
-        },
-        inputAdornment: {
-            position: 'end',
-            className: styles.adornedEnd
-        }
-    });
-    return (react_1.default.createElement(DatePicker_1.DatePicker, __assign({ format: dateFormat, slotProps: editorSlotProps, views: ['year', 'month', 'day'], label: label, value: editorValue, minDate: editorMinDate, maxDate: editorMaxDate, onError: function (newError) { return setError(newError); }, onChange: (0, mdm_sdk_1.debounce)((0, ramda_1.when)((0, ramda_1.both)(mdm_sdk_1.utils.dates.isValidMomentDateOrNull, mdm_sdk_1.utils.dates.isDateInRange(minDate, maxDate)), (0, ramda_1.pipe)(mdm_sdk_1.utils.dates.momentToDate, mdm_sdk_1.utils.dates.clearDateTime, onChange)), 0) }, otherProps)));
+        popper: { placement: 'bottom-start' },
+        inputAdornment: { position: 'end', className: styles.adornedEnd }
+    };
+    var editorSlotProps = (0, ramda_1.mergeDeepLeft)(slotProps, basicSlotProps);
+    return (react_1.default.createElement(DatePicker_1.DatePicker, __assign({ format: format || moment_1.default.localeData().longDateFormat('L'), slotProps: editorSlotProps, views: ['year', 'month', 'day'], label: label, value: editorValue, minDate: editorMinDate, maxDate: editorMaxDate, onError: onError, onChange: handleChange }, otherProps)));
 };
 exports.default = DateEditor;

package/cjs/components/editors/DateRangeEditor/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"underline" | "uppercase" | "inputLabel" | "adornedEnd" | "inputRoot" | "dropdownIndicator">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"underline" | "uppercase" | "adornedEnd" | "inputRoot" | "dropdownIndicator" | "inputLabel">;

package/cjs/components/editors/TimestampEditor/TimestampEditor.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { Moment } from 'moment';
 import { DateTimePickerProps } from '@mui/x-date-pickers/DateTimePicker';
-type TimestampEditorProps = Omit<DateTimePickerProps<Moment>, 'value' | 'minDate' | 'maxDate' | 'onChange'> & {
+type Props = Omit<DateTimePickerProps<Moment>, 'value' | 'minDate' | 'maxDate' | 'onChange'> & {
     minDate?: Date | number;
     maxDate?: Date | number;
     value?: Date | number;
     onChange: (value: Date) => void;
     isCrossedOut?: boolean;
 };
-declare const TimestampEditor: ({ value, minDate, maxDate, label, slotProps, onChange, format, isCrossedOut, ...otherProps }: TimestampEditorProps) => JSX.Element;
+declare const TimestampEditor: ({ minDate, maxDate, value, label, slotProps, onChange, format, isCrossedOut, ...otherProps }: Props) => JSX.Element;
 export default TimestampEditor;

package/cjs/components/editors/TimestampEditor/TimestampEditor.js

@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -48,65 +25,41 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
-var moment_1 = __importDefault(require("moment"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var DateTimePicker_1 = require("@mui/x-date-pickers/DateTimePicker");
 var timeViewRenderers_1 = require("@mui/x-date-pickers/timeViewRenderers");
-var constants_1 = require("../constants");
+var DateTimePicker_1 = require("@mui/x-date-pickers/DateTimePicker");
+var useDateEditor_1 = require("../useDateEditor/useDateEditor");
 var styles_1 = require("./styles");
 var TimestampEditor = function (_a) {
     var _b;
-    var value = _a.value, _c = _a.minDate, minDate = _c === void 0 ? constants_1.DEFAULT_MIN_DATE : _c, _d = _a.maxDate, maxDate = _d === void 0 ? constants_1.DEFAULT_MAX_DATE : _d, label = _a.label, slotProps = _a.slotProps, onChange = _a.onChange, format = _a.format, isCrossedOut = _a.isCrossedOut, otherProps = __rest(_a, ["value", "minDate", "maxDate", "label", "slotProps", "onChange", "format", "isCrossedOut"]);
+    var minDate = _a.minDate, maxDate = _a.maxDate, value = _a.value, label = _a.label, slotProps = _a.slotProps, onChange = _a.onChange, format = _a.format, isCrossedOut = _a.isCrossedOut, otherProps = __rest(_a, ["minDate", "maxDate", "value", "label", "slotProps", "onChange", "format", "isCrossedOut"]);
     var styles = (0, styles_1.useStyles)();
-    var _e = react_1.default.useState(null), error = _e[0], setError = _e[1];
-    var errorMessage = (0, react_1.useMemo)(function () {
-        switch (error) {
-            case 'maxDate':
-                return ui_i18n_1.default.text('Date should not be after maximal date');
-            case 'minDate':
-                return ui_i18n_1.default.text('Date should not be before minimal date');
-            case 'invalidDate':
-                return ui_i18n_1.default.text('Invalid Date Format');
-            default:
-                return '';
-        }
-    }, [error]);
-    var editorValue = (0, ramda_1.isNil)(value) ? null : (0, moment_1.default)(value);
-    var editorMinDate = (0, ramda_1.isNil)(minDate) ? null : (0, moment_1.default)(minDate);
-    var editorMaxDate = (0, ramda_1.isNil)(maxDate) ? null : (0, moment_1.default)(maxDate);
-    var timestampFormat = format || (0, mdm_sdk_1.getLocaleFormat)();
-    // TODO: Fix types for InputProps/InputLabelProps in slotProps.textField
-    var editorSlotProps = (0, ramda_1.mergeDeepLeft)(slotProps, {
+    var _c = (0, useDateEditor_1.useDateEditor)({ minDate: minDate, maxDate: maxDate, value: value, onChange: onChange }), errorMessage = _c.errorMessage, editorValue = _c.editorValue, editorMaxDate = _c.editorMaxDate, editorMinDate = _c.editorMinDate, onError = _c.onError, handleChange = _c.onChange;
+    var basicSlotProps = {
         textField: {
             size: 'small',
             variant: 'filled',
             helperText: errorMessage,
+            error: Boolean(errorMessage),
             InputProps: {
                 classes: {
                     root: (0, classnames_1.default)(styles.inputRoot, (_b = {}, _b[styles.isCrossedOut] = isCrossedOut, _b))
                 },
                 disableUnderline: (0, ramda_1.isNil)(editorValue)
             },
-            InputLabelProps: {
-                shrink: !(0, ramda_1.isNil)(label)
-            }
+            InputLabelProps: { shrink: !(0, ramda_1.isNil)(label) }
         },
-        popper: {
-            placement: 'bottom-start'
-        },
-        inputAdornment: {
-            position: 'end',
-            className: styles.adornedEnd
-        }
-    });
-    return (react_1.default.createElement(DateTimePicker_1.DateTimePicker, __assign({ format: timestampFormat, slotProps: editorSlotProps, views: ['year', 'month', 'day', 'hours', 'minutes', 'seconds'], viewRenderers: {
+        popper: { placement: 'bottom-start' },
+        inputAdornment: { position: 'end', className: styles.adornedEnd }
+    };
+    var editorSlotProps = (0, ramda_1.mergeDeepLeft)(slotProps, basicSlotProps);
+    return (react_1.default.createElement(DateTimePicker_1.DateTimePicker, __assign({ format: format || (0, mdm_sdk_1.getLocaleFormat)(), slotProps: editorSlotProps, views: ['year', 'month', 'day', 'hours', 'minutes', 'seconds'], viewRenderers: {
             hours: timeViewRenderers_1.renderTimeViewClock,
             minutes: timeViewRenderers_1.renderTimeViewClock,
             seconds: timeViewRenderers_1.renderTimeViewClock
-        }, label: label, value: editorValue, minDate: editorMinDate, maxDate: editorMaxDate, onError: function (newError) { return setError(newError); }, onChange: (0, ramda_1.when)((0, ramda_1.both)(mdm_sdk_1.utils.dates.isValidMomentDateOrNull, mdm_sdk_1.utils.dates.isDateInRange(minDate, maxDate)), (0, ramda_1.pipe)(mdm_sdk_1.utils.dates.momentToDate, onChange)) }, otherProps)));
+        }, label: label, value: editorValue, minDate: editorMinDate, maxDate: editorMaxDate, onError: onError, onChange: handleChange }, otherProps)));
 };
 exports.default = TimestampEditor;

package/cjs/components/editors/TimestampEditor/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"underline" | "iconButtonRoot" | "inputLabel" | "adornedEnd" | "inputRoot" | "isCrossedOut">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"adornedEnd" | "inputRoot" | "isCrossedOut">;

package/cjs/components/editors/TimestampEditor/styles.js

@@ -2,30 +2,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@mui/styles");
-exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
-    iconButtonRoot: {
-        padding: 8
-    },
-    underline: {
-        '&:after': {
-            transform: 'scaleX(1)'
-        }
-    },
-    inputLabel: {
-        color: theme.palette.primary.main
-    },
+exports.useStyles = (0, styles_1.makeStyles)({
     adornedEnd: {
         paddingRight: 4
     },
     inputRoot: {
-        '& > input': {
-            textTransform: 'uppercase'
-        },
         fontSize: '14px',
         letterSpacing: 0,
-        lineHeight: '16px'
+        lineHeight: '16px',
+        overflow: 'hidden',
+        '& > input': {
+            textTransform: 'uppercase'
+        }
     },
     isCrossedOut: {
         textDecoration: 'line-through'
     }
-}); });
+});

package/cjs/components/editors/constants.d.ts

@@ -1,6 +1,7 @@
 import { TextFieldProps } from '@mui/material/TextField';
 export declare const DEFAULT_MIN_DATE: Date;
 export declare const DEFAULT_MAX_DATE: Date;
+export declare const DEFAULT_MAX_DATE_IN_POPUP: Date;
 export declare const commonTextFieldProps: TextFieldProps;
 export declare const useInputStyles: (props?: any) => import("@mui/styles").ClassNameMap<"filledInputUnderline" | "marginDense">;
 export declare const useSelectStyles: (props?: any) => import("@mui/styles").ClassNameMap<"icon" | "root">;

package/cjs/components/editors/constants.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSelectStyles = exports.useInputStyles = exports.commonTextFieldProps = exports.DEFAULT_MAX_DATE = exports.DEFAULT_MIN_DATE = void 0;
+exports.useSelectStyles = exports.useInputStyles = exports.commonTextFieldProps = exports.DEFAULT_MAX_DATE_IN_POPUP = exports.DEFAULT_MAX_DATE = exports.DEFAULT_MIN_DATE = void 0;
 var styles_1 = require("@mui/styles");
 exports.DEFAULT_MIN_DATE = new Date('1900-01-01');
-exports.DEFAULT_MAX_DATE = new Date('2099-12-31');
+exports.DEFAULT_MAX_DATE = new Date('9999-12-31');
+exports.DEFAULT_MAX_DATE_IN_POPUP = new Date('2099-12-31');
 exports.commonTextFieldProps = {
     variant: 'filled',
     size: 'small',

package/cjs/components/editors/useDateEditor/helpers.d.ts

@@ -0,0 +1,6 @@
+import moment from 'moment';
+import { DateValidationError } from '@mui/x-date-pickers';
+export declare const getErrorMessage: (error: DateValidationError) => string;
+export declare const isDateRangeError: (error: DateValidationError) => boolean;
+export declare const getEditorMaxDate: (maxDate: Date | number) => moment.Moment;
+export declare const getEditorMinDate: (minDate: Date | number) => moment.Moment;

package/cjs/components/editors/useDateEditor/helpers.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getEditorMinDate = exports.getEditorMaxDate = exports.isDateRangeError = exports.getErrorMessage = void 0;
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var moment_1 = __importDefault(require("moment"));
+var constants_1 = require("../constants");
+var getErrorMessage = function (error) {
+    switch (error) {
+        case 'maxDate':
+            return ui_i18n_1.default.text('Date should not be after maximal date');
+        case 'minDate':
+            return ui_i18n_1.default.text('Date should not be before minimal date');
+        case 'invalidDate':
+            return ui_i18n_1.default.text('Invalid Date Format');
+        default:
+            return '';
+    }
+};
+exports.getErrorMessage = getErrorMessage;
+var isDateRangeError = function (error) { return ['minDate', 'maxDate'].includes(error); };
+exports.isDateRangeError = isDateRangeError;
+var getEditorMaxDate = function (maxDate) {
+    var date = (0, moment_1.default)(maxDate).isAfter(constants_1.DEFAULT_MAX_DATE_IN_POPUP) ? constants_1.DEFAULT_MAX_DATE_IN_POPUP : maxDate;
+    return (0, moment_1.default)(date);
+};
+exports.getEditorMaxDate = getEditorMaxDate;
+var getEditorMinDate = function (minDate) {
+    var date = (0, moment_1.default)(minDate).isBefore(constants_1.DEFAULT_MIN_DATE) ? constants_1.DEFAULT_MIN_DATE : minDate;
+    return (0, moment_1.default)(date);
+};
+exports.getEditorMinDate = getEditorMinDate;

package/cjs/components/editors/useDateEditor/useDateEditor.d.ts

@@ -0,0 +1,17 @@
+import moment from 'moment';
+import { DateValidationError } from '@mui/x-date-pickers';
+type Props = {
+    minDate: Date | number;
+    maxDate: Date | number;
+    value: Date | number;
+    onChange: (value: Date | number) => void;
+};
+export declare const useDateEditor: ({ minDate: minDateProp, maxDate: maxDateProp, value, onChange }: Props) => {
+    errorMessage: string;
+    editorValue: moment.Moment;
+    editorMinDate: moment.Moment;
+    editorMaxDate: moment.Moment;
+    onChange: (...args: any[]) => void;
+    onError: (error: DateValidationError) => void;
+};
+export {};

package/cjs/components/editors/useDateEditor/useDateEditor.js

@@ -0,0 +1,62 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDateEditor = void 0;
+var react_1 = require("react");
+var moment_1 = __importDefault(require("moment"));
+var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var helpers_1 = require("./helpers");
+var constants_1 = require("../constants");
+var _a = mdm_sdk_1.utils.dates, isValidMomentDateOrNull = _a.isValidMomentDateOrNull, isDateInRange = _a.isDateInRange, momentToDate = _a.momentToDate;
+var useDateEditor = function (_a) {
+    var minDateProp = _a.minDate, maxDateProp = _a.maxDate, value = _a.value, onChange = _a.onChange;
+    var _b = (0, react_1.useState)(null), error = _b[0], setError = _b[1];
+    var _c = (0, react_1.useState)(null), editorValue = _c[0], setEditorValue = _c[1];
+    var minDate = (0, react_1.useMemo)(function () { return mdm_sdk_1.utils.dates.clearDateTime((0, ramda_1.isNil)(minDateProp) ? constants_1.DEFAULT_MIN_DATE : minDateProp); }, [minDateProp]);
+    var maxDate = (0, react_1.useMemo)(function () { return mdm_sdk_1.utils.dates.clearDateTime((0, ramda_1.isNil)(maxDateProp) ? constants_1.DEFAULT_MAX_DATE : maxDateProp); }, [maxDateProp]);
+    var momentValue = (0, react_1.useMemo)(function () { return ((0, ramda_1.isNil)(value) ? null : (0, moment_1.default)(value)); }, [value]);
+    var editorMinDate = (0, react_1.useMemo)(function () { return (0, helpers_1.getEditorMinDate)(minDate); }, [minDate]);
+    var editorMaxDate = (0, react_1.useMemo)(function () { return (0, helpers_1.getEditorMaxDate)(maxDate); }, [maxDate]);
+    var errorMessage = (0, react_1.useMemo)(function () { return (0, helpers_1.getErrorMessage)(error); }, [error]);
+    var handleError = (0, react_1.useCallback)(function (error) {
+        if (!(0, helpers_1.isDateRangeError)(error))
+            setError(error);
+    }, []);
+    var handleChange = (0, react_1.useCallback)(function (value) {
+        setEditorValue(value);
+        if (isValidMomentDateOrNull(value) && isDateInRange(minDate, maxDate)(value)) {
+            onChange(momentToDate(value));
+        }
+    }, [minDate, maxDate, onChange]);
+    var debouncedHandleChange = (0, react_1.useCallback)((0, mdm_sdk_1.debounce)(handleChange, 0), [handleChange]);
+    (0, react_1.useEffect)(function () {
+        setEditorValue(function (prevEditorValue) {
+            var datesAreTheSame = (0, moment_1.default)(prevEditorValue).isSame(momentValue);
+            var datesAreInvalid = !isValidMomentDateOrNull(momentValue) && !isValidMomentDateOrNull(prevEditorValue);
+            return datesAreTheSame || datesAreInvalid ? prevEditorValue : momentValue;
+        });
+    }, [momentValue]);
+    (0, react_1.useEffect)(function () {
+        if (editorValue === null || editorValue === void 0 ? void 0 : editorValue.isAfter(maxDate)) {
+            setError('maxDate');
+        }
+        else if (editorValue === null || editorValue === void 0 ? void 0 : editorValue.isBefore(minDate)) {
+            setError('minDate');
+        }
+        else {
+            setError(function (prevError) { return ((0, helpers_1.isDateRangeError)(prevError) ? null : prevError); });
+        }
+    }, [editorValue, maxDate, minDate]);
+    return {
+        errorMessage: errorMessage,
+        editorValue: editorValue,
+        editorMinDate: editorMinDate,
+        editorMaxDate: editorMaxDate,
+        onChange: debouncedHandleChange,
+        onError: handleError
+    };
+};
+exports.useDateEditor = useDateEditor;

package/cjs/hooks/useExpandInvalidRelations.js

@@ -37,7 +37,7 @@ var useExpandInvalidRelations = function (configId) {
     var relationsToAddAndEdit = (0, contexts_1.useMdmAllRelationsToAddAndEdit)([configId]) || [];
     var preparedConnectionsList = (0, ramda_1.reject)(function (draftConnection) {
         return relationsToAddAndEdit.some((0, ramda_1.eqBy)((0, ramda_1.path)(['relation', 'relationUri']), draftConnection));
-    }, __spreadArray(__spreadArray([], addedConnections, true), editedConnections, true));
+    }, __spreadArray(__spreadArray([], addedConnections.map(mdm_sdk_1.markNew), true), editedConnections.map(mdm_sdk_1.markEdited), true));
     var invalidConnections = (0, react_1.useMemo)(function () { return getInvalidConnections(profileErrors, preparedConnectionsList); }, [profileErrors, preparedConnectionsList]);
     var expandInvalidRelatonsListener = (0, contexts_1.useMdmListener)('expandInvalidRelatonsListener');
     var setShouldOpenInvalidEditors = function (shouldOpen) { return (shouldOpenInvalidEditors.current = shouldOpen); };

package/esm/components/DropDownSelector/styles.d.ts

@@ -1,4 +1,4 @@
-export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"filledInputUnderline" | "inputLabel" | "control" | "formControl" | "valueContainer" | "dropdownIndicator" | "filledInputRoot">;
+export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"filledInputUnderline" | "control" | "formControl" | "valueContainer" | "dropdownIndicator" | "inputLabel" | "filledInputRoot">;
 export namespace customStyles {
     function menu(baseStyles: any): any;
     function menuList(baseStyles: any): any;

package/esm/components/MetadataTypesSelector/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"icon" | "input" | "root" | "inputLabel" | "inputRoot" | "inputText" | "emptyInput" | "disabledInput" | "disabledPointer" | "disabledUnderline" | "popup-opened-icon">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"icon" | "input" | "root" | "inputRoot" | "inputLabel" | "inputText" | "emptyInput" | "disabledInput" | "disabledPointer" | "disabledUnderline" | "popup-opened-icon">;

package/esm/components/Popper/Popper.d.ts

@@ -13,5 +13,5 @@ declare const Popper: React.ForwardRefExoticComponent<Pick<Omit<import("@mui/bas
     anchorEl?: HTMLElement | null;
     excludeAnchorFromBackdrop?: boolean;
     onClose?: () => void;
-}, "id" | "hidden" | "open" | "title" | "key" | "children" | "defaultValue" | "prefix" | "results" | "slot" | "style" | "color" | "translate" | "container" | "transition" | "className" | "sx" | "lang" | "role" | "tabIndex" | "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" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "security" | "unselectable" | "inputMode" | "is" | "components" | "componentsProps" | "slotProps" | "slots" | "onClose" | "component" | "disablePortal" | "keepMounted" | "anchorEl" | "placement" | "modifiers" | "popperOptions" | "popperRef" | "modal" | "excludeAnchorFromBackdrop"> & React.RefAttributes<HTMLDivElement>>;
+}, "id" | "hidden" | "open" | "title" | "key" | "children" | "defaultValue" | "prefix" | "results" | "slot" | "style" | "color" | "translate" | "container" | "transition" | "className" | "sx" | "lang" | "role" | "tabIndex" | "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" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "security" | "unselectable" | "inputMode" | "is" | "components" | "componentsProps" | "slotProps" | "slots" | "onClose" | "anchorEl" | "disablePortal" | "keepMounted" | "modifiers" | "placement" | "popperOptions" | "popperRef" | "component" | "modal" | "excludeAnchorFromBackdrop"> & React.RefAttributes<HTMLDivElement>>;
 export default Popper;

package/esm/components/ProfileBandNavigation/ProfileBandNavigationWidget.d.ts

@@ -17,7 +17,7 @@ declare const LinkWithTooltip: React.ForwardRefExoticComponent<import("prop-type
     variant?: import("@mui/types").OverridableStringUnion<"inherit" | import("@mui/material").TypographyVariant, import("@mui/material").TypographyPropsVariantOverrides>;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>> & {
     ref?: React.Ref<HTMLAnchorElement>;
-}, "m" | "id" | "type" | "hidden" | "visibility" | "title" | "key" | "children" | "defaultValue" | "prefix" | "order" | "width" | "minHeight" | "maxHeight" | "height" | "flex" | "minWidth" | "maxWidth" | "top" | "right" | "left" | "position" | "referrerPolicy" | "results" | "p" | "slot" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "translate" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "underline" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "lang" | "media" | "target" | "role" | "tabIndex" | "href" | "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" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "security" | "unselectable" | "inputMode" | "is" | "hrefLang" | "rel" | "download" | "ping" | "align" | "variant" | "bgcolor" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "TypographyClasses"> & {
+}, "m" | "id" | "type" | "hidden" | "visibility" | "title" | "key" | "children" | "defaultValue" | "prefix" | "order" | "width" | "minHeight" | "maxHeight" | "height" | "flex" | "minWidth" | "maxWidth" | "top" | "right" | "left" | "position" | "referrerPolicy" | "results" | "p" | "slot" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "translate" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "underline" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "lang" | "media" | "target" | "role" | "tabIndex" | "href" | "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" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "security" | "unselectable" | "inputMode" | "is" | "hrefLang" | "rel" | "download" | "ping" | "align" | "variant" | "bgcolor" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "noWrap" | "gutterBottom" | "paragraph" | "variantMapping" | "TypographyClasses"> & {
     component: string;
 }>;
 type Props = {

package/esm/components/attributes/editMode/SimpleAttributeEditor/utils.js

@@ -37,7 +37,7 @@ var editorValueToAttributeValue = function (attributeType, editorValue) {
         case DataTypes.TYPE_DATE:
             return (editorValue && moment(editorValue).format('YYYY-MM-DD')) || '';
         case DataTypes.TYPE_TIMESTAMP: {
-            return (editorValue && moment(editorValue).format()) || '';
+            return (editorValue && moment(editorValue).utc().format()) || '';
         }
         case DataTypes.TYPE_ACTIVENESS_DATE:
         case DataTypes.TYPE_LOCAL_DATE:

package/esm/components/attributes/inline/SimpleAttributeEditor/styles.d.ts

@@ -2,5 +2,5 @@ type StylesProps = {
     color: string;
     containerWidth: number;
 };
-export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"input" | "textField" | "paper" | "inputMultiline" | "booleanEditor" | "timestampEditor" | "popoverRoot">;
+export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"input" | "inputMultiline" | "textField" | "paper" | "booleanEditor" | "timestampEditor" | "popoverRoot">;
 export {};

package/esm/components/editors/DateEditor/DateEditor.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { Moment } from 'moment';
 import { DatePickerProps } from '@mui/x-date-pickers/DatePicker';
-type DateEditorProps = Omit<DatePickerProps<Moment>, 'value' | 'minDate' | 'maxDate' | 'onChange'> & {
+type Props = Omit<DatePickerProps<Moment>, 'value' | 'minDate' | 'maxDate' | 'onChange'> & {
     minDate?: Date | number;
     maxDate?: Date | number;
     value?: Date | number;
     onChange: (value: Date) => void;
     isCrossedOut?: boolean;
 };
-declare const DateEditor: ({ value, minDate, maxDate, format, label, onChange, slotProps, isCrossedOut, ...otherProps }: DateEditorProps) => JSX.Element;
+declare const DateEditor: ({ minDate, maxDate, value: valueProp, format, label, onChange, slotProps, isCrossedOut, ...otherProps }: Props) => JSX.Element;
 export default DateEditor;

package/esm/components/editors/DateEditor/DateEditor.js

@@ -21,59 +21,37 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { useMemo } from 'react';
-import i18n from 'ui-i18n';
-import classnames from 'classnames';
-import { mergeDeepLeft, isNil, pipe, when, both } from 'ramda';
 import moment from 'moment';
-import { debounce, utils } from '@reltio/mdm-sdk';
+import classnames from 'classnames';
+import { mergeDeepLeft, isNil } from 'ramda';
+import { utils } from '@reltio/mdm-sdk';
 import { DatePicker } from '@mui/x-date-pickers/DatePicker';
-import { DEFAULT_MAX_DATE, DEFAULT_MIN_DATE } from '../constants';
+import { useDateEditor } from '../useDateEditor/useDateEditor';
 import { useStyles } from './styles';
 var DateEditor = function (_a) {
     var _b;
-    var value = _a.value, _c = _a.minDate, minDate = _c === void 0 ? DEFAULT_MIN_DATE : _c, _d = _a.maxDate, maxDate = _d === void 0 ? DEFAULT_MAX_DATE : _d, format = _a.format, label = _a.label, onChange = _a.onChange, slotProps = _a.slotProps, isCrossedOut = _a.isCrossedOut, otherProps = __rest(_a, ["value", "minDate", "maxDate", "format", "label", "onChange", "slotProps", "isCrossedOut"]);
+    var minDate = _a.minDate, maxDate = _a.maxDate, valueProp = _a.value, format = _a.format, label = _a.label, onChange = _a.onChange, slotProps = _a.slotProps, isCrossedOut = _a.isCrossedOut, otherProps = __rest(_a, ["minDate", "maxDate", "value", "format", "label", "onChange", "slotProps", "isCrossedOut"]);
     var styles = useStyles();
-    var _e = React.useState(null), error = _e[0], setError = _e[1];
-    var errorMessage = useMemo(function () {
-        switch (error) {
-            case 'maxDate':
-                return i18n.text('Date should not be after maximal date');
-            case 'minDate':
-                return i18n.text('Date should not be before minimal date');
-            case 'invalidDate':
-                return i18n.text('Invalid Date Format');
-            default:
-                return '';
-        }
-    }, [error]);
-    var editorValue = isNil(value) ? null : moment(value);
-    var editorMinDate = isNil(minDate) ? null : moment(minDate);
-    var editorMaxDate = isNil(maxDate) ? null : moment(maxDate);
-    var dateFormat = format || moment.localeData().longDateFormat('L');
-    // TODO: Fix types for InputProps/InputLabelProps in slotProps.textField
-    var editorSlotProps = mergeDeepLeft(slotProps, {
+    var value = useMemo(function () { return (isNil(valueProp) ? null : utils.dates.clearDateTime(valueProp)); }, [valueProp]);
+    var _c = useDateEditor({ minDate: minDate, maxDate: maxDate, value: value, onChange: onChange }), errorMessage = _c.errorMessage, editorValue = _c.editorValue, editorMaxDate = _c.editorMaxDate, editorMinDate = _c.editorMinDate, onError = _c.onError, handleChange = _c.onChange;
+    var basicSlotProps = {
         textField: {
             size: 'small',
             variant: 'filled',
             helperText: errorMessage,
+            error: Boolean(errorMessage),
             InputProps: {
                 classes: {
                     root: classnames(styles.inputRoot, (_b = {}, _b[styles.isCrossedOut] = isCrossedOut, _b))
                 },
                 disableUnderline: isNil(editorValue)
             },
-            InputLabelProps: {
-                shrink: !isNil(label)
-            }
+            InputLabelProps: { shrink: !isNil(label) }
         },
-        popper: {
-            placement: 'bottom-start'
-        },
-        inputAdornment: {
-            position: 'end',
-            className: styles.adornedEnd
-        }
-    });
-    return (React.createElement(DatePicker, __assign({ format: dateFormat, slotProps: editorSlotProps, views: ['year', 'month', 'day'], label: label, value: editorValue, minDate: editorMinDate, maxDate: editorMaxDate, onError: function (newError) { return setError(newError); }, onChange: debounce(when(both(utils.dates.isValidMomentDateOrNull, utils.dates.isDateInRange(minDate, maxDate)), pipe(utils.dates.momentToDate, utils.dates.clearDateTime, onChange)), 0) }, otherProps)));
+        popper: { placement: 'bottom-start' },
+        inputAdornment: { position: 'end', className: styles.adornedEnd }
+    };
+    var editorSlotProps = mergeDeepLeft(slotProps, basicSlotProps);
+    return (React.createElement(DatePicker, __assign({ format: format || moment.localeData().longDateFormat('L'), slotProps: editorSlotProps, views: ['year', 'month', 'day'], label: label, value: editorValue, minDate: editorMinDate, maxDate: editorMaxDate, onError: onError, onChange: handleChange }, otherProps)));
 };
 export default DateEditor;

package/esm/components/editors/DateRangeEditor/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"underline" | "uppercase" | "inputLabel" | "adornedEnd" | "inputRoot" | "dropdownIndicator">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"underline" | "uppercase" | "adornedEnd" | "inputRoot" | "dropdownIndicator" | "inputLabel">;

package/esm/components/editors/TimestampEditor/TimestampEditor.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { Moment } from 'moment';
 import { DateTimePickerProps } from '@mui/x-date-pickers/DateTimePicker';
-type TimestampEditorProps = Omit<DateTimePickerProps<Moment>, 'value' | 'minDate' | 'maxDate' | 'onChange'> & {
+type Props = Omit<DateTimePickerProps<Moment>, 'value' | 'minDate' | 'maxDate' | 'onChange'> & {
     minDate?: Date | number;
     maxDate?: Date | number;
     value?: Date | number;
     onChange: (value: Date) => void;
     isCrossedOut?: boolean;
 };
-declare const TimestampEditor: ({ value, minDate, maxDate, label, slotProps, onChange, format, isCrossedOut, ...otherProps }: TimestampEditorProps) => JSX.Element;
+declare const TimestampEditor: ({ minDate, maxDate, value, label, slotProps, onChange, format, isCrossedOut, ...otherProps }: Props) => JSX.Element;
 export default TimestampEditor;

package/esm/components/editors/TimestampEditor/TimestampEditor.js

@@ -20,65 +20,41 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useMemo } from 'react';
-import i18n from 'ui-i18n';
+import React from 'react';
 import classnames from 'classnames';
-import { mergeDeepLeft, isNil, pipe, when, both } from 'ramda';
-import moment from 'moment';
-import { getLocaleFormat, utils } from '@reltio/mdm-sdk';
-import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';
+import { isNil, mergeDeepLeft } from 'ramda';
+import { getLocaleFormat } from '@reltio/mdm-sdk';
 import { renderTimeViewClock } from '@mui/x-date-pickers/timeViewRenderers';
-import { DEFAULT_MAX_DATE, DEFAULT_MIN_DATE } from '../constants';
+import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';
+import { useDateEditor } from '../useDateEditor/useDateEditor';
 import { useStyles } from './styles';
 var TimestampEditor = function (_a) {
     var _b;
-    var value = _a.value, _c = _a.minDate, minDate = _c === void 0 ? DEFAULT_MIN_DATE : _c, _d = _a.maxDate, maxDate = _d === void 0 ? DEFAULT_MAX_DATE : _d, label = _a.label, slotProps = _a.slotProps, onChange = _a.onChange, format = _a.format, isCrossedOut = _a.isCrossedOut, otherProps = __rest(_a, ["value", "minDate", "maxDate", "label", "slotProps", "onChange", "format", "isCrossedOut"]);
+    var minDate = _a.minDate, maxDate = _a.maxDate, value = _a.value, label = _a.label, slotProps = _a.slotProps, onChange = _a.onChange, format = _a.format, isCrossedOut = _a.isCrossedOut, otherProps = __rest(_a, ["minDate", "maxDate", "value", "label", "slotProps", "onChange", "format", "isCrossedOut"]);
     var styles = useStyles();
-    var _e = React.useState(null), error = _e[0], setError = _e[1];
-    var errorMessage = useMemo(function () {
-        switch (error) {
-            case 'maxDate':
-                return i18n.text('Date should not be after maximal date');
-            case 'minDate':
-                return i18n.text('Date should not be before minimal date');
-            case 'invalidDate':
-                return i18n.text('Invalid Date Format');
-            default:
-                return '';
-        }
-    }, [error]);
-    var editorValue = isNil(value) ? null : moment(value);
-    var editorMinDate = isNil(minDate) ? null : moment(minDate);
-    var editorMaxDate = isNil(maxDate) ? null : moment(maxDate);
-    var timestampFormat = format || getLocaleFormat();
-    // TODO: Fix types for InputProps/InputLabelProps in slotProps.textField
-    var editorSlotProps = mergeDeepLeft(slotProps, {
+    var _c = useDateEditor({ minDate: minDate, maxDate: maxDate, value: value, onChange: onChange }), errorMessage = _c.errorMessage, editorValue = _c.editorValue, editorMaxDate = _c.editorMaxDate, editorMinDate = _c.editorMinDate, onError = _c.onError, handleChange = _c.onChange;
+    var basicSlotProps = {
         textField: {
             size: 'small',
             variant: 'filled',
             helperText: errorMessage,
+            error: Boolean(errorMessage),
             InputProps: {
                 classes: {
                     root: classnames(styles.inputRoot, (_b = {}, _b[styles.isCrossedOut] = isCrossedOut, _b))
                 },
                 disableUnderline: isNil(editorValue)
             },
-            InputLabelProps: {
-                shrink: !isNil(label)
-            }
+            InputLabelProps: { shrink: !isNil(label) }
         },
-        popper: {
-            placement: 'bottom-start'
-        },
-        inputAdornment: {
-            position: 'end',
-            className: styles.adornedEnd
-        }
-    });
-    return (React.createElement(DateTimePicker, __assign({ format: timestampFormat, slotProps: editorSlotProps, views: ['year', 'month', 'day', 'hours', 'minutes', 'seconds'], viewRenderers: {
+        popper: { placement: 'bottom-start' },
+        inputAdornment: { position: 'end', className: styles.adornedEnd }
+    };
+    var editorSlotProps = mergeDeepLeft(slotProps, basicSlotProps);
+    return (React.createElement(DateTimePicker, __assign({ format: format || getLocaleFormat(), slotProps: editorSlotProps, views: ['year', 'month', 'day', 'hours', 'minutes', 'seconds'], viewRenderers: {
             hours: renderTimeViewClock,
             minutes: renderTimeViewClock,
             seconds: renderTimeViewClock
-        }, label: label, value: editorValue, minDate: editorMinDate, maxDate: editorMaxDate, onError: function (newError) { return setError(newError); }, onChange: when(both(utils.dates.isValidMomentDateOrNull, utils.dates.isDateInRange(minDate, maxDate)), pipe(utils.dates.momentToDate, onChange)) }, otherProps)));
+        }, label: label, value: editorValue, minDate: editorMinDate, maxDate: editorMaxDate, onError: onError, onChange: handleChange }, otherProps)));
 };
 export default TimestampEditor;

package/esm/components/editors/TimestampEditor/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"underline" | "iconButtonRoot" | "inputLabel" | "adornedEnd" | "inputRoot" | "isCrossedOut">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"adornedEnd" | "inputRoot" | "isCrossedOut">;

package/esm/components/editors/TimestampEditor/styles.js

@@ -1,28 +1,18 @@
 import { makeStyles } from '@mui/styles';
-export var useStyles = makeStyles(function (theme) { return ({
-    iconButtonRoot: {
-        padding: 8
-    },
-    underline: {
-        '&:after': {
-            transform: 'scaleX(1)'
-        }
-    },
-    inputLabel: {
-        color: theme.palette.primary.main
-    },
+export var useStyles = makeStyles({
     adornedEnd: {
         paddingRight: 4
     },
     inputRoot: {
-        '& > input': {
-            textTransform: 'uppercase'
-        },
         fontSize: '14px',
         letterSpacing: 0,
-        lineHeight: '16px'
+        lineHeight: '16px',
+        overflow: 'hidden',
+        '& > input': {
+            textTransform: 'uppercase'
+        }
     },
     isCrossedOut: {
         textDecoration: 'line-through'
     }
-}); });
+});

package/esm/components/editors/constants.d.ts

@@ -1,6 +1,7 @@
 import { TextFieldProps } from '@mui/material/TextField';
 export declare const DEFAULT_MIN_DATE: Date;
 export declare const DEFAULT_MAX_DATE: Date;
+export declare const DEFAULT_MAX_DATE_IN_POPUP: Date;
 export declare const commonTextFieldProps: TextFieldProps;
 export declare const useInputStyles: (props?: any) => import("@mui/styles").ClassNameMap<"filledInputUnderline" | "marginDense">;
 export declare const useSelectStyles: (props?: any) => import("@mui/styles").ClassNameMap<"icon" | "root">;

package/esm/components/editors/constants.js

@@ -1,6 +1,7 @@
 import { makeStyles } from '@mui/styles';
 export var DEFAULT_MIN_DATE = new Date('1900-01-01');
-export var DEFAULT_MAX_DATE = new Date('2099-12-31');
+export var DEFAULT_MAX_DATE = new Date('9999-12-31');
+export var DEFAULT_MAX_DATE_IN_POPUP = new Date('2099-12-31');
 export var commonTextFieldProps = {
     variant: 'filled',
     size: 'small',

package/esm/components/editors/useDateEditor/helpers.d.ts

@@ -0,0 +1,6 @@
+import moment from 'moment';
+import { DateValidationError } from '@mui/x-date-pickers';
+export declare const getErrorMessage: (error: DateValidationError) => string;
+export declare const isDateRangeError: (error: DateValidationError) => boolean;
+export declare const getEditorMaxDate: (maxDate: Date | number) => moment.Moment;
+export declare const getEditorMinDate: (minDate: Date | number) => moment.Moment;

package/esm/components/editors/useDateEditor/helpers.js

@@ -0,0 +1,24 @@
+import i18n from 'ui-i18n';
+import moment from 'moment';
+import { DEFAULT_MAX_DATE_IN_POPUP, DEFAULT_MIN_DATE } from '../constants';
+export var getErrorMessage = function (error) {
+    switch (error) {
+        case 'maxDate':
+            return i18n.text('Date should not be after maximal date');
+        case 'minDate':
+            return i18n.text('Date should not be before minimal date');
+        case 'invalidDate':
+            return i18n.text('Invalid Date Format');
+        default:
+            return '';
+    }
+};
+export var isDateRangeError = function (error) { return ['minDate', 'maxDate'].includes(error); };
+export var getEditorMaxDate = function (maxDate) {
+    var date = moment(maxDate).isAfter(DEFAULT_MAX_DATE_IN_POPUP) ? DEFAULT_MAX_DATE_IN_POPUP : maxDate;
+    return moment(date);
+};
+export var getEditorMinDate = function (minDate) {
+    var date = moment(minDate).isBefore(DEFAULT_MIN_DATE) ? DEFAULT_MIN_DATE : minDate;
+    return moment(date);
+};

package/esm/components/editors/useDateEditor/useDateEditor.d.ts

@@ -0,0 +1,17 @@
+import moment from 'moment';
+import { DateValidationError } from '@mui/x-date-pickers';
+type Props = {
+    minDate: Date | number;
+    maxDate: Date | number;
+    value: Date | number;
+    onChange: (value: Date | number) => void;
+};
+export declare const useDateEditor: ({ minDate: minDateProp, maxDate: maxDateProp, value, onChange }: Props) => {
+    errorMessage: string;
+    editorValue: moment.Moment;
+    editorMinDate: moment.Moment;
+    editorMaxDate: moment.Moment;
+    onChange: (...args: any[]) => void;
+    onError: (error: DateValidationError) => void;
+};
+export {};

package/esm/components/editors/useDateEditor/useDateEditor.js

@@ -0,0 +1,55 @@
+import { useState, useCallback, useEffect, useMemo } from 'react';
+import moment from 'moment';
+import { isNil } from 'ramda';
+import { utils, debounce } from '@reltio/mdm-sdk';
+import { getEditorMaxDate, getEditorMinDate, getErrorMessage, isDateRangeError } from './helpers';
+import { DEFAULT_MAX_DATE, DEFAULT_MIN_DATE } from '../constants';
+var _a = utils.dates, isValidMomentDateOrNull = _a.isValidMomentDateOrNull, isDateInRange = _a.isDateInRange, momentToDate = _a.momentToDate;
+export var useDateEditor = function (_a) {
+    var minDateProp = _a.minDate, maxDateProp = _a.maxDate, value = _a.value, onChange = _a.onChange;
+    var _b = useState(null), error = _b[0], setError = _b[1];
+    var _c = useState(null), editorValue = _c[0], setEditorValue = _c[1];
+    var minDate = useMemo(function () { return utils.dates.clearDateTime(isNil(minDateProp) ? DEFAULT_MIN_DATE : minDateProp); }, [minDateProp]);
+    var maxDate = useMemo(function () { return utils.dates.clearDateTime(isNil(maxDateProp) ? DEFAULT_MAX_DATE : maxDateProp); }, [maxDateProp]);
+    var momentValue = useMemo(function () { return (isNil(value) ? null : moment(value)); }, [value]);
+    var editorMinDate = useMemo(function () { return getEditorMinDate(minDate); }, [minDate]);
+    var editorMaxDate = useMemo(function () { return getEditorMaxDate(maxDate); }, [maxDate]);
+    var errorMessage = useMemo(function () { return getErrorMessage(error); }, [error]);
+    var handleError = useCallback(function (error) {
+        if (!isDateRangeError(error))
+            setError(error);
+    }, []);
+    var handleChange = useCallback(function (value) {
+        setEditorValue(value);
+        if (isValidMomentDateOrNull(value) && isDateInRange(minDate, maxDate)(value)) {
+            onChange(momentToDate(value));
+        }
+    }, [minDate, maxDate, onChange]);
+    var debouncedHandleChange = useCallback(debounce(handleChange, 0), [handleChange]);
+    useEffect(function () {
+        setEditorValue(function (prevEditorValue) {
+            var datesAreTheSame = moment(prevEditorValue).isSame(momentValue);
+            var datesAreInvalid = !isValidMomentDateOrNull(momentValue) && !isValidMomentDateOrNull(prevEditorValue);
+            return datesAreTheSame || datesAreInvalid ? prevEditorValue : momentValue;
+        });
+    }, [momentValue]);
+    useEffect(function () {
+        if (editorValue === null || editorValue === void 0 ? void 0 : editorValue.isAfter(maxDate)) {
+            setError('maxDate');
+        }
+        else if (editorValue === null || editorValue === void 0 ? void 0 : editorValue.isBefore(minDate)) {
+            setError('minDate');
+        }
+        else {
+            setError(function (prevError) { return (isDateRangeError(prevError) ? null : prevError); });
+        }
+    }, [editorValue, maxDate, minDate]);
+    return {
+        errorMessage: errorMessage,
+        editorValue: editorValue,
+        editorMinDate: editorMinDate,
+        editorMaxDate: editorMaxDate,
+        onChange: debouncedHandleChange,
+        onError: handleError
+    };
+};

package/esm/hooks/useExpandInvalidRelations.js

@@ -9,7 +9,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { curry, eqBy, filter, path, prop, reject } from 'ramda';
 import { useEffect, useMemo, useRef } from 'react';
-import { areOneHierarchyUris, isEditableMode } from '@reltio/mdm-sdk';
+import { areOneHierarchyUris, isEditableMode, markEdited, markNew } from '@reltio/mdm-sdk';
 import { useActionsHook, useMdmAction, useMdmAllRelationsToAddAndEdit, useMdmMode, useMdmProfileErrors, useMdmRelationsDrafts, useMdmListener } from '../contexts';
 var isConnectionHasError = curry(function (errors, connection) {
     var relationUri = path(['relation', 'relationUri'], connection);
@@ -34,7 +34,7 @@ export var useExpandInvalidRelations = function (configId) {
     var relationsToAddAndEdit = useMdmAllRelationsToAddAndEdit([configId]) || [];
     var preparedConnectionsList = reject(function (draftConnection) {
         return relationsToAddAndEdit.some(eqBy(path(['relation', 'relationUri']), draftConnection));
-    }, __spreadArray(__spreadArray([], addedConnections, true), editedConnections, true));
+    }, __spreadArray(__spreadArray([], addedConnections.map(markNew), true), editedConnections.map(markEdited), true));
     var invalidConnections = useMemo(function () { return getInvalidConnections(profileErrors, preparedConnectionsList); }, [profileErrors, preparedConnectionsList]);
     var expandInvalidRelatonsListener = useMdmListener('expandInvalidRelatonsListener');
     var setShouldOpenInvalidEditors = function (shouldOpen) { return (shouldOpenInvalidEditors.current = shouldOpen); };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1698",
+  "version": "1.4.1700",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
@@ -8,7 +8,7 @@
     "@date-io/moment": "^1.3.5",
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-sdk": "^1.4.1698",
+    "@reltio/mdm-sdk": "^1.4.1700",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",