@soma-vertical-web/multi-lib 0.0.33 → 0.0.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soma-vertical-web/multi-lib",
-  "version": "0.0.33",
+  "version": "0.0.34",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {

package/types/constants.d.ts

@@ -1,35 +1,12 @@
 import { Size } from '@soma-vertical-web/core-components/src/lib/TextField/interfaces';
 import { EditorState } from 'draft-js';
 import { CSSProperties } from 'react';
+import { FACET_CROSS_SELLING_MAP, ObjectFitsDefault, PLP_FILTERS_SORT } from '../constants';
 
-export declare const PDPShelfType: readonly ["whosawalsosaw", "whosawalsobought", "whoboughtalsobought", "accessories", "similars", "showtogether", "suggestions"];
-export declare const FACET_CROSS_SELLING_MAP: {
-    readonly buy: "whoboughtalsobought";
-    readonly view: "whosawalsosaw";
-    readonly similars: "similars";
-    readonly viewAndBought: "whosawalsobought";
-    readonly accessories: "accessories";
-    readonly suggestions: "suggestions";
-};
 export interface CrossSellingFacet {
     key: keyof typeof FACET_CROSS_SELLING_MAP;
     value: string;
 }
-export declare const PLP_FILTERS_SORT: {
-    placeholder: string;
-    options: {
-        score_desc: string;
-        orders_desc: string;
-        price_desc: string;
-        price_asc: string;
-        release_desc: string;
-        discount_desc: string;
-        name_asc: string;
-    };
-    default_option: string;
-};
-export declare const SORT_OPTIONS: string[];
-export declare const ObjectFitsDefault: readonly ["contain", "cover", "fill", "none"];
 /**
  * TODO: remove 'textarea-size' from InputSizes in core-compoennts
  */
@@ -72,6 +49,7 @@ export type MENU_MOB_BTN_SIDEType = 'left' | 'right';
 export type MENU_INFOType = Record<string, Record<string, string>>;
 export type MENU_NAVIGATION_BAR_ALLOWEDType = boolean;
 export type NAME_SPLIT_SYMBOLType = string;
+export type OBJECT_FITS_DEFAULTType = (typeof ObjectFitsDefault)[number];
 export type PAYMENT_FLAGS_DICTIONARYType = Record<string, string>;
 export type PAYMENT_FLAGSType = any;
 export type PDP_INFOType = Record<string, Record<string, string>>;
@@ -81,6 +59,8 @@ export type PLP_FILTERSType = {
     eventLabel: string;
     order: number;
 }[];
+export type PLP_FILTERS_SORTType = typeof PLP_FILTERS_SORT;
+export type PLP_FILTERS_SORT_OPTIONtype = keyof typeof PLP_FILTERS_SORT.options;
 export type PLP_GRID_SCROLL_BACKType = Record<string, string>;
 export type PLP_SHOW_VIDEO_ON_PRODUCT_CARDType = boolean;
 export type PRODUCT_CARD_IMAGE_ASPECT_RATIOType = string;

package/types/contexts/contexts/search.d.ts

@@ -3,7 +3,7 @@ import { ProductSearchResultPage } from '../../data/api/search/product';
 import { BreadCrumbItemLinkProps } from '../../layout/team-components/PDCNavigation/intex';
 import { State, Suggestion } from '../../data/api/search';
 import { Facet, SelectedFacet } from '../../data/api/search/facets';
-import { PLPFilterOption } from '../../layout/team-components/Sort';
+import { ITEMS_PER_PAGEType, PLP_FILTERS_SORT_OPTIONtype } from '../../constants';
 
 export interface FacetsContextProps {
     breadcrumb: BreadCrumbItemLinkProps[];
@@ -13,13 +13,16 @@ export interface FacetsContextProps {
     selectedFacets: SelectedFacet[];
     searchParams: FacetsProviderProps['searchParams'];
     onToggleFacet(value: SelectedFacet): void;
-    onSort(sort: PLPFilterOption): void;
+    onSort(sort: PLP_FILTERS_SORT_OPTIONtype): void;
 }
 export interface FacetsProviderProps extends PropsWithChildren, Pick<ProductsProviderProps, 'state' | 'forceUpdate'> {
     searchParams: {
         [key: string]: string | string[] | undefined;
     };
 }
+export interface FacetsProviderContentProps extends FacetsProviderProps {
+    selectedFacets: SelectedFacet[];
+}
 export interface ProductsContextProps extends ProductSearchResultPage {
     isLoading: boolean;
     total: number;
@@ -47,6 +50,9 @@ export interface SearchProviderProps extends PropsWithChildren {
     state: State;
     collectionId?: number | null;
     count?: number;
+    CONSTANTS: {
+        ITEMS_PER_PAGE: ITEMS_PER_PAGEType;
+    };
 }
 export interface SearchItem {
     term: string;

package/types/layout/team-components/AddToCart/index.d.ts

@@ -1,4 +1,4 @@
-import { ADD_TO_CARTType, ObjectFitsDefault, TEXTURE_IMAGEType, TOGGLE_STYLE_MODIFIERType, Z_INDEX_WARType, NAME_SPLIT_SYMBOLType } from '../../../constants';
+import { ADD_TO_CARTType, TEXTURE_IMAGEType, TOGGLE_STYLE_MODIFIERType, Z_INDEX_WARType, NAME_SPLIT_SYMBOLType, OBJECT_FITS_DEFAULTType } from '../../../constants';
 import { CartItemStore } from '../../../contexts/store/cart';
 import { Dispatch, HTMLAttributes, MutableRefObject, ReactNode, SetStateAction, VideoHTMLAttributes } from 'react';
 
@@ -76,7 +76,7 @@ export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
     Z_INDEX_WAR: Z_INDEX_WARType;
 }
 interface MediaObjectFit {
-    objectFit?: (typeof ObjectFitsDefault)[number];
+    objectFit?: OBJECT_FITS_DEFAULTType;
 }
 export interface CustomImageProps extends MediaObjectFit, HTMLImageElement {
     ImgComp: React.ComponentType<any>;

package/types/layout/team-components/Sort/index.d.ts

@@ -1,8 +1,7 @@
 import { ButtonProps } from '@soma-vertical-web/core-components/src/lib/Button/interfaces';
-import { PLP_FILTERS_SORT } from '../../../constants';
 import { Dispatch, HTMLAttributes, ReactNode, SetStateAction } from 'react';
+import { PLP_FILTERS_SORT_OPTIONtype } from '../../../constants';
 
-export type PLPFilterOption = keyof typeof PLP_FILTERS_SORT.options;
 export type RootProps = HTMLAttributes<HTMLDivElement>;
 export interface SortButtonProps extends Omit<ButtonProps, 'adornment' | 'iconNameStart' | 'iconNameEnd'> {
     btnAdornment?: {
@@ -12,7 +11,7 @@ export interface SortButtonProps extends Omit<ButtonProps, 'adornment' | 'iconNa
     sortListOpen: boolean;
 }
 export interface SortProps extends RootProps {
-    handleSelectValue?: (value?: PLPFilterOption) => void;
+    handleSelectValue?: (value?: PLP_FILTERS_SORT_OPTIONtype) => void;
     sortListOpen: boolean;
     setSortListOpen: Dispatch<SetStateAction<boolean>>;
 }