@commercelayer/react-components 3.14.0-beta.2 → 3.14.0-beta.3

package/lib/components/SkuField.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ConditionalElement } from '../typings/index';
-import { TResources } from './utils/GenericFieldComponent';
-declare type SkuFieldChildrenProps = Omit<Props, 'children' | 'attribute' | 'element'>;
+import { TGenericChildrenProps, TResources } from './utils/GenericFieldComponent';
+declare type SkuFieldChildrenProps = TGenericChildrenProps<TResources['Sku']>;
 declare type TCondition = ConditionalElement<Exclude<TResources['Sku'], 'resource'>>;
 declare type Props = {
     children?: (props: SkuFieldChildrenProps) => JSX.Element;

package/lib/components/StockTransferField.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ConditionalElement } from '../typings/index';
-import { TResources } from './utils/GenericFieldComponent';
-declare type StockTransferFieldChildrenProps = Omit<Props, 'children' | 'attribute' | 'element'>;
+import { TGenericChildrenProps, TResources } from './utils/GenericFieldComponent';
+declare type StockTransferFieldChildrenProps = TGenericChildrenProps<TResources['StockTransfer']>;
 declare type TCondition = ConditionalElement<Exclude<TResources['StockTransfer'], 'resource'>>;
 declare type Props = {
     children?: (props: StockTransferFieldChildrenProps) => JSX.Element;

package/lib/components/utils/GenericFieldComponent.d.ts

@@ -1,6 +1,6 @@
 import { InitialSkuContext } from '../../context/SkuChildrenContext';
 import { InitialStockTransferContext } from '../../context/StockTransferChildrenContext';
-import { LineItem, Sku } from '@commercelayer/sdk';
+import type { LineItem, Sku } from '@commercelayer/sdk';
 import { InitialLineItemContext } from '../../context/LineItemChildrenContext';
 import { Context } from 'react';
 export declare type TResources = {
@@ -17,8 +17,8 @@ export declare type TResources = {
 export declare type TResourceKey = {
     [K in keyof TResources]: K;
 };
-declare type ChildrenProps<E extends TResources[keyof TResources]> = Omit<Props<E>, 'children' | 'attribute'> & {
-    element: E[keyof E];
+export declare type TGenericChildrenProps<E extends TResources[keyof TResources]> = Omit<Props<E>, 'children' | 'attribute' | 'context' | 'tagElement'> & {
+    attributeValue: E[keyof E];
 };
 declare type ResourceContext = {
     stock_transfers: InitialStockTransferContext;
@@ -27,7 +27,7 @@ declare type ResourceContext = {
 };
 declare type GenericContext<K extends keyof ResourceContext> = Context<ResourceContext[K]>;
 declare type Props<E extends TResources[keyof TResources]> = {
-    children?: (props: ChildrenProps<E>) => JSX.Element;
+    children?: (props: TGenericChildrenProps<E>) => JSX.Element;
     resource: E['resource'];
     attribute: keyof E;
     tagElement: keyof JSX.IntrinsicElements;

package/lib/components/utils/GenericFieldComponent.js

@@ -1 +1 @@
-import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import Parent from"./Parent";import{useContext}from"react";import{defaultImgUrl}from"../../utils/placeholderImages";export default function GenericFieldComponent(props){const{children,tagElement,attribute,context}=props,p=__rest(props,["children","tagElement","attribute","context"]),resourceContext=useContext(context);let element;for(const key in resourceContext)Object.prototype.hasOwnProperty.call(resourceContext,key)&&(element=resourceContext[key][attribute]);const Tag=tagElement||"span";if(Tag==="img"&&!children)return _jsx("img",Object.assign({alt:"",src:element||defaultImgUrl},p));const parentProps=Object.assign({element,tagElement},p);return children?_jsx(Parent,Object.assign({},parentProps,{children})):_jsx(Tag,Object.assign({},p,{children:element}))}
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import Parent from"./Parent";import{useContext}from"react";import{defaultImgUrl}from"../../utils/placeholderImages";export default function GenericFieldComponent(props){const{children,tagElement,attribute,context}=props,p=__rest(props,["children","tagElement","attribute","context"]),resourceContext=useContext(context);let attributeValue;for(const key in resourceContext)Object.prototype.hasOwnProperty.call(resourceContext,key)&&(attributeValue=resourceContext[key][attribute]);const Tag=tagElement||"span";if(Tag==="img"&&!children)return _jsx("img",Object.assign({alt:"",src:attributeValue||defaultImgUrl},p));const parentProps=Object.assign({attributeValue,tagElement},p);return children?_jsx(Parent,Object.assign({},parentProps,{children})):_jsx(Tag,Object.assign({},p,{children:attributeValue}))}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/react-components",
-  "version": "3.14.0-beta.2",
+  "version": "3.14.0-beta.3",
   "description": "The Official Commerce Layer React Components",
   "module": "lib/index.js",
   "types": "lib/index.d.ts",