@shopgate/engage/product/components/ProductProperties/Lists.js

Shopgate's ENGAGE library.

import React from'react';import PropTypes from'prop-types';import{getSubgroupsFromProperties}from"./helpers/getSubgroupsFromProperties";import{getPropertiesWithoutSubgroup}from"./helpers/getPropertiesWithoutSubgroup";import{getPropertiesBySubgroup}from"./helpers/getPropertiesBySubgroup";import Group from"./Group";import Rows from"./Rows";/**
 * Renders lists of properties that are eventually grouped.
 * @param {Object} props The component props.
 * @return {JSX}
 */var Lists=function Lists(_ref){var properties=_ref.properties;return React.createElement(React.Fragment,null,React.createElement(Rows,{properties:getPropertiesWithoutSubgroup(properties)}),getSubgroupsFromProperties(properties).map(function(group){return React.createElement(React.Fragment,{key:group},React.createElement(Group,{group:group}),React.createElement(Rows,{properties:getPropertiesBySubgroup(properties,group)}));}));};export default Lists;