Transform Style

transformStyle.js

const getSelectedOptions = facet => {
      const options = get(
        facet,
        'searchFacetOptionGroupList.searchFacetOptionList'
      );
      const isActiveAndSelected = option =>
        option.isActive === 'true' && option.isSelected === 'true';

      return filter(options, isActiveAndSelected);
    };

    const transformStyle = facet => {
      const getPath = curry((path, styleFacet) => get(styleFacet, path));
      const sortOptions = curry((prop, options) =>
        sortBy(options, [option => toLower(option[prop])])
      );
      const searchFacetOptionGroupList = flow(
        getPath('searchFacetOptionGroupList.searchFacetOptionList'),
        sortOptions('searchFacetOptionName')
      )(facet);

      return {
        ...facet,
        searchFacetName: 'Category',
        facetType: 'multi-select',
        facetLayout: 'list',
        inputDisplayType: 'checkbox',
        searchFacetOptionGroupList,
      };
    };