@progress/sitefinity-nextjs-sdk
Version:
Provides OOB widgets developed using the Next.js framework, which includes an abstraction layer for Sitefinity communication. Additionally, it offers an expanded API, typings, and tools for further development and integration.
52 lines (51 loc) • 2.98 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { BlogPostDetailView } from './content-list-detail.blog-post.view';
import { DynamicDetailView } from './content-list-detail.dynamic.view';
import { EventDetailView } from './content-list-detail.event.view';
import { ListItemDetailView } from './content-list-detail.list-item.view';
import { NewsItemDetailView } from './content-list-detail.news.view';
import { RestClient } from '../../../rest-sdk/rest-client';
import { RenderView } from '../../common/render-view';
import { ContentListsCommonRestService } from '../../content-lists-common/content-lists-rest.setvice';
export async function ContentListDetail(props) {
const queryParams = props.widgetContext.requestContext.searchParams || {};
const itemArgs = {
type: props.detailItem.ItemType,
id: props.detailItem.Id,
provider: props.detailItem.ProviderName,
traceContext: props.widgetContext.traceContext,
culture: props.widgetContext.requestContext.culture,
fields: extractFieldsFromExpression(props.widgetContext.model.Properties.DetailItemSelectExpression)
};
const viewProps = {
widgetContext: props.widgetContext,
attributes: props.attributes,
detailItem: {}
};
if (queryParams.hasOwnProperty('sf-content-action')) {
if (queryParams['sf-auth']) {
queryParams['sf-auth'] = encodeURIComponent(queryParams['sf-auth']);
}
itemArgs.additionalQueryParams = queryParams;
viewProps.detailItem = await RestClient.getItemWithStatus(itemArgs);
}
else if (!props.detailItem.Id) {
const items = await ContentListsCommonRestService.getItems(props.widgetContext.model.Properties, undefined, props.widgetContext.requestContext, 1, props.widgetContext.traceContext, props.widgetContext.model.Properties.ShowListViewOnChildDetailsView);
if (items.Items.length > 0) {
viewProps.detailItem = items.Items[0];
}
}
else {
viewProps.detailItem = await RestClient.getItem(itemArgs);
}
return (_jsxs(RenderView, { viewName: props.viewName, widgetKey: props.widgetContext.model.Name, viewProps: { ...viewProps }, children: [props.viewName === 'Details.BlogPosts.Default' && _jsx(BlogPostDetailView, { ...viewProps }), props.viewName === 'Details.Dynamic.Default' && _jsx(DynamicDetailView, { ...viewProps }), props.viewName === 'Details.Events.Default' && _jsx(EventDetailView, { ...viewProps }), props.viewName === 'Details.ListItems.Default' && _jsx(ListItemDetailView, { ...viewProps }), props.viewName === 'Details.News.Default' && _jsx(NewsItemDetailView, { ...viewProps })] }));
}
function extractFieldsFromExpression(selectExpression) {
const fields = [];
if (selectExpression) {
selectExpression.split(';').filter(x => x).forEach(x => {
fields.push(x.trim());
});
}
return fields.length > 0 ? fields : ['*'];
}