@open-tender/ui
Version:
A component library for use with the Open Tender web app
35 lines (34 loc) • 3.6 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const components_1 = require("../../components");
const utils_1 = require("../../utils");
const ItemHeaderView_1 = tslib_1.__importDefault(require("./ItemHeaderView"));
const ItemSelectedView_1 = tslib_1.__importDefault(require("./ItemSelectedView"));
const ItemTitleView_1 = tslib_1.__importDefault(require("./ItemTitleView"));
const ItemView = ({ config, handlers, builtItem, groups, levels, hasCals, hasIngredients, hasInstructions, showCustomize, isIncomplete, apiUrl, renderHeader, renderItemGroups, renderItemSelections, renderButtonLink, renderItemOption, renderErrorMessage, renderQuantity, renderTag, renderAllergen }) => {
return (react_1.default.createElement(react_1.default.Fragment, null,
renderHeader(),
react_1.default.createElement(components_1.View, Object.assign({}, (0, utils_1.makeProps)(config, 'item')),
react_1.default.createElement(components_1.View, Object.assign({}, (0, utils_1.makeProps)(config, 'item__container')),
showCustomize ? (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(components_1.View, Object.assign({}, (0, utils_1.makeProps)(config, 'item__customizeHeader')),
react_1.default.createElement(components_1.View, Object.assign({}, (0, utils_1.makeProps)(config, 'item__customizeTitle')),
react_1.default.createElement(ItemTitleView_1.default, { config: config, builtItem: builtItem })),
react_1.default.createElement(ItemSelectedView_1.default, { config: config, handlers: handlers, groups: groups, levels: levels, renderItemOption: renderItemOption, renderErrorMessage: renderErrorMessage })),
react_1.default.createElement(components_1.View, Object.assign({}, (0, utils_1.makeProps)(config, 'item__content')), renderItemGroups()))) : (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(ItemHeaderView_1.default, { config: config, handlers: handlers, builtItem: builtItem, hasCals: hasCals, hasIngredients: hasIngredients, hasInstructions: hasInstructions, apiUrl: apiUrl, renderButtonLink: renderButtonLink, renderQuantity: renderQuantity, renderTag: renderTag, renderAllergen: renderAllergen }),
renderItemSelections())),
react_1.default.createElement(components_1.View, Object.assign({}, (0, utils_1.makeProps)(config, 'item__footer')),
react_1.default.createElement(components_1.View, Object.assign({}, (0, utils_1.makeProps)(config, 'item__footerContainer')),
react_1.default.createElement(components_1.Button, Object.assign({}, (0, utils_1.makeProps)(config, isIncomplete && !showCustomize
? 'item__customizeRequired'
: 'item__customize'), { onClick: handlers.toggleCustomzie, text: showCustomize
? 'Back to Summary'
: isIncomplete
? 'Customize'
: 'Customize' })),
react_1.default.createElement(components_1.Button, Object.assign({}, (0, utils_1.makeProps)(config, isIncomplete ? 'item__addDisabled' : 'item__add'), { onClick: handlers.addToOrder, disabled: isIncomplete }))))))));
};
exports.default = ItemView;