@bikdotai/bik-component-library 0.0.382-beta.3 → 0.0.382-beta.4

package/dist/cjs/components/product-picker-v2/rearrangeScreen.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),r=require("react"),s=require("react-beautiful-dnd"),n=require("../icon-button/IconButton.js"),i=require("../TypographyStyle.js"),c=require("./emptyState.js"),a=require("./helpers/ProductHelper.js"),o=require("./style.js"),l=require("./variantComponents.js");exports.RearrangeScreen=d=>{const{selectedCollections:u,selectedCollectionsDispatch:p,setScreen:j,rearrangeViewType:S}=d;console.log("vj: inside rearrangeScreen",u);const[g,x]=r.useState(a.parseSelectedVariantsToArray(u));console.log("vj: selected variants",g);return e.jsxs(s.DragDropContext,Object.assign({onDragEnd:e=>{if(!e.destination)return;const t=g,[r]=t.splice(e.source.index,1);t.splice(e.destination.index,0,r),t.forEach(((e,t)=>{e.displayOrder=t})),console.log("vj: drag ended",t),x(t)}},{children:[e.jsxs(o.SelectedScreenHeader,{children:[e.jsx(n.IconButton,{Icon:t.default,onClick:()=>{j("collections")}}),e.jsx(i.BodyCaption,{children:"All Products"})]}),Object.keys(u).length>0?"list"===S?e.jsx(l.VariantsList,{selectedVariants:g,setSelectedVariants:x,selectedCollectionsDispatch:p}):e.jsx(l.VariantsGrid,{selectedVariants:g,setSelectedVariants:x,selectedCollectionsDispatch:p}):e.jsx(c.EmptyState,{title:"No Products Selected",subtitle:"Select products will appear here"})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),s=require("react"),r=require("react-beautiful-dnd"),n=require("../icon-button/IconButton.js"),c=require("../TypographyStyle.js"),i=require("./emptyState.js"),o=require("./helpers/ProductHelper.js"),l=require("./style.js"),a=require("./variantComponents.js");exports.RearrangeScreen=d=>{const{selectedCollections:u,selectedCollectionsDispatch:p,setScreen:j,rearrangeViewType:g}=d;console.log("vj: inside rearrangeScreen",u);const[S,x]=s.useState(o.parseSelectedVariantsToArray(u));console.log("vj: selected variants",S),console.log("vj: selected Collections",u);return e.jsxs(r.DragDropContext,Object.assign({onDragEnd:e=>{if(!e.destination)return;const t=S,[s]=t.splice(e.source.index,1);t.splice(e.destination.index,0,s),t.forEach(((e,t)=>{e.displayOrder=t})),console.log("vj: drag ended",t),x(t)}},{children:[e.jsxs(l.SelectedScreenHeader,{children:[e.jsx(n.IconButton,{Icon:t.default,onClick:()=>{j("collections")}}),e.jsx(c.BodyCaption,{children:"All Products"})]}),Object.keys(u).length>0?"list"===g?e.jsx(a.VariantsList,{selectedVariants:S,setSelectedVariants:x,selectedCollectionsDispatch:p}):e.jsx(a.VariantsGrid,{selectedVariants:S,setSelectedVariants:x,selectedCollectionsDispatch:p}):e.jsx(i.EmptyState,{title:"No Products Selected",subtitle:"Select products will appear here"})]}))};

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

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

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

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../assets/icons/arrow_left.svg.js";import{useState as r}from"react";import{DragDropContext as s}from"react-beautiful-dnd";import{IconButton as n}from"../icon-button/IconButton.js";import{BodyCaption as i}from"../TypographyStyle.js";import{EmptyState as c}from"./emptyState.js";import{parseSelectedVariantsToArray as l}from"./helpers/ProductHelper.js";import{SelectedScreenHeader as a}from"./style.js";import{VariantsList as d,VariantsGrid as p}from"./variantComponents.js";const m=m=>{const{selectedCollections:f,selectedCollectionsDispatch:j,setScreen:u,rearrangeViewType:g}=m;console.log("vj: inside rearrangeScreen",f);const[h,y]=r(l(f));console.log("vj: selected variants",h);return e(s,Object.assign({onDragEnd:e=>{if(!e.destination)return;const t=h,[o]=t.splice(e.source.index,1);t.splice(e.destination.index,0,o),t.forEach(((e,t)=>{e.displayOrder=t})),console.log("vj: drag ended",t),y(t)}},{children:[e(a,{children:[t(n,{Icon:o,onClick:()=>{u("collections")}}),t(i,{children:"All Products"})]}),Object.keys(f).length>0?t("list"===g?d:p,{selectedVariants:h,setSelectedVariants:y,selectedCollectionsDispatch:j}):t(c,{title:"No Products Selected",subtitle:"Select products will appear here"})]}))};export{m as RearrangeScreen};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../assets/icons/arrow_left.svg.js";import{useState as r}from"react";import{DragDropContext as s}from"react-beautiful-dnd";import{IconButton as n}from"../icon-button/IconButton.js";import{BodyCaption as c}from"../TypographyStyle.js";import{EmptyState as l}from"./emptyState.js";import{parseSelectedVariantsToArray as i}from"./helpers/ProductHelper.js";import{SelectedScreenHeader as a}from"./style.js";import{VariantsList as d,VariantsGrid as p}from"./variantComponents.js";const m=m=>{const{selectedCollections:f,selectedCollectionsDispatch:j,setScreen:u,rearrangeViewType:g}=m;console.log("vj: inside rearrangeScreen",f);const[h,y]=r(i(f));console.log("vj: selected variants",h),console.log("vj: selected Collections",f);return e(s,Object.assign({onDragEnd:e=>{if(!e.destination)return;const t=h,[o]=t.splice(e.source.index,1);t.splice(e.destination.index,0,o),t.forEach(((e,t)=>{e.displayOrder=t})),console.log("vj: drag ended",t),y(t)}},{children:[e(a,{children:[t(n,{Icon:o,onClick:()=>{u("collections")}}),t(c,{children:"All Products"})]}),Object.keys(f).length>0?t("list"===g?d:p,{selectedVariants:h,setSelectedVariants:y,selectedCollectionsDispatch:j}):t(l,{title:"No Products Selected",subtitle:"Select products will appear here"})]}))};export{m as RearrangeScreen};

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

@@ -1 +1 @@
-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};
+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 t}from"../../constants/Theme.js";import{VariantCardListView as s,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:t.surface.subdued,padding:"0.05px",height:l.length<8?"550px":"100%"},a.droppableProps.style)},{children:[l.map(((r,a)=>e(d,Object.assign({draggableId:`${r.productId}-${r.variantId}`,index:a},{children:(d,t)=>e("div",Object.assign({ref:d.innerRef},d.draggableProps,d.dragHandleProps,{children:e(s,{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=t=>{let{selectedVariants:s}=t;return e(a,Object.assign({droppableId:"droppable-horizontal"},{children:t=>r("div",Object.assign({},t.droppableProps,{ref:t.innerRef,style:Object.assign(Object.assign({},t.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:[s.map(((a,t)=>e(d,Object.assign({draggableId:`${a.productId}-${a.variantId}`,index:t},{children:(d,t)=>r("div",Object.assign({ref:d.innerRef},d.draggableProps,d.dragHandleProps,{children:[e(i,{data:a}),d.placeholder]}))}),`${a.productId}-${a.variantId}`))),a.placeholder]}))})),t.placeholder]}))}))};export{n as VariantsGrid,l as VariantsList};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.382-beta.3",
+	"version": "0.0.382-beta.4",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",