@bikdotai/bik-component-library 1.1.1-beta.26 → 1.1.1-beta.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react/jsx-runtime"),s=require("react"),r=require("./PostPicker.styled.js"),i=require("../tag/Tag.js"),l=require("../TypographyStyle.js"),o=require("../../utils/unCamelCase.js"),a=require("../../constants/colors.js"),n=require("../../constants/Theme.js"),c=require("../../assets/icons/instagram.svg.js"),d=require("../../assets/icons/warning.svg.js"),u=require("../modals/styledModal.js");exports.MEDIA_TYPES=void 0,(e=exports.MEDIA_TYPES||(exports.MEDIA_TYPES={})).STORY="story",e.POST="post",e.REEL="reel";exports.PostPicker=e=>{var g;const[y,j]=s.useState(null!==(g=e.previouslySelected)&&void 0!==g?g:[]),[p,h]=s.useState("");console.log("props.selected",e.selected),console.log("props.media",e.media),s.useEffect((()=>{j(e.selected||[])}),[]),s.useEffect((()=>{y.length>0&&h("")}),[y.length]);return t.jsx(t.Fragment,{children:t.jsx(u.StyledModal,Object.assign({zIndex:201,open:e.showModal,headingTitle:e.title,onClose:e.onClose,centralContainerStyles:{width:1071,height:564},primaryButton:{buttonType:"primary",buttonText:`Select ${o.unCamelCase(e.mediaType)}`,onClick:()=>{y.length?e.onSelect(y):h("Please select a post to proceed")}},secondaryButton:{buttonType:"secondary",buttonText:"Back",onClick:()=>e.onClose()},footerLeftCustomElement:p?t.jsx(i.Tag,{tagText:p,type:"negative",LeadingIcon:d.default}):y.length?t.jsxs(l.BodySecondary,{children:[y.length," selected"]}):null},{children:t.jsx(r.StyledProductGrid,Object.assign({mediaType:e.mediaType},{children:e.media.map((s=>t.jsxs(r.StyledProduct,Object.assign({mediaType:e.mediaType,className:""+(y.
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react/jsx-runtime"),s=require("react"),r=require("./PostPicker.styled.js"),i=require("../tag/Tag.js"),l=require("../TypographyStyle.js"),o=require("../../utils/unCamelCase.js"),a=require("../../constants/colors.js"),n=require("../../constants/Theme.js"),c=require("../../assets/icons/instagram.svg.js"),d=require("../../assets/icons/warning.svg.js"),u=require("../modals/styledModal.js");exports.MEDIA_TYPES=void 0,(e=exports.MEDIA_TYPES||(exports.MEDIA_TYPES={})).STORY="story",e.POST="post",e.REEL="reel";exports.PostPicker=e=>{var g;const[y,j]=s.useState(null!==(g=e.previouslySelected)&&void 0!==g?g:[]),[p,h]=s.useState("");console.log("props.selected",e.selected),console.log("props.media",e.media),s.useEffect((()=>{j(e.selected||[])}),[]),s.useEffect((()=>{y.length>0&&h("")}),[y.length]);return t.jsx(t.Fragment,{children:t.jsx(u.StyledModal,Object.assign({zIndex:201,open:e.showModal,headingTitle:e.title,onClose:e.onClose,centralContainerStyles:{width:1071,height:564},primaryButton:{buttonType:"primary",buttonText:`Select ${o.unCamelCase(e.mediaType)}`,onClick:()=>{y.length?e.onSelect(y):h("Please select a post to proceed")}},secondaryButton:{buttonType:"secondary",buttonText:"Back",onClick:()=>e.onClose()},footerLeftCustomElement:p?t.jsx(i.Tag,{tagText:p,type:"negative",LeadingIcon:d.default}):y.length?t.jsxs(l.BodySecondary,{children:[y.length," selected"]}):null},{children:t.jsx(r.StyledProductGrid,Object.assign({mediaType:e.mediaType},{children:e.media.map((s=>{return t.jsxs(r.StyledProduct,Object.assign({mediaType:e.mediaType,className:""+(i=s,o=y,o.some((e=>e.id===i.id))?"selected":""),onClick:()=>{return t=s,void j((()=>y.includes(t)?y.filter((e=>e!==t)):!e.limit||y.length<e.limit?[...y,t]:y));var t}},{children:[t.jsx("img",{src:s.imageUrl,alt:s.overlayCaption}),t.jsxs("div",Object.assign({className:"overlay"},{children:[t.jsx("a",Object.assign({target:"_blank",rel:"noreferrer",href:s.redirectionUrl},{children:t.jsxs("div",Object.assign({className:"overlay__redirection"},{children:[t.jsx(c.default,{height:22,width:22}),t.jsx(l.BodyPrimary,Object.assign({color:a.PRIMARY,style:{fontWeight:500}},{children:"View"}))]}))})),t.jsx("div",Object.assign({className:"overlay__caption"},{children:t.jsx(l.BodyCaption,Object.assign({color:n.COLORS.content.placeholder},{children:s.overlayCaption}))}))]}))]}),s.id);var i,o}))}))}))})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import{useState as
|
|
1
|
+
import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import{useState as r,useEffect as i}from"react";import{StyledProductGrid as s,StyledProduct as n}from"./PostPicker.styled.js";import{Tag as l}from"../tag/Tag.js";import{BodyPrimary as a,BodyCaption as c,BodySecondary as d}from"../TypographyStyle.js";import{unCamelCase as m}from"../../utils/unCamelCase.js";import{PRIMARY as p}from"../../constants/colors.js";import{COLORS as g}from"../../constants/Theme.js";import h from"../../assets/icons/instagram.svg.js";import y from"../../assets/icons/warning.svg.js";import{StyledModal as j}from"../modals/styledModal.js";var f;!function(e){e.STORY="story",e.POST="post",e.REEL="reel"}(f||(f={}));const u=f=>{var u;const[v,T]=r(null!==(u=f.previouslySelected)&&void 0!==u?u:[]),[b,C]=r("");console.log("props.selected",f.selected),console.log("props.media",f.media),i((()=>{T(f.selected||[])}),[]),i((()=>{v.length>0&&C("")}),[v.length]);return e(t,{children:e(j,Object.assign({zIndex:201,open:f.showModal,headingTitle:f.title,onClose:f.onClose,centralContainerStyles:{width:1071,height:564},primaryButton:{buttonType:"primary",buttonText:`Select ${m(f.mediaType)}`,onClick:()=>{v.length?f.onSelect(v):C("Please select a post to proceed")}},secondaryButton:{buttonType:"secondary",buttonText:"Back",onClick:()=>f.onClose()},footerLeftCustomElement:b?e(l,{tagText:b,type:"negative",LeadingIcon:y}):v.length?o(d,{children:[v.length," selected"]}):null},{children:e(s,Object.assign({mediaType:f.mediaType},{children:f.media.map((t=>{return o(n,Object.assign({mediaType:f.mediaType,className:""+(r=t,i=v,i.some((e=>e.id===r.id))?"selected":""),onClick:()=>{return e=t,void T((()=>v.includes(e)?v.filter((t=>t!==e)):!f.limit||v.length<f.limit?[...v,e]:v));var e}},{children:[e("img",{src:t.imageUrl,alt:t.overlayCaption}),o("div",Object.assign({className:"overlay"},{children:[e("a",Object.assign({target:"_blank",rel:"noreferrer",href:t.redirectionUrl},{children:o("div",Object.assign({className:"overlay__redirection"},{children:[e(h,{height:22,width:22}),e(a,Object.assign({color:p,style:{fontWeight:500}},{children:"View"}))]}))})),e("div",Object.assign({className:"overlay__caption"},{children:e(c,Object.assign({color:g.content.placeholder},{children:t.overlayCaption}))}))]}))]}),t.id);var r,i}))}))}))})};export{f as MEDIA_TYPES,u as PostPicker};
|