@envive-ai/react-toolkit 0.1.6 → 0.1.8

package/src/components/SearchResultsContent/SearchResultsContent.tsx

@@ -1,4 +1,4 @@
-import { SelectedFilterOption } from 'src/atoms/search/types';
+import { SelectedFilterOption } from '@envive-ai/react-hooks/atoms/search';
 import {
   ProductCardConfig,
   ProductGridVariant,

package/src/components/SearchResultsContent/index.ts

@@ -0,0 +1,2 @@
+export * from './SearchResultsContent';
+export * from './utils';

package/src/components/SearchResultsFilterSidebar/SearchResultsFilter.tsx

@@ -3,14 +3,15 @@ import { useCallback } from 'react';
 import { searchFilterSidebarVariantClasses } from './searchFilterSidebarVariants';
 import SettingsVariant from '@envive-ai/react-icons/SettingsVariant';
 import { ButtonBase } from '../ButtonBase';
-import { SelectFilterItem, SearchFilter, SearchFilterHeader } from '../SearchFilter';
-import { SearchFilterSidebarVariant, type SearchFilter as SearchFilterType } from './types';
+import { SearchFilter, SearchFilterHeader } from '../SearchFilter';
+import { SearchFilterSidebarVariant } from './types';
+import { SearchFilterDatum, SelectFilterItem } from '@envive-ai/react-hooks/types';
 
 export type SearchResultsFilterProps = {
   productCount: number;
   isOpen: boolean;
   setIsOpen: (isOpen: boolean) => void;
-  searchFilters: SearchFilterType[];
+  searchFilters: SearchFilterDatum[];
   searchFilterSidebarVariant: SearchFilterSidebarVariant;
   searchText: string;
   onSelectFilterItem: SelectFilterItem;
@@ -57,7 +58,7 @@ export const SearchResultsFilter = ({
         radioButtonFillColor={radioButtonFillColor}
         radioButtonHoverColor={radioButtonHoverColor}
         radioButtonUncheckedBorderColor={radioButtonUncheckedBorderColor}
-        filterCloseIconVariant={filterCloseIconVariant}
+        // filterCloseIconVariant={filterCloseIconVariant}
         headerContent={
           <SearchFilterHeader
             closeModal={() => setIsOpen(false)}

package/src/components/SearchResultsFilterSidebar/types.ts

@@ -1,15 +1,2 @@
 export type SearchFilterSidebarVariant = 'darkButton' | 'lightButton';
 export type CloseIconVariant = 'light' | 'tertiary' | 'dark';
-
-export type SearchFilter = {
-  id: string;
-  displayName: string;
-  items: SearchFilterItem[];
-};
-
-export type SearchFilterItem = {
-  id: string;
-  displayName: string;
-  value: string;
-  isSelected: boolean;
-};

package/src/components/SearchResultsStates/SearchResultsGrid.tsx

@@ -5,10 +5,10 @@ import { motion } from 'framer-motion';
 import { searchFilterSidebarVariantClasses } from '../SearchResultsFilterSidebar/searchFilterSidebarVariants';
 import classNames from 'classnames';
 import { SearchResponseProduct } from '@spiffy-ai/commerce-api-client';
-import { SelectedFilterOption } from 'src/atoms/search/types';
 import { ProductCardConfig, ProductGridVariant } from '../ProductCard';
 import { ProductGrid } from '../ProductGrid';
 import { SearchFilterSidebarVariant } from '../SearchResultsFilterSidebar';
+import { SelectedFilterOption } from '@envive-ai/react-hooks/atoms/search';
 
 interface SearchResultsGridProps {
   productList: SearchResponseProduct[];
@@ -101,6 +101,7 @@ export const SearchResultsGrid = ({
         productCardConfig={productCardConfig}
         merchantShortName={merchantShortName}
         searchResponseId={searchResponseId}
+        cardDisplayLocation=""
       />
     </motion.div>
   );

package/src/components/SearchResultsStates/SearchResultsLoadingGrid.tsx

@@ -2,7 +2,7 @@ import { motion } from 'framer-motion';
 import { ProductGridVariant, ProductCardSkeleton } from '../ProductCard';
 import { productGridVariantClasses } from '../ProductGrid';
 import { SparkleAnimation } from '../SparkleAnimation';
-import { Text } from '@envive-ai/react-toolkit/Text';
+import { Text } from 'src/components/Text';
 
 export const SearchResultsLoadingGrid = ({
   productGridVariant,

package/src/components/SparkleAnimation/SparkleAnimation.tsx

@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
 import { type Transition, motion } from 'framer-motion';
 import classNames from 'classnames';
 
-import FourPointStar from '@envive-ai/react-icons/src/FourPointStar';
+import FourPointStar from '@envive-ai/react-icons/FourPointStar';
 import { SparkleAnimationOverride } from './types';
 
 // Animation timing constants

package/src/components/SuggestionButton/SuggestionButton.tsx

@@ -1,9 +1,9 @@
 import classNames from 'classnames';
-import OutlinedStar from '@envive-ai/react-icons/src/OutlinedStar';
-import FourPointStar from '@envive-ai/react-icons/src/FourPointStar';
+import OutlinedStar from '@envive-ai/react-icons/OutlinedStar';
+import FourPointStar from '@envive-ai/react-icons/FourPointStar';
 import type { SuggestionButtonVariant } from './types';
 import { ButtonBase } from '../ButtonBase/ButtonBase';
-import { TestProps } from '../../test/types';
+import { TestProps } from '@envive-ai/react-hooks/types';
 
 export const SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS = 'spiffy-suggestion-button-question-class';
 export const SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS = 'spiffy-suggestion-button-answer-class';

package/dist/index-B125udRj.d.cts

@@ -1,78 +0,0 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
-import { ReactNode } from "react";
-
-//#region src/components/SearchFilter/types.d.ts
-type SearchFilterItem$1 = {
-  id: string;
-  displayName: string;
-  value: string;
-  isSelected: boolean;
-};
-type SearchFilter$1 = {
-  id: string;
-  displayName: string;
-  items: SearchFilterItem$1[];
-};
-type SelectFilterItem = (filterItem: SearchFilterItem$1) => void;
-interface SearchFilterItemProps {
-  filterItem: SearchFilterItem$1;
-  onSelectFilterItem: SelectFilterItem;
-  radioButtonFillColor: string;
-  radioButtonHoverColor: string;
-  radioButtonUncheckedBorderColor: string;
-}
-interface SearchFilterHeaderProps {
-  closeModal: () => void;
-  productCount: number;
-  headerClassName: string;
-  filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
-}
-interface SearchFilterProps {
-  isOpen: boolean;
-  setIsOpen: (isOpen: boolean) => void;
-  filters: SearchFilter$1[];
-  productCount: number;
-  selectFilterItem: SelectFilterItem;
-  clearAllFilters: () => void;
-  applyFiltersUnchangedClasses: string;
-  applyFiltersChangedClasses: string;
-  filterButtonText: string;
-  radioButtonFillColor: string;
-  radioButtonHoverColor: string;
-  radioButtonUncheckedBorderColor: string;
-  filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
-  headerContent: ReactNode;
-}
-//#endregion
-//#region src/components/SearchFilter/SearchFilter.d.ts
-declare const SearchFilter: ({
-  isOpen,
-  setIsOpen,
-  filters,
-  selectFilterItem,
-  clearAllFilters,
-  filterButtonText,
-  radioButtonFillColor,
-  radioButtonHoverColor,
-  radioButtonUncheckedBorderColor,
-  headerContent
-}: SearchFilterProps) => react_jsx_runtime4.JSX.Element;
-//#endregion
-//#region src/components/SearchFilter/SearchFilterHeader.d.ts
-declare const SearchFilterHeader: ({
-  closeModal,
-  productCount,
-  headerClassName,
-  filterCloseIconVariant
-}: SearchFilterHeaderProps) => react_jsx_runtime4.JSX.Element;
-//#endregion
-//#region src/components/SearchFilter/SearchFilterItem.d.ts
-declare const SearchFilterItem: ({
-  filterItem,
-  onSelectFilterItem,
-  radioButtonFillColor,
-  radioButtonHoverColor,
-  radioButtonUncheckedBorderColor
-}: SearchFilterItemProps) => react_jsx_runtime4.JSX.Element;
-//#endregion
-export { SearchFilter, SearchFilterHeader, SearchFilterHeaderProps, SearchFilterItem, SearchFilterItemProps, SearchFilterProps, SelectFilterItem };

package/dist/index-DMXTg_9L.d.ts

@@ -1,78 +0,0 @@
-import { ReactNode } from "react";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
-
-//#region src/components/SearchFilter/types.d.ts
-type SearchFilterItem$1 = {
-  id: string;
-  displayName: string;
-  value: string;
-  isSelected: boolean;
-};
-type SearchFilter$1 = {
-  id: string;
-  displayName: string;
-  items: SearchFilterItem$1[];
-};
-type SelectFilterItem = (filterItem: SearchFilterItem$1) => void;
-interface SearchFilterItemProps {
-  filterItem: SearchFilterItem$1;
-  onSelectFilterItem: SelectFilterItem;
-  radioButtonFillColor: string;
-  radioButtonHoverColor: string;
-  radioButtonUncheckedBorderColor: string;
-}
-interface SearchFilterHeaderProps {
-  closeModal: () => void;
-  productCount: number;
-  headerClassName: string;
-  filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
-}
-interface SearchFilterProps {
-  isOpen: boolean;
-  setIsOpen: (isOpen: boolean) => void;
-  filters: SearchFilter$1[];
-  productCount: number;
-  selectFilterItem: SelectFilterItem;
-  clearAllFilters: () => void;
-  applyFiltersUnchangedClasses: string;
-  applyFiltersChangedClasses: string;
-  filterButtonText: string;
-  radioButtonFillColor: string;
-  radioButtonHoverColor: string;
-  radioButtonUncheckedBorderColor: string;
-  filterCloseIconVariant: 'dark' | 'light' | 'tertiary';
-  headerContent: ReactNode;
-}
-//#endregion
-//#region src/components/SearchFilter/SearchFilter.d.ts
-declare const SearchFilter: ({
-  isOpen,
-  setIsOpen,
-  filters,
-  selectFilterItem,
-  clearAllFilters,
-  filterButtonText,
-  radioButtonFillColor,
-  radioButtonHoverColor,
-  radioButtonUncheckedBorderColor,
-  headerContent
-}: SearchFilterProps) => react_jsx_runtime8.JSX.Element;
-//#endregion
-//#region src/components/SearchFilter/SearchFilterHeader.d.ts
-declare const SearchFilterHeader: ({
-  closeModal,
-  productCount,
-  headerClassName,
-  filterCloseIconVariant
-}: SearchFilterHeaderProps) => react_jsx_runtime8.JSX.Element;
-//#endregion
-//#region src/components/SearchFilter/SearchFilterItem.d.ts
-declare const SearchFilterItem: ({
-  filterItem,
-  onSelectFilterItem,
-  radioButtonFillColor,
-  radioButtonHoverColor,
-  radioButtonUncheckedBorderColor
-}: SearchFilterItemProps) => react_jsx_runtime8.JSX.Element;
-//#endregion
-export { SearchFilter, SearchFilterHeader, SearchFilterHeaderProps, SearchFilterItem, SearchFilterItemProps, SearchFilterProps, SelectFilterItem };

package/dist/types-BQYpWDJ4.d.cts

@@ -1,6 +0,0 @@
-//#region src/test/types.d.ts
-interface TestProps {
-  dataTestId?: string;
-}
-//#endregion
-export { TestProps };

package/dist/types-Bm-qQyO3.d.ts

@@ -1,8 +0,0 @@
-//#region src/atoms/search/types.d.ts
-type SelectedFilterOption = {
-  id: string;
-  displayName: string;
-  value: string;
-};
-//#endregion
-export { SelectedFilterOption };

package/dist/types-BruEHw-X.d.ts

@@ -1,6 +0,0 @@
-//#region src/test/types.d.ts
-interface TestProps {
-  dataTestId?: string;
-}
-//#endregion
-export { TestProps };

package/dist/types-C-Jrlw5Z.d.cts

@@ -1,8 +0,0 @@
-//#region src/atoms/search/types.d.ts
-type SelectedFilterOption = {
-  id: string;
-  displayName: string;
-  value: string;
-};
-//#endregion
-export { SelectedFilterOption };