@commercelayer/react-components 2.52.1 → 2.53.3

package/lib/{esm/components → components}/LineItem.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{Fragment,useContext}from"react";import LineItemContext from"../context/LineItemContext";import LineItemChildrenContext from"../context/LineItemChildrenContext";import components from"../config/components";import ShipmentChildrenContext from"../context/ShipmentChildrenContext";import{isEmpty}from"lodash";const propTypes=components.LineItem.propTypes,displayName=components.LineItem.displayName,LineItem=props=>{const{type="skus",children}=props,{lineItems}=useContext(LineItemContext),{lineItems:shipmentLineItems}=useContext(ShipmentChildrenContext),items=isEmpty(shipmentLineItems)?lineItems:shipmentLineItems,components2=items&&items.filter(l=>l.item_type===type).map((lineItem,k)=>{const lineProps={lineItem};return _jsx(LineItemChildrenContext.Provider,Object.assign({value:lineProps},{children}),k)});return _jsx(Fragment,{children:components2},void 0)};LineItem.propTypes=propTypes,LineItem.displayName=displayName;export default LineItem;
+import{jsx as _jsx}from"react/jsx-runtime";import{Fragment,useContext}from"react";import LineItemContext from"../context/LineItemContext";import LineItemChildrenContext from"../context/LineItemChildrenContext";import components from"../config/components";import ShipmentChildrenContext from"../context/ShipmentChildrenContext";import{isEmpty}from"lodash";const propTypes=components.LineItem.propTypes,displayName=components.LineItem.displayName,LineItem=props=>{const{type="skus",children}=props,{lineItems}=useContext(LineItemContext),{lineItems:shipmentLineItems}=useContext(ShipmentChildrenContext),items=isEmpty(shipmentLineItems)?lineItems:shipmentLineItems,components2=items&&items.filter(l=>l.item_type===type).map((lineItem,k,check)=>{if(lineItem.item_type==="bundles"&&k>0&&check[k-1].bundle_code===lineItem.bundle_code)return null;const lineProps={lineItem};return _jsx(LineItemChildrenContext.Provider,Object.assign({value:lineProps},{children}),k)});return _jsx(Fragment,{children:components2},void 0)};LineItem.propTypes=propTypes,LineItem.displayName=displayName;export default LineItem;

package/lib/{esm/components → components}/LineItemImage.d.ts

@@ -1,5 +1,6 @@
 import { FunctionComponent, ReactNode } from 'react';
 import { LineItem } from '@commercelayer/sdk';
+import { LineItemType } from '../typings/index';
 export declare type LineItemImageType = Omit<LineItemImageProps, 'children'> & {
     src: string;
     lineItem: LineItem;
@@ -7,6 +8,9 @@ export declare type LineItemImageType = Omit<LineItemImageProps, 'children'> & {
 declare type LineItemImageProps = {
     children?: (props: LineItemImageType) => ReactNode;
     width?: number;
-} & Omit<JSX.IntrinsicElements['img'], 'src' | 'srcSet'>;
+    placeholder?: {
+        [K in LineItemType]?: string;
+    };
+} & Omit<JSX.IntrinsicElements['img'], 'src' | 'srcSet' | 'placeholder'>;
 declare const LineItemImage: FunctionComponent<LineItemImageProps>;
 export default LineItemImage;

package/lib/components/LineItemImage.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useContext}from"react";import Parent from"./utils/Parent";import LineItemChildrenContext from"../context/LineItemChildrenContext";import components from"../config/components";const defaultImgUrl="https://data.commercelayer.app/assets/images/placeholders/img_placeholder.svg",defaultGiftCardImgUrl="https://data.commercelayer.app/assets/images/placeholders/gift_placeholder.svg",propTypes=components.LineItemImage.propTypes,displayName=components.LineItemImage.displayName,LineItemImage=props=>{const{placeholder,children}=props,p=__rest(props,["placeholder","children"]),{lineItem}=useContext(LineItemChildrenContext),itemType=lineItem==null?void 0:lineItem.item_type;let src=lineItem==null?void 0:lineItem.image_url;src||((placeholder==null?void 0:placeholder[itemType])?src=placeholder==null?void 0:placeholder[itemType]:src=itemType==="gift_cards"?defaultGiftCardImgUrl:defaultImgUrl);const parenProps=Object.assign({lineItem,src,placeholder},p);return children?_jsx(Parent,Object.assign({},parenProps,{children}),void 0):src?_jsx("img",Object.assign({alt:"",src},p),void 0):null};LineItemImage.propTypes=propTypes,LineItemImage.displayName=displayName;export default LineItemImage;