@commercelayer/react-components 3.0.0-beta.9 → 3.2.0

package/{dist → lib}/components/utils/VariantTemplate.d.ts

@@ -1,34 +1,36 @@
-import { FunctionComponent, ReactNode } from 'react';
-import PropTypes from 'prop-types';
-import { BaseSelectorType } from "../../typings/index";
-import { VariantsObject, SetSkuCode } from "../../reducers/VariantReducer";
-import { VariantOptions } from "../VariantSelector";
-export declare const propTypes: {
-    variants: PropTypes.Validator<any>;
-    onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    options: PropTypes.Validator<PropTypes.InferProps<{
-        label: PropTypes.Validator<string>;
-        code: PropTypes.Validator<string>;
-        lineItem: PropTypes.Requireable<PropTypes.InferProps<{
-            name: PropTypes.Validator<string>;
-            imageUrl: PropTypes.Requireable<string>;
-        }>>;
-    }>[]>;
-    name: PropTypes.Requireable<string>;
-    children: PropTypes.Requireable<(...args: any[]) => any>;
-    type: PropTypes.Requireable<BaseSelectorType>;
-    loader: PropTypes.Requireable<PropTypes.ReactElementLike>;
-    placeholder: PropTypes.Requireable<string>;
-    skuCode: PropTypes.Requireable<string>;
-};
-export declare type VariantTemplateProps = {
-    variants: VariantsObject | Record<string, any>;
-    handleChange?: SetSkuCode;
-    options: VariantOptions[];
-    type?: BaseSelectorType;
-    loader?: ReactNode;
-    placeholder?: string;
-    skuCode?: string;
-} & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['select'];
-declare const VariantTemplate: FunctionComponent<VariantTemplateProps>;
-export default VariantTemplate;
+import { FunctionComponent, ReactNode } from 'react';
+import PropTypes from 'prop-types';
+import { BaseSelectorType } from '../../typings/index';
+import { VariantsObject, SetSkuCode } from '../../reducers/VariantReducer';
+import { VariantOption } from '../VariantSelector';
+export declare const propTypes: {
+    variants: PropTypes.Validator<any>;
+    onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    options: PropTypes.Validator<PropTypes.InferProps<{
+        label: PropTypes.Validator<string>;
+        code: PropTypes.Validator<string>;
+        lineItem: PropTypes.Requireable<PropTypes.InferProps<{
+            name: PropTypes.Validator<string>;
+            imageUrl: PropTypes.Requireable<string>;
+        }>>;
+    }>[]>;
+    name: PropTypes.Requireable<string>;
+    children: PropTypes.Requireable<(...args: any[]) => any>;
+    type: PropTypes.Requireable<BaseSelectorType>;
+    loader: PropTypes.Requireable<PropTypes.ReactElementLike>;
+    placeholder: PropTypes.Requireable<string>;
+    skuCode: PropTypes.Requireable<string>;
+};
+export declare type VariantHandleCallback = (variant: VariantOption) => void;
+export declare type VariantTemplateProps = {
+    variants: VariantsObject | Record<string, any>;
+    handleChange?: SetSkuCode;
+    options: VariantOption[];
+    type?: BaseSelectorType;
+    loader?: ReactNode;
+    placeholder?: string;
+    skuCode?: string;
+    handleCallback?: VariantHandleCallback;
+} & JSX.IntrinsicElements['input'] & JSX.IntrinsicElements['select'];
+declare const VariantTemplate: FunctionComponent<VariantTemplateProps>;
+export default VariantTemplate;

package/lib/components/utils/VariantTemplate.js

@@ -0,0 +1 @@
+import{__rest}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Fragment}from"react";import{keys}from"lodash";import PropTypes from"prop-types";export const propTypes={variants:PropTypes.any.isRequired,onChange:PropTypes.func,options:PropTypes.arrayOf(PropTypes.shape({label:PropTypes.string.isRequired,code:PropTypes.string.isRequired,lineItem:PropTypes.shape({name:PropTypes.string.isRequired,imageUrl:PropTypes.string})}).isRequired).isRequired,name:PropTypes.string,children:PropTypes.func,type:PropTypes.oneOf(["select","radio"]),loader:PropTypes.element,placeholder:PropTypes.string,skuCode:PropTypes.string};const VariantTemplate=props=>{const{id,variants,type,placeholder,options,skuCode,handleChange,handleCallback}=props,prs=__rest(props,["id","variants","type","placeholder","options","skuCode","handleChange","handleCallback"]),vars=keys(variants).map((v,k)=>{const checked=skuCode===v,label=options.length>0?options[k].label:variants[v].name;return type==="select"?_jsx("option",Object.assign({"data-sku-id":variants[v].id,"data-label":label,value:variants[v].code},{children:label}),variants[v].id):_jsxs(Fragment,{children:[_jsx("input",Object.assign({id:id&&`${id}-${k}`,defaultChecked:checked,type:"radio",value:variants[v].code,onChange:e=>{const code=e.target.value;handleChange&&handleChange(code,variants[v].id),handleCallback&&handleCallback({code,label})}},prs),void 0),label]},variants[v].id)});return type==="select"?_jsxs("select",Object.assign({id,title:"Variant selector",onChange:e=>{const v=e.target.value,i=e.target.selectedIndex,id2=e.target[i].dataset.skuId,label=e.target[i].dataset.label;handleChange&&handleChange(v,id2),handleCallback&&handleCallback({code:v,label})},value:skuCode||""},prs,{children:[_jsx("option",Object.assign({disabled:!!skuCode},{children:placeholder}),void 0),vars]}),void 0):_jsx(Fragment,{children:vars},void 0)};VariantTemplate.propTypes=propTypes;export default VariantTemplate;

package/{dist → lib}/components/utils/getAllErrors.d.ts

@@ -1,17 +1,17 @@
-import { ReactNode } from 'react';
-import { LineItemCollection } from '@commercelayer/js-sdk';
-import { BaseError, ResourceErrorType } from "../../typings/errors";
-export declare type AllErrorsParams = {
-    allErrors: BaseError[];
-    messages: BaseError[];
-    field?: string;
-    props: JSX.IntrinsicElements['span'];
-    lineItem?: LineItemCollection | Record<string, any>;
-    resource?: ResourceErrorType;
-    returnHtml?: boolean;
-};
-export interface GetAllErrors {
-    <P extends AllErrorsParams>(params: P): ReactNode;
-}
-declare const getAllErrors: GetAllErrors;
-export default getAllErrors;
+import { ReactNode } from 'react';
+import { LineItem } from '@commercelayer/sdk';
+import { BaseError, ResourceErrorType } from '../../typings/errors';
+export declare type AllErrorsParams = {
+    allErrors: BaseError[];
+    messages: BaseError[];
+    field?: string;
+    props: JSX.IntrinsicElements['span'];
+    lineItem?: LineItem;
+    resource?: ResourceErrorType;
+    returnHtml?: boolean;
+};
+export interface GetAllErrors {
+    <P extends AllErrorsParams>(params: P): ReactNode;
+}
+declare const getAllErrors: GetAllErrors;
+export default getAllErrors;

package/lib/components/utils/getAllErrors.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import customMessages from"../../utils/customMessages";const getAllErrors=params=>{const{allErrors,messages,field,props,lineItem,resource,returnHtml=!0}=params;return allErrors.map((v,k)=>{const objMsg=customMessages(messages,v),text=(objMsg==null?void 0:objMsg.message)||v.message||`${v.title} - ${v.detail}`;if(field){if(v.resource==="line_items"&&lineItem&&v.id===lineItem.id)return returnHtml?_jsx("span",Object.assign({},props,{children:text}),k):text;if(field===v.field&&resource===v.resource)return returnHtml?_jsx("span",Object.assign({},props,{children:text}),k):text}if(resource===v.resource&&!field)return returnHtml?_jsx("span",Object.assign({},props,{children:text}),k):text})};export default getAllErrors;