@bikdotai/bik-component-library 0.0.382-beta.2 → 0.0.382-beta.201

package/dist/esm/components/product-picker-v2/variantComponents.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { SelectedCollectionsActions } from './reducers';
-import { ProductVariantForRearrange } from './variant';
-/**
- * Props for list of variants - applicable both in list and grid view
- */
-export type VariantsComponentProps = {
-    selectedVariants: ProductVariantForRearrange[];
-    setSelectedVariants: React.Dispatch<React.SetStateAction<ProductVariantForRearrange[]>>;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-};
-/**
- * Returns a react component of variants list, which are eligible to drag and drop.
- */
-export declare const VariantsList: ({ selectedVariants, setSelectedVariants, selectedCollectionsDispatch, }: VariantsComponentProps) => import("react/jsx-runtime").JSX.Element;
-/**
- * Returns a react component of variants grid, which are eligible to drag and drop.
- */
-export declare const VariantsGrid: ({ selectedVariants }: VariantsComponentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/product-picker-v2/variantComponents.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Droppable as a,Draggable as d}from"react-beautiful-dnd";import{COLORS as s}from"../../constants/Theme.js";import{VariantCardListView as t,VariantCardGridView as i}from"./variant.js";const l=i=>{let{selectedVariants:l,setSelectedVariants:n,selectedCollectionsDispatch:p}=i;return e(a,Object.assign({droppableId:"droppable-list"},{children:a=>r("div",Object.assign({},a.droppableProps,{ref:a.innerRef,style:Object.assign({backgroundColor:s.surface.subdued,padding:"0.05px",height:"550px"},a.droppableProps.style)},{children:[l.map(((r,a)=>e(d,Object.assign({draggableId:`${r.productId}-${r.variantId}`,index:a},{children:(d,s)=>e("div",Object.assign({ref:d.innerRef},d.draggableProps,d.dragHandleProps,{children:e(t,{data:r,selectedCollectionsDispatch:p,onDelete:()=>{const e=l.slice();e[a].displayOrder=null,e.splice(a,1),n(e)}},`${r.productId}-${r.variantId}`)}))}),`${r.productId}-${r.variantId}`))),a.placeholder]}))}))},n=s=>{let{selectedVariants:t}=s;return e(a,Object.assign({droppableId:"droppable-horizontal"},{children:s=>r("div",Object.assign({},s.droppableProps,{ref:s.innerRef,style:Object.assign(Object.assign({},s.droppableProps.style),{display:"flex",width:"500px"})},{children:[e(a,Object.assign({droppableId:"droppable-vertical",direction:"horizontal"},{children:a=>r("div",Object.assign({},a.droppableProps,{ref:a.innerRef,style:Object.assign(Object.assign({},a.droppableProps.style),{display:"flex",flexWrap:"wrap",flexDirection:"row"})},{children:[t.map(((a,s)=>e(d,Object.assign({draggableId:`${a.productId}-${a.variantId}`,index:s},{children:(d,s)=>r("div",Object.assign({ref:d.innerRef},d.draggableProps,d.dragHandleProps,{children:[e(i,{data:a}),d.placeholder]}))}),`${a.productId}-${a.variantId}`))),a.placeholder]}))})),s.placeholder]}))}))};export{n as VariantsGrid,l as VariantsList};