@reltio/components 1.4.845 → 1.4.849

package/components/attributes/readMode/AttributesPager/MultiLineRenderer.d.ts

@@ -5,13 +5,15 @@ declare type Props = {
     max: number;
     values: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue)[];
     attributeType: AttributeType;
-    totalOvValues: number;
-    nonOvValues: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue)[];
+    totalVisibleValues: number;
+    totalNonVisibleValues: number;
+    nonVisibleValues: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue)[];
     parentUri: string;
     requestNextPageOfAttributeValues: (payload: RequestNextPageOfAttributeValuesPayload) => void;
     titleClassName?: string;
     contentClassName?: string;
     showTitle?: boolean;
+    showNonOv: boolean;
 };
-declare const MultiLineRenderer: ({ max, values, nonOvValues, totalOvValues, attributeType, parentUri, requestNextPageOfAttributeValues, titleClassName, contentClassName, showTitle }: Props) => JSX.Element;
+declare const MultiLineRenderer: ({ max, values, nonVisibleValues, totalVisibleValues, attributeType, parentUri, requestNextPageOfAttributeValues, titleClassName, contentClassName, showTitle, showNonOv, totalNonVisibleValues }: Props) => JSX.Element;
 export default MultiLineRenderer;

package/components/attributes/readMode/AttributesPager/MultiLineRenderer.js

@@ -32,15 +32,15 @@ var ShowMore_1 = __importDefault(require("../../pagersCommon/ShowMore"));
 var ShowLess_1 = __importDefault(require("../../pagersCommon/ShowLess"));
 var OvIcon_1 = __importDefault(require("../../OvIcon"));
 var MultiLineRenderer = function (_a) {
-    var max = _a.max, values = _a.values, nonOvValues = _a.nonOvValues, totalOvValues = _a.totalOvValues, attributeType = _a.attributeType, parentUri = _a.parentUri, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, _b = _a.showTitle, showTitle = _b === void 0 ? true : _b;
+    var max = _a.max, values = _a.values, nonVisibleValues = _a.nonVisibleValues, totalVisibleValues = _a.totalVisibleValues, attributeType = _a.attributeType, parentUri = _a.parentUri, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, _b = _a.showTitle, showTitle = _b === void 0 ? true : _b, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
     var styles = styles_1.useMultiLineStyles();
     var _c = react_1.useState(max), visibleValuesCount = _c[0], setVisibleValuesCount = _c[1];
-    var hasPaging = max < totalOvValues;
-    var showMore = hasPaging && visibleValuesCount < totalOvValues;
-    var showLess = hasPaging && visibleValuesCount >= totalOvValues;
+    var hasPaging = max < totalVisibleValues;
+    var showMore = hasPaging && visibleValuesCount < totalVisibleValues;
+    var showLess = hasPaging && visibleValuesCount >= totalVisibleValues;
     var label = attributeType.label;
     var onShowMore = function () {
-        if (values.length < totalOvValues) {
+        if (values.length < totalVisibleValues) {
             requestNextPageOfAttributeValues({
                 parentUri: parentUri,
                 attributeTypeUri: attributeType.uri,
@@ -55,12 +55,12 @@ var MultiLineRenderer = function (_a) {
         setVisibleValuesCount(max);
     };
     var shownValues = values.slice(0, visibleValuesCount);
-    var hiddenValuesCount = totalOvValues - visibleValuesCount;
+    var hiddenValuesCount = totalVisibleValues - visibleValuesCount;
     return (react_1.default.createElement("div", { className: styles.wrapper },
         showTitle && (react_1.default.createElement("div", { className: styles.titleRow },
             react_1.default.createElement(Title_1.default, { label: label, className: classnames_1.default(styles.title, titleClassName), attributeType: attributeType }),
-            react_1.default.createElement(OvIcon_1.default, { nonOvValues: nonOvValues, attributeType: attributeType, className: styles.ovIcon }))),
-        react_1.default.createElement("div", { className: styles.attributes }, shownValues.map(function (value) { return (react_1.default.createElement(Attribute_1.default, { key: value.uri, className: classnames_1.default(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType })); })),
+            react_1.default.createElement(OvIcon_1.default, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues }))),
+        react_1.default.createElement("div", { className: styles.attributes }, shownValues.map(function (value) { return (react_1.default.createElement(Attribute_1.default, { key: value.uri, className: classnames_1.default(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv })); })),
         showMore && (react_1.default.createElement(ShowMore_1.default, { moreNumber: ramda_1.min(max, hiddenValuesCount), valueNumber: hiddenValuesCount, onClick: onShowMore })),
         showLess && react_1.default.createElement(ShowLess_1.default, { onClick: onShowLess })));
 };

package/components/attributes/readMode/AttributesPager/OneLineRenderer.d.ts

@@ -3,10 +3,12 @@ import { AttributeType, AttributeValue } from '@reltio/mdm-sdk';
 declare type Props = {
     value: AttributeValue;
     attributeType: AttributeType;
-    nonOvValues: AttributeValue[];
+    nonVisibleValues: AttributeValue[];
     titleClassName?: string;
     contentClassName?: string;
     showTitle?: boolean;
+    showNonOv: boolean;
+    totalNonVisibleValues: number;
 };
-declare const OneLineRenderer: ({ value, nonOvValues, attributeType, titleClassName, contentClassName, showTitle }: Props) => JSX.Element;
+declare const OneLineRenderer: ({ value, nonVisibleValues, attributeType, titleClassName, contentClassName, showTitle, showNonOv, totalNonVisibleValues }: Props) => JSX.Element;
 export default OneLineRenderer;

package/components/attributes/readMode/AttributesPager/OneLineRenderer.js

@@ -13,14 +13,14 @@ var OvIcon_1 = __importDefault(require("../../OvIcon"));
 var Attribute_1 = __importDefault(require("../AttributesFactory/Attribute"));
 var styles_1 = require("./styles");
 var OneLineRenderer = function (_a) {
-    var value = _a.value, nonOvValues = _a.nonOvValues, attributeType = _a.attributeType, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, _b = _a.showTitle, showTitle = _b === void 0 ? true : _b;
+    var value = _a.value, nonVisibleValues = _a.nonVisibleValues, attributeType = _a.attributeType, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, _b = _a.showTitle, showTitle = _b === void 0 ? true : _b, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
     var styles = styles_1.useOneLineStyles();
     var label = attributeType.label;
     return (react_1.default.createElement("div", { className: classnames_1.default(styles.collaborationWrapper, constants_1.COMMENTS_CONTAINER_VISIBILITY_AREA) },
         react_1.default.createElement("div", { className: classnames_1.default(styles.titleRow, styles.wrapper) },
             showTitle && (react_1.default.createElement(Title_1.default, { label: label, className: classnames_1.default(styles.title, titleClassName), attributeType: attributeType })),
-            react_1.default.createElement(OvIcon_1.default, { nonOvValues: nonOvValues, attributeType: attributeType, className: styles.ovIcon }),
-            react_1.default.createElement(Attribute_1.default, { className: classnames_1.default(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, inlined: true })),
+            react_1.default.createElement(OvIcon_1.default, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues }),
+            react_1.default.createElement(Attribute_1.default, { className: classnames_1.default(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv, inlined: true })),
         react_1.default.createElement(CommentsContainer_1.default, { uri: value.uri, relatedObjectUris: mdm_sdk_1.createRelatedObjectUris(mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE, {
                 uri: value.uri
             }), objectType: mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE })));

package/components/attributes/readMode/AttributesPager/index.d.ts

@@ -1,5 +1,5 @@
 export { AttributesPager };
-declare var _default: import("react-redux").ConnectedComponent<import("react").MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max, requestNextPageOfAttributeValues, titleClassName, contentClassName, showTitle }: {
+declare var _default: import("react-redux").ConnectedComponent<import("react").MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max, requestNextPageOfAttributeValues, titleClassName, contentClassName, showTitle, showNonOv }: {
     values: (string | number | import("@reltio/mdm-sdk").AttributeValue)[];
     attributeType: import("@reltio/mdm-sdk").AttributeType;
     paging?: import("@reltio/mdm-sdk").Paging;
@@ -10,6 +10,7 @@ declare var _default: import("react-redux").ConnectedComponent<import("react").M
     titleClassName?: string;
     contentClassName?: string;
     showTitle?: boolean;
+    showNonOv?: boolean;
 }) => JSX.Element>, import("react-redux").Omit<{
     values: (string | number | import("@reltio/mdm-sdk").AttributeValue)[];
     attributeType: import("@reltio/mdm-sdk").AttributeType;
@@ -21,6 +22,7 @@ declare var _default: import("react-redux").ConnectedComponent<import("react").M
     titleClassName?: string;
     contentClassName?: string;
     showTitle?: boolean;
+    showNonOv?: boolean;
 }, "max" | "requestNextPageOfAttributeValues"> & {
     max?: any;
 }>;

package/components/attributes/readMode/ComplexAttribute/ComplexAttribute.d.ts

@@ -1,10 +1,11 @@
 export default ComplexAttribute;
-declare function ComplexAttribute({ attributeTypesList, attributeValue, label, expanded: expandedProp, children }: {
+declare function ComplexAttribute({ attributeTypesList, attributeValue, label, expanded: expandedProp, children, showNonOv }: {
     attributeTypesList: any;
     attributeValue: any;
     label: any;
     expanded?: boolean;
     children: any;
+    showNonOv: any;
 }): JSX.Element;
 declare namespace ComplexAttribute {
     namespace propTypes {
@@ -32,6 +33,7 @@ declare namespace ComplexAttribute {
             uri: PropTypes.Requireable<string>;
         }>>;
         const expanded: PropTypes.Requireable<boolean>;
+        const showNonOv: PropTypes.Requireable<boolean>;
     }
 }
 import PropTypes from "prop-types";

package/components/attributes/readMode/ComplexAttribute/ComplexAttribute.js

@@ -33,7 +33,7 @@ var CommentsContainer_1 = __importDefault(require("../../../CommentsContainer/Co
 var classnames_2 = require("../../../../constants/classnames");
 var styles_1 = require("./styles");
 var ComplexAttribute = function (_a) {
-    var attributeTypesList = _a.attributeTypesList, attributeValue = _a.attributeValue, label = _a.label, _b = _a.expanded, expandedProp = _b === void 0 ? false : _b, children = _a.children;
+    var attributeTypesList = _a.attributeTypesList, attributeValue = _a.attributeValue, label = _a.label, _b = _a.expanded, expandedProp = _b === void 0 ? false : _b, children = _a.children, showNonOv = _a.showNonOv;
     var styles = styles_1.useStyles();
     var uri = attributeValue.uri;
     var _c = react_1.useState(false), expanded = _c[0], setExpanded = _c[1];
@@ -53,13 +53,14 @@ var ComplexAttribute = function (_a) {
             react_1.default.createElement(CommentsContainer_1.default, { uri: attributeValue.uri, relatedObjectUris: mdm_sdk_1.createRelatedObjectUris(mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE, {
                     uri: attributeValue.uri
                 }), objectType: mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE })),
-        expanded && (react_1.default.createElement(AttributesList_1.default, { attrTypes: attributeTypesList, entity: attributeListEntity, drawLines: true, parentUri: uri }, children))));
+        expanded && (react_1.default.createElement(AttributesList_1.default, { attrTypes: attributeTypesList, entity: attributeListEntity, drawLines: true, parentUri: uri, showNonOv: showNonOv }, children))));
 };
 ComplexAttribute.propTypes = {
     children: prop_types_1.default.node,
     label: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]),
     attributeTypesList: prop_types_1.default.arrayOf(mdm_sdk_1.AttributeTypeType),
     attributeValue: prop_types_1.default.oneOfType([mdm_sdk_1.NestedAttributeValueType, mdm_sdk_1.ReferenceAttributeValueType]),
-    expanded: prop_types_1.default.bool
+    expanded: prop_types_1.default.bool,
+    showNonOv: prop_types_1.default.bool
 };
 exports.default = ComplexAttribute;

package/components/attributes/readMode/NestedAttribute/NestedAttribute.d.ts

@@ -110,6 +110,7 @@ declare var _default: React.MemoExoticComponent<{
         onChangeAttribute: import("prop-types").Requireable<(...args: any[]) => any>;
         additionalControlsRenderer: import("prop-types").Requireable<(...args: any[]) => any>;
         hideDeleteButton: import("prop-types").Requireable<boolean>;
+        showNonOv: import("prop-types").Requireable<boolean>;
         state: import("prop-types").Requireable<string>;
         attributeValue: import("prop-types").Requireable<import("prop-types").InferProps<{
             value: import("prop-types").Requireable<object>;

package/components/attributes/readMode/ReferenceAttribute/ReferenceAttribute.d.ts

@@ -112,6 +112,7 @@ declare var _default: React.MemoExoticComponent<{
         onChangeAttribute: import("prop-types").Requireable<(...args: any[]) => any>;
         additionalControlsRenderer: import("prop-types").Requireable<(...args: any[]) => any>;
         hideDeleteButton: import("prop-types").Requireable<boolean>;
+        showNonOv: import("prop-types").Requireable<boolean>;
         state: import("prop-types").Requireable<string>;
         attributeValue: import("prop-types").Requireable<import("prop-types").InferProps<{
             refEntity: import("prop-types").Requireable<object>;

package/components/attributes/readMode/ReferenceAttribute/index.d.ts

@@ -113,6 +113,7 @@ declare var _default: import("react-redux").ConnectedComponent<import("react").M
         onChangeAttribute: import("prop-types").Requireable<(...args: any[]) => any>;
         additionalControlsRenderer: import("prop-types").Requireable<(...args: any[]) => any>;
         hideDeleteButton: import("prop-types").Requireable<boolean>;
+        showNonOv: import("prop-types").Requireable<boolean>;
         state: import("prop-types").Requireable<string>;
         attributeValue: import("prop-types").Requireable<import("prop-types").InferProps<{
             refEntity: import("prop-types").Requireable<object>;

package/components/crosswalks/AttributesTable/AttributesTable.d.ts

@@ -8,13 +8,14 @@ declare type Props = {
     crosswalksMap: CrosswalksByOwnerTypeMap;
     visibleColumns?: string[];
     onChangeVisibleColumns?: (visibleColumns: string[]) => void;
-    onDelete: (event: DeleteInlineAttributeEvent) => void;
-    onPin: (event: PinInlineAttributeEvent) => void;
-    onIgnore: (event: IgnoreInlineAttributeEvent) => void;
-    onEdit: (event: EditInlineAttributeEvent) => void;
-    onAdd: (event: AddInlineAttributeEvent) => void;
+    readOnly?: boolean;
+    onDelete?: (event: DeleteInlineAttributeEvent) => void;
+    onPin?: (event: PinInlineAttributeEvent) => void;
+    onIgnore?: (event: IgnoreInlineAttributeEvent) => void;
+    onEdit?: (event: EditInlineAttributeEvent) => void;
+    onAdd?: (event: AddInlineAttributeEvent) => void;
     selectedAttributeTypes?: AttributeType[];
-    onSelectAttributeTypes: (selected: AttributeType[]) => void;
+    onSelectAttributeTypes?: (selected: AttributeType[]) => void;
 };
-declare const _default: React.MemoExoticComponent<({ entity, isLoading, crosswalksMap, visibleColumns, onChangeVisibleColumns, onDelete, onPin, onIgnore, onEdit, onAdd, selectedAttributeTypes, onSelectAttributeTypes }: Props) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ entity, isLoading, crosswalksMap, visibleColumns, onChangeVisibleColumns, readOnly, onDelete, onPin, onIgnore, onEdit, onAdd, selectedAttributeTypes, onSelectAttributeTypes }: Props) => JSX.Element>;
 export default _default;

package/components/crosswalks/AttributesTable/AttributesTable.js

@@ -46,10 +46,11 @@ var RowCellRenderer_1 = __importDefault(require("./cell-renderers/RowCellRendere
 var LinearLoadIndicator_1 = __importDefault(require("../../LinearLoadIndicator/LinearLoadIndicator"));
 var ConfirmDeleteDialog_1 = __importDefault(require("../../ConfirmDeleteDialog/ConfirmDeleteDialog"));
 var ConfirmEditIgnoredDialog_1 = __importDefault(require("./ConfirmEditIgnoredDialog/ConfirmEditIgnoredDialog"));
+var core_1 = require("../../../core");
 var styles_1 = require("./styles");
 var DEFAULT_ROW_HEIGHT = 68;
 var AttributesTable = function (_a) {
-    var entity = _a.entity, isLoading = _a.isLoading, crosswalksMap = _a.crosswalksMap, _b = _a.visibleColumns, visibleColumns = _b === void 0 ? helpers_1.DEFAULT_VISIBLE_COLUMNS : _b, onChangeVisibleColumns = _a.onChangeVisibleColumns, onDelete = _a.onDelete, onPin = _a.onPin, onIgnore = _a.onIgnore, onEdit = _a.onEdit, onAdd = _a.onAdd, selectedAttributeTypes = _a.selectedAttributeTypes, onSelectAttributeTypes = _a.onSelectAttributeTypes;
+    var entity = _a.entity, isLoading = _a.isLoading, crosswalksMap = _a.crosswalksMap, _b = _a.visibleColumns, visibleColumns = _b === void 0 ? helpers_1.DEFAULT_VISIBLE_COLUMNS : _b, onChangeVisibleColumns = _a.onChangeVisibleColumns, readOnly = _a.readOnly, _c = _a.onDelete, onDelete = _c === void 0 ? core_1.noop : _c, _d = _a.onPin, onPin = _d === void 0 ? core_1.noop : _d, _e = _a.onIgnore, onIgnore = _e === void 0 ? core_1.noop : _e, _f = _a.onEdit, onEdit = _f === void 0 ? core_1.noop : _f, _g = _a.onAdd, onAdd = _g === void 0 ? core_1.noop : _g, selectedAttributeTypes = _a.selectedAttributeTypes, _h = _a.onSelectAttributeTypes, onSelectAttributeTypes = _h === void 0 ? core_1.noop : _h;
     var styles = styles_1.useStyles();
     var visibleColumnsData = react_1.useMemo(function () {
         return ramda_1.pipe(ramda_1.filter(function (_a) {
@@ -57,27 +58,27 @@ var AttributesTable = function (_a) {
             return visibleColumns.includes(id);
         }), helpers_1.getBasicTableColumnsData)(helpers_1.COLUMNS_DATA);
     }, [visibleColumns]);
-    var _c = entity || {}, parentTypeUri = _c.type, parentUri = _c.uri, _d = _c.attributes, attributes = _d === void 0 ? {} : _d;
+    var _j = entity || {}, parentTypeUri = _j.type, parentUri = _j.uri, _k = _j.attributes, attributes = _k === void 0 ? {} : _k;
     var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
     react_1.useEffect(function () {
-        if (parentUri) {
+        if (entity && ramda_1.isNil(selectedAttributeTypes)) {
             var initialAttrTypes = ramda_1.pipe(ramda_1.keys, ramda_1.without(['paging']), ramda_1.map(mdm_sdk_1.makeAttrTypeUri(parentTypeUri)), ramda_1.map(function (attrTypeUri) { return mdm_sdk_1.findAttributeTypeByUri(metadata, attrTypeUri, parentTypeUri); }), ramda_1.filter(mdm_sdk_1.isReadableAttribute))(attributes);
             onSelectAttributeTypes(initialAttrTypes);
         }
-    }, [parentUri]);
+    }, [entity, selectedAttributeTypes]);
     var rowsData = react_1.useMemo(function () {
         return parentTypeUri
             ? helpers_1.getBasicTableRowsData(metadata, parentTypeUri, selectedAttributeTypes, visibleColumns, crosswalksMap, attributes)
             : [];
     }, [metadata, parentTypeUri, selectedAttributeTypes, visibleColumns, attributes, crosswalksMap]);
-    var _e = BasicTableView_1.useDynamicRowCellHeight(), getDynamicRowCellHeight = _e.getDynamicRowCellHeight, changeRowCellHeight = _e.changeRowCellHeight;
+    var _l = BasicTableView_1.useDynamicRowCellHeight(), getDynamicRowCellHeight = _l.getDynamicRowCellHeight, changeRowCellHeight = _l.changeRowCellHeight;
     var renderRowCell = react_1.useCallback(function (props) { return (react_1.default.createElement(BasicTableView_1.RowCellAutoSizer, __assign({ onChangeHeight: changeRowCellHeight }, props),
         react_1.default.createElement(RowCellRenderer_1.default, __assign({}, props)))); }, [changeRowCellHeight]);
     var getRowCellHeight = react_1.useCallback(ramda_1.either(getDynamicRowCellHeight, ramda_1.always(DEFAULT_ROW_HEIGHT)), [
         getDynamicRowCellHeight
     ]);
-    var _f = react_1.useState(null), pendingDeletion = _f[0], setPendingDeletion = _f[1];
-    var _g = react_1.useState(null), pendingIgnoredEditing = _g[0], setPendingIgnoredEditing = _g[1];
+    var _m = react_1.useState(null), pendingDeletion = _m[0], setPendingDeletion = _m[1];
+    var _o = react_1.useState(null), pendingIgnoredEditing = _o[0], setPendingIgnoredEditing = _o[1];
     var handleEdit = react_1.useCallback(function (event) {
         event.attributeValue.ignored ? setPendingIgnoredEditing(event) : onEdit(event);
     }, [onEdit, setPendingIgnoredEditing]);
@@ -90,7 +91,8 @@ var AttributesTable = function (_a) {
         parentUri: parentUri,
         parentTypeUri: parentTypeUri,
         selectedAttributeTypes: selectedAttributeTypes,
-        onSelectAttributeTypes: onSelectAttributeTypes
+        onSelectAttributeTypes: onSelectAttributeTypes,
+        readOnly: readOnly
     }); }, [
         setPendingDeletion,
         onPin,
@@ -100,7 +102,8 @@ var AttributesTable = function (_a) {
         parentUri,
         parentTypeUri,
         selectedAttributeTypes,
-        onSelectAttributeTypes
+        onSelectAttributeTypes,
+        readOnly
     ]);
     return (react_1.default.createElement("div", { className: styles.tableContainer },
         react_1.default.createElement(BasicViewHeader_1.default, { classes: { root: styles.tableHeader }, title: ui_i18n_1.default.text('Sources') },

package/components/crosswalks/AttributesTable/cell-renderers/AttributeValuesRenderer.d.ts

@@ -13,7 +13,8 @@ declare type Props = {
     onIgnore: (event: IgnoreInlineAttributeEvent) => void;
     onAdd: (event: AddInlineAttributeEvent) => void;
     parentUri: string;
+    readOnly?: boolean;
 };
-export declare const AttributeValuesRenderer: ({ value, onDelete, onEdit, onPin, onIgnore, onAdd, parentUri }: Props) => JSX.Element;
+export declare const AttributeValuesRenderer: ({ value, onDelete, onEdit, onPin, onIgnore, onAdd, parentUri, readOnly }: Props) => JSX.Element;
 declare const _default: any;
 export default _default;

package/components/crosswalks/AttributesTable/cell-renderers/AttributeValuesRenderer.js

@@ -19,13 +19,13 @@ var AttributesFactory_1 = __importDefault(require("./attribute-renderers/Attribu
 var BasicTableView_1 = require("../../../BasicTableView");
 var ramda_1 = require("ramda");
 var AttributeValuesRenderer = function (_a) {
-    var value = _a.value, onDelete = _a.onDelete, onEdit = _a.onEdit, onPin = _a.onPin, onIgnore = _a.onIgnore, onAdd = _a.onAdd, parentUri = _a.parentUri;
+    var value = _a.value, onDelete = _a.onDelete, onEdit = _a.onEdit, onPin = _a.onPin, onIgnore = _a.onIgnore, onAdd = _a.onAdd, parentUri = _a.parentUri, readOnly = _a.readOnly;
     return AttributesFactory_1.default.build(value.attributeType.type, __assign(__assign({}, value), { parentUri: parentUri,
         onDelete: onDelete,
         onEdit: onEdit,
         onPin: onPin,
         onIgnore: onIgnore,
-        onAdd: onAdd }));
+        onAdd: onAdd, disableEdit: readOnly, disableDelete: readOnly }));
 };
 exports.AttributeValuesRenderer = AttributeValuesRenderer;
-exports.default = BasicTableView_1.withTableContext(ramda_1.pick(['onDelete', 'onPin', 'onIgnore', 'onEdit', 'onAdd', 'parentUri']))(exports.AttributeValuesRenderer);
+exports.default = BasicTableView_1.withTableContext(ramda_1.pick(['onDelete', 'onPin', 'onIgnore', 'onEdit', 'onAdd', 'parentUri', 'readOnly']))(exports.AttributeValuesRenderer);

package/components/crosswalks/AttributesTable/cell-renderers/AttributesHeadCellRenderer.d.ts

@@ -1,3 +1,10 @@
 /// <reference types="react" />
-declare const AttributesHeadCellRenderer: (props: any) => JSX.Element;
-export default AttributesHeadCellRenderer;
+declare type Props = {
+    readOnly?: boolean;
+    headCellData: {
+        label: string;
+    };
+};
+export declare const AttributesHeadCellRenderer: ({ readOnly, ...props }: Props) => JSX.Element;
+declare const _default: any;
+export default _default;

package/components/crosswalks/AttributesTable/cell-renderers/AttributesHeadCellRenderer.js

@@ -10,17 +10,33 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.AttributesHeadCellRenderer = void 0;
 var react_1 = __importDefault(require("react"));
 var HeadCellRenderer_1 = __importDefault(require("./HeadCellRenderer"));
 var AddAttributesButton_1 = __importDefault(require("../AddAttributesButton/AddAttributesButton"));
 var Spacer_1 = __importDefault(require("../../../Spacer/Spacer"));
-var AttributesHeadCellRenderer = function (props) {
-    return (react_1.default.createElement(HeadCellRenderer_1.default, __assign({}, props),
+var BasicTableView_1 = require("../../../BasicTableView");
+var ramda_1 = require("ramda");
+var AttributesHeadCellRenderer = function (_a) {
+    var readOnly = _a.readOnly, props = __rest(_a, ["readOnly"]);
+    return readOnly ? (react_1.default.createElement(HeadCellRenderer_1.default, __assign({}, props))) : (react_1.default.createElement(HeadCellRenderer_1.default, __assign({}, props),
         react_1.default.createElement(Spacer_1.default, null),
         react_1.default.createElement(AddAttributesButton_1.default, null)));
 };
-exports.default = AttributesHeadCellRenderer;
+exports.AttributesHeadCellRenderer = AttributesHeadCellRenderer;
+exports.default = BasicTableView_1.withTableContext(ramda_1.pick(['readOnly']))(exports.AttributesHeadCellRenderer);

package/components/crosswalks/AttributesTable/cell-renderers/attribute-renderers/AttributesFactory.d.ts

@@ -6,6 +6,8 @@ export declare type AttributesRendererProps = {
     attributeType: AttributeType;
     crosswalksMap: CrosswalksMap;
     parentUri: string;
+    disableDelete?: boolean;
+    disableEdit?: boolean;
     onDelete: (event: DeleteInlineAttributeEvent) => void;
     onEdit: (event: EditInlineAttributeEvent) => void;
     onPin: (event: PinInlineAttributeEvent) => void;

package/components/{activityLog/ActivityFilterEditor/ActivityDateRangeEditor.d.ts → editors/CustomDateRangeEditor/CustomDateRangeEditor.d.ts}

@@ -3,7 +3,7 @@ declare type DateValues = [Date, Date];
 declare type Props = {
     values: DateValues;
     onChange: (values: DateValues) => void;
-    onFocus: () => void;
+    onFocus?: () => void;
 };
-declare const ActivityDateRangeEditor: ({ values, onChange, onFocus }: Props) => JSX.Element;
-export default ActivityDateRangeEditor;
+declare const CustomDateRangeEditor: ({ values, onChange, onFocus }: Props) => JSX.Element;
+export default CustomDateRangeEditor;

package/components/{activityLog/ActivityFilterEditor/ActivityDateRangeEditor.js → editors/CustomDateRangeEditor/CustomDateRangeEditor.js}

@@ -38,7 +38,7 @@ var formatValue = function (value, placeholder) {
         ? "" + placeholder
         : "" + mdm_sdk_1.formatDataTypeValue({ dataTypeDefinition: { type: mdm_sdk_1.DataTypes.TYPE_ACTIVENESS_DATE } }, value);
 };
-var ActivityDateRangeEditor = function (_a) {
+var CustomDateRangeEditor = function (_a) {
     var values = _a.values, onChange = _a.onChange, onFocus = _a.onFocus;
     var placeholder = localeFormat;
     var inputRef = react_1.useRef(null);
@@ -55,13 +55,14 @@ var ActivityDateRangeEditor = function (_a) {
     var onCancel = function () {
         setOpen(false);
     };
-    return (react_1.default.createElement("div", { className: styles.dateRangeRoot },
-        react_1.default.createElement(TextField_1.default, { fullWidth: true, value: values.map(function (value) { return formatValue(value, placeholder); }).join(' \u2014 '), onClick: handleToggle, variant: "filled", margin: "dense", ref: inputRef, InputProps: {
+    return (react_1.default.createElement("div", { className: styles.root },
+        react_1.default.createElement(TextField_1.default, { fullWidth: true, value: values.map(function (value) { return formatValue(value, placeholder); }).join(' \u2014 '), onClick: handleToggle, variant: "filled", ref: inputRef, InputProps: {
                 endAdornment: (react_1.default.createElement(DropdownIndicatorWithIconButton_1.default, { selectProps: { classes: styles, menuIsOpen: open }, innerProps: {} })),
                 disableUnderline: ramda_1.isNil(values),
                 readOnly: true,
                 classes: {
-                    root: styles.labels
+                    root: styles.inputRoot,
+                    input: styles.input
                 }
             }, InputLabelProps: {
                 shrink: false
@@ -84,4 +85,4 @@ var ActivityDateRangeEditor = function (_a) {
                 // @ts-ignore
                 values: values, onCancel: onCancel, onApply: onApply, type: mdm_sdk_1.DataTypes.TYPE_ACTIVENESS_DATE }))));
 };
-exports.default = ActivityDateRangeEditor;
+exports.default = CustomDateRangeEditor;

package/components/editors/CustomDateRangeEditor/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"input" | "root" | "dateOptionLabel" | "dropdownIndicator" | "inputRoot" | "paper">;

package/components/editors/CustomDateRangeEditor/styles.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = styles_1.makeStyles({
+    root: {
+        flex: 1
+    },
+    dropdownIndicator: {
+        transition: 'transform .15s ease'
+    },
+    inputRoot: {
+        fontSize: '14px',
+        height: 46
+    },
+    input: {
+        padding: '0 12px 0'
+    },
+    dateOptionLabel: {
+        minWidth: '100px'
+    },
+    paper: {
+        minWidth: '112px'
+    }
+});

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

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"underline" | "paper" | "dropdownIndicator" | "adornedEnd" | "menuItem" | "menuText" | "inputRoot" | "inputLabel">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"underline" | "dropdownIndicator" | "adornedEnd" | "inputRoot" | "paper" | "menuItem" | "menuText" | "inputLabel">;

package/components/history/DateRangeSelector/DateRangeSelector.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { DateRangeFilter } from '../../../types';
+declare type Props = {
+    value: DateRangeFilter;
+    onChange: (range: DateRangeFilter) => void;
+    className?: string;
+};
+declare const DateRangeSelector: ({ value, onChange, className }: Props) => JSX.Element;
+export default DateRangeSelector;

package/components/history/DateRangeSelector/DateRangeSelector.js

@@ -0,0 +1,91 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 __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 classnames_1 = __importDefault(require("classnames"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var SimpleDropDownSelector_1 = __importDefault(require("../../SimpleDropDownSelector/SimpleDropDownSelector"));
+var utils_1 = require("./utils");
+var DateIntervalSelector_1 = __importDefault(require("../../DateIntervalSelector/DateIntervalSelector"));
+var hooks_1 = require("../../../hooks");
+var CustomDateRangeEditor_1 = __importDefault(require("../../editors/CustomDateRangeEditor/CustomDateRangeEditor"));
+var types_1 = require("../../../types");
+var styles_1 = require("./styles");
+var emptyDates = [null, null];
+var emptyInterval = [null, 'hours'];
+var DateRangeSelector = function (_a) {
+    var value = _a.value, onChange = _a.onChange, className = _a.className;
+    var styles = styles_1.useStyles();
+    var isIntervalType = function (type) { return type === types_1.DateRangeTypes.WITHIN || type === types_1.DateRangeTypes.AGO; };
+    var isBetweenType = function (type) { return type === types_1.DateRangeTypes.BETWEEN; };
+    var initDatesInterval = isBetweenType(value === null || value === void 0 ? void 0 : value.type) ? value.period : emptyDates;
+    var initInterval = isIntervalType(value === null || value === void 0 ? void 0 : value.type) ? value.period : emptyInterval;
+    var _b = react_1.useState(initDatesInterval), datesInterval = _b[0], setDatesInterval = _b[1];
+    var _c = react_1.useState(initInterval), interval = _c[0], setInterval = _c[1];
+    var selectedType = (value === null || value === void 0 ? void 0 : value.type) || types_1.DateRangeTypes.WITHIN;
+    var getCurrentPeriodByType = function (type) {
+        if (isIntervalType(type)) {
+            return interval;
+        }
+        else if (isBetweenType(type)) {
+            return datesInterval;
+        }
+    };
+    var changeType = function (_a) {
+        var type = _a.value;
+        if ((value === null || value === void 0 ? void 0 : value.type) !== type) {
+            onChange({ period: getCurrentPeriodByType(type), type: type });
+        }
+    };
+    var changePeriod = function (period) {
+        onChange({ type: selectedType, period: period });
+    };
+    hooks_1.useDidUpdateEffect(function () {
+        if (value) {
+            if (isIntervalType(value.type)) {
+                setInterval(value.period);
+            }
+            else if (isBetweenType(value.type)) {
+                setDatesInterval(value.period);
+            }
+        }
+        else {
+            setDatesInterval(emptyDates);
+            setInterval(emptyInterval);
+        }
+    }, [value]);
+    return (react_1.default.createElement("div", { className: classnames_1.default(styles.root, className) },
+        react_1.default.createElement(Typography_1.default, { className: styles.title, variant: 'subtitle1' }, ui_i18n_1.default.text('Date')),
+        react_1.default.createElement("div", { className: styles.intervalContainer },
+            react_1.default.createElement(SimpleDropDownSelector_1.default, { label: '', className: styles.typeInput, value: {
+                    value: selectedType,
+                    label: utils_1.getDateRangeTypeLabel(selectedType)
+                }, options: utils_1.dateRangeTypeOptions.map(function (option) { return ({
+                    value: option,
+                    label: utils_1.getDateRangeTypeLabel(option)
+                }); }), onChange: changeType }),
+            isIntervalType(selectedType) ? (react_1.default.createElement(DateIntervalSelector_1.default, { interval: interval, onChange: changePeriod })) : (react_1.default.createElement(CustomDateRangeEditor_1.default, { values: datesInterval, onChange: changePeriod })))));
+};
+exports.default = DateRangeSelector;

package/components/history/DateRangeSelector/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "root" | "intervalContainer" | "typeInput">;

package/components/history/DateRangeSelector/styles.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = styles_1.makeStyles({
+    root: {
+        flex: 1
+    },
+    title: {
+        paddingBottom: '10px',
+        paddingLeft: '5px',
+        fontSize: '14px'
+    },
+    intervalContainer: {
+        display: 'flex',
+        justifyContent: 'space-between'
+    },
+    typeInput: {
+        width: 160,
+        marginRight: 10
+    }
+});

package/components/history/DateRangeSelector/utils.d.ts

@@ -0,0 +1,3 @@
+import { DateRangeTypes } from '../../../types';
+export declare const dateRangeTypeOptions: DateRangeTypes[];
+export declare const getDateRangeTypeLabel: (type: DateRangeTypes) => string;

package/components/history/DateRangeSelector/utils.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDateRangeTypeLabel = exports.dateRangeTypeOptions = void 0;
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var types_1 = require("../../../types");
+exports.dateRangeTypeOptions = [types_1.DateRangeTypes.WITHIN, types_1.DateRangeTypes.AGO, types_1.DateRangeTypes.BETWEEN];
+var getDateRangeTypeLabel = function (type) {
+    var _a;
+    var labels = (_a = {},
+        _a[types_1.DateRangeTypes.WITHIN] = ui_i18n_1.default.text('Within the last'),
+        _a[types_1.DateRangeTypes.AGO] = ui_i18n_1.default.text('More than'),
+        _a[types_1.DateRangeTypes.BETWEEN] = ui_i18n_1.default.text('Date range'),
+        _a);
+    return labels[type] || '';
+};
+exports.getDateRangeTypeLabel = getDateRangeTypeLabel;