@reltio/components 1.4.1819 → 1.4.1820

package/cjs/features/crosswalks/SourceCrosswalksRow/SourceCrosswalksRow.js

@@ -0,0 +1,55 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SourceCrosswalksRow = void 0;
+var react_1 = __importStar(require("react"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var CrosswalksDisplayContext_1 = require("../../../contexts/CrosswalksDisplayContext");
+var DummyCrosswalkRow_1 = require("../DummyCrosswalkRow");
+var CrosswalkRow_1 = require("../CrosswalkRow");
+var ShowDependentLink_1 = require("../ShowDependentLink");
+var types_1 = require("../types");
+var SourceCrosswalksRow = function (_a) {
+    var source = _a.source, crosswalksByTypes = _a.crosswalksByTypes, _b = _a.showCrosswalkColors, showCrosswalkColors = _b === void 0 ? true : _b, _c = _a.crosswalksFocusEnabled, crosswalksFocusEnabled = _c === void 0 ? true : _c, expanded = _a.expanded, disableEditCrosswalk = _a.disableEditCrosswalk, disableDeleteCrosswalk = _a.disableDeleteCrosswalk, onEdit = _a.onEdit, onDelete = _a.onDelete, onToggleExpanded = _a.onToggleExpanded;
+    var highlightedCrosswalks = (0, CrosswalksDisplayContext_1.useHighlightedCrosswalks)();
+    (0, react_1.useEffect)(function () {
+        if (!expanded &&
+            crosswalksFocusEnabled &&
+            crosswalksByTypes[types_1.CrosswalkType.Dependent].some(function (dependentCrosswalk) {
+                return highlightedCrosswalks.some((0, mdm_sdk_1.eqCrosswalks)(dependentCrosswalk));
+            })) {
+            onToggleExpanded();
+        }
+    }, [highlightedCrosswalks]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        crosswalksByTypes[types_1.CrosswalkType.Simple].length === 0 &&
+            crosswalksByTypes[types_1.CrosswalkType.Empty].length === 0 && (react_1.default.createElement(DummyCrosswalkRow_1.DummyCrosswalkRow, { crosswalkType: source, focusable: crosswalksFocusEnabled })),
+        crosswalksByTypes[types_1.CrosswalkType.Simple].map(function (crosswalk) { return (react_1.default.createElement(CrosswalkRow_1.CrosswalkRow, { key: crosswalk.uri, crosswalk: crosswalk, focusable: crosswalksFocusEnabled, disableEdit: disableEditCrosswalk, disableDelete: disableDeleteCrosswalk, onDelete: onDelete, onEdit: onEdit, isColored: showCrosswalkColors })); }),
+        crosswalksByTypes[types_1.CrosswalkType.Empty].map(function (crosswalk) { return (react_1.default.createElement(CrosswalkRow_1.CrosswalkRow, { key: crosswalk.uri, crosswalk: crosswalk, focusable: crosswalksFocusEnabled, isEmpty: true, disableEdit: disableEditCrosswalk, disableDelete: disableDeleteCrosswalk, onDelete: onDelete, onEdit: onEdit, isColored: showCrosswalkColors })); }),
+        expanded &&
+            crosswalksByTypes[types_1.CrosswalkType.Dependent].map(function (crosswalk) { return (react_1.default.createElement(CrosswalkRow_1.CrosswalkRow, { key: crosswalk.uri, crosswalk: crosswalk, isDependent: true, disableEdit: disableEditCrosswalk, disableDelete: disableDeleteCrosswalk, onDelete: onDelete, onEdit: onEdit, focusable: crosswalksFocusEnabled, isColored: showCrosswalkColors })); }),
+        crosswalksByTypes[types_1.CrosswalkType.Dependent].length > 0 && (react_1.default.createElement(ShowDependentLink_1.ShowDependentLink, { showMore: !expanded, onClick: function () { return onToggleExpanded(); } }))));
+};
+exports.SourceCrosswalksRow = SourceCrosswalksRow;

package/cjs/features/crosswalks/SourceCrosswalksRow/SourceCrosswalksRow.test.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/features/crosswalks/SourceCrosswalksRow/SourceCrosswalksRow.test.js

@@ -0,0 +1,264 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var enzyme_1 = require("enzyme");
+var core_1 = require("../../../core");
+var CrosswalksDisplay = __importStar(require("../../../contexts/CrosswalksDisplayContext"));
+var DummyCrosswalkRow_1 = require("../DummyCrosswalkRow");
+var ShowDependentLink_1 = require("../ShowDependentLink");
+var CrosswalkRow_1 = require("../CrosswalkRow");
+var SourceCrosswalksRow_1 = require("./SourceCrosswalksRow");
+describe('SourceCrosswalksRow tests', function () {
+    var props = {
+        source: 'configuration/sources/FB',
+        onEdit: jest.fn(),
+        onDelete: jest.fn(),
+        crosswalksFocusEnabled: true,
+        showCrosswalkColors: true,
+        disableEditCrosswalk: false,
+        disableDeleteCrosswalk: false,
+        onToggleExpanded: jest.fn()
+    };
+    var useHighlightedCrosswalksMock = jest.spyOn(CrosswalksDisplay, 'useHighlightedCrosswalks').mockReturnValue([]);
+    beforeAll(function () {
+        jest.spyOn(CrosswalkRow_1.CrosswalkRow, 'type').mockImplementation(core_1.EmptyStub);
+    });
+    it('should render dummy crosswalk if no simple and empty crosswalks, and show more link', function () {
+        var crosswalksByTypes = {
+            empty: [],
+            simple: [],
+            dependent: [
+                {
+                    uri: 'entities/2/crosswalks/1',
+                    value: '456',
+                    type: 'configuration/sources/FB'
+                }
+            ]
+        };
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(SourceCrosswalksRow_1.SourceCrosswalksRow, __assign({}, props, { crosswalksByTypes: crosswalksByTypes })));
+        expect(wrapper.find(DummyCrosswalkRow_1.DummyCrosswalkRow).props()).toEqual({
+            crosswalkType: props.source,
+            focusable: props.crosswalksFocusEnabled
+        });
+        expect(wrapper.find(ShowDependentLink_1.ShowDependentLink).prop('showMore')).toBe(true);
+    });
+    it('should render dummy crosswalk and dependent if no simple and empty crosswalks, and show less link', function () {
+        var crosswalksByTypes = {
+            empty: [],
+            simple: [],
+            dependent: [
+                {
+                    uri: 'entities/2/crosswalks/1',
+                    value: '456',
+                    type: 'configuration/sources/FB'
+                }
+            ]
+        };
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(SourceCrosswalksRow_1.SourceCrosswalksRow, __assign({}, props, { crosswalksByTypes: crosswalksByTypes, expanded: true })));
+        expect(wrapper.find(DummyCrosswalkRow_1.DummyCrosswalkRow).props()).toEqual({
+            crosswalkType: props.source,
+            focusable: props.crosswalksFocusEnabled
+        });
+        expect(wrapper.find(CrosswalkRow_1.CrosswalkRow).props()).toEqual({
+            crosswalk: {
+                uri: 'entities/2/crosswalks/1',
+                value: '456',
+                type: 'configuration/sources/FB'
+            },
+            isDependent: true,
+            disableEdit: props.disableEditCrosswalk,
+            disableDelete: props.disableDeleteCrosswalk,
+            onDelete: props.onDelete,
+            onEdit: props.onEdit,
+            isColored: props.showCrosswalkColors,
+            focusable: props.crosswalksFocusEnabled
+        });
+        expect(wrapper.find(ShowDependentLink_1.ShowDependentLink).prop('showMore')).toBe(false);
+    });
+    it('should render empty crosswalk and then simple crosswalks if present', function () {
+        var crosswalksByTypes = {
+            empty: [
+                {
+                    uri: 'entities/2/crosswalks/1',
+                    value: '123',
+                    type: 'configuration/sources/FB'
+                }
+            ],
+            simple: [
+                {
+                    uri: 'entities/2/crosswalks/2',
+                    value: '456',
+                    type: 'configuration/sources/FB'
+                }
+            ],
+            dependent: []
+        };
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(SourceCrosswalksRow_1.SourceCrosswalksRow, __assign({}, props, { crosswalksByTypes: crosswalksByTypes, expanded: true })));
+        expect(wrapper.find(DummyCrosswalkRow_1.DummyCrosswalkRow)).toHaveLength(0);
+        var crosswalks = wrapper.find(CrosswalkRow_1.CrosswalkRow);
+        expect(crosswalks.length).toBe(2);
+        expect(crosswalks.at(0).props()).toEqual({
+            crosswalk: {
+                uri: 'entities/2/crosswalks/2',
+                value: '456',
+                type: 'configuration/sources/FB'
+            },
+            disableEdit: props.disableEditCrosswalk,
+            disableDelete: props.disableDeleteCrosswalk,
+            onDelete: props.onDelete,
+            onEdit: props.onEdit,
+            isColored: props.showCrosswalkColors,
+            focusable: props.crosswalksFocusEnabled
+        });
+        expect(crosswalks.at(1).props()).toEqual({
+            crosswalk: {
+                uri: 'entities/2/crosswalks/1',
+                value: '123',
+                type: 'configuration/sources/FB'
+            },
+            isEmpty: true,
+            disableEdit: props.disableEditCrosswalk,
+            disableDelete: props.disableDeleteCrosswalk,
+            onDelete: props.onDelete,
+            onEdit: props.onEdit,
+            isColored: props.showCrosswalkColors,
+            focusable: props.crosswalksFocusEnabled
+        });
+        expect(wrapper.find(ShowDependentLink_1.ShowDependentLink)).toHaveLength(0);
+    });
+    it('should disable editing in CrosswalkRow if props.disableEditCrosswalk = true', function () {
+        var crosswalksByTypes = {
+            empty: [
+                {
+                    uri: 'entities/2/crosswalks/1',
+                    value: '123',
+                    type: 'configuration/sources/FB'
+                }
+            ],
+            simple: [
+                {
+                    uri: 'entities/2/crosswalks/2',
+                    value: '456',
+                    type: 'configuration/sources/FB'
+                }
+            ],
+            dependent: []
+        };
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(SourceCrosswalksRow_1.SourceCrosswalksRow, __assign({}, props, { crosswalksByTypes: crosswalksByTypes, disableEditCrosswalk: true })));
+        wrapper.find(CrosswalkRow_1.CrosswalkRow).forEach(function (row) {
+            expect(row.prop('disableEdit')).toBeTruthy();
+        });
+    });
+    it('should disable deleting in CrosswalkRow if props.disableDeleteCrosswalk = true', function () {
+        var crosswalksByTypes = {
+            empty: [
+                {
+                    uri: 'entities/2/crosswalks/1',
+                    value: '123',
+                    type: 'configuration/sources/FB'
+                }
+            ],
+            simple: [
+                {
+                    uri: 'entities/2/crosswalks/2',
+                    value: '456',
+                    type: 'configuration/sources/FB'
+                }
+            ],
+            dependent: []
+        };
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(SourceCrosswalksRow_1.SourceCrosswalksRow, __assign({}, props, { crosswalksByTypes: crosswalksByTypes, disableDeleteCrosswalk: true })));
+        wrapper.find(CrosswalkRow_1.CrosswalkRow).forEach(function (row) {
+            expect(row.prop('disableDelete')).toBeTruthy();
+        });
+    });
+    it('should not color crosswalks if props.showCrosswalkColors if false', function () {
+        var crosswalksByTypes = {
+            empty: [
+                {
+                    uri: 'entities/2/crosswalks/1',
+                    value: '123',
+                    type: 'configuration/sources/FB'
+                }
+            ],
+            simple: [
+                {
+                    uri: 'entities/2/crosswalks/2',
+                    value: '456',
+                    type: 'configuration/sources/FB'
+                }
+            ],
+            dependent: []
+        };
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(SourceCrosswalksRow_1.SourceCrosswalksRow, __assign({}, props, { crosswalksByTypes: crosswalksByTypes, expanded: true, showCrosswalkColors: false })));
+        wrapper.find(CrosswalkRow_1.CrosswalkRow).forEach(function (row) {
+            expect(row.prop('isColored')).toBe(false);
+        });
+    });
+    it('should expand crosswalks if highlighted crosswalks contains dependent crosswalk ', function () {
+        var dependentCrosswalk = {
+            uri: 'entities/2/crosswalks/3',
+            value: '789',
+            type: 'configuration/sources/FB'
+        };
+        var crosswalksByTypes = {
+            empty: [
+                {
+                    uri: 'entities/2/crosswalks/1',
+                    value: '123',
+                    type: 'configuration/sources/FB'
+                }
+            ],
+            simple: [
+                {
+                    uri: 'entities/2/crosswalks/2',
+                    value: '456',
+                    type: 'configuration/sources/FB'
+                }
+            ],
+            dependent: [dependentCrosswalk]
+        };
+        var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(SourceCrosswalksRow_1.SourceCrosswalksRow, __assign({}, props, { crosswalksByTypes: crosswalksByTypes, crosswalksFocusEnabled: true })));
+        expect(props.onToggleExpanded).not.toBeCalled();
+        useHighlightedCrosswalksMock.mockReturnValueOnce([dependentCrosswalk]);
+        wrapper.setProps({ expanded: false });
+        expect(props.onToggleExpanded).toBeCalled();
+    });
+});

package/cjs/features/crosswalks/SourceCrosswalksRow/index.d.ts

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

package/cjs/features/crosswalks/SourceCrosswalksRow/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SourceCrosswalksRow = void 0;
+var SourceCrosswalksRow_1 = require("./SourceCrosswalksRow");
+Object.defineProperty(exports, "SourceCrosswalksRow", { enumerable: true, get: function () { return SourceCrosswalksRow_1.SourceCrosswalksRow; } });

package/cjs/features/crosswalks/hooks/useAttributeActions.js

@@ -0,0 +1,155 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAttributeActions = void 0;
+var react_1 = require("react");
+var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var core_1 = require("../../../core");
+var useAttributeActions = function (_a) {
+    var _b = _a.onSuccess, onSuccess = _b === void 0 ? core_1.noop : _b, _c = _a.onError, onError = _c === void 0 ? core_1.noop : _c, _d = _a.onLoad, onLoad = _d === void 0 ? core_1.noop : _d;
+    var handleAction = (0, react_1.useCallback)(function (request) {
+        onLoad();
+        request
+            .then(function () {
+            onSuccess();
+        })
+            .catch(onError);
+    }, [onError, onSuccess, onLoad]);
+    var handleErrorResponse = (0, react_1.useCallback)(function (request) {
+        return request.then(function (response) {
+            if ('error' in response)
+                throw response.error;
+            return response;
+        });
+    }, []);
+    var deleteAttributeAction = (0, react_1.useCallback)(function (_a) {
+        var attributeValue = _a.attributeValue, attributeType = _a.attributeType, crosswalks = _a.crosswalks;
+        var action = (0, mdm_sdk_1.isReference)(attributeType)
+            ? (0, ramda_1.pipe)(mdm_sdk_1.getReferencedRelationFromAttrValue, (0, ramda_1.prop)('objectURI'), mdm_sdk_1.removeRelation, handleErrorResponse)(attributeValue)
+            : (0, ramda_1.pipe)((0, ramda_1.defaultTo)([]), (0, ramda_1.map)(function (_a) {
+                var type = _a.type, value = _a.value, sourceTable = _a.sourceTable;
+                return ({
+                    type: 'DELETE_ATTRIBUTE',
+                    uri: attributeValue.uri,
+                    crosswalk: sourceTable ? { type: type, value: value, sourceTable: sourceTable } : { type: type, value: value }
+                });
+            }), function (diff) { return ({ uri: (0, mdm_sdk_1.getBaseUri)(attributeValue.uri), diff: diff }); }, mdm_sdk_1.entityCumulativeDelete, handleErrorResponse)(crosswalks);
+        handleAction(action);
+    }, [handleAction, handleErrorResponse]);
+    var pinAttributeAction = (0, react_1.useCallback)(function (_a) {
+        var attributeValue = _a.attributeValue;
+        (0, ramda_1.pipe)(mdm_sdk_1.pinAttribute, handleErrorResponse, handleAction)({
+            attributeUri: attributeValue.uri,
+            value: !attributeValue.pin
+        });
+    }, [handleAction, handleErrorResponse]);
+    var ignoreAttributeAction = (0, react_1.useCallback)(function (_a) {
+        var attributeValue = _a.attributeValue;
+        (0, ramda_1.pipe)(mdm_sdk_1.ignoreAttribute, handleErrorResponse, handleAction)({
+            attributeUri: attributeValue.uri,
+            value: !attributeValue.ignored
+        });
+    }, [handleAction, handleErrorResponse]);
+    var updateAttributeAction = (0, react_1.useCallback)(function (_a) {
+        var attributeValue = _a.attributeValue, attributeType = _a.attributeType, crosswalk = _a.crosswalk, clearAttributeFlags = _a.clearAttributeFlags;
+        if ((0, mdm_sdk_1.isComplexAttribute)(attributeType) || (0, mdm_sdk_1.isImage)(attributeType))
+            return;
+        var update = function () { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, handleErrorResponse((0, mdm_sdk_1.updateAttribute)({
+                            attributeUri: attributeValue.uri,
+                            sourceUri: crosswalk.type,
+                            crosswalkValue: crosswalk.value,
+                            crosswalkSourceTable: crosswalk.sourceTable,
+                            value: (0, mdm_sdk_1.isLookupAttrType)(attributeType)
+                                ? attributeValue.lookupCode
+                                : attributeValue.value
+                        }))];
+                    case 1:
+                        _a.sent();
+                        if (!!clearAttributeFlags) return [3 /*break*/, 5];
+                        if (!attributeValue.ignored) return [3 /*break*/, 3];
+                        return [4 /*yield*/, handleErrorResponse((0, mdm_sdk_1.ignoreAttribute)({
+                                attributeUri: attributeValue.uri,
+                                value: true
+                            }))];
+                    case 2:
+                        _a.sent();
+                        return [3 /*break*/, 5];
+                    case 3:
+                        if (!attributeValue.pin) return [3 /*break*/, 5];
+                        return [4 /*yield*/, handleErrorResponse((0, mdm_sdk_1.pinAttribute)({
+                                attributeUri: attributeValue.uri,
+                                value: true
+                            }))];
+                    case 4:
+                        _a.sent();
+                        _a.label = 5;
+                    case 5: return [2 /*return*/];
+                }
+            });
+        }); };
+        handleAction(update());
+    }, [handleAction, handleErrorResponse]);
+    var createAttributeAction = (0, react_1.useCallback)(function (_a) {
+        var attributeValue = _a.attributeValue, crosswalk = _a.crosswalk;
+        (0, ramda_1.pipe)(mdm_sdk_1.createAttribute, (0, ramda_1.andThen)(function (_a) {
+            var errors = _a[0].errors;
+            if (errors)
+                throw errors;
+        }), handleAction)({
+            attributeUri: attributeValue.uri,
+            sourceUri: crosswalk.type,
+            crosswalkValue: crosswalk.value,
+            crosswalkSourceTable: crosswalk.sourceTable,
+            value: (0, mdm_sdk_1.isLookupValue)(attributeValue)
+                ? attributeValue.lookupCode
+                : attributeValue.value
+        });
+    }, [handleAction]);
+    return {
+        deleteAttribute: deleteAttributeAction,
+        pinAttribute: pinAttributeAction,
+        ignoreAttribute: ignoreAttributeAction,
+        updateAttribute: updateAttributeAction,
+        createAttribute: createAttributeAction
+    };
+};
+exports.useAttributeActions = useAttributeActions;

package/cjs/features/crosswalks/hooks/useAttributeActions.test.d.ts

@@ -0,0 +1 @@
+export {};