@reltio/components 1.4.2243 → 1.4.2245

package/features/workflow/ChangeRequestEditor/components/ChangeItemEditor/ChangeItemEditor.js

@@ -1,65 +0,0 @@
-import React, { useMemo } from 'react';
-import classnames from 'classnames';
-import { isNil } from 'ramda';
-import i18n from 'ui-i18n';
-import ReplayIcon from '@mui/icons-material/Replay';
-import Button from '@mui/material/Button';
-import { DCROperationTypes, EntityAttrTypes, getAttributeValue, getEntityType } from '@reltio/mdm-sdk';
-import { useMdmEntity, useMdmMetadata } from '../../../../../contexts/MdmModuleContext';
-import { DataTypeValue } from '../../../../../DataTypeValue';
-import { SmallIconButton } from '../../../../../SmallIconButton';
-import { getDataTypeDefinition, prepareRolesOrTagsValue } from '../../../helpers/common';
-import { checkCanInitiateChangeRequest } from '../../helpers/helpers';
-import { OperationChip } from '../../../OperationChip';
-import { RelationEntityLink } from '../../../RelationEntityLink';
-import { useChangeRequestEditor } from '../../hooks/useChangeRequestEditor';
-import { ChangeItemLabel } from '../ChangeItemLabel';
-import { DCRValueEditor } from '../DCRValueEditor';
-import { StatusChips } from '../StatusChips';
-import styles from './ChangeItemEditor.module.css';
-export var ChangeItemEditor = function (_a) {
-    var _b, _c, _d;
-    var change = _a.change, _e = _a.editable, editable = _e === void 0 ? true : _e, classes = _a.classes;
-    var metadata = useMdmMetadata();
-    var _f = useChangeRequestEditor({ change: change }), handleChange = _f.handleChange, handleReject = _f.handleReject, handleRevert = _f.handleRevert, lineData = _f.lineData, isLineRejected = _f.isLineRejected, isParentLineRejected = _f.isParentLineRejected, isUpdated = _f.isUpdated, hasChangeId = _f.hasChangeId, isSubAttributeOfDeletedAttribute = _f.isSubAttributeOfDeletedAttribute;
-    var entity = useMdmEntity();
-    var entityType = getEntityType(metadata, entity === null || entity === void 0 ? void 0 : entity.type);
-    var isUpdateOperation = change.operation === DCROperationTypes.EDITED;
-    var isAddOperation = change.operation === DCROperationTypes.ADDED;
-    var oldValue = getAttributeValue(change.oldValue);
-    var currentNewValue = !isNil(lineData === null || lineData === void 0 ? void 0 : lineData.value) && !isParentLineRejected ? lineData.value : change.newValue;
-    var newValue = getAttributeValue(currentNewValue);
-    var hasNewValue = !isNil(newValue);
-    var dataTypeDefinition = useMemo(function () {
-        return change.attributeType && getDataTypeDefinition(change.attributeType, newValue || oldValue);
-    }, [change.attributeType, newValue, oldValue]);
-    var isRolesOrTags = ((_b = change === null || change === void 0 ? void 0 : change.attributeType) === null || _b === void 0 ? void 0 : _b.uri) === EntityAttrTypes.roles.uri ||
-        ((_c = change === null || change === void 0 ? void 0 : change.attributeType) === null || _c === void 0 ? void 0 : _c.uri) === EntityAttrTypes.tags.uri;
-    var canEdit = checkCanInitiateChangeRequest(metadata, entityType, change);
-    var shouldShowValueEditor = (isUpdateOperation || isAddOperation) && editable && canEdit;
-    var preparedValue = useMemo(function () {
-        return isRolesOrTags
-            ? prepareRolesOrTagsValue(metadata, newValue, change.attributeType.uri)
-            : newValue;
-    }, [isRolesOrTags, metadata, newValue, (_d = change.attributeType) === null || _d === void 0 ? void 0 : _d.uri]);
-    var showUndoButton = (isUpdated || isLineRejected) && !isParentLineRejected;
-    var showRejectButton = canEdit &&
-        !isLineRejected &&
-        !isUpdated &&
-        !isParentLineRejected &&
-        hasChangeId &&
-        !isSubAttributeOfDeletedAttribute &&
-        !(change.isReferenceSubAttribute && !editable);
-    var showStatusChips = !isParentLineRejected;
-    var isRejected = isLineRejected || isParentLineRejected;
-    return (React.createElement("div", { className: styles.attributeRow, "data-reltio-id": "change-item-editor" },
-        React.createElement(ChangeItemLabel, { change: change, className: styles.labelColumn, showLabel: !isUpdateOperation }),
-        React.createElement("div", { className: styles.valueColumn },
-            React.createElement(RelationEntityLink, { attributeOrRelationType: change.attributeType || change.relationType, attributeValue: change.attributeValue, className: styles.relationEntityLink }),
-            shouldShowValueEditor ? (React.createElement(DCRValueEditor, { attributeType: change.attributeType, value: currentNewValue, onChange: handleChange, disabled: !editable || isRejected })) : (hasNewValue && (React.createElement("div", { className: styles.value },
-                React.createElement(DataTypeValue, { value: preparedValue, dataTypeDefinition: dataTypeDefinition }))))),
-        React.createElement("div", { className: styles.revertColumn }, showUndoButton && (React.createElement(SmallIconButton, { icon: ReplayIcon, onClick: handleRevert, className: styles.revertButton, title: i18n.text('Undo'), size: "S" }))),
-        React.createElement("div", { className: styles.operationColumn }, change.operation && React.createElement(OperationChip, { operation: change.operation, size: "small", variant: "outlined" })),
-        React.createElement("div", { className: styles.statusColumn }, showStatusChips && React.createElement(StatusChips, { showUpdatedChip: isUpdated, showRejectedChip: isLineRejected })),
-        React.createElement("div", { className: styles.rejectColumn }, showRejectButton && (React.createElement(Button, { onClick: handleReject, className: classnames(styles.rejectButton, classes === null || classes === void 0 ? void 0 : classes.rejectButton), title: i18n.text('Reject'), size: "medium" }, i18n.text('Reject'))))));
-};

package/features/workflow/ChangeRequestEditor/components/ChangeItemEditor/ChangeItemEditor.module.css.js

@@ -1,9 +0,0 @@
-const styles = {"attributeRow":"ChangeItemEditor-attributeRow--bITG5","labelColumn":"ChangeItemEditor-labelColumn--6B4w4","valueColumn":"ChangeItemEditor-valueColumn--q9456","revertColumn":"ChangeItemEditor-revertColumn--T5mVE","operationColumn":"ChangeItemEditor-operationColumn--me-4D","statusColumn":"ChangeItemEditor-statusColumn--GEF2N","rejectColumn":"ChangeItemEditor-rejectColumn--ap8hp","previousValue":"ChangeItemEditor-previousValue--lTOVp","previousValueText":"ChangeItemEditor-previousValueText--gAnge","arrow":"ChangeItemEditor-arrow--IXZ6i","value":"ChangeItemEditor-value--GxSUf","columnSkeleton":"ChangeItemEditor-columnSkeleton---iGmr","relationEntityLink":"ChangeItemEditor-relationEntityLink--Vr7Z-","rejectButton":"ChangeItemEditor-rejectButton--cEIBC","revertButton":"ChangeItemEditor-revertButton--hSt3m"};
-if (typeof document !== 'undefined') {
-    const head = document.head || document.getElementsByTagName('head')[0]
-    const style = document.createElement('style');
-    style.type = 'text/css'
-    style.innerHTML = `.ChangeItemEditor-attributeRow--bITG5{align-items:center;display:flex;font-size:16px;gap:16px;max-width:1000px;min-height:37px}.ChangeItemEditor-labelColumn--6B4w4{box-sizing:border-box;min-height:21px;width:170px}.ChangeItemEditor-valueColumn--q9456{display:flex;flex:1;flex-direction:column;gap:4px}.ChangeItemEditor-revertColumn--T5mVE{align-items:flex-start;display:flex;margin-left:-8px;width:16px}.ChangeItemEditor-operationColumn--me-4D{align-items:flex-start;display:flex;width:84px}.ChangeItemEditor-statusColumn--GEF2N{align-items:flex-start;display:flex;width:57px}.ChangeItemEditor-rejectColumn--ap8hp{align-items:flex-start;display:flex;width:80px}.ChangeItemEditor-previousValue--lTOVp{align-items:center;display:flex;line-height:16px;padding:6px 12px 7px}.ChangeItemEditor-previousValueText--gAnge{color:var(--mui-palette-text-primary);letter-spacing:.24px}.ChangeItemEditor-arrow--IXZ6i{color:var(--mui-palette-text-secondary);font-weight:700;margin:0 5px}.ChangeItemEditor-value--GxSUf{font-size:16px;padding:8px}.ChangeItemEditor-columnSkeleton---iGmr{transform:none}.ChangeItemEditor-relationEntityLink--Vr7Z-{font-size:16px}.ChangeItemEditor-rejectButton--cEIBC{background-color:#eb5757;border-radius:8px;color:#fff}.ChangeItemEditor-rejectButton--cEIBC:hover{background-color:rgba(235,87,87,.8)}.ChangeItemEditor-revertButton--hSt3m{color:var(--mui-palette-text-secondary)}`;
-    head.appendChild(style);
-}
-export default styles;

package/features/workflow/ChangeRequestEditor/components/StatusChips/StatusChips.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-type Props = {
-    showUpdatedChip: boolean;
-    showRejectedChip: boolean;
-};
-export declare const StatusChips: ({ showUpdatedChip, showRejectedChip }: Props) => React.JSX.Element;
-export {};

package/features/workflow/ChangeRequestEditor/components/StatusChips/StatusChips.js

@@ -1,14 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import i18n from 'ui-i18n';
-import Chip from '@mui/material/Chip';
-import styles from './StatusChips.module.css';
-export var StatusChips = function (_a) {
-    var showUpdatedChip = _a.showUpdatedChip, showRejectedChip = _a.showRejectedChip;
-    if (!showUpdatedChip && !showRejectedChip) {
-        return null;
-    }
-    var label = showUpdatedChip ? i18n.text('Updated') : i18n.text('Rejected');
-    var chipClass = showUpdatedChip ? styles.updatedChip : styles.rejectedChip;
-    return (React.createElement(Chip, { label: label, size: "small", color: "primary", variant: "outlined", className: classnames(styles.statusChip, chipClass), "data-testid": "status-chips" }));
-};

package/features/workflow/ChangeRequestEditor/components/StatusChips/StatusChips.module.css.js

@@ -1,9 +0,0 @@
-const styles = {"statusChip":"StatusChips-statusChip--ws380","updatedChip":"StatusChips-updatedChip--5mTfA","rejectedChip":"StatusChips-rejectedChip--EHx3y"};
-if (typeof document !== 'undefined') {
-    const head = document.head || document.getElementsByTagName('head')[0]
-    const style = document.createElement('style');
-    style.type = 'text/css'
-    style.innerHTML = `.StatusChips-statusChip--ws380{color:#fff;font-size:10px;height:20px}.StatusChips-updatedChip--5mTfA{background:#2f80ed;border:1px solid rgba(0,114,206,.3)}.StatusChips-rejectedChip--EHx3y{background:#eb5757;border:1px solid rgba(235,87,87,.3)}`;
-    head.appendChild(style);
-}
-export default styles;

package/features/workflow/ChangeRequestEditor/components/StatusChips/index.d.ts

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

package/features/workflow/ChangeRequestEditor/components/StatusChips/index.js

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