"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.getObjectTagsViewItems = void 0;
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const react_redux_1 = require("react-redux");
const SimpleButton_1 = tslib_1.__importDefault(require("../components/SimpleButton"));
const getObjectTagsViewItems = (object, api) => {
    if (!api.internalApi.shouldDisplayTagSections() || !object?.Tags?.length) {
        return;
    }
    const currentLayoutName = api.layoutApi.getCurrentLayoutName();
    const hasCurrentLayoutAsTag = (object?.Tags ?? [])?.includes(currentLayoutName);
    return {
        name: 'Tags',
        values: object?.Tags?.map((tag) => api.internalApi.getLabelForTag(tag)),
        viewAfter: (props) => {
            const dispatch = (0, react_redux_1.useDispatch)();
            const viewOptions = props.module.getViewProperties();
            const handleToggleTag = react_1.default.useCallback(() => {
                let tags = props.data.Tags ?? [];
                if (hasCurrentLayoutAsTag) {
                    // remove layout
                    tags = tags.filter((tag) => tag !== currentLayoutName);
                }
                else {
                    tags.push(currentLayoutName);
                }
                const newObject = {
                    ...props.data,
                    Tags: tags,
                };
                const editAction = viewOptions.getEditAction(newObject);
                dispatch(editAction);
            }, [hasCurrentLayoutAsTag, props.data]);
            return (react_1.default.createElement(SimpleButton_1.default, { onClick: handleToggleTag, className: "twa:mt-1", icon: hasCurrentLayoutAsTag ? 'minus' : 'plus' }, hasCurrentLayoutAsTag ? 'Remove from Layout' : 'Add to Layout'));
        },
    };
};
exports.getObjectTagsViewItems = getObjectTagsViewItems;
