export * answers-headless (#52)

* export * answers-headless

This commit adds an export * from answers-headless statement.
This way, the sample-app doesn't have to use a transient answers-core
or answers-headless dependency for models.

J=SLAP-1684
TEST=manual

see the sample app runs

* remove answers-core dep in sample app

sample-app/package.json

@@ -17,7 +17,6 @@
     "@types/react-router-dom": "^5.3.0",
     "@typescript-eslint/eslint-plugin": "^4.5.0",
     "@typescript-eslint/parser": "^4.5.0",
-    "@yext/answers-core": "^1.2.0",
     "@yext/answers-headless-react": "file:..",
     "babel-eslint": "^10.1.0",
     "babel-jest": "^26.6.0",

sample-app/src/components/AlternativeVerticals.tsx

@@ -1,8 +1,7 @@
 import { processTranslation } from './utils/processTranslation';
 import { ReactComponent as Chevron } from '../icons/chevron.svg';
 import { ReactComponent as Star } from '../icons/star.svg';
-import { useAnswersState, useAnswersActions } from '@yext/answers-headless-react';
-import { VerticalResults } from '@yext/answers-core';
+import { useAnswersState, useAnswersActions, VerticalResults } from '@yext/answers-headless-react';
 import '../sass/AlternativeVerticals.scss';
 
 interface VerticalConfig {

sample-app/src/components/DecoratedAppliedFilters.tsx

@@ -1,6 +1,5 @@
 import AppliedFilters from "./AppliedFilters";
-import { AppliedQueryFilter } from "@yext/answers-core";
-import { useAnswersState } from '@yext/answers-headless-react';
+import { useAnswersState, AppliedQueryFilter } from '@yext/answers-headless-react';
 import { GroupedFilters } from '../models/groupedFilters';
 import { getGroupedAppliedFilters } from '../utils/appliedfilterutils';
 

sample-app/src/components/Facet.tsx

@@ -1,5 +1,4 @@
-import { useAnswersUtilities } from '@yext/answers-headless-react'
-import { DisplayableFacet, DisplayableFacetOption } from '@yext/answers-core';
+import { useAnswersUtilities, DisplayableFacet, DisplayableFacetOption } from '@yext/answers-headless-react'
 import { useState } from 'react';
 import useCollapse from 'react-collapsed';
 import '../sass/Facet.scss';

sample-app/src/components/Facets.tsx

@@ -1,5 +1,4 @@
-import { useAnswersState, useAnswersActions } from '@yext/answers-headless-react'
-import { DisplayableFacetOption } from "@yext/answers-core";
+import { useAnswersState, useAnswersActions, DisplayableFacetOption } from '@yext/answers-headless-react'
 import Facet, { FacetTextConfig } from './Facet';
 import '../sass/Facets.scss';
 

sample-app/src/components/LocationBias.tsx

@@ -1,6 +1,4 @@
-
-import { LocationBiasMethod } from '@yext/answers-core';
-import { useAnswersActions, useAnswersState } from '@yext/answers-headless-react';
+import { useAnswersActions, useAnswersState, LocationBiasMethod } from '@yext/answers-headless-react';
 
 interface Props {
   isVertical: boolean,

sample-app/src/components/SearchBar.tsx

@@ -1,5 +1,4 @@
-import { useAnswersActions, useAnswersState, StateSelector } from '@yext/answers-headless-react';
-import { AutocompleteResult } from '@yext/answers-core';
+import { useAnswersActions, useAnswersState, StateSelector, AutocompleteResult } from '@yext/answers-headless-react';
 import InputDropdown from './InputDropdown';
 import renderWithHighlighting from './utils/renderWithHighlighting';
 import { ReactComponent as MagnifyingGlassIcon } from '../icons/magnifying_glass.svg';

sample-app/src/components/StaticFilters.tsx

@@ -1,6 +1,4 @@
-import { Fragment } from 'react';
-import { Filter, Matcher } from '@yext/answers-core';
-import { useAnswersActions, useAnswersState } from '@yext/answers-headless-react';
+import { useAnswersActions, useAnswersState, Filter, Matcher } from '@yext/answers-headless-react';
 import { isDuplicateFilter } from '../utils/filterutils';
 
 interface CheckBoxProps {
@@ -31,15 +29,15 @@ function CheckboxFilter({ fieldId, value, label, selected, optionHandler }: Chec
   }
   const id = fieldId + "_" + value
   return (
-    <Fragment>
+    <>
       <label htmlFor={id}>{label}</label>
       <input 
         type="checkbox"
         id={id}
         checked={selected}
         onChange={evt => optionHandler(filter, evt.target.checked)}
       />
-    </Fragment>
+    </>
   );
 }
 

sample-app/src/components/UniversalResults.tsx

@@ -1,5 +1,4 @@
-import { useAnswersState } from "@yext/answers-headless-react";
-import { VerticalResults } from "@yext/answers-core";
+import { useAnswersState, VerticalResults } from "@yext/answers-headless-react";
 import StandardSection from "../sections/StandardSection";
 import { DecoratedAppliedFiltersConfig } from '../components/DecoratedAppliedFilters';
 import SectionHeader from "../sections/SectionHeader";

sample-app/src/components/VerticalResults.tsx

@@ -1,6 +1,5 @@
 import { CardComponent, CardConfigTypes } from '../models/cardComponent';
-import { Result } from '@yext/answers-core';
-import { useAnswersState } from '@yext/answers-headless-react';
+import { useAnswersState, Result } from '@yext/answers-headless-react';
 import classNames from 'classnames';
 import '../sass/VerticalResults.scss';
 

sample-app/src/models/cardComponent.ts

@@ -1,4 +1,4 @@
-import { Result } from '@yext/answers-core';
+import { Result } from '@yext/answers-headless-react';
 import { StandardCardConfig } from '../components/cards/StandardCard';
 
 /**

sample-app/src/models/displayableFilter.ts

@@ -1,4 +1,4 @@
-import { Filter } from '@yext/answers-core';
+import { Filter } from '@yext/answers-headless-react';
 
 export interface DisplayableFilter {
   filterType: 'NLP_FILTER' | 'STATIC_FILTER' | 'FACET',

sample-app/src/models/sectionComponent.ts

@@ -1,4 +1,4 @@
-import { Result } from "@yext/answers-core";
+import { Result } from "@yext/answers-headless-react";
 import { CardConfig } from './cardComponent';
 
 export interface SectionConfig {

sample-app/src/utils/appliedfilterutils.tsx

@@ -1,4 +1,4 @@
-import { AppliedQueryFilter } from "@yext/answers-core";
+import { AppliedQueryFilter } from "@yext/answers-headless-react";
 import { FiltersState } from "@yext/answers-headless/lib/esm/models/slices/filters";
 import { DisplayableFilter } from "../models/displayableFilter";
 import { GroupedFilters } from "../models/groupedFilters";

sample-app/src/utils/displayablefilterutils.tsx

@@ -1,4 +1,4 @@
-import { AppliedQueryFilter, DisplayableFacet } from '@yext/answers-core';
+import { AppliedQueryFilter, DisplayableFacet } from '@yext/answers-headless-react';
 import { SelectableFilter } from '@yext/answers-headless/lib/esm/models/utils/selectablefilter';
 import { DisplayableFilter } from '../models/displayableFilter';
 import { getFilterDisplayValue } from './filterutils';

sample-app/src/utils/filterutils.tsx

@@ -1,4 +1,4 @@
-import { NearFilterValue, CombinedFilter, Filter } from '@yext/answers-core';
+import { NearFilterValue, CombinedFilter, Filter } from '@yext/answers-headless-react';
 
 /**
  * Check if the object follows NearFilterValue interface

src/AnswersHeadlessProvider.tsx

@@ -1,6 +1,5 @@
 import { ReactChild, ReactChildren } from 'react';
-import { provideAnswersHeadless, AnswersHeadless } from '@yext/answers-headless';
-import { AnswersConfig } from '@yext/answers-core';
+import { provideAnswersHeadless, AnswersHeadless, AnswersConfig } from '@yext/answers-headless';
 import { AnswersHeadlessContext } from './AnswersHeadlessContext';
 
 interface Props extends AnswersConfig {

src/index.ts

@@ -5,6 +5,7 @@ import { subscribeToStateUpdates } from './subscribeToStateUpdates';
 import { AnswersHeadlessProvider } from './AnswersHeadlessProvider';
 import { AnswersHeadlessContext } from './AnswersHeadlessContext';
 
+export * from '@yext/answers-headless';
 export {
   AnswersHeadlessContext,
   subscribeToStateUpdates,

tests/components/appliedFilters.test.tsx

@@ -1,8 +1,7 @@
 import { act, render } from '@testing-library/react';
-import { provideAnswersHeadless } from '@yext/answers-headless';
+import { provideAnswersHeadless, Matcher } from '@yext/answers-headless';
 import { AnswersHeadlessContext } from '../../src';
 import DecoratedAppliedFilters from '../../sample-app/src/components/DecoratedAppliedFilters';
-import { Matcher } from '@yext/answers-core';
 import { useCallback } from 'react';
 import { verticalQueryResponseWithNlpFilters } from '../setup/responses/vertical-query';
 

tests/useAnswersState.test.tsx

@@ -1,7 +1,6 @@
 import { act, render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import { Result } from '@yext/answers-core';
-import { provideAnswersHeadless } from '@yext/answers-headless';
+import { provideAnswersHeadless, Result } from '@yext/answers-headless';
 import { State } from '@yext/answers-headless/lib/esm/models/state';
 import React, { useCallback, useReducer } from 'react';
 import { AnswersHeadlessContext, useAnswersActions, useAnswersState } from '../src';