npm - @bikdotai/bik-component-library - Versions diffs - 0.0.817-beta.6 → 0.0.817-beta.7 - Mend

@bikdotai/bik-component-library 0.0.817-beta.6 → 0.0.817-beta.7

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.

Files changed (1818) hide show

package/dist/cjs/components/carousel-preview/CarouselPreviewCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CarouselPreviewCard.js","sources":["../../../../src/components/carousel-preview/CarouselPreviewCard.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { TemplatePreview } from '@src/components/template-preview';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport { WhatsAppCarouselTemplate } from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport { determineCardIndex } from '../template-preview/helpers/templateMiscHelper';\n\nconst CarouselPreviewCard = React.forwardRef<\n\tHTMLDivElement,\n\t{\n\t\tchannel: CHANNEL_TYPE;\n\t\tcurrentTemplate: any;\n\t\tshowSampleValues?: boolean;\n\t\tcarouselCardIndex?: number;\n\t\tisPreview?: boolean;\n\t\twidth?: string;\n\t}\n>(\n\t({\n\t\tchannel,\n\t\tcurrentTemplate,\n\t\tshowSampleValues,\n\t\tcarouselCardIndex,\n\t\tisPreview,\n\t\twidth,\n\t}) => {\n\t\tconst {\n\t\t\tcardWidth,\n\t\t\ttemplate,\n\t\t\tcardIndex: cardInd,\n\t\t} = useTemplateModalContext();\n\t\tconst cardIndex =\n\t\t\tcardInd == -1 ? determineCardIndex(channel) : cardInd;\n\t\tconst marginRight =\n\t\t\t((template as WhatsAppCarouselTemplate)?.components?.[cardIndex].cards\n\t\t\t\t?.length ?? 0) -\n\t\t\t\t1 ===\n\t\t\tcarouselCardIndex\n\t\t\t\t? 12\n\t\t\t\t: 0;\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\twidth: width ? width : cardWidth,\n\t\t\t\t\theight: (carouselCardIndex ?? -1) > -1 ? '100%' : 'auto',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<TemplatePreview\n\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\ttemplate={currentTemplate}\n\t\t\t\t\tchannel={channel}\n\t\t\t\t\tsize={'small'}\n\t\t\t\t\thideHeader\n\t\t\t\t\tcarouselCardIndex={carouselCardIndex}\n\t\t\t\t\tisWhatsappCarousel={true}\n\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\twhatsAppSpecificMeta={{\n\t\t\t\t\t\ttemplateContainerStyles: {\n\t\t\t\t\t\t\tmarginRight: marginRight,\n\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t},\n);\n\nexport default CarouselPreviewCard;\n"],"names":["CarouselPreviewCard","React","channel","currentTemplate","showSampleValues","carouselCardIndex","isPreview","width","cardWidth","template","cardInd","useTemplateModalContext","cardIndex","determineCardIndex","marginRight","jsxDEV","TemplatePreview","this"],"mappings":"kaAQMA,EAAsBC,EAAAA,QAAM,WAWjC,CAAC,CACA,QAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,UAAAC,EACA,MAAAC,CAAA,IACK,CACL,KAAM,CACL,UAAAC,EACA,SAAAC,EACA,UAAWC,CAAA,EACRC,0BAAA,EACEC,EACLF,GAAW,GAAKG,EAAAA,mBAAmBX,CAAO,EAAIQ,EACzCI,GACHL,GAAuC,aAAaG,CAAS,EAAE,OAC9D,QAAU,GACZ,IACDP,EACG,GACA,EACJ,OACCU,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,MAAOR,GAAgBC,EACvB,QAASH,GAAqB,IAAM,GAAK,OAAS,MAAA,EAGnD,SAAAU,EAAAA,OAACC,EAAAA,gBAAA,CACA,iBAAAZ,EACA,SAAUD,EACV,QAAAD,EACA,KAAM,QACN,WAAU,GACV,kBAAAG,EACA,mBAAoB,GACpB,UAAAC,EACA,qBAAsB,CACrB,wBAAyB,CACxB,YAAAQ,EACA,OAAQ,MAAA,CACT,CACD,EAdD,OAAA,GAAA,CAAA,SAAA~~,+GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAeA,EArBD,OAAA,GAAA,CAAA,SAAA~~,+GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAwBF,CACD"}
1	+ {"version":3,"file":"CarouselPreviewCard.js","sources":["../../../../src/components/carousel-preview/CarouselPreviewCard.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport { TemplatePreview } from '@src/components/template-preview';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport { WhatsAppCarouselTemplate } from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport { determineCardIndex } from '../template-preview/helpers/templateMiscHelper';\n\nconst CarouselPreviewCard = React.forwardRef<\n\tHTMLDivElement,\n\t{\n\t\tchannel: CHANNEL_TYPE;\n\t\tcurrentTemplate: any;\n\t\tshowSampleValues?: boolean;\n\t\tcarouselCardIndex?: number;\n\t\tisPreview?: boolean;\n\t\twidth?: string;\n\t}\n>(\n\t({\n\t\tchannel,\n\t\tcurrentTemplate,\n\t\tshowSampleValues,\n\t\tcarouselCardIndex,\n\t\tisPreview,\n\t\twidth,\n\t}) => {\n\t\tconst {\n\t\t\tcardWidth,\n\t\t\ttemplate,\n\t\t\tcardIndex: cardInd,\n\t\t} = useTemplateModalContext();\n\t\tconst cardIndex =\n\t\t\tcardInd == -1 ? determineCardIndex(channel) : cardInd;\n\t\tconst marginRight =\n\t\t\t((template as WhatsAppCarouselTemplate)?.components?.[cardIndex].cards\n\t\t\t\t?.length ?? 0) -\n\t\t\t\t1 ===\n\t\t\tcarouselCardIndex\n\t\t\t\t? 12\n\t\t\t\t: 0;\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\twidth: width ? width : cardWidth,\n\t\t\t\t\theight: (carouselCardIndex ?? -1) > -1 ? '100%' : 'auto',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<TemplatePreview\n\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\ttemplate={currentTemplate}\n\t\t\t\t\tchannel={channel}\n\t\t\t\t\tsize={'small'}\n\t\t\t\t\thideHeader\n\t\t\t\t\tcarouselCardIndex={carouselCardIndex}\n\t\t\t\t\tisWhatsappCarousel={true}\n\t\t\t\t\tisPreview={isPreview}\n\t\t\t\t\twhatsAppSpecificMeta={{\n\t\t\t\t\t\ttemplateContainerStyles: {\n\t\t\t\t\t\t\tmarginRight: marginRight,\n\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t},\n);\n\nexport default CarouselPreviewCard;\n"],"names":["CarouselPreviewCard","React","channel","currentTemplate","showSampleValues","carouselCardIndex","isPreview","width","cardWidth","template","cardInd","useTemplateModalContext","cardIndex","determineCardIndex","marginRight","jsxDEV","TemplatePreview","this"],"mappings":"kaAQMA,EAAsBC,EAAAA,QAAM,WAWjC,CAAC,CACA,QAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,UAAAC,EACA,MAAAC,CAAA,IACK,CACL,KAAM,CACL,UAAAC,EACA,SAAAC,EACA,UAAWC,CAAA,EACRC,0BAAA,EACEC,EACLF,GAAW,GAAKG,EAAAA,mBAAmBX,CAAO,EAAIQ,EACzCI,GACHL,GAAuC,aAAaG,CAAS,EAAE,OAC9D,QAAU,GACZ,IACDP,EACG,GACA,EACJ,OACCU,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,MAAOR,GAAgBC,EACvB,QAASH,GAAqB,IAAM,GAAK,OAAS,MAAA,EAGnD,SAAAU,EAAAA,OAACC,EAAAA,gBAAA,CACA,iBAAAZ,EACA,SAAUD,EACV,QAAAD,EACA,KAAM,QACN,WAAU,GACV,kBAAAG,EACA,mBAAoB,GACpB,UAAAC,EACA,qBAAsB,CACrB,wBAAyB,CACxB,YAAAQ,EACA,OAAQ,MAAA,CACT,CACD,EAdD,OAAA,GAAA,CAAA,SAAA,6IAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAeA,EArBD,OAAA,GAAA,CAAA,SAAA,6IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAwBF,CACD"}

package/dist/cjs/components/carousel-preview/CustomCarouselArrows.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-dev-runtime"),d=require("../../assets/icons/chevronLeft.svg.js"),C=require("../../assets/icons/chevronRight.svg.js"),u=require("../../constants/Theme.js"),a=require("../template-context-mapper/context/templateModalContext.js"),p=t=>{const{className:n,style:l,onClick:o,isPreview:r}=t,{selectedCarouselIndex:e,setSelectedCarouselIndex:c}=a.useTemplateModalContext();return s.jsxDEV("div",{className:n,style:{...l,display:o&&(e??-1)>-1||r?"flex":"none",content:"none"},onClick:i=>{o?.(i),!((e??-1)<1||r)&&c?.((e??-1)-1)},children:s.jsxDEV(d.default,{height:10,width:10,color:u.COLORS.content.primary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/carousel-preview/CustomCarouselArrows.tsx",lineNumber:33,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/carousel-preview/CustomCarouselArrows.tsx",lineNumber:15,columnNumber:3},void 0)},f=t=>{const{className:n,style:l,onClick:o,isPreview:r}=t,{selectedCarouselIndex:e,setSelectedCarouselIndex:c,cardCount:i}=a.useTemplateModalContext();return s.jsxDEV("div",{className:n,style:{...l,display:o&&(e??-1)>-1||r?"flex":"none",content:"none"},onClick:m=>{o?.(m),!((e??-1)>=(i??-1)-1||r)&&c?.((e??-1)+1)},children:s.jsxDEV(C.default,{height:10,width:10,color:u.COLORS.content.primary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/carousel-preview/CustomCarouselArrows.tsx",lineNumber:67,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/carousel-preview/CustomCarouselArrows.tsx",lineNumber:46,columnNumber:3},void 0)};exports.CustomCarouselLeftArrow=p;exports.CustomCarouselRightArrow=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-dev-runtime"),d=require("../../assets/icons/chevronLeft.svg.js"),C=require("../../assets/icons/chevronRight.svg.js"),u=require("../../constants/Theme.js"),c=require("../template-context-mapper/context/templateModalContext.js"),p=t=>{const{className:n,style:i,onClick:o,isPreview:r}=t,{selectedCarouselIndex:e,setSelectedCarouselIndex:l}=c.useTemplateModalContext();return s.jsxDEV("div",{className:n,style:{...i,display:o&&(e??-1)>-1||r?"flex":"none",content:"none"},onClick:a=>{o?.(a),!((e??-1)<1||r)&&l?.((e??-1)-1)},children:s.jsxDEV(d.default,{height:10,width:10,color:u.COLORS.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-preview/CustomCarouselArrows.tsx",lineNumber:33,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-preview/CustomCarouselArrows.tsx",lineNumber:15,columnNumber:3},void 0)},b=t=>{const{className:n,style:i,onClick:o,isPreview:r}=t,{selectedCarouselIndex:e,setSelectedCarouselIndex:l,cardCount:a}=c.useTemplateModalContext();return s.jsxDEV("div",{className:n,style:{...i,display:o&&(e??-1)>-1||r?"flex":"none",content:"none"},onClick:m=>{o?.(m),!((e??-1)>=(a??-1)-1||r)&&l?.((e??-1)+1)},children:s.jsxDEV(C.default,{height:10,width:10,color:u.COLORS.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-preview/CustomCarouselArrows.tsx",lineNumber:67,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-preview/CustomCarouselArrows.tsx",lineNumber:46,columnNumber:3},void 0)};exports.CustomCarouselLeftArrow=p;exports.CustomCarouselRightArrow=b;
 //# sourceMappingURL=CustomCarouselArrows.js.map

package/dist/cjs/components/carousel-preview/CustomCarouselArrows.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomCarouselArrows.js","sources":["../../../../src/components/carousel-preview/CustomCarouselArrows.tsx"],"sourcesContent":["import LeftIcon from '@src/assets/icons/chevronLeft.svg';\nimport RightIcon from '@src/assets/icons/chevronRight.svg';\nimport { CustomArrowProps } from 'react-slick';\nimport { COLORS } from '@src/constants/Theme';\nimport { useTemplateModalContext } from '../template-context-mapper/context/templateModalContext';\n\nexport const CustomCarouselLeftArrow = (\n\tprops: CustomArrowProps & { isPreview: boolean },\n) => {\n\tconst { className, style, onClick, isPreview } = props;\n\tconst { selectedCarouselIndex, setSelectedCarouselIndex } =\n\t\tuseTemplateModalContext();\n\n\treturn (\n\t\t<div\n\t\t\tclassName={className}\n\t\t\tstyle={{\n\t\t\t\t...style,\n\t\t\t\tdisplay:\n\t\t\t\t\t(onClick && (selectedCarouselIndex ?? -1) > -1) \|\| isPreview\n\t\t\t\t\t\t? 'flex'\n\t\t\t\t\t\t: 'none',\n\t\t\t\tcontent: 'none',\n\t\t\t}}\n\t\t\tonClick={(e) => {\n\t\t\t\tonClick?.(e);\n\t\t\t\tif ((selectedCarouselIndex ?? -1) < 1 \|\| isPreview) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tsetSelectedCarouselIndex?.((selectedCarouselIndex ?? -1) - 1);\n\t\t\t}}\n\t\t>\n\t\t\t<LeftIcon height={10} width={10} color={COLORS.content.primary} />\n\t\t</div>\n\t);\n};\n\nexport const CustomCarouselRightArrow = (\n\tprops: CustomArrowProps & { isPreview: boolean },\n) => {\n\tconst { className, style, onClick, isPreview } = props;\n\tconst { selectedCarouselIndex, setSelectedCarouselIndex, cardCount } =\n\t\tuseTemplateModalContext();\n\n\treturn (\n\t\t<div\n\t\t\tclassName={className}\n\t\t\tstyle={{\n\t\t\t\t...style,\n\t\t\t\tdisplay:\n\t\t\t\t\t(onClick && (selectedCarouselIndex ?? -1) > -1) \|\| isPreview\n\t\t\t\t\t\t? 'flex'\n\t\t\t\t\t\t: 'none',\n\t\t\t\tcontent: 'none',\n\t\t\t}}\n\t\t\tonClick={(e) => {\n\t\t\t\tonClick?.(e);\n\t\t\t\tif (\n\t\t\t\t\t(selectedCarouselIndex ?? -1) >= (cardCount ?? -1) - 1 \|\|\n\t\t\t\t\tisPreview\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tsetSelectedCarouselIndex?.((selectedCarouselIndex ?? -1) + 1);\n\t\t\t}}\n\t\t>\n\t\t\t<RightIcon height={10} width={10} color={COLORS.content.primary} />\n\t\t</div>\n\t);\n};\n"],"names":["CustomCarouselLeftArrow","props","className","style","onClick","isPreview","selectedCarouselIndex","setSelectedCarouselIndex","useTemplateModalContext","jsxDEV","e","LeftIcon","COLORS","this","CustomCarouselRightArrow","cardCount","RightIcon"],"mappings":"8UAMaA,EACZC,GACI,CACJ,KAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAS,UAAAC,GAAcJ,EAC3C,CAAE,sBAAAK,EAAuB,yBAAAC,CAAA,EAC9BC,0BAAA,EAED,OACCC,EAAAA,OAAC,MAAA,CACA,UAAAP,EACA,MAAO,CACN,GAAGC,EACH,QACEC,IAAYE,GAAyB,IAAM,IAAOD,EAChD,OACA,OACJ,QAAS,MAAA,EAEV,QAAUK,GAAM,CACfN,IAAUM,CAAC,EACN,GAAAJ,GAAyB,IAAM,GAAKD,IAGzCE,KAA4BD,GAAyB,IAAM,CAAC,CAC7D,EAEA,SAAAG,EAAAA,OAACE,EAAAA,SAAS,OAAQ,GAAI,MAAO,GAAI,MAAOC,EAAAA,OAAO,QAAQ,OAAA,EAAvD,OAAA,GAAA,CAAA,SAAA,~~gHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAgE,CAAA,EAlBjE,OAAA,GAAA,CAAA,SAAA,~~gHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAqBF,EAEaC,EACZb,GACI,CACJ,KAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAS,UAAAC,GAAcJ,EAC3C,CAAE,sBAAAK,EAAuB,yBAAAC,EAA0B,UAAAQ,CAAA,EACxDP,EAAAA,wBAAA,EAED,OACCC,EAAAA,OAAC,MAAA,CACA,UAAAP,EACA,MAAO,CACN,GAAGC,EACH,QACEC,IAAYE,GAAyB,IAAM,IAAOD,EAChD,OACA,OACJ,QAAS,MAAA,EAEV,QAAUK,GAAM,CACfN,IAAUM,CAAC,EAET,GAAAJ,GAAyB,MAAQS,GAAa,IAAM,GACrDV,IAIDE,KAA4BD,GAAyB,IAAM,CAAC,CAC7D,EAEA,SAAAG,EAAAA,OAACO,EAAAA,SAAU,OAAQ,GAAI,MAAO,GAAI,MAAOJ,EAAAA,OAAO,QAAQ,OAAA,EAAxD,OAAA,GAAA,CAAA,SAAA,~~gHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAiE,CAAA,EArBlE,OAAA,GAAA,CAAA,SAAA,~~gHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAwBF"}
1	+ {"version":3,"file":"CustomCarouselArrows.js","sources":["../../../../src/components/carousel-preview/CustomCarouselArrows.tsx"],"sourcesContent":["import LeftIcon from '@src/assets/icons/chevronLeft.svg';\nimport RightIcon from '@src/assets/icons/chevronRight.svg';\nimport { CustomArrowProps } from 'react-slick';\nimport { COLORS } from '@src/constants/Theme';\nimport { useTemplateModalContext } from '../template-context-mapper/context/templateModalContext';\n\nexport const CustomCarouselLeftArrow = (\n\tprops: CustomArrowProps & { isPreview: boolean },\n) => {\n\tconst { className, style, onClick, isPreview } = props;\n\tconst { selectedCarouselIndex, setSelectedCarouselIndex } =\n\t\tuseTemplateModalContext();\n\n\treturn (\n\t\t<div\n\t\t\tclassName={className}\n\t\t\tstyle={{\n\t\t\t\t...style,\n\t\t\t\tdisplay:\n\t\t\t\t\t(onClick && (selectedCarouselIndex ?? -1) > -1) \|\| isPreview\n\t\t\t\t\t\t? 'flex'\n\t\t\t\t\t\t: 'none',\n\t\t\t\tcontent: 'none',\n\t\t\t}}\n\t\t\tonClick={(e) => {\n\t\t\t\tonClick?.(e);\n\t\t\t\tif ((selectedCarouselIndex ?? -1) < 1 \|\| isPreview) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tsetSelectedCarouselIndex?.((selectedCarouselIndex ?? -1) - 1);\n\t\t\t}}\n\t\t>\n\t\t\t<LeftIcon height={10} width={10} color={COLORS.content.primary} />\n\t\t</div>\n\t);\n};\n\nexport const CustomCarouselRightArrow = (\n\tprops: CustomArrowProps & { isPreview: boolean },\n) => {\n\tconst { className, style, onClick, isPreview } = props;\n\tconst { selectedCarouselIndex, setSelectedCarouselIndex, cardCount } =\n\t\tuseTemplateModalContext();\n\n\treturn (\n\t\t<div\n\t\t\tclassName={className}\n\t\t\tstyle={{\n\t\t\t\t...style,\n\t\t\t\tdisplay:\n\t\t\t\t\t(onClick && (selectedCarouselIndex ?? -1) > -1) \|\| isPreview\n\t\t\t\t\t\t? 'flex'\n\t\t\t\t\t\t: 'none',\n\t\t\t\tcontent: 'none',\n\t\t\t}}\n\t\t\tonClick={(e) => {\n\t\t\t\tonClick?.(e);\n\t\t\t\tif (\n\t\t\t\t\t(selectedCarouselIndex ?? -1) >= (cardCount ?? -1) - 1 \|\|\n\t\t\t\t\tisPreview\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tsetSelectedCarouselIndex?.((selectedCarouselIndex ?? -1) + 1);\n\t\t\t}}\n\t\t>\n\t\t\t<RightIcon height={10} width={10} color={COLORS.content.primary} />\n\t\t</div>\n\t);\n};\n"],"names":["CustomCarouselLeftArrow","props","className","style","onClick","isPreview","selectedCarouselIndex","setSelectedCarouselIndex","useTemplateModalContext","jsxDEV","e","LeftIcon","COLORS","this","CustomCarouselRightArrow","cardCount","RightIcon"],"mappings":"8UAMaA,EACZC,GACI,CACJ,KAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAS,UAAAC,GAAcJ,EAC3C,CAAE,sBAAAK,EAAuB,yBAAAC,CAAA,EAC9BC,0BAAA,EAED,OACCC,EAAAA,OAAC,MAAA,CACA,UAAAP,EACA,MAAO,CACN,GAAGC,EACH,QACEC,IAAYE,GAAyB,IAAM,IAAOD,EAChD,OACA,OACJ,QAAS,MAAA,EAEV,QAAUK,GAAM,CACfN,IAAUM,CAAC,EACN,GAAAJ,GAAyB,IAAM,GAAKD,IAGzCE,KAA4BD,GAAyB,IAAM,CAAC,CAC7D,EAEA,SAAAG,EAAAA,OAACE,EAAAA,SAAS,OAAQ,GAAI,MAAO,GAAI,MAAOC,EAAAA,OAAO,QAAQ,OAAA,EAAvD,OAAA,GAAA,CAAA,SAAA,8IAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAgE,CAAA,EAlBjE,OAAA,GAAA,CAAA,SAAA,8IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAqBF,EAEaC,EACZb,GACI,CACJ,KAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAS,UAAAC,GAAcJ,EAC3C,CAAE,sBAAAK,EAAuB,yBAAAC,EAA0B,UAAAQ,CAAA,EACxDP,EAAAA,wBAAA,EAED,OACCC,EAAAA,OAAC,MAAA,CACA,UAAAP,EACA,MAAO,CACN,GAAGC,EACH,QACEC,IAAYE,GAAyB,IAAM,IAAOD,EAChD,OACA,OACJ,QAAS,MAAA,EAEV,QAAUK,GAAM,CACfN,IAAUM,CAAC,EAET,GAAAJ,GAAyB,MAAQS,GAAa,IAAM,GACrDV,IAIDE,KAA4BD,GAAyB,IAAM,CAAC,CAC7D,EAEA,SAAAG,EAAAA,OAACO,EAAAA,SAAU,OAAQ,GAAI,MAAO,GAAI,MAAOJ,EAAAA,OAAO,QAAQ,OAAA,EAAxD,OAAA,GAAA,CAAA,SAAA,8IAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAiE,CAAA,EArBlE,OAAA,GAAA,CAAA,SAAA,8IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAwBF"}

package/dist/cjs/components/carousel-secondary/CarouselSecondary.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-dev-runtime"),V=require("../../assets/icons/chevronLeft2.svg.js"),N=require("../../assets/icons/chevronLeft.svg.js"),k=require("../../assets/icons/chevronRight2.svg.js"),p=require("../../assets/icons/chevronRight.svg.js"),i=require("react"),m=require("../button/Button.js"),c=require("./CarouselSecondary.style.js"),o=require("./model.js"),j=({pages:t,onComplete:b,textAlign:y,version:e,onCompleteText:d})=>{const[n,u]=i.useState(0),l=i.useRef(null),f=()=>{u(r=>r===t.length-1?r:r+1),n===t.length-1&&b()},h=()=>{u(r=>r===0?r:r-1)},C=r=>{u(r)};return i.useEffect(()=>{l.current&&l.current.scrollTo({left:l.current.offsetWidth*n,behavior:"smooth"})},[n]),s.jsxDEV(c.CarouselContainer,{version:e||o.CarouselVersion.V1,children:[s.jsxDEV(c.CarouselBody,{ref:l,textAlign:y,children:t.map((r,a)=>s.jsxDEV(c.CarouselPage,{isActive:a===n,children:r},a,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:63,columnNumber:6},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:61,columnNumber:4},void 0),s.jsxDEV(c.CarouselFooter,{version:e||o.CarouselVersion.V1,children:[s.jsxDEV("div",{style:{visibility:e===o.CarouselVersion.V2&&n===0?"hidden":"visible"},children:s.jsxDEV(m.Button,{buttonText:"Back",buttonType:"tertiaryGray",onClick:h,size:e===o.CarouselVersion.V2?"small":"medium",LeadingIcon:e===o.CarouselVersion.V2?V.default:N.default,disabled:!n},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:77,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:69,columnNumber:5},void 0),s.jsxDEV(c.PageIndicator,{children:t.map((r,a)=>s.jsxDEV(c.Indicator,{isActive:a===n,version:e||o.CarouselVersion.V1,onClick:()=>C(a)},a,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:92,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:90,columnNumber:5},void 0),s.jsxDEV(m.Button,{buttonText:n===t.length-1?d||"Get started":"Next",buttonType:n===t.length-1||e===o.CarouselVersion.V2?"tertiary":"tertiaryGray",onClick:f,size:e===o.CarouselVersion.V2?"small":"medium",TrailingIcon:n<t.length-1?e===o.CarouselVersion.V2?k.default:p.default:void 0,style:e===o.CarouselVersion.V2?{}:{background:"transparent"}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:100,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:68,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:60,columnNumber:3},void 0)};exports.CarouselVersion=o.CarouselVersion;exports.CarouselSecondary=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-dev-runtime"),C=require("../../assets/icons/chevronLeft2.svg.js"),p=require("../../assets/icons/chevronLeft.svg.js"),V=require("../../assets/icons/chevronRight2.svg.js"),N=require("../../assets/icons/chevronRight.svg.js"),u=require("react"),d=require("../button/Button.js"),t=require("./CarouselSecondary.style.js"),o=require("./model.js"),v=({pages:a,onComplete:b,textAlign:y,version:e,onCompleteText:m})=>{const[n,c]=u.useState(0),l=u.useRef(null),f=()=>{c(r=>r===a.length-1?r:r+1),n===a.length-1&&b()},h=()=>{c(r=>r===0?r:r-1)},k=r=>{c(r)};return u.useEffect(()=>{l.current&&l.current.scrollTo({left:l.current.offsetWidth*n,behavior:"smooth"})},[n]),s.jsxDEV(t.CarouselContainer,{version:e||o.CarouselVersion.V1,children:[s.jsxDEV(t.CarouselBody,{ref:l,textAlign:y,children:a.map((r,i)=>s.jsxDEV(t.CarouselPage,{isActive:i===n,children:r},i,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:63,columnNumber:6},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:61,columnNumber:4},void 0),s.jsxDEV(t.CarouselFooter,{version:e||o.CarouselVersion.V1,children:[s.jsxDEV("div",{style:{visibility:e===o.CarouselVersion.V2&&n===0?"hidden":"visible"},children:s.jsxDEV(d.Button,{buttonText:"Back",buttonType:"tertiaryGray",onClick:h,size:e===o.CarouselVersion.V2?"small":"medium",LeadingIcon:e===o.CarouselVersion.V2?C.default:p.default,disabled:!n},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:77,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:69,columnNumber:5},void 0),s.jsxDEV(t.PageIndicator,{children:a.map((r,i)=>s.jsxDEV(t.Indicator,{isActive:i===n,version:e||o.CarouselVersion.V1,onClick:()=>k(i)},i,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:92,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:90,columnNumber:5},void 0),s.jsxDEV(d.Button,{buttonText:n===a.length-1?m||"Get started":"Next",buttonType:n===a.length-1||e===o.CarouselVersion.V2?"tertiary":"tertiaryGray",onClick:f,size:e===o.CarouselVersion.V2?"small":"medium",TrailingIcon:n<a.length-1?e===o.CarouselVersion.V2?V.default:N.default:void 0,style:e===o.CarouselVersion.V2?{}:{background:"transparent"}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:100,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:68,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/carousel-secondary/CarouselSecondary.tsx",lineNumber:60,columnNumber:3},void 0)};exports.CarouselVersion=o.CarouselVersion;exports.CarouselSecondary=v;
 //# sourceMappingURL=CarouselSecondary.js.map

package/dist/cjs/components/carousel-secondary/CarouselSecondary.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CarouselSecondary.js","sources":["../../../../src/components/carousel-secondary/CarouselSecondary.tsx"],"sourcesContent":["import ChevronLeftIcon2 from '@src/assets/icons/chevronLeft2.svg';\nimport ChevronLeftIcon from '@src/assets/icons/chevronLeft.svg';\nimport ChevronRightIcon2 from '@src/assets/icons/chevronRight2.svg';\nimport ChevronRightIcon from '@src/assets/icons/chevronRight.svg';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { Button } from '@src/components/button/Button';\nimport {\n\tCarouselBody,\n\tCarouselContainer,\n\tCarouselFooter,\n\tCarouselPage,\n\tIndicator,\n\tPageIndicator,\n} from './CarouselSecondary.style';\nimport { CarouselVersion } from './model';\n\nexport interface CarouselProps {\n\tpages: Array<React.FunctionComponent<React.SVGAttributes<SVGElement>> \| any>;\n\tonComplete: () => void;\n\ttextAlign?: string;\n\tversion?: CarouselVersion;\n\tonCompleteText?: string;\n}\n\nexport const CarouselSecondary: React.FC<CarouselProps> = ({\n\tpages,\n\tonComplete,\n\ttextAlign,\n\tversion,\n\tonCompleteText,\n}) => {\n\tconst [currentPage, setCurrentPage] = useState(0);\n\tconst carouselRef = useRef<HTMLDivElement>(null);\n\n\tconst handleNextPage = () => {\n\t\tsetCurrentPage((prevPage) =>\n\t\t\tprevPage === pages.length - 1 ? prevPage : prevPage + 1,\n\t\t);\n\t\tif (currentPage === pages.length - 1) onComplete();\n\t};\n\n\tconst handlePrevPage = () => {\n\t\tsetCurrentPage((prevPage) => (prevPage === 0 ? prevPage : prevPage - 1));\n\t};\n\n\tconst handlePageClick = (pageIndex) => {\n\t\tsetCurrentPage(pageIndex);\n\t};\n\n\tuseEffect(() => {\n\t\tif (carouselRef.current) {\n\t\t\tcarouselRef.current.scrollTo({\n\t\t\t\tleft: carouselRef.current.offsetWidth * currentPage,\n\t\t\t\tbehavior: 'smooth',\n\t\t\t});\n\t\t}\n\t}, [currentPage]);\n\n\treturn (\n\t\t<CarouselContainer version={version ? version : CarouselVersion.V1}>\n\t\t\t<CarouselBody ref={carouselRef} textAlign={textAlign}>\n\t\t\t\t{pages.map((page, index) => (\n\t\t\t\t\t<CarouselPage key={index} isActive={index === currentPage}>\n\t\t\t\t\t\t{page}\n\t\t\t\t\t</CarouselPage>\n\t\t\t\t))}\n\t\t\t</CarouselBody>\n\t\t\t<CarouselFooter version={version ? version : CarouselVersion.V1}>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tvisibility:\n\t\t\t\t\t\t\tversion === CarouselVersion.V2 && currentPage === 0\n\t\t\t\t\t\t\t\t? 'hidden'\n\t\t\t\t\t\t\t\t: 'visible',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={'Back'}\n\t\t\t\t\t\tbuttonType={'tertiaryGray'}\n\t\t\t\t\t\tonClick={handlePrevPage}\n\t\t\t\t\t\tsize={version === CarouselVersion.V2 ? 'small' : 'medium'}\n\t\t\t\t\t\tLeadingIcon={\n\t\t\t\t\t\t\tversion === CarouselVersion.V2\n\t\t\t\t\t\t\t\t? ChevronLeftIcon2\n\t\t\t\t\t\t\t\t: ChevronLeftIcon\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={!currentPage}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<PageIndicator>\n\t\t\t\t\t{pages.map((_, index) => (\n\t\t\t\t\t\t<Indicator\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tisActive={index === currentPage}\n\t\t\t\t\t\t\tversion={version ? version : CarouselVersion.V1}\n\t\t\t\t\t\t\tonClick={() => handlePageClick(index)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</PageIndicator>\n\t\t\t\t<Button\n\t\t\t\t\tbuttonText={\n\t\t\t\t\t\tcurrentPage === pages.length - 1\n\t\t\t\t\t\t\t? onCompleteText\n\t\t\t\t\t\t\t\t? onCompleteText\n\t\t\t\t\t\t\t\t: 'Get started'\n\t\t\t\t\t\t\t: 'Next'\n\t\t\t\t\t}\n\t\t\t\t\tbuttonType={\n\t\t\t\t\t\tcurrentPage === pages.length - 1\n\t\t\t\t\t\t\t? 'tertiary'\n\t\t\t\t\t\t\t: version === CarouselVersion.V2\n\t\t\t\t\t\t\t? 'tertiary'\n\t\t\t\t\t\t\t: 'tertiaryGray'\n\t\t\t\t\t}\n\t\t\t\t\tonClick={handleNextPage}\n\t\t\t\t\tsize={version === CarouselVersion.V2 ? 'small' : 'medium'}\n\t\t\t\t\tTrailingIcon={\n\t\t\t\t\t\tcurrentPage < pages.length - 1\n\t\t\t\t\t\t\t? version === CarouselVersion.V2\n\t\t\t\t\t\t\t\t? ChevronRightIcon2\n\t\t\t\t\t\t\t\t: ChevronRightIcon\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tstyle={\n\t\t\t\t\t\tversion === CarouselVersion.V2 ? {} : { background: 'transparent' }\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</CarouselFooter>\n\t\t</CarouselContainer>\n\t);\n};\nexport { CarouselVersion };\n"],"names":["CarouselSecondary","pages","onComplete","textAlign","version","onCompleteText","currentPage","setCurrentPage","useState","carouselRef","useRef","handleNextPage","prevPage","handlePrevPage","handlePageClick","pageIndex","useEffect","CarouselContainer","CarouselVersion","jsxDEV","CarouselBody","page","index","CarouselPage","this","CarouselFooter","Button","ChevronLeftIcon2","ChevronLeftIcon","PageIndicator","_","Indicator","ChevronRightIcon2","ChevronRightIcon"],"mappings":"+bAwBaA,EAA6C,CAAC,CAC1D,MAAAC,EACA,WAAAC,EACA,UAAAC,EACA,QAAAC,EACA,eAAAC,CACD,IAAM,CACL,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAS,CAAC,EAC1CC,EAAcC,EAAAA,OAAuB,IAAI,EAEzCC,EAAiB,IAAM,CAC5BJ,EAAgBK,GACfA,IAAaX,EAAM,OAAS,EAAIW,EAAWA,EAAW,CAAA,EAEnDN,IAAgBL,EAAM,OAAS,GAAGC,EAAA,CACvC,EAEMW,EAAiB,IAAM,CAC5BN,EAAgBK,GAAcA,IAAa,EAAIA,EAAWA,EAAW,CAAE,CACxE,EAEME,EAAmBC,GAAc,CACtCR,EAAeQ,CAAS,CACzB,EAEAC,OAAAA,EAAAA,UAAU,IAAM,CACXP,EAAY,SACfA,EAAY,QAAQ,SAAS,CAC5B,KAAMA,EAAY,QAAQ,YAAcH,EACxC,SAAU,QAAA,CACV,CAEH,EAAG,CAACA,CAAW,CAAC,WAGdW,EAAAA,kBAAA,CAAkB,QAASb,GAAoBc,EAAAA,gBAAgB,GAC/D,SAAA,CAAAC,SAACC,EAAAA,aAAA,CAAa,IAAKX,EAAa,UAAAN,EAC9B,WAAM,IAAI,CAACkB,EAAMC,aAChBC,EAAAA,aAAA,CAAyB,SAAUD,IAAUhB,EAC5C,YADiBgB,EAAnB,GAAA,CAAA,SAAA~~,+GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAE,MAEA,CACA,GALF,OAAA,GAAA,CAAA,SAAA~~,+GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAMA,WACCC,EAAAA,eAAA,CAAe,QAASrB,GAAoBc,EAAAA,gBAAgB,GAC5D,SAAA,CAAAC,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,WACCf,IAAYc,EAAAA,gBAAgB,IAAMZ,IAAgB,EAC/C,SACA,SAAA,EAGL,SAAAa,EAAAA,OAACO,EAAAA,OAAA,CACA,WAAY,OACZ,WAAY,eACZ,QAASb,EACT,KAAMT,IAAYc,EAAAA,gBAAgB,GAAK,QAAU,SACjD,YACCd,IAAYc,EAAAA,gBAAgB,GACzBS,EAAAA,QACAC,EAAAA,QAEJ,SAAU,CAACtB,CAAA,EAVZ,OAAA,GAAA,CAAA,SAAA~~,+GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAkB,MAAA,CAWA,EAnBD,OAAA,GAAA,CAAA,SAAA~~,+GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,WAqBCK,EAAAA,cAAA,CACC,SAAA5B,EAAM,IAAI,CAAC6B,EAAGR,IACdH,EAAAA,OAACY,EAAAA,UAAA,CAEA,SAAUT,IAAUhB,EACpB,QAASF,GAAoBc,EAAAA,gBAAgB,GAC7C,QAAS,IAAMJ,EAAgBQ,CAAK,CAAA,EAH/BA,EADN,GAAA,CAAA,SAAA~~,+GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,CAMA,CAAA,EARF,OAAA,GAAA,CAAA,SAAA~~,+GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,EACAL,EAAAA,OAACO,EAAAA,OAAA,CACA,WACCpB,IAAgBL,EAAM,OAAS,EAC5BI,GAEC,cACD,OAEJ,WACCC,IAAgBL,EAAM,OAAS,GAE5BG,IAAYc,EAAAA,gBAAgB,GAD5B,WAGA,eAEJ,QAASP,EACT,KAAMP,IAAYc,EAAAA,gBAAgB,GAAK,QAAU,SACjD,aACCZ,EAAcL,EAAM,OAAS,EAC1BG,IAAYc,EAAAA,gBAAgB,GAC3Bc,UACAC,EAAAA,QACD,OAEJ,MACC7B,IAAYc,EAAAA,gBAAgB,GAAK,CAAA,EAAK,CAAE,WAAY,aAAA,CAAc,EAzBpE,OAAA,GAAA,CAAA,SAAA~~,+GAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAM,MAAA,CA2BA,CAAA,EA3DD,OAAA,GAAA,CAAA,SAAA~~,+GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA4DA,CAAA,CAAA,EApED,OAAA,GAAA,CAAA,SAAA~~,+GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAqEA,CAEF"}
1	+ {"version":3,"file":"CarouselSecondary.js","sources":["../../../../src/components/carousel-secondary/CarouselSecondary.tsx"],"sourcesContent":["import ChevronLeftIcon2 from '@src/assets/icons/chevronLeft2.svg';\nimport ChevronLeftIcon from '@src/assets/icons/chevronLeft.svg';\nimport ChevronRightIcon2 from '@src/assets/icons/chevronRight2.svg';\nimport ChevronRightIcon from '@src/assets/icons/chevronRight.svg';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { Button } from '@src/components/button/Button';\nimport {\n\tCarouselBody,\n\tCarouselContainer,\n\tCarouselFooter,\n\tCarouselPage,\n\tIndicator,\n\tPageIndicator,\n} from './CarouselSecondary.style';\nimport { CarouselVersion } from './model';\n\nexport interface CarouselProps {\n\tpages: Array<React.FunctionComponent<React.SVGAttributes<SVGElement>> \| any>;\n\tonComplete: () => void;\n\ttextAlign?: string;\n\tversion?: CarouselVersion;\n\tonCompleteText?: string;\n}\n\nexport const CarouselSecondary: React.FC<CarouselProps> = ({\n\tpages,\n\tonComplete,\n\ttextAlign,\n\tversion,\n\tonCompleteText,\n}) => {\n\tconst [currentPage, setCurrentPage] = useState(0);\n\tconst carouselRef = useRef<HTMLDivElement>(null);\n\n\tconst handleNextPage = () => {\n\t\tsetCurrentPage((prevPage) =>\n\t\t\tprevPage === pages.length - 1 ? prevPage : prevPage + 1,\n\t\t);\n\t\tif (currentPage === pages.length - 1) onComplete();\n\t};\n\n\tconst handlePrevPage = () => {\n\t\tsetCurrentPage((prevPage) => (prevPage === 0 ? prevPage : prevPage - 1));\n\t};\n\n\tconst handlePageClick = (pageIndex) => {\n\t\tsetCurrentPage(pageIndex);\n\t};\n\n\tuseEffect(() => {\n\t\tif (carouselRef.current) {\n\t\t\tcarouselRef.current.scrollTo({\n\t\t\t\tleft: carouselRef.current.offsetWidth * currentPage,\n\t\t\t\tbehavior: 'smooth',\n\t\t\t});\n\t\t}\n\t}, [currentPage]);\n\n\treturn (\n\t\t<CarouselContainer version={version ? version : CarouselVersion.V1}>\n\t\t\t<CarouselBody ref={carouselRef} textAlign={textAlign}>\n\t\t\t\t{pages.map((page, index) => (\n\t\t\t\t\t<CarouselPage key={index} isActive={index === currentPage}>\n\t\t\t\t\t\t{page}\n\t\t\t\t\t</CarouselPage>\n\t\t\t\t))}\n\t\t\t</CarouselBody>\n\t\t\t<CarouselFooter version={version ? version : CarouselVersion.V1}>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tvisibility:\n\t\t\t\t\t\t\tversion === CarouselVersion.V2 && currentPage === 0\n\t\t\t\t\t\t\t\t? 'hidden'\n\t\t\t\t\t\t\t\t: 'visible',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={'Back'}\n\t\t\t\t\t\tbuttonType={'tertiaryGray'}\n\t\t\t\t\t\tonClick={handlePrevPage}\n\t\t\t\t\t\tsize={version === CarouselVersion.V2 ? 'small' : 'medium'}\n\t\t\t\t\t\tLeadingIcon={\n\t\t\t\t\t\t\tversion === CarouselVersion.V2\n\t\t\t\t\t\t\t\t? ChevronLeftIcon2\n\t\t\t\t\t\t\t\t: ChevronLeftIcon\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={!currentPage}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<PageIndicator>\n\t\t\t\t\t{pages.map((_, index) => (\n\t\t\t\t\t\t<Indicator\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tisActive={index === currentPage}\n\t\t\t\t\t\t\tversion={version ? version : CarouselVersion.V1}\n\t\t\t\t\t\t\tonClick={() => handlePageClick(index)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</PageIndicator>\n\t\t\t\t<Button\n\t\t\t\t\tbuttonText={\n\t\t\t\t\t\tcurrentPage === pages.length - 1\n\t\t\t\t\t\t\t? onCompleteText\n\t\t\t\t\t\t\t\t? onCompleteText\n\t\t\t\t\t\t\t\t: 'Get started'\n\t\t\t\t\t\t\t: 'Next'\n\t\t\t\t\t}\n\t\t\t\t\tbuttonType={\n\t\t\t\t\t\tcurrentPage === pages.length - 1\n\t\t\t\t\t\t\t? 'tertiary'\n\t\t\t\t\t\t\t: version === CarouselVersion.V2\n\t\t\t\t\t\t\t? 'tertiary'\n\t\t\t\t\t\t\t: 'tertiaryGray'\n\t\t\t\t\t}\n\t\t\t\t\tonClick={handleNextPage}\n\t\t\t\t\tsize={version === CarouselVersion.V2 ? 'small' : 'medium'}\n\t\t\t\t\tTrailingIcon={\n\t\t\t\t\t\tcurrentPage < pages.length - 1\n\t\t\t\t\t\t\t? version === CarouselVersion.V2\n\t\t\t\t\t\t\t\t? ChevronRightIcon2\n\t\t\t\t\t\t\t\t: ChevronRightIcon\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tstyle={\n\t\t\t\t\t\tversion === CarouselVersion.V2 ? {} : { background: 'transparent' }\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</CarouselFooter>\n\t\t</CarouselContainer>\n\t);\n};\nexport { CarouselVersion };\n"],"names":["CarouselSecondary","pages","onComplete","textAlign","version","onCompleteText","currentPage","setCurrentPage","useState","carouselRef","useRef","handleNextPage","prevPage","handlePrevPage","handlePageClick","pageIndex","useEffect","CarouselContainer","CarouselVersion","jsxDEV","CarouselBody","page","index","CarouselPage","this","CarouselFooter","Button","ChevronLeftIcon2","ChevronLeftIcon","PageIndicator","_","Indicator","ChevronRightIcon2","ChevronRightIcon"],"mappings":"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"}

package/dist/cjs/components/checkBox/CheckBox.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),c=require("react"),h=require("./CheckBox.styled.js"),t=require("../TypographyStyle.js"),l=require("../../constants/Theme.js"),y=e=>{const n=c.useMemo(()=>e.activeColor||l.COLORS.background.positive.vibrant,[e.activeColor]);return i.jsxDEV("svg",{width:e.isSmall?"16":"18",height:e.isSmall?"16":"18",viewBox:e.isSmall?"0 0 16 16":"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i.jsxDEV("rect",{x:"0",y:"0",width:e.isSmall?"16":"18",height:e.isSmall?"16":"18",rx:"4",fill:e.isDisabled?l.COLORS.content.inactive:n},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:56,columnNumber:4},void 0),!e.isPartial&&i.jsxDEV("svg",{width:e.isSmall?"8":"10",height:e.isSmall?"7":"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i.jsxDEV("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:74,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:65,columnNumber:5},void 0),e.isPartial&&i.jsxDEV("rect",{x:"5",y:e.isSmall?"7":"8",width:e.isSmall?"6":"8",height:"2",rx:"1",fill:l.COLORS.surface.standard},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:83,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:49,columnNumber:3},void 0)},S=e=>{const[n,a]=c.useState(e.isChecked||!1),[o,r]=c.useState(e.isPartiallyChecked||!1),[s,b]=c.useState(e.isDisabled||!1),[k,d]=c.useState(!1),[x,m]=c.useState(!1),f=N=>{if(!e.isDisabled){const u=!n;o?r(!o):a(u),e.onValueChange?.(u,e.value,N)}};c.useEffect(()=>{a(e.isChecked)},[e.isChecked]),c.useEffect(()=>{b(e.isDisabled||!1)},[e.isDisabled]),c.useEffect(()=>{r(e.isPartiallyChecked||!1)},[e.isPartiallyChecked]);const C=()=>e.label?e.boldOnChecked&&n||e.bold?e.labelSize==="DEFAULT"?i.jsxDEV(t.TitleRegular,{color:e.isDisabled?l.COLORS.text.disabled:l.COLORS.text.primary,children:e.label},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:137,columnNumber:6},void 0):i.jsxDEV(t.TitleSmall,{color:e.isDisabled?l.COLORS.text.disabled:l.COLORS.text.primary,children:e.label},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:147,columnNumber:5},void 0):e.size==="SMALL"?i.jsxDEV(t.BodySecondary,{color:e.isDisabled?l.COLORS.text.disabled:l.COLORS.text.primary,children:e.label},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:157,columnNumber:5},void 0):e.labelSize==="SMALL"?i.jsxDEV(t.BodySecondary,{color:e.isDisabled?l.COLORS.text.disabled:l.COLORS.text.primary,children:e.label},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:167,columnNumber:5},void 0):i.jsxDEV(t.BodyPrimary,{color:e.isDisabled?l.COLORS.text.disabled:l.COLORS.text.primary,children:e.label},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:176,columnNumber:4},void 0):i.jsxDEV(i.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:131,columnNumber:11},void 0);return i.jsxDEV(h.CheckboxContainer,{onClick:f,onMouseEnter:()=>d(!e.skipHoverState),onMouseLeave:()=>d(!1),onMouseDown:()=>m(!e.skipHoverState),onMouseUp:()=>m(!1),isDisabled:s,enableHover:e.enableHover,style:e.style??{},children:[i.jsxDEV(h.CheckboxIcon,{checked:n,hovered:k,clicked:x,isDisabled:s,size:e.size,borderColor:e.checkboxBorderColor,children:n&&i.jsxDEV(y,{isPartial:o||!1,isDisabled:s,isSmall:e.size==="SMALL",activeColor:e?.activeColor},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:204,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:195,columnNumber:4},void 0),C(),e.rightComponent]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:185,columnNumber:3},void 0)};exports.CheckBox=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),s=require("react"),k=require("./CheckBox.styled.js"),a=require("../TypographyStyle.js"),n=require("../../constants/Theme.js"),y=e=>{const l=s.useMemo(()=>e.activeColor||n.COLORS.background.positive.vibrant,[e.activeColor]);return i.jsxDEV("svg",{width:e.isSmall?"16":"18",height:e.isSmall?"16":"18",viewBox:e.isSmall?"0 0 16 16":"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i.jsxDEV("rect",{x:"0",y:"0",width:e.isSmall?"16":"18",height:e.isSmall?"16":"18",rx:"4",fill:e.isDisabled?n.COLORS.content.inactive:l},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:56,columnNumber:4},void 0),!e.isPartial&&i.jsxDEV("svg",{width:e.isSmall?"8":"10",height:e.isSmall?"7":"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i.jsxDEV("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:74,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:65,columnNumber:5},void 0),e.isPartial&&i.jsxDEV("rect",{x:"5",y:e.isSmall?"7":"8",width:e.isSmall?"6":"8",height:"2",rx:"1",fill:n.COLORS.surface.standard},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:83,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:49,columnNumber:3},void 0)},D=e=>{const[l,r]=s.useState(e.isChecked||!1),[o,c]=s.useState(e.isPartiallyChecked||!1),[t,u]=s.useState(e.isDisabled||!1),[h,m]=s.useState(!1),[x,b]=s.useState(!1),f=C=>{if(!e.isDisabled){const d=!l;o?c(!o):r(d),e.onValueChange?.(d,e.value,C)}};s.useEffect(()=>{r(e.isChecked)},[e.isChecked]),s.useEffect(()=>{u(e.isDisabled||!1)},[e.isDisabled]),s.useEffect(()=>{c(e.isPartiallyChecked||!1)},[e.isPartiallyChecked]);const v=()=>e.label?e.boldOnChecked&&l||e.bold?e.labelSize==="DEFAULT"?i.jsxDEV(a.TitleRegular,{color:e.isDisabled?n.COLORS.text.disabled:n.COLORS.text.primary,children:e.label},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:137,columnNumber:6},void 0):i.jsxDEV(a.TitleSmall,{color:e.isDisabled?n.COLORS.text.disabled:n.COLORS.text.primary,children:e.label},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:147,columnNumber:5},void 0):e.size==="SMALL"?i.jsxDEV(a.BodySecondary,{color:e.isDisabled?n.COLORS.text.disabled:n.COLORS.text.primary,children:e.label},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:157,columnNumber:5},void 0):e.labelSize==="SMALL"?i.jsxDEV(a.BodySecondary,{color:e.isDisabled?n.COLORS.text.disabled:n.COLORS.text.primary,children:e.label},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:167,columnNumber:5},void 0):i.jsxDEV(a.BodyPrimary,{color:e.isDisabled?n.COLORS.text.disabled:n.COLORS.text.primary,children:e.label},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:176,columnNumber:4},void 0):i.jsxDEV(i.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:131,columnNumber:11},void 0);return i.jsxDEV(k.CheckboxContainer,{onClick:f,onMouseEnter:()=>m(!e.skipHoverState),onMouseLeave:()=>m(!1),onMouseDown:()=>b(!e.skipHoverState),onMouseUp:()=>b(!1),isDisabled:t,enableHover:e.enableHover,style:e.style??{},children:[i.jsxDEV(k.CheckboxIcon,{checked:l,hovered:h,clicked:x,isDisabled:t,size:e.size,borderColor:e.checkboxBorderColor,children:l&&i.jsxDEV(y,{isPartial:o||!1,isDisabled:t,isSmall:e.size==="SMALL",activeColor:e?.activeColor},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:204,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:195,columnNumber:4},void 0),v(),e.rightComponent]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkBox/CheckBox.tsx",lineNumber:185,columnNumber:3},void 0)};exports.CheckBox=D;
 //# sourceMappingURL=CheckBox.js.map

package/dist/cjs/components/checkBox/CheckBox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckBox.js","sources":["../../../../src/components/checkBox/CheckBox.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport {\n\tCheckboxContainer,\n\tCheckboxIcon,\n} from '@src/components/checkBox/CheckBox.styled';\nimport {\n\tBodyPrimary,\n\tBodySecondary,\n\tTitleRegular,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport type CheckBoxProps = {\n\tisChecked: boolean;\n\tisPartiallyChecked?: boolean;\n\tisDisabled?: boolean;\n\tvalue?: string;\n\tonValueChange: (\n\t\tchecked: boolean,\n\t\tvalue?: string,\n\t\tevent?: React.MouseEvent,\n\t) => void;\n\tlabel?: string;\n\tsize?: 'DEFAULT' \| 'SMALL';\n\tskipHoverState?: boolean;\n\tlabelSize?: 'DEFAULT' \| 'SMALL';\n\trightComponent?: JSX.Element;\n\tcheckboxBorderColor?: string;\n\tboldOnChecked?: boolean;\n\tbold?: boolean;\n\tstyle?: React.CSSProperties;\n\tenableHover?: boolean;\n\tactiveColor?: string;\n};\n\nconst CheckMark: React.FC<{\n\tisPartial: boolean;\n\tisDisabled: boolean;\n\tisSmall: boolean;\n\tactiveColor?: string;\n}> = (props) => {\n\tconst fillColor = useMemo(\n\t\t() => props.activeColor \|\| COLORS.background.positive.vibrant,\n\t\t[props.activeColor],\n\t);\n\n\treturn (\n\t\t<svg\n\t\t\twidth={props.isSmall ? '16' : '18'}\n\t\t\theight={props.isSmall ? '16' : '18'}\n\t\t\tviewBox={props.isSmall ? '0 0 16 16' : '0 0 18 18'}\n\t\t\tfill=\"none\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t>\n\t\t\t<rect\n\t\t\t\tx=\"0\"\n\t\t\t\ty=\"0\"\n\t\t\t\twidth={props.isSmall ? '16' : '18'}\n\t\t\t\theight={props.isSmall ? '16' : '18'}\n\t\t\t\trx=\"4\"\n\t\t\t\tfill={props.isDisabled ? COLORS.content.inactive : fillColor}\n\t\t\t/>\n\t\t\t{!props.isPartial && (\n\t\t\t\t<svg\n\t\t\t\t\twidth={props.isSmall ? '8' : '10'}\n\t\t\t\t\theight={props.isSmall ? '7' : '9'}\n\t\t\t\t\tx=\"4\"\n\t\t\t\t\ty=\"4\"\n\t\t\t\t\tviewBox=\"0 0 10 9\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\t\t\tclipRule=\"evenodd\"\n\t\t\t\t\t\td=\"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z\"\n\t\t\t\t\t\tfill=\"white\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t)}\n\t\t\t{props.isPartial && (\n\t\t\t\t<rect\n\t\t\t\t\tx=\"5\"\n\t\t\t\t\ty={props.isSmall ? '7' : '8'}\n\t\t\t\t\twidth={props.isSmall ? '6' : '8'}\n\t\t\t\t\theight=\"2\"\n\t\t\t\t\trx=\"1\"\n\t\t\t\t\tfill={COLORS.surface.standard}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</svg>\n\t);\n};\n\nexport const CheckBox: React.FC<CheckBoxProps> = (props) => {\n\tconst [isChecked, setIsChecked] = useState(props.isChecked \|\| false);\n\tconst [isPartiallyChecked, setIsPartiallyChecked] = useState(\n\t\tprops.isPartiallyChecked \|\| false,\n\t);\n\tconst [isDisabled, setIsDisabled] = useState(props.isDisabled \|\| false);\n\tconst [isHovered, setIsHovered] = useState(false);\n\tconst [isClicked, setIsClicked] = useState(false);\n\n\tconst handleCheck = (event: React.MouseEvent) => {\n\t\tif (!props.isDisabled) {\n\t\t\tconst newVal = !isChecked;\n\t\t\tif (isPartiallyChecked) {\n\t\t\t\tsetIsPartiallyChecked(!isPartiallyChecked);\n\t\t\t} else {\n\t\t\t\tsetIsChecked(newVal);\n\t\t\t}\n\t\t\tprops.onValueChange?.(newVal, props.value, event);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tsetIsChecked(props.isChecked);\n\t}, [props.isChecked]);\n\n\tuseEffect(() => {\n\t\tsetIsDisabled(props.isDisabled \|\| false);\n\t}, [props.isDisabled]);\n\n\tuseEffect(() => {\n\t\tsetIsPartiallyChecked(props.isPartiallyChecked \|\| false);\n\t}, [props.isPartiallyChecked]);\n\n\tconst renderLabel = () => {\n\t\tif (!props.label) {\n\t\t\treturn <></>;\n\t\t}\n\n\t\tif ((props.boldOnChecked && isChecked) \|\| props.bold) {\n\t\t\tif (props.labelSize === 'DEFAULT') {\n\t\t\t\treturn (\n\t\t\t\t\t<TitleRegular\n\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\tprops.isDisabled ? COLORS.text.disabled : COLORS.text.primary\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.label}\n\t\t\t\t\t</TitleRegular>\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<TitleSmall\n\t\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t\t>\n\t\t\t\t\t{props.label}\n\t\t\t\t</TitleSmall>\n\t\t\t);\n\t\t}\n\n\t\tif (props.size === 'SMALL') {\n\t\t\treturn (\n\t\t\t\t<BodySecondary\n\t\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t\t>\n\t\t\t\t\t{props.label}\n\t\t\t\t</BodySecondary>\n\t\t\t);\n\t\t}\n\n\t\tif (props.labelSize === 'SMALL') {\n\t\t\treturn (\n\t\t\t\t<BodySecondary\n\t\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t\t>\n\t\t\t\t\t{props.label}\n\t\t\t\t</BodySecondary>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<BodyPrimary\n\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t>\n\t\t\t\t{props.label}\n\t\t\t</BodyPrimary>\n\t\t);\n\t};\n\n\treturn (\n\t\t<CheckboxContainer\n\t\t\tonClick={handleCheck}\n\t\t\tonMouseEnter={() => setIsHovered(!props.skipHoverState)}\n\t\t\tonMouseLeave={() => setIsHovered(false)}\n\t\t\tonMouseDown={() => setIsClicked(!props.skipHoverState)}\n\t\t\tonMouseUp={() => setIsClicked(false)}\n\t\t\tisDisabled={isDisabled}\n\t\t\tenableHover={props.enableHover}\n\t\t\tstyle={props.style ?? {}}\n\t\t>\n\t\t\t<CheckboxIcon\n\t\t\t\tchecked={isChecked}\n\t\t\t\thovered={isHovered}\n\t\t\t\tclicked={isClicked}\n\t\t\t\tisDisabled={isDisabled}\n\t\t\t\tsize={props.size}\n\t\t\t\tborderColor={props.checkboxBorderColor}\n\t\t\t>\n\t\t\t\t{isChecked && (\n\t\t\t\t\t<CheckMark\n\t\t\t\t\t\tisPartial={isPartiallyChecked \|\| false}\n\t\t\t\t\t\tisDisabled={isDisabled}\n\t\t\t\t\t\tisSmall={props.size === 'SMALL'}\n\t\t\t\t\t\tactiveColor={props?.activeColor}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</CheckboxIcon>\n\t\t\t{renderLabel()}\n\t\t\t{props.rightComponent}\n\t\t</CheckboxContainer>\n\t);\n};\n"],"names":["CheckMark","props","fillColor","useMemo","COLORS","jsxDEV","this","CheckBox","isChecked","setIsChecked","useState","isPartiallyChecked","setIsPartiallyChecked","isDisabled","setIsDisabled","isHovered","setIsHovered","isClicked","setIsClicked","handleCheck","event","newVal","useEffect","renderLabel","TitleRegular","TitleSmall","BodySecondary","BodyPrimary","Fragment","CheckboxContainer","CheckboxIcon"],"mappings":"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"}
1	+ {"version":3,"file":"CheckBox.js","sources":["../../../../src/components/checkBox/CheckBox.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport {\n\tCheckboxContainer,\n\tCheckboxIcon,\n} from '@src/components/checkBox/CheckBox.styled';\nimport {\n\tBodyPrimary,\n\tBodySecondary,\n\tTitleRegular,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport type CheckBoxProps = {\n\tisChecked: boolean;\n\tisPartiallyChecked?: boolean;\n\tisDisabled?: boolean;\n\tvalue?: string;\n\tonValueChange: (\n\t\tchecked: boolean,\n\t\tvalue?: string,\n\t\tevent?: React.MouseEvent,\n\t) => void;\n\tlabel?: string;\n\tsize?: 'DEFAULT' \| 'SMALL';\n\tskipHoverState?: boolean;\n\tlabelSize?: 'DEFAULT' \| 'SMALL';\n\trightComponent?: JSX.Element;\n\tcheckboxBorderColor?: string;\n\tboldOnChecked?: boolean;\n\tbold?: boolean;\n\tstyle?: React.CSSProperties;\n\tenableHover?: boolean;\n\tactiveColor?: string;\n};\n\nconst CheckMark: React.FC<{\n\tisPartial: boolean;\n\tisDisabled: boolean;\n\tisSmall: boolean;\n\tactiveColor?: string;\n}> = (props) => {\n\tconst fillColor = useMemo(\n\t\t() => props.activeColor \|\| COLORS.background.positive.vibrant,\n\t\t[props.activeColor],\n\t);\n\n\treturn (\n\t\t<svg\n\t\t\twidth={props.isSmall ? '16' : '18'}\n\t\t\theight={props.isSmall ? '16' : '18'}\n\t\t\tviewBox={props.isSmall ? '0 0 16 16' : '0 0 18 18'}\n\t\t\tfill=\"none\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t>\n\t\t\t<rect\n\t\t\t\tx=\"0\"\n\t\t\t\ty=\"0\"\n\t\t\t\twidth={props.isSmall ? '16' : '18'}\n\t\t\t\theight={props.isSmall ? '16' : '18'}\n\t\t\t\trx=\"4\"\n\t\t\t\tfill={props.isDisabled ? COLORS.content.inactive : fillColor}\n\t\t\t/>\n\t\t\t{!props.isPartial && (\n\t\t\t\t<svg\n\t\t\t\t\twidth={props.isSmall ? '8' : '10'}\n\t\t\t\t\theight={props.isSmall ? '7' : '9'}\n\t\t\t\t\tx=\"4\"\n\t\t\t\t\ty=\"4\"\n\t\t\t\t\tviewBox=\"0 0 10 9\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\t\t\tclipRule=\"evenodd\"\n\t\t\t\t\t\td=\"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z\"\n\t\t\t\t\t\tfill=\"white\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t)}\n\t\t\t{props.isPartial && (\n\t\t\t\t<rect\n\t\t\t\t\tx=\"5\"\n\t\t\t\t\ty={props.isSmall ? '7' : '8'}\n\t\t\t\t\twidth={props.isSmall ? '6' : '8'}\n\t\t\t\t\theight=\"2\"\n\t\t\t\t\trx=\"1\"\n\t\t\t\t\tfill={COLORS.surface.standard}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</svg>\n\t);\n};\n\nexport const CheckBox: React.FC<CheckBoxProps> = (props) => {\n\tconst [isChecked, setIsChecked] = useState(props.isChecked \|\| false);\n\tconst [isPartiallyChecked, setIsPartiallyChecked] = useState(\n\t\tprops.isPartiallyChecked \|\| false,\n\t);\n\tconst [isDisabled, setIsDisabled] = useState(props.isDisabled \|\| false);\n\tconst [isHovered, setIsHovered] = useState(false);\n\tconst [isClicked, setIsClicked] = useState(false);\n\n\tconst handleCheck = (event: React.MouseEvent) => {\n\t\tif (!props.isDisabled) {\n\t\t\tconst newVal = !isChecked;\n\t\t\tif (isPartiallyChecked) {\n\t\t\t\tsetIsPartiallyChecked(!isPartiallyChecked);\n\t\t\t} else {\n\t\t\t\tsetIsChecked(newVal);\n\t\t\t}\n\t\t\tprops.onValueChange?.(newVal, props.value, event);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tsetIsChecked(props.isChecked);\n\t}, [props.isChecked]);\n\n\tuseEffect(() => {\n\t\tsetIsDisabled(props.isDisabled \|\| false);\n\t}, [props.isDisabled]);\n\n\tuseEffect(() => {\n\t\tsetIsPartiallyChecked(props.isPartiallyChecked \|\| false);\n\t}, [props.isPartiallyChecked]);\n\n\tconst renderLabel = () => {\n\t\tif (!props.label) {\n\t\t\treturn <></>;\n\t\t}\n\n\t\tif ((props.boldOnChecked && isChecked) \|\| props.bold) {\n\t\t\tif (props.labelSize === 'DEFAULT') {\n\t\t\t\treturn (\n\t\t\t\t\t<TitleRegular\n\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\tprops.isDisabled ? COLORS.text.disabled : COLORS.text.primary\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.label}\n\t\t\t\t\t</TitleRegular>\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<TitleSmall\n\t\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t\t>\n\t\t\t\t\t{props.label}\n\t\t\t\t</TitleSmall>\n\t\t\t);\n\t\t}\n\n\t\tif (props.size === 'SMALL') {\n\t\t\treturn (\n\t\t\t\t<BodySecondary\n\t\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t\t>\n\t\t\t\t\t{props.label}\n\t\t\t\t</BodySecondary>\n\t\t\t);\n\t\t}\n\n\t\tif (props.labelSize === 'SMALL') {\n\t\t\treturn (\n\t\t\t\t<BodySecondary\n\t\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t\t>\n\t\t\t\t\t{props.label}\n\t\t\t\t</BodySecondary>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<BodyPrimary\n\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t>\n\t\t\t\t{props.label}\n\t\t\t</BodyPrimary>\n\t\t);\n\t};\n\n\treturn (\n\t\t<CheckboxContainer\n\t\t\tonClick={handleCheck}\n\t\t\tonMouseEnter={() => setIsHovered(!props.skipHoverState)}\n\t\t\tonMouseLeave={() => setIsHovered(false)}\n\t\t\tonMouseDown={() => setIsClicked(!props.skipHoverState)}\n\t\t\tonMouseUp={() => setIsClicked(false)}\n\t\t\tisDisabled={isDisabled}\n\t\t\tenableHover={props.enableHover}\n\t\t\tstyle={props.style ?? {}}\n\t\t>\n\t\t\t<CheckboxIcon\n\t\t\t\tchecked={isChecked}\n\t\t\t\thovered={isHovered}\n\t\t\t\tclicked={isClicked}\n\t\t\t\tisDisabled={isDisabled}\n\t\t\t\tsize={props.size}\n\t\t\t\tborderColor={props.checkboxBorderColor}\n\t\t\t>\n\t\t\t\t{isChecked && (\n\t\t\t\t\t<CheckMark\n\t\t\t\t\t\tisPartial={isPartiallyChecked \|\| false}\n\t\t\t\t\t\tisDisabled={isDisabled}\n\t\t\t\t\t\tisSmall={props.size === 'SMALL'}\n\t\t\t\t\t\tactiveColor={props?.activeColor}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</CheckboxIcon>\n\t\t\t{renderLabel()}\n\t\t\t{props.rightComponent}\n\t\t</CheckboxContainer>\n\t);\n};\n"],"names":["CheckMark","props","fillColor","useMemo","COLORS","jsxDEV","this","CheckBox","isChecked","setIsChecked","useState","isPartiallyChecked","setIsPartiallyChecked","isDisabled","setIsDisabled","isHovered","setIsHovered","isClicked","setIsClicked","handleCheck","event","newVal","useEffect","renderLabel","TitleRegular","TitleSmall","BodySecondary","BodyPrimary","Fragment","CheckboxContainer","CheckboxIcon"],"mappings":"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"}

package/dist/cjs/components/checkList/CheckList.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),l=require("react"),d=require("./CheckList.styled.js"),u=require("../TypographyStyle.js"),k=require("../../constants/Theme.js"),b=require("../checkBox/CheckBox.js"),f=e=>{const[s,c]=l.useState(e.listItems);l.useEffect(()=>{c(e.listItems)},[e.listItems]);const a=(i,m)=>{const r=[...s],o=s.find(n=>n.value===m);o&&(o.isChecked=i),c(r);const h=r.filter(n=>n.isChecked);e.onChange(h)};return t.jsxDEV(d.CheckListStyled,{children:[(e.title||e.subTitle)&&t.jsxDEV("div",{className:"title__container",children:[e.title&&t.jsxDEV(u.TitleRegular,{children:e.title},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/checkList/CheckList.tsx",lineNumber:48,columnNumber:22},void 0),e.subTitle&&t.jsxDEV(u.BodySecondary,{color:k.COLORS.text.secondary,children:e.subTitle},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/checkList/CheckList.tsx",lineNumber:50,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/checkList/CheckList.tsx",lineNumber:47,columnNumber:5},void 0),t.jsxDEV("div",{style:e.listContainerStyles??{},className:"list__container",children:s.map(i=>t.jsxDEV(b.CheckBox,{...i,onValueChange:a},i.value,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/checkList/CheckList.tsx",lineNumber:59,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/checkList/CheckList.tsx",lineNumber:56,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/checkList/CheckList.tsx",lineNumber:45,columnNumber:3},void 0)};exports.CheckList=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),l=require("react"),h=require("./CheckList.styled.js"),a=require("../TypographyStyle.js"),b=require("../../constants/Theme.js"),d=require("../checkBox/CheckBox.js"),y=e=>{const[s,c]=l.useState(e.listItems);l.useEffect(()=>{c(e.listItems)},[e.listItems]);const m=(t,u)=>{const r=[...s],o=s.find(n=>n.value===u);o&&(o.isChecked=t),c(r);const k=r.filter(n=>n.isChecked);e.onChange(k)};return i.jsxDEV(h.CheckListStyled,{children:[(e.title||e.subTitle)&&i.jsxDEV("div",{className:"title__container",children:[e.title&&i.jsxDEV(a.TitleRegular,{children:e.title},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkList/CheckList.tsx",lineNumber:48,columnNumber:22},void 0),e.subTitle&&i.jsxDEV(a.BodySecondary,{color:b.COLORS.text.secondary,children:e.subTitle},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkList/CheckList.tsx",lineNumber:50,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkList/CheckList.tsx",lineNumber:47,columnNumber:5},void 0),i.jsxDEV("div",{style:e.listContainerStyles??{},className:"list__container",children:s.map(t=>i.jsxDEV(d.CheckBox,{...t,onValueChange:m},t.value,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkList/CheckList.tsx",lineNumber:59,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkList/CheckList.tsx",lineNumber:56,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/checkList/CheckList.tsx",lineNumber:45,columnNumber:3},void 0)};exports.CheckList=y;
 //# sourceMappingURL=CheckList.js.map

package/dist/cjs/components/checkList/CheckList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckList.js","sources":["../../../../src/components/checkList/CheckList.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { CheckBox, CheckBoxProps } from '@src/components/checkBox';\nimport { CheckListStyled } from '@src/components/checkList/CheckList.styled';\nimport { BodySecondary, TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\ntype CheckListItem = Omit<\n\tCheckBoxProps,\n\t'onValueChange' \| 'controlFromOutside'\n> & {\n\tvalue: string;\n};\n\nexport type CheckListProps = {\n\ttitle?: string;\n\tsubTitle?: string;\n\tlistItems: CheckListItem[];\n\tonChange: (options: CheckListItem[]) => void;\n\tlistContainerStyles?: React.CSSProperties;\n};\n\nexport const CheckList: React.FC<CheckListProps> = (props) => {\n\tconst [listOptions, setListOptions] = useState<CheckListItem[]>(\n\t\tprops.listItems,\n\t);\n\n\tuseEffect(() => {\n\t\tsetListOptions(props.listItems);\n\t}, [props.listItems]);\n\n\tconst onOptionClicked = (checked: boolean, value: string \| undefined) => {\n\t\tconst temptListOptions = [...listOptions];\n\t\tconst changedOption = listOptions.find((option) => option.value === value);\n\t\tif (changedOption) {\n\t\t\tchangedOption['isChecked'] = checked;\n\t\t}\n\t\tsetListOptions(temptListOptions);\n\t\tconst selectedOptions = temptListOptions.filter(\n\t\t\t(option) => option.isChecked,\n\t\t);\n\t\tprops.onChange(selectedOptions);\n\t};\n\n\treturn (\n\t\t<CheckListStyled>\n\t\t\t{(props.title \|\| props.subTitle) && (\n\t\t\t\t<div className=\"title__container\">\n\t\t\t\t\t{props.title && <TitleRegular>{props.title}</TitleRegular>}\n\t\t\t\t\t{props.subTitle && (\n\t\t\t\t\t\t<BodySecondary color={COLORS.text.secondary}>\n\t\t\t\t\t\t\t{props.subTitle}\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div style={props.listContainerStyles ?? {}} className=\"list__container\">\n\t\t\t\t{listOptions.map((listItem) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<CheckBox\n\t\t\t\t\t\t\tkey={listItem.value}\n\t\t\t\t\t\t\t{...listItem}\n\t\t\t\t\t\t\tonValueChange={onOptionClicked}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</CheckListStyled>\n\t);\n};\n"],"names":["CheckList","props","listOptions","setListOptions","useState","useEffect","onOptionClicked","checked","value","temptListOptions","changedOption","option","selectedOptions","CheckListStyled","jsxDEV","TitleRegular","this","BodySecondary","COLORS","listItem","CheckBox"],"mappings":"6RAqBaA,EAAuCC,GAAU,CAC7D,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SACrCH,EAAM,SAAA,EAGPI,EAAAA,UAAU,IAAM,CACfF,EAAeF,EAAM,SAAS,CAC/B,EAAG,CAACA,EAAM,SAAS,CAAC,EAEpB,MAAMK,EAAkB,CAACC,EAAkBC,IAA8B,CACxE,MAAMC,EAAmB,CAAC,GAAGP,CAAW,EAClCQ,EAAgBR,EAAY,KAAMS,GAAWA,EAAO,QAAUH,CAAK,EACrEE,IACHA,EAAc,UAAeH,GAE9BJ,EAAeM,CAAgB,EAC/B,MAAMG,EAAkBH,EAAiB,OACvCE,GAAWA,EAAO,SAAA,EAEpBV,EAAM,SAASW,CAAe,CAC/B,EAEA,gBACEC,kBAAA,CACE,SAAA,EAAAZ,EAAM,OAASA,EAAM,WACtBa,SAAC,MAAA,CAAI,UAAU,mBACb,SAAA,CAAAb,EAAM,OAASa,EAAAA,OAACC,eAAA,CAAc,SAAAd,EAAM,KAAA,EAArB,OAAA,GAAA,CAAA,SAAA,~~8FAAA~~,WAAA,GAAA,aAAA,EAAA,EAAAe,MAA2B,EAC1Cf,EAAM,UACNa,EAAAA,OAACG,EAAAA,cAAA,CAAc,MAAOC,EAAAA,OAAO,KAAK,UAChC,SAAAjB,EAAM,QAAA,EADR,OAAA,GAAA,CAAA,SAAA,~~8FAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAe,MAEA,CAAA,CAAA,EALF,OAAA,GAAA,CAAA,SAAA,~~8FAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAOA,EAEDF,EAAAA,OAAC,MAAA,CAAI,MAAOb,EAAM,qBAAuB,CAAA,EAAI,UAAU,kBACrD,SAAAC,EAAY,IAAKiB,GAEhBL,EAAAA,OAACM,EAAAA,SAAA,CAEC,GAAGD,EACJ,cAAeb,CAAA,EAFVa,EAAS,MADf,GAAA,CAAA,SAAA,~~8FAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAA,CAMD,CAAA,EATF,OAAA,GAAA,CAAA,SAAA,~~8FAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAUA,CAAA,CAAA,EArBD,OAAA,GAAA,CAAA,SAAA,~~8FAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAsBA,CAEF"}
1	+ {"version":3,"file":"CheckList.js","sources":["../../../../src/components/checkList/CheckList.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { CheckBox, CheckBoxProps } from '@src/components/checkBox';\nimport { CheckListStyled } from '@src/components/checkList/CheckList.styled';\nimport { BodySecondary, TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\ntype CheckListItem = Omit<\n\tCheckBoxProps,\n\t'onValueChange' \| 'controlFromOutside'\n> & {\n\tvalue: string;\n};\n\nexport type CheckListProps = {\n\ttitle?: string;\n\tsubTitle?: string;\n\tlistItems: CheckListItem[];\n\tonChange: (options: CheckListItem[]) => void;\n\tlistContainerStyles?: React.CSSProperties;\n};\n\nexport const CheckList: React.FC<CheckListProps> = (props) => {\n\tconst [listOptions, setListOptions] = useState<CheckListItem[]>(\n\t\tprops.listItems,\n\t);\n\n\tuseEffect(() => {\n\t\tsetListOptions(props.listItems);\n\t}, [props.listItems]);\n\n\tconst onOptionClicked = (checked: boolean, value: string \| undefined) => {\n\t\tconst temptListOptions = [...listOptions];\n\t\tconst changedOption = listOptions.find((option) => option.value === value);\n\t\tif (changedOption) {\n\t\t\tchangedOption['isChecked'] = checked;\n\t\t}\n\t\tsetListOptions(temptListOptions);\n\t\tconst selectedOptions = temptListOptions.filter(\n\t\t\t(option) => option.isChecked,\n\t\t);\n\t\tprops.onChange(selectedOptions);\n\t};\n\n\treturn (\n\t\t<CheckListStyled>\n\t\t\t{(props.title \|\| props.subTitle) && (\n\t\t\t\t<div className=\"title__container\">\n\t\t\t\t\t{props.title && <TitleRegular>{props.title}</TitleRegular>}\n\t\t\t\t\t{props.subTitle && (\n\t\t\t\t\t\t<BodySecondary color={COLORS.text.secondary}>\n\t\t\t\t\t\t\t{props.subTitle}\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div style={props.listContainerStyles ?? {}} className=\"list__container\">\n\t\t\t\t{listOptions.map((listItem) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<CheckBox\n\t\t\t\t\t\t\tkey={listItem.value}\n\t\t\t\t\t\t\t{...listItem}\n\t\t\t\t\t\t\tonValueChange={onOptionClicked}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</CheckListStyled>\n\t);\n};\n"],"names":["CheckList","props","listOptions","setListOptions","useState","useEffect","onOptionClicked","checked","value","temptListOptions","changedOption","option","selectedOptions","CheckListStyled","jsxDEV","TitleRegular","this","BodySecondary","COLORS","listItem","CheckBox"],"mappings":"6RAqBaA,EAAuCC,GAAU,CAC7D,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SACrCH,EAAM,SAAA,EAGPI,EAAAA,UAAU,IAAM,CACfF,EAAeF,EAAM,SAAS,CAC/B,EAAG,CAACA,EAAM,SAAS,CAAC,EAEpB,MAAMK,EAAkB,CAACC,EAAkBC,IAA8B,CACxE,MAAMC,EAAmB,CAAC,GAAGP,CAAW,EAClCQ,EAAgBR,EAAY,KAAMS,GAAWA,EAAO,QAAUH,CAAK,EACrEE,IACHA,EAAc,UAAeH,GAE9BJ,EAAeM,CAAgB,EAC/B,MAAMG,EAAkBH,EAAiB,OACvCE,GAAWA,EAAO,SAAA,EAEpBV,EAAM,SAASW,CAAe,CAC/B,EAEA,gBACEC,kBAAA,CACE,SAAA,EAAAZ,EAAM,OAASA,EAAM,WACtBa,SAAC,MAAA,CAAI,UAAU,mBACb,SAAA,CAAAb,EAAM,OAASa,EAAAA,OAACC,eAAA,CAAc,SAAAd,EAAM,KAAA,EAArB,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,EAAA,EAAAe,MAA2B,EAC1Cf,EAAM,UACNa,EAAAA,OAACG,EAAAA,cAAA,CAAc,MAAOC,EAAAA,OAAO,KAAK,UAChC,SAAAjB,EAAM,QAAA,EADR,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAAe,MAEA,CAAA,CAAA,EALF,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAOA,EAEDF,EAAAA,OAAC,MAAA,CAAI,MAAOb,EAAM,qBAAuB,CAAA,EAAI,UAAU,kBACrD,SAAAC,EAAY,IAAKiB,GAEhBL,EAAAA,OAACM,EAAAA,SAAA,CAEC,GAAGD,EACJ,cAAeb,CAAA,EAFVa,EAAS,MADf,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAA,CAMD,CAAA,EATF,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAUA,CAAA,CAAA,EArBD,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAsBA,CAEF"}

package/dist/cjs/components/code-block/CodeBlock.js CHANGED Viewed

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("../../_virtual/dynamic-import-helper.js"),e=require("react/jsx-dev-runtime"),i=require("react"),E=require("../toaster/Toaster.js"),r=require("./CodeBlock.styled.js"),T=require("./CodeBlockHelper.js"),V=require("./types.js"),U=({code:n="",language:t=V.CodeLanguage.JAVASCRIPT,title:l="",hideLineNumbers:k=!1,maxHeight:h="400px",maxWidth:C,theme:s="dark",hideHeader:N=!1,hideCopy:j=!1})=>{const[x,d]=i.useState(!1),[y,a]=i.useState(!1),[u,m]=i.useState("success"),v=async()=>{try{await navigator.clipboard.writeText(n),d(!0),m("success"),a(!0),setTimeout(()=>d(!1),2e3)}catch{m("error"),a(!0)}},[B,b]=i.useState(n);i.useEffect(()=>{let o=!0;return(async()=>{try{const f=await D.default(Object.assign({"./languageSpecificFormatting/html_file.ts":()=>Promise.resolve().then(()=>require("./languageSpecificFormatting/html_file.js")),"./languageSpecificFormatting/javascript_file.ts":()=>Promise.resolve().then(()=>require("./languageSpecificFormatting/javascript_file.js"))}),`./languageSpecificFormatting/${t}_file.ts`,3);if(f?.format&&o){b(f.format(n));return}}catch{}o&&b(n)})(),()=>{o=!1}},[n,t]);const p=B.split(`
-`),g=o=>({javascript:"#FEC02D",python:"#3776ab",java:"#ed8b00",css:"#1572b6",html:"#e34c26",json:"#000000"})[o.toLowerCase()]||(s==="dark"?"#6e7681":"#656d76"),P=o=>({javascript:"#000"})?.[o.toLowerCase()]||"#fff";return e.jsxDEV(r.Container,{themeMode:s,maxWidth:C,children:[!N&&e.jsxDEV(r.Header,{themeMode:s,children:[e.jsxDEV(r.TitleSection,{children:[!!l&&l&&e.jsxDEV(r.Title,{themeMode:s,children:l},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:104,columnNumber:28},void 0),e.jsxDEV(r.LanguageBadge,{bg:g(t),color:P(t),children:t},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:105,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:103,columnNumber:6},void 0),!j&&e.jsxDEV(r.CopyButton,{themeMode:s,onClick:v,children:x?e.jsxDEV(e.Fragment,{children:"✓ Copied"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:114,columnNumber:18},void 0):e.jsxDEV(e.Fragment,{children:"Copy"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:114,columnNumber:34},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:113,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:102,columnNumber:5},void 0),e.jsxDEV(r.CodeContainer,{maxHeight:h,children:[!k&&e.jsxDEV(r.LineNumbers,{themeMode:s,children:p.map((o,c)=>e.jsxDEV("div",{children:c+1},c,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:124,columnNumber:8},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:122,columnNumber:6},void 0),e.jsxDEV(r.Code,{themeMode:s,children:p.map((o,c)=>e.jsxDEV("div",{style:{minHeight:o.trim()?"20px":"0px"},dangerouslySetInnerHTML:{__html:T.highlightCode(o,t,s)||"&nbsp;"}},c,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:130,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:128,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:120,columnNumber:4},void 0),y&&e.jsxDEV(E.Toaster,{text:u==="success"?"Code copied to clipboard!":"Failed to copy code",autoClose:2e3,type:u,hideProgressBar:!0,onCloseToast:()=>a(!1)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:141,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:100,columnNumber:3},void 0)};exports.CodeBlock=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../../_virtual/dynamic-import-helper.js"),e=require("react/jsx-dev-runtime"),c=require("react"),T=require("../toaster/Toaster.js"),r=require("./CodeBlock.styled.js"),V=require("./CodeBlockHelper.js"),U=require("./types.js"),W=({code:i="",language:t=U.CodeLanguage.JAVASCRIPT,title:a="",hideLineNumbers:f=!1,maxHeight:h="400px",maxWidth:v,theme:s="dark",hideHeader:y=!1,hideCopy:C=!1})=>{const[N,m]=c.useState(!1),[x,l]=c.useState(!1),[d,u]=c.useState("success"),D=async()=>{try{await navigator.clipboard.writeText(i),m(!0),u("success"),l(!0),setTimeout(()=>m(!1),2e3)}catch{u("error"),l(!0)}},[B,b]=c.useState(i);c.useEffect(()=>{let o=!0;return(async()=>{try{const p=await E.default(Object.assign({"./languageSpecificFormatting/html_file.ts":()=>Promise.resolve().then(()=>require("./languageSpecificFormatting/html_file.js")),"./languageSpecificFormatting/javascript_file.ts":()=>Promise.resolve().then(()=>require("./languageSpecificFormatting/javascript_file.js"))}),`./languageSpecificFormatting/${t}_file.ts`,3);if(p?.format&&o){b(p.format(i));return}}catch{}o&&b(i)})(),()=>{o=!1}},[i,t]);const k=B.split(`
+`),g=o=>({javascript:"#FEC02D",python:"#3776ab",java:"#ed8b00",css:"#1572b6",html:"#e34c26",json:"#000000"})[o.toLowerCase()]||(s==="dark"?"#6e7681":"#656d76"),j=o=>({javascript:"#000"})?.[o.toLowerCase()]||"#fff";return e.jsxDEV(r.Container,{themeMode:s,maxWidth:v,children:[!y&&e.jsxDEV(r.Header,{themeMode:s,children:[e.jsxDEV(r.TitleSection,{children:[!!a&&a&&e.jsxDEV(r.Title,{themeMode:s,children:a},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:104,columnNumber:28},void 0),e.jsxDEV(r.LanguageBadge,{bg:g(t),color:j(t),children:t},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:105,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:103,columnNumber:6},void 0),!C&&e.jsxDEV(r.CopyButton,{themeMode:s,onClick:D,children:N?e.jsxDEV(e.Fragment,{children:"✓ Copied"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:114,columnNumber:18},void 0):e.jsxDEV(e.Fragment,{children:"Copy"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:114,columnNumber:34},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:113,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:102,columnNumber:5},void 0),e.jsxDEV(r.CodeContainer,{maxHeight:h,children:[!f&&e.jsxDEV(r.LineNumbers,{themeMode:s,children:k.map((o,n)=>e.jsxDEV("div",{children:n+1},n,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:124,columnNumber:8},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:122,columnNumber:6},void 0),e.jsxDEV(r.Code,{themeMode:s,children:k.map((o,n)=>e.jsxDEV("div",{style:{minHeight:o.trim()?"20px":"0px"},dangerouslySetInnerHTML:{__html:V.highlightCode(o,t,s)||"&nbsp;"}},n,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:130,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:128,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:120,columnNumber:4},void 0),x&&e.jsxDEV(T.Toaster,{text:d==="success"?"Code copied to clipboard!":"Failed to copy code",autoClose:2e3,type:d,hideProgressBar:!0,onCloseToast:()=>l(!1)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:141,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/code-block/CodeBlock.tsx",lineNumber:100,columnNumber:3},void 0)};exports.CodeBlock=W;
 //# sourceMappingURL=CodeBlock.js.map

package/dist/cjs/components/code-block/CodeBlock.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CodeBlock.js","sources":["../../../../src/components/code-block/CodeBlock.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { Toaster } from '@src/components/toaster/Toaster';\nimport {\n\tCode,\n\tCodeContainer,\n\tContainer,\n\tCopyButton,\n\tHeader,\n\tLanguageBadge,\n\tLineNumbers,\n\tTitle,\n\tTitleSection,\n} from './CodeBlock.styled';\nimport { highlightCode } from './CodeBlockHelper';\nimport { CodeBlockProps, CodeLanguage } from './types';\n\n// optional types extraction\n\nexport const CodeBlock = ({\n\tcode = '',\n\tlanguage = CodeLanguage.JAVASCRIPT,\n\ttitle = '',\n\thideLineNumbers = false,\n\tmaxHeight = '400px',\n\tmaxWidth,\n\ttheme = 'dark',\n\thideHeader = false,\n\thideCopy = false,\n}: CodeBlockProps) => {\n\tconst [copied, setCopied] = useState(false);\n\tconst [showToaster, setShowToaster] = useState(false);\n\tconst [toasterType, setToasterType] = useState<'success' \| 'error'>(\n\t\t'success',\n\t);\n\n\tconst handleCopy = async () => {\n\t\ttry {\n\t\t\tawait navigator.clipboard.writeText(code);\n\t\t\tsetCopied(true);\n\t\t\tsetToasterType('success');\n\t\t\tsetShowToaster(true);\n\t\t\tsetTimeout(() => setCopied(false), 2000);\n\t\t} catch (err) {\n\t\t\tsetToasterType('error');\n\t\t\tsetShowToaster(true);\n\t\t}\n\t};\n\n\t// Apply language-specific formatting\n\tconst [formattedCode, setFormattedCode] = useState(code);\n\n\tuseEffect(() => {\n\t\tlet isMounted = true;\n\t\tconst formatCode = async () => {\n\t\t\ttry {\n\t\t\t\tconst formatterModule = await import(\n\t\t\t\t\t/* webpackChunkName: \"languageSpecificFormatting-[request]\" */\n\t\t\t\t\t`./languageSpecificFormatting/${language}_file.ts`\n\t\t\t\t);\n\t\t\t\tif (formatterModule?.format && isMounted) {\n\t\t\t\t\tsetFormattedCode(formatterModule.format(code));\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t} catch {\n\t\t\t\t// No formatter found — just use original\n\t\t\t}\n\t\t\tif (isMounted) setFormattedCode(code);\n\t\t};\n\n\t\tformatCode();\n\t\treturn () => {\n\t\t\tisMounted = false;\n\t\t};\n\t}, [code, language]);\n\n\tconst lines = formattedCode.split('\\n');\n\n\tconst getLanguageBadgeColor = (lang: CodeLanguage) => {\n\t\tconst colors: Record<CodeLanguage, string> = {\n\t\t\tjavascript: '#FEC02D',\n\t\t\tpython: '#3776ab',\n\t\t\tjava: '#ed8b00',\n\t\t\tcss: '#1572b6',\n\t\t\thtml: '#e34c26',\n\t\t\tjson: '#000000',\n\t\t};\n\t\treturn (\n\t\t\tcolors[lang.toLowerCase()] \|\| (theme === 'dark' ? '#6e7681' : '#656d76')\n\t\t);\n\t};\n\n\tconst getBadgeTextColor = (lang: CodeLanguage) => {\n\t\tconst colors: Record<string, string> = {\n\t\t\tjavascript: '#000',\n\t\t};\n\t\treturn colors?.[lang.toLowerCase()] \|\| '#fff';\n\t};\n\n\treturn (\n\t\t<Container themeMode={theme} maxWidth={maxWidth}>\n\t\t\t{!hideHeader && (\n\t\t\t\t<Header themeMode={theme}>\n\t\t\t\t\t<TitleSection>\n\t\t\t\t\t\t{!!title && title && <Title themeMode={theme}>{title}</Title>}\n\t\t\t\t\t\t<LanguageBadge\n\t\t\t\t\t\t\tbg={getLanguageBadgeColor(language)}\n\t\t\t\t\t\t\tcolor={getBadgeTextColor(language)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{language}\n\t\t\t\t\t\t</LanguageBadge>\n\t\t\t\t\t</TitleSection>\n\t\t\t\t\t{!hideCopy && (\n\t\t\t\t\t\t<CopyButton themeMode={theme} onClick={handleCopy}>\n\t\t\t\t\t\t\t{copied ? <>✓ Copied</> : <>Copy</>}\n\t\t\t\t\t\t</CopyButton>\n\t\t\t\t\t)}\n\t\t\t\t</Header>\n\t\t\t)}\n\n\t\t\t<CodeContainer maxHeight={maxHeight}>\n\t\t\t\t{!hideLineNumbers && (\n\t\t\t\t\t<LineNumbers themeMode={theme}>\n\t\t\t\t\t\t{lines.map((_, index) => (\n\t\t\t\t\t\t\t<div key={index}>{index + 1}</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</LineNumbers>\n\t\t\t\t)}\n\t\t\t\t<Code themeMode={theme}>\n\t\t\t\t\t{lines.map((line, index) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tstyle={{ minHeight: line.trim() ? '20px' : '0px' }}\n\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t__html: highlightCode(line, language, theme) \|\| ' ',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</Code>\n\t\t\t</CodeContainer>\n\t\t\t{showToaster && (\n\t\t\t\t<Toaster\n\t\t\t\t\ttext={\n\t\t\t\t\t\ttoasterType === 'success'\n\t\t\t\t\t\t\t? 'Code copied to clipboard!'\n\t\t\t\t\t\t\t: 'Failed to copy code'\n\t\t\t\t\t}\n\t\t\t\t\tautoClose={2000}\n\t\t\t\t\ttype={toasterType}\n\t\t\t\t\thideProgressBar\n\t\t\t\t\tonCloseToast={() => setShowToaster(false)}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n"],"names":["CodeBlock","code","language","CodeLanguage","title","hideLineNumbers","maxHeight","maxWidth","theme","hideHeader","hideCopy","copied","setCopied","useState","showToaster","setShowToaster","toasterType","setToasterType","handleCopy","formattedCode","setFormattedCode","useEffect","isMounted","formatterModule","__variableDynamicImportRuntimeHelper","lines","getLanguageBadgeColor","lang","getBadgeTextColor","jsxDEV","Container","Header","TitleSection","Title","this","LanguageBadge","CopyButton","Fragment","CodeContainer","LineNumbers","_","index","Code","line","highlightCode","Toaster"],"mappings":"iUAkBaA,EAAY,CAAC,CACzB,KAAAC,EAAO,GACP,SAAAC,EAAWC,EAAAA,aAAa,WACxB,MAAAC,EAAQ,GACR,gBAAAC,EAAkB,GAClB,UAAAC,EAAY,QACZ,SAAAC,EACA,MAAAC,EAAQ,OACR,WAAAC,EAAa,GACb,SAAAC,EAAW,EACZ,IAAsB,CACrB,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EACpC,CAACC,EAAaC,CAAc,EAAIF,EAAAA,SAAS,EAAK,EAC9C,CAACG,EAAaC,CAAc,EAAIJ,EAAAA,SACrC,SAAA,EAGKK,EAAa,SAAY,CAC9B,GAAI,CACH,MAAM,UAAU,UAAU,UAAUjB,CAAI,EACxCW,EAAU,EAAI,EACdK,EAAe,SAAS,EACxBF,EAAe,EAAI,EACnB,WAAW,IAAMH,EAAU,EAAK,EAAG,GAAI,CACxC,MAAc,CACbK,EAAe,OAAO,EACtBF,EAAe,EAAI,CACpB,CACD,EAGM,CAACI,EAAeC,CAAgB,EAAIP,EAAAA,SAASZ,CAAI,EAEvDoB,EAAAA,UAAU,IAAM,CACf,IAAIC,EAAY,GAiBhB,OAhBmB,SAAY,CAC9B,GAAI,CACH,MAAMC,EAAkB,MAAMC,EAAAA,QAAA,OAAA,OAAA,CAAA,4CAAA,IAAA,QAAA,QAAA,EAAA,KAAA,IAAA,QAAA,2CAAA,CAAA,EAAA,kDAAA,IAAA,QAAA,QAAA,EAAA,KAAA,IAAA,QAAA,iDAAA,CAAA,CAAA,CAAA,EAAA,gCAAAtB,CAAA,WAAA,CAAA,EAI9B,GAAIqB,GAAiB,QAAUD,EAAW,CACzCF,EAAiBG,EAAgB,OAAOtB,CAAI,CAAC,EAC7C,MACD,CACD,MAAQ,CAER,CACIqB,KAA4BrB,CAAI,CACrC,GAEA,EACO,IAAM,CACZqB,EAAY,EACb,CACD,EAAG,CAACrB,EAAMC,CAAQ,CAAC,EAEnB,MAAMuB,EAAQN,EAAc,MAAM;AAAA,CAAI,EAEhCO,EAAyBC,IACe,CAC5C,WAAY,UACZ,OAAQ,UACR,KAAM,UACN,IAAK,UACL,KAAM,UACN,KAAM,SAAA,GAGCA,EAAK,YAAA,CAAa,IAAMnB,IAAU,OAAS,UAAY,WAI1DoB,EAAqBD,IACa,CACtC,WAAY,MAAA,KAEGA,EAAK,YAAA,CAAa,GAAK,OAGxC,OACCE,EAAAA,OAACC,EAAAA,UAAA,CAAU,UAAWtB,EAAO,SAAAD,EAC3B,SAAA,CAAA,CAACE,GACDoB,EAAAA,OAACE,EAAAA,OAAA,CAAO,UAAWvB,EAClB,SAAA,CAAAqB,SAACG,EAAAA,aAAA,CACC,SAAA,CAAA,CAAC,CAAC5B,GAASA,YAAU6B,EAAAA,MAAA,CAAM,UAAWzB,EAAQ,SAAAJ,GAA1B,OAAA,GAAA,CAAA,SAAA~~,+FAAA~~,WAAA,IAAA,aAAA,EAAA,EAAA8B,MAAgC,EACrDL,EAAAA,OAACM,EAAAA,cAAA,CACA,GAAIT,EAAsBxB,CAAQ,EAClC,MAAO0B,EAAkB1B,CAAQ,EAEhC,SAAAA,CAAA,EAJF,OAAA,GAAA,CAAA,SAAA~~,+FAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAgC,MAAA,CAKA,CAAA,EAPD,OAAA,GAAA,CAAA,SAAA~~,+FAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAQA,EACC,CAACxB,GACDmB,EAAAA,OAACO,EAAAA,WAAA,CAAW,UAAW5B,EAAO,QAASU,EACrC,SAAAP,EAASkB,EAAAA,OAAAQ,WAAA,CAAE,SAAA,UAAA,EAAF,OAAA,GAAA,CAAA,SAAA~~,+FAAA~~,WAAA,IAAA,aAAA,EAAA,EAAAH,MAAU,uBAAQ,SAAA,MAAA,EAAF,OAAA,GAAA,CAAA,SAAA~~,+FAAA~~,WAAA,IAAA,aAAA,EAAA,EAAAA,MAAM,CAAA,EADjC,OAAA,GAAA,CAAA,SAAA~~,+FAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAEA,CAAA,CAAA,EAbF,OAAA,GAAA,CAAA,SAAA~~,+FAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAeA,EAGDL,EAAAA,OAACS,EAAAA,eAAc,UAAAhC,EACb,SAAA,CAAA,CAACD,GACDwB,EAAAA,OAACU,cAAA,CAAY,UAAW/B,EACtB,SAAAiB,EAAM,IAAI,CAACe,EAAGC,IACdZ,EAAAA,OAAC,MAAA,CAAiB,SAAAY,EAAQ,GAAhBA,EAAV,GAAA,CAAA,SAAA~~,+FAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAP,MAA4B,CAC5B,GAHF,OAAA,GAAA,CAAA,SAAA~~,+FAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAIA,EAEDL,EAAAA,OAACa,EAAAA,MAAK,UAAWlC,EACf,WAAM,IAAI,CAACmC,EAAMF,IACjBZ,EAAAA,OAAC,MAAA,CAEA,MAAO,CAAE,UAAWc,EAAK,KAAA,EAAS,OAAS,KAAA,EAC3C,wBAAyB,CACxB,OAAQC,EAAAA,cAAcD,EAAMzC,EAAUM,CAAK,GAAK,QAAA,CACjD,EAJKiC,EADN,GAAA,CAAA,SAAA~~,+FAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAP,MAAA,CAOA,CAAA,EATF,OAAA,GAAA,CAAA,SAAA~~,+FAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAUA,CAAA,CAAA,EAlBD,OAAA,GAAA,CAAA,SAAA~~,+FAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAmBA,EACCpB,GACAe,EAAAA,OAACgB,EAAAA,QAAA,CACA,KACC7B,IAAgB,UACb,4BACA,sBAEJ,UAAW,IACX,KAAMA,EACN,gBAAe,GACf,aAAc,IAAMD,EAAe,EAAK,CAAA,EATzC,OAAA,GAAA,CAAA,SAAA~~,+FAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAmB,MAAA,CAUA,CAAA,EAnDF,OAAA,GAAA,CAAA,SAAA~~,+FAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAqDA,CAEF"}
1	+ {"version":3,"file":"CodeBlock.js","sources":["../../../../src/components/code-block/CodeBlock.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { Toaster } from '@src/components/toaster/Toaster';\nimport {\n\tCode,\n\tCodeContainer,\n\tContainer,\n\tCopyButton,\n\tHeader,\n\tLanguageBadge,\n\tLineNumbers,\n\tTitle,\n\tTitleSection,\n} from './CodeBlock.styled';\nimport { highlightCode } from './CodeBlockHelper';\nimport { CodeBlockProps, CodeLanguage } from './types';\n\n// optional types extraction\n\nexport const CodeBlock = ({\n\tcode = '',\n\tlanguage = CodeLanguage.JAVASCRIPT,\n\ttitle = '',\n\thideLineNumbers = false,\n\tmaxHeight = '400px',\n\tmaxWidth,\n\ttheme = 'dark',\n\thideHeader = false,\n\thideCopy = false,\n}: CodeBlockProps) => {\n\tconst [copied, setCopied] = useState(false);\n\tconst [showToaster, setShowToaster] = useState(false);\n\tconst [toasterType, setToasterType] = useState<'success' \| 'error'>(\n\t\t'success',\n\t);\n\n\tconst handleCopy = async () => {\n\t\ttry {\n\t\t\tawait navigator.clipboard.writeText(code);\n\t\t\tsetCopied(true);\n\t\t\tsetToasterType('success');\n\t\t\tsetShowToaster(true);\n\t\t\tsetTimeout(() => setCopied(false), 2000);\n\t\t} catch (err) {\n\t\t\tsetToasterType('error');\n\t\t\tsetShowToaster(true);\n\t\t}\n\t};\n\n\t// Apply language-specific formatting\n\tconst [formattedCode, setFormattedCode] = useState(code);\n\n\tuseEffect(() => {\n\t\tlet isMounted = true;\n\t\tconst formatCode = async () => {\n\t\t\ttry {\n\t\t\t\tconst formatterModule = await import(\n\t\t\t\t\t/* webpackChunkName: \"languageSpecificFormatting-[request]\" */\n\t\t\t\t\t`./languageSpecificFormatting/${language}_file.ts`\n\t\t\t\t);\n\t\t\t\tif (formatterModule?.format && isMounted) {\n\t\t\t\t\tsetFormattedCode(formatterModule.format(code));\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t} catch {\n\t\t\t\t// No formatter found — just use original\n\t\t\t}\n\t\t\tif (isMounted) setFormattedCode(code);\n\t\t};\n\n\t\tformatCode();\n\t\treturn () => {\n\t\t\tisMounted = false;\n\t\t};\n\t}, [code, language]);\n\n\tconst lines = formattedCode.split('\\n');\n\n\tconst getLanguageBadgeColor = (lang: CodeLanguage) => {\n\t\tconst colors: Record<CodeLanguage, string> = {\n\t\t\tjavascript: '#FEC02D',\n\t\t\tpython: '#3776ab',\n\t\t\tjava: '#ed8b00',\n\t\t\tcss: '#1572b6',\n\t\t\thtml: '#e34c26',\n\t\t\tjson: '#000000',\n\t\t};\n\t\treturn (\n\t\t\tcolors[lang.toLowerCase()] \|\| (theme === 'dark' ? '#6e7681' : '#656d76')\n\t\t);\n\t};\n\n\tconst getBadgeTextColor = (lang: CodeLanguage) => {\n\t\tconst colors: Record<string, string> = {\n\t\t\tjavascript: '#000',\n\t\t};\n\t\treturn colors?.[lang.toLowerCase()] \|\| '#fff';\n\t};\n\n\treturn (\n\t\t<Container themeMode={theme} maxWidth={maxWidth}>\n\t\t\t{!hideHeader && (\n\t\t\t\t<Header themeMode={theme}>\n\t\t\t\t\t<TitleSection>\n\t\t\t\t\t\t{!!title && title && <Title themeMode={theme}>{title}</Title>}\n\t\t\t\t\t\t<LanguageBadge\n\t\t\t\t\t\t\tbg={getLanguageBadgeColor(language)}\n\t\t\t\t\t\t\tcolor={getBadgeTextColor(language)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{language}\n\t\t\t\t\t\t</LanguageBadge>\n\t\t\t\t\t</TitleSection>\n\t\t\t\t\t{!hideCopy && (\n\t\t\t\t\t\t<CopyButton themeMode={theme} onClick={handleCopy}>\n\t\t\t\t\t\t\t{copied ? <>✓ Copied</> : <>Copy</>}\n\t\t\t\t\t\t</CopyButton>\n\t\t\t\t\t)}\n\t\t\t\t</Header>\n\t\t\t)}\n\n\t\t\t<CodeContainer maxHeight={maxHeight}>\n\t\t\t\t{!hideLineNumbers && (\n\t\t\t\t\t<LineNumbers themeMode={theme}>\n\t\t\t\t\t\t{lines.map((_, index) => (\n\t\t\t\t\t\t\t<div key={index}>{index + 1}</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</LineNumbers>\n\t\t\t\t)}\n\t\t\t\t<Code themeMode={theme}>\n\t\t\t\t\t{lines.map((line, index) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tstyle={{ minHeight: line.trim() ? '20px' : '0px' }}\n\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t__html: highlightCode(line, language, theme) \|\| ' ',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</Code>\n\t\t\t</CodeContainer>\n\t\t\t{showToaster && (\n\t\t\t\t<Toaster\n\t\t\t\t\ttext={\n\t\t\t\t\t\ttoasterType === 'success'\n\t\t\t\t\t\t\t? 'Code copied to clipboard!'\n\t\t\t\t\t\t\t: 'Failed to copy code'\n\t\t\t\t\t}\n\t\t\t\t\tautoClose={2000}\n\t\t\t\t\ttype={toasterType}\n\t\t\t\t\thideProgressBar\n\t\t\t\t\tonCloseToast={() => setShowToaster(false)}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n"],"names":["CodeBlock","code","language","CodeLanguage","title","hideLineNumbers","maxHeight","maxWidth","theme","hideHeader","hideCopy","copied","setCopied","useState","showToaster","setShowToaster","toasterType","setToasterType","handleCopy","formattedCode","setFormattedCode","useEffect","isMounted","formatterModule","__variableDynamicImportRuntimeHelper","lines","getLanguageBadgeColor","lang","getBadgeTextColor","jsxDEV","Container","Header","TitleSection","Title","this","LanguageBadge","CopyButton","Fragment","CodeContainer","LineNumbers","_","index","Code","line","highlightCode","Toaster"],"mappings":"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"}

package/dist/cjs/components/colourInput/ColourInput.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),n=require("./ColourInput.styled.js"),r=require("../TypographyStyle.js"),t=e=>o.jsxDEV("div",{className:"buttonColorCustom",children:[e.headingText&&o.jsxDEV(r.BodySecondary,{children:e.headingText},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/colourInput/ColourInput.tsx",lineNumber:18,columnNumber:26},void 0),o.jsxDEV(n.ColorInputContainer,{children:[o.jsxDEV(r.BodyPrimary,{children:e.labelText??"Colour"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/colourInput/ColourInput.tsx",lineNumber:20,columnNumber:5},void 0),o.jsxDEV(n.StyledColorInput,{type:"color",onChange:u=>{e.onValueChange(u.target.value)},value:e.value},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/colourInput/ColourInput.tsx",lineNumber:21,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/colourInput/ColourInput.tsx",lineNumber:19,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/colourInput/ColourInput.tsx",lineNumber:17,columnNumber:3},void 0);exports.ColourInput=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),n=require("./ColourInput.styled.js"),r=require("../TypographyStyle.js"),u=e=>o.jsxDEV("div",{className:"buttonColorCustom",children:[e.headingText&&o.jsxDEV(r.BodySecondary,{children:e.headingText},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/colourInput/ColourInput.tsx",lineNumber:18,columnNumber:26},void 0),o.jsxDEV(n.ColorInputContainer,{children:[o.jsxDEV(r.BodyPrimary,{children:e.labelText??"Colour"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/colourInput/ColourInput.tsx",lineNumber:20,columnNumber:5},void 0),o.jsxDEV(n.StyledColorInput,{type:"color",onChange:t=>{e.onValueChange(t.target.value)},value:e.value},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/colourInput/ColourInput.tsx",lineNumber:21,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/colourInput/ColourInput.tsx",lineNumber:19,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/colourInput/ColourInput.tsx",lineNumber:17,columnNumber:3},void 0);exports.ColourInput=u;
 //# sourceMappingURL=ColourInput.js.map

package/dist/cjs/components/colourInput/ColourInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ColourInput.js","sources":["../../../../src/components/colourInput/ColourInput.tsx"],"sourcesContent":["import React from 'react';\nimport {\n\tColorInputContainer,\n\tStyledColorInput,\n} from '@src/components/colourInput/ColourInput.styled';\nimport { BodyPrimary, BodySecondary } from '@src/components/TypographyStyle';\n\nexport interface ColourInputProps {\n\tvalue: string;\n\tlabelText: string;\n\theadingText?: string;\n\tonValueChange: (value: string) => void;\n}\n\nexport const ColourInput: React.FC<ColourInputProps> = (props) => {\n\treturn (\n\t\t<div className=\"buttonColorCustom\">\n\t\t\t{props.headingText && <BodySecondary>{props.headingText}</BodySecondary>}\n\t\t\t<ColorInputContainer>\n\t\t\t\t<BodyPrimary>{props.labelText ?? 'Colour'}</BodyPrimary>\n\t\t\t\t<StyledColorInput\n\t\t\t\t\ttype=\"color\"\n\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\tprops.onValueChange(e.target.value);\n\t\t\t\t\t}}\n\t\t\t\t\tvalue={props.value}\n\t\t\t\t/>\n\t\t\t</ColorInputContainer>\n\t\t</div>\n\t);\n};\n"],"names":["ColourInput","props","jsxDEV","BodySecondary","this","ColorInputContainer","BodyPrimary","StyledColorInput","e"],"mappings":"iMAcaA,EAA2CC,GAEtDC,EAAAA,OAAC,MAAA,CAAI,UAAU,oBACb,SAAA,CAAAD,EAAM,aAAeC,EAAAA,OAACC,gBAAA,CAAe,SAAAF,EAAM,WAAA,EAAtB,OAAA,GAAA,CAAA,SAAA,~~kGAAA~~,WAAA,GAAA,aAAA,EAAA,EAAAG,MAAkC,WACvDC,EAAAA,oBAAA,CACA,SAAA,CAAAH,SAACI,EAAAA,YAAA,CAAa,SAAAL,EAAM,WAAa,QAAA,EAAjC,OAAA,GAAA,CAAA,SAAA,~~kGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAG,MAA0C,EAC1CF,EAAAA,OAACK,EAAAA,iBAAA,CACA,KAAK,QACL,SAAWC,GAAM,CAChBP,EAAM,cAAcO,EAAE,OAAO,KAAK,CACnC,EACA,MAAOP,EAAM,KAAA,EALd,OAAA,GAAA,CAAA,SAAA,~~kGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAMA,CAAA,EARD,OAAA,GAAA,CAAA,SAAA,~~kGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,CAAA,CAAA,EAXD,OAAA,GAAA,CAAA,SAAA,~~kGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAYA"}
1	+ {"version":3,"file":"ColourInput.js","sources":["../../../../src/components/colourInput/ColourInput.tsx"],"sourcesContent":["import React from 'react';\nimport {\n\tColorInputContainer,\n\tStyledColorInput,\n} from '@src/components/colourInput/ColourInput.styled';\nimport { BodyPrimary, BodySecondary } from '@src/components/TypographyStyle';\n\nexport interface ColourInputProps {\n\tvalue: string;\n\tlabelText: string;\n\theadingText?: string;\n\tonValueChange: (value: string) => void;\n}\n\nexport const ColourInput: React.FC<ColourInputProps> = (props) => {\n\treturn (\n\t\t<div className=\"buttonColorCustom\">\n\t\t\t{props.headingText && <BodySecondary>{props.headingText}</BodySecondary>}\n\t\t\t<ColorInputContainer>\n\t\t\t\t<BodyPrimary>{props.labelText ?? 'Colour'}</BodyPrimary>\n\t\t\t\t<StyledColorInput\n\t\t\t\t\ttype=\"color\"\n\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\tprops.onValueChange(e.target.value);\n\t\t\t\t\t}}\n\t\t\t\t\tvalue={props.value}\n\t\t\t\t/>\n\t\t\t</ColorInputContainer>\n\t\t</div>\n\t);\n};\n"],"names":["ColourInput","props","jsxDEV","BodySecondary","this","ColorInputContainer","BodyPrimary","StyledColorInput","e"],"mappings":"iMAcaA,EAA2CC,GAEtDC,EAAAA,OAAC,MAAA,CAAI,UAAU,oBACb,SAAA,CAAAD,EAAM,aAAeC,EAAAA,OAACC,gBAAA,CAAe,SAAAF,EAAM,WAAA,EAAtB,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,GAAA,aAAA,EAAA,EAAAG,MAAkC,WACvDC,EAAAA,oBAAA,CACA,SAAA,CAAAH,SAACI,EAAAA,YAAA,CAAa,SAAAL,EAAM,WAAa,QAAA,EAAjC,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAA0C,EAC1CF,EAAAA,OAACK,EAAAA,iBAAA,CACA,KAAK,QACL,SAAWC,GAAM,CAChBP,EAAM,cAAcO,EAAE,OAAO,KAAK,CACnC,EACA,MAAOP,EAAM,KAAA,EALd,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAMA,CAAA,EARD,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,CAAA,CAAA,EAXD,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAYA"}

package/dist/cjs/components/country-code-picker/CountryCodePicker.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),b=require("../../assets/icons/chevronDown.svg.js"),s=require("react"),l=require("./CountryCodePicker.modal.js"),a=require("./CountryCodePicker.styled.js"),k=require("../dropdown/DropdownPopover/index.js"),d=require("../TypographyStyle.js"),c=require("../../constants/Theme.js"),C=e=>{const[n,i]=s.useState(e.selectedCountry??{name:"India",dial:"+91",code:"IN"}),u=`https://flagcdn.com/${n.code?.toLowerCase()}.svg`;s.useEffect(()=>{e.selectedCountry&&i(e.selectedCountry)},[e.selectedCountry?.code]);const m=()=>l.CountriesData.map(r=>{const t=`https://flagcdn.com/${r.code?.toLowerCase()}.svg`;return{value:r.code,label:r.dial,searchKey:r.name,customComponent:o.jsxDEV(a.StyledCountryPickerOption,{children:[!e.hideFlagImage&&o.jsxDEV("img",{src:t,className:"country-flag__option",alt:r.name},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:62,columnNumber:8},void 0),o.jsxDEV(d.BodySecondary,{style:e.countryTextStyle??{},children:[o.jsxDEV("span",{style:{color:e.codeColor??c.COLORS.text.primary},children:r.code},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:70,columnNumber:8},void 0),"  ",o.jsxDEV("span",{style:{color:e.dialColor??c.COLORS.text.primary},children:r.dial},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:78,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:69,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:60,columnNumber:6},void 0),selected:n.code===r.code}});return o.jsxDEV(k.DropdownPopover,{version:e.version,isSearchable:!0,width:e.popoverWidth??"200px",placement:e.placement??"bottom-start",strategy:e.placementStrategy??"absolute",options:m(),disabled:e.disabled,onSelect:r=>{const t=l.CountriesData.filter(y=>y.code===r.value);i(t[0]),e.onCountrySelect(t[0])},children:o.jsxDEV(a.StyledCountryPickerWrapper,{height:e.height,style:e.containerStyles,onClick:()=>{console.log("hello"),e.onDropdownClick?.()},children:[o.jsxDEV("div",{className:"content__wrapper",children:[!e.hideFlagImage&&o.jsxDEV("img",{src:u,className:"country-flag__selected-option",alt:n.name},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:120,columnNumber:7},void 0),o.jsxDEV(d.BodySecondary,{style:e.countryTextStyle??{},children:n.dial},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:126,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:118,columnNumber:5},void 0),o.jsxDEV(b.default,{width:24,height:24,color:c.COLORS.content.primary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:130,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:110,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:94,columnNumber:3},void 0)};exports.CountryCodePicker=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),b=require("../../assets/icons/chevronDown.svg.js"),s=require("react"),a=require("./CountryCodePicker.modal.js"),l=require("./CountryCodePicker.styled.js"),k=require("../dropdown/DropdownPopover/index.js"),d=require("../TypographyStyle.js"),i=require("../../constants/Theme.js"),C=e=>{const[n,c]=s.useState(e.selectedCountry??{name:"India",dial:"+91",code:"IN"}),u=`https://flagcdn.com/${n.code?.toLowerCase()}.svg`;s.useEffect(()=>{e.selectedCountry&&c(e.selectedCountry)},[e.selectedCountry?.code]);const m=()=>a.CountriesData.map(r=>{const t=`https://flagcdn.com/${r.code?.toLowerCase()}.svg`;return{value:r.code,label:r.dial,searchKey:r.name,customComponent:o.jsxDEV(l.StyledCountryPickerOption,{children:[!e.hideFlagImage&&o.jsxDEV("img",{src:t,className:"country-flag__option",alt:r.name},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:62,columnNumber:8},void 0),o.jsxDEV(d.BodySecondary,{style:e.countryTextStyle??{},children:[o.jsxDEV("span",{style:{color:e.codeColor??i.COLORS.text.primary},children:r.code},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:70,columnNumber:8},void 0),"  ",o.jsxDEV("span",{style:{color:e.dialColor??i.COLORS.text.primary},children:r.dial},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:78,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:69,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:60,columnNumber:6},void 0),selected:n.code===r.code}});return o.jsxDEV(k.DropdownPopover,{version:e.version,isSearchable:!0,width:e.popoverWidth??"200px",placement:e.placement??"bottom-start",strategy:e.placementStrategy??"absolute",options:m(),disabled:e.disabled,onSelect:r=>{const t=a.CountriesData.filter(y=>y.code===r.value);c(t[0]),e.onCountrySelect(t[0])},children:o.jsxDEV(l.StyledCountryPickerWrapper,{height:e.height,style:e.containerStyles,onClick:()=>{console.log("hello"),e.onDropdownClick?.()},children:[o.jsxDEV("div",{className:"content__wrapper",children:[!e.hideFlagImage&&o.jsxDEV("img",{src:u,className:"country-flag__selected-option",alt:n.name},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:120,columnNumber:7},void 0),o.jsxDEV(d.BodySecondary,{style:e.countryTextStyle??{},children:n.dial},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:126,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:118,columnNumber:5},void 0),o.jsxDEV(b.default,{width:24,height:24,color:i.COLORS.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:130,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:110,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryCodePicker.tsx",lineNumber:94,columnNumber:3},void 0)};exports.CountryCodePicker=C;
 //# sourceMappingURL=CountryCodePicker.js.map

package/dist/cjs/components/country-code-picker/CountryCodePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CountryCodePicker.js","sources":["../../../../src/components/country-code-picker/CountryCodePicker.tsx"],"sourcesContent":["import { Placement, PositioningStrategy } from '@popperjs/core';\nimport DownIcon from '@src/assets/icons/chevronDown.svg';\nimport React, { useEffect, useState } from 'react';\nimport {\n\tCountriesData,\n\tCountryCode,\n} from '@src/components/country-code-picker/CountryCodePicker.modal';\nimport {\n\tStyledCountryPickerOption,\n\tStyledCountryPickerWrapper,\n} from '@src/components/country-code-picker/CountryCodePicker.styled';\nimport { DropdownPopover } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const CountryCodePicker: React.FC<{\n\tversion: '1.0' \| '2.0';\n\tonCountrySelect: (country: CountryCode) => void;\n\tselectedCountry: CountryCode;\n\tpopoverWidth?: string;\n\theight?: string;\n\tplacement?: Placement;\n\tplacementStrategy?: PositioningStrategy;\n\tdisabled?: boolean;\n\thideFlagImage?: boolean;\n\tcontainerStyles?: React.CSSProperties;\n\tcodeColor?: string;\n\tdialColor?: string;\n\tcountryTextStyle?: React.CSSProperties;\n\tonDropdownClick?: () => void;\n}> = (props) => {\n\tconst [selectedCountry, setSelectedCountry] = useState<{\n\t\tname: string;\n\t\tdial: string;\n\t\tcode: string;\n\t}>(\n\t\tprops.selectedCountry ?? {\n\t\t\tname: 'India',\n\t\t\tdial: '+91',\n\t\t\tcode: 'IN',\n\t\t},\n\t);\n\tconst selectedFlag = `https://flagcdn.com/${selectedCountry.code?.toLowerCase()}.svg`;\n\n\tuseEffect(() => {\n\t\tif (props.selectedCountry) {\n\t\t\tsetSelectedCountry(props.selectedCountry);\n\t\t}\n\t}, [props.selectedCountry?.code]);\n\n\tconst getCountryOptions = (): DropdownOption[] => {\n\t\treturn CountriesData.map((country) => {\n\t\t\tconst flag = `https://flagcdn.com/${country.code?.toLowerCase()}.svg`;\n\t\t\treturn {\n\t\t\t\tvalue: country.code,\n\t\t\t\tlabel: country.dial,\n\t\t\t\tsearchKey: country.name,\n\t\t\t\tcustomComponent: (\n\t\t\t\t\t<StyledCountryPickerOption>\n\t\t\t\t\t\t{!props.hideFlagImage && (\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc={flag}\n\t\t\t\t\t\t\t\tclassName=\"country-flag__option\"\n\t\t\t\t\t\t\t\talt={country.name}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<BodySecondary style={props.countryTextStyle ?? {}}>\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: props.codeColor ?? COLORS.text.primary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{country.code}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: props.dialColor ?? COLORS.text.primary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{country.dial}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t</StyledCountryPickerOption>\n\t\t\t\t),\n\t\t\t\tselected: selectedCountry.code === country.code,\n\t\t\t};\n\t\t});\n\t};\n\n\treturn (\n\t\t<DropdownPopover\n\t\t\tversion={props.version}\n\t\t\tisSearchable\n\t\t\twidth={props.popoverWidth ?? '200px'}\n\t\t\tplacement={props.placement ?? 'bottom-start'}\n\t\t\tstrategy={props.placementStrategy ?? 'absolute'}\n\t\t\toptions={getCountryOptions()}\n\t\t\tdisabled={props.disabled}\n\t\t\tonSelect={(option) => {\n\t\t\t\tconst matchingOption = CountriesData.filter(\n\t\t\t\t\t(country) => country.code === (option as SingleOption).value,\n\t\t\t\t);\n\t\t\t\tsetSelectedCountry(matchingOption[0]);\n\t\t\t\tprops.onCountrySelect(matchingOption[0]);\n\t\t\t}}\n\t\t>\n\t\t\t<StyledCountryPickerWrapper\n\t\t\t\theight={props.height}\n\t\t\t\tstyle={props.containerStyles}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tconsole.log('hello');\n\t\t\t\t\tprops.onDropdownClick?.();\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div className=\"content__wrapper\">\n\t\t\t\t\t{!props.hideFlagImage && (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={selectedFlag}\n\t\t\t\t\t\t\tclassName=\"country-flag__selected-option\"\n\t\t\t\t\t\t\talt={selectedCountry.name}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<BodySecondary style={props.countryTextStyle ?? {}}>\n\t\t\t\t\t\t{selectedCountry.dial}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t</div>\n\t\t\t\t<DownIcon width={24} height={24} color={COLORS.content.primary} />\n\t\t\t</StyledCountryPickerWrapper>\n\t\t</DropdownPopover>\n\t);\n};\n"],"names":["CountryCodePicker","props","selectedCountry","setSelectedCountry","useState","selectedFlag","useEffect","getCountryOptions","CountriesData","country","flag","StyledCountryPickerOption","jsxDEV","this","BodySecondary","COLORS","DropdownPopover","option","matchingOption","StyledCountryPickerWrapper","DownIcon"],"mappings":"+YAgBaA,EAePC,GAAU,CACf,KAAM,CAACC,EAAiBC,CAAkB,EAAIC,EAAAA,SAK7CH,EAAM,iBAAmB,CACxB,KAAM,QACN,KAAM,MACN,KAAM,IAAA,CACP,EAEKI,EAAe,uBAAuBH,EAAgB,MAAM,aAAa,OAE/EI,EAAAA,UAAU,IAAM,CACXL,EAAM,iBACTE,EAAmBF,EAAM,eAAe,CAE1C,EAAG,CAACA,EAAM,iBAAiB,IAAI,CAAC,EAEhC,MAAMM,EAAoB,IAClBC,EAAAA,cAAc,IAAKC,GAAY,CACrC,MAAMC,EAAO,uBAAuBD,EAAQ,MAAM,aAAa,OAC/D,MAAO,CACN,MAAOA,EAAQ,KACf,MAAOA,EAAQ,KACf,UAAWA,EAAQ,KACnB,yBACEE,4BAAA,CACC,SAAA,CAAA,CAACV,EAAM,eACPW,EAAAA,OAAC,MAAA,CACA,IAAKF,EACL,UAAU,uBACV,IAAKD,EAAQ,IAAA,EAHd,OAAA,GAAA,CAAA,SAAA,~~gHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,WAOAC,EAAAA,cAAA,CAAc,MAAOb,EAAM,kBAAoB,CAAA,EAC/C,SAAA,CAAAW,EAAAA,OAAC,OAAA,CACA,MAAO,CACN,MAAOX,EAAM,WAAac,EAAAA,OAAO,KAAK,OAAA,EAGtC,SAAAN,EAAQ,IAAA,EALV,OAAA,GAAA,CAAA,SAAA,~~gHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,EAOC,KACDD,EAAAA,OAAC,OAAA,CACA,MAAO,CACN,MAAOX,EAAM,WAAac,EAAAA,OAAO,KAAK,OAAA,EAGtC,SAAAN,EAAQ,IAAA,EALV,OAAA,GAAA,CAAA,SAAA,~~gHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CAMA,CAAA,EAfD,OAAA,GAAA,CAAA,SAAA,~~gHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAgBA,CAAA,CAAA,EAzBD,OAAA,GAAA,CAAA,SAAA,~~gHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA0BA,EAED,SAAUX,EAAgB,OAASO,EAAQ,IAAA,CAE7C,CAAC,EAGF,OACCG,EAAAA,OAACI,EAAAA,gBAAA,CACA,QAASf,EAAM,QACf,aAAY,GACZ,MAAOA,EAAM,cAAgB,QAC7B,UAAWA,EAAM,WAAa,eAC9B,SAAUA,EAAM,mBAAqB,WACrC,QAASM,EAAA,EACT,SAAUN,EAAM,SAChB,SAAWgB,GAAW,CACrB,MAAMC,EAAiBV,EAAAA,cAAc,OACnCC,GAAYA,EAAQ,OAAUQ,EAAwB,KAAA,EAExDd,EAAmBe,EAAe,CAAC,CAAC,EACpCjB,EAAM,gBAAgBiB,EAAe,CAAC,CAAC,CACxC,EAEA,SAAAN,EAAAA,OAACO,EAAAA,2BAAA,CACA,OAAQlB,EAAM,OACd,MAAOA,EAAM,gBACb,QAAS,IAAM,CACd,QAAQ,IAAI,OAAO,EACnBA,EAAM,kBAAA,CACP,EAEA,SAAA,CAAAW,EAAAA,OAAC,MAAA,CAAI,UAAU,mBACb,SAAA,CAAA,CAACX,EAAM,eACPW,EAAAA,OAAC,MAAA,CACA,IAAKP,EACL,UAAU,gCACV,IAAKH,EAAgB,IAAA,EAHtB,OAAA,GAAA,CAAA,SAAA,~~gHAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAW,MAAA,EAMDD,EAAAA,OAACE,EAAAA,eAAc,MAAOb,EAAM,kBAAoB,GAC9C,WAAgB,MADlB,OAAA,GAAA,CAAA,SAAA,~~gHAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAY,MAEA,CAAA,CAAA,EAVD,OAAA,GAAA,CAAA,SAAA,~~gHAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAWA,EACAD,EAAAA,OAACQ,EAAAA,SAAS,MAAO,GAAI,OAAQ,GAAI,MAAOL,EAAAA,OAAO,QAAQ,OAAA,EAAvD,OAAA,GAAA,CAAA,SAAA,~~gHAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAF,MAAgE,CAAA,CAAA,EApBjE,OAAA,GAAA,CAAA,SAAA,~~gHAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAqBA,EArCD,OAAA,GAAA,CAAA,SAAA,~~gHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAwCF"}
1	+ {"version":3,"file":"CountryCodePicker.js","sources":["../../../../src/components/country-code-picker/CountryCodePicker.tsx"],"sourcesContent":["import { Placement, PositioningStrategy } from '@popperjs/core';\nimport DownIcon from '@src/assets/icons/chevronDown.svg';\nimport React, { useEffect, useState } from 'react';\nimport {\n\tCountriesData,\n\tCountryCode,\n} from '@src/components/country-code-picker/CountryCodePicker.modal';\nimport {\n\tStyledCountryPickerOption,\n\tStyledCountryPickerWrapper,\n} from '@src/components/country-code-picker/CountryCodePicker.styled';\nimport { DropdownPopover } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const CountryCodePicker: React.FC<{\n\tversion: '1.0' \| '2.0';\n\tonCountrySelect: (country: CountryCode) => void;\n\tselectedCountry: CountryCode;\n\tpopoverWidth?: string;\n\theight?: string;\n\tplacement?: Placement;\n\tplacementStrategy?: PositioningStrategy;\n\tdisabled?: boolean;\n\thideFlagImage?: boolean;\n\tcontainerStyles?: React.CSSProperties;\n\tcodeColor?: string;\n\tdialColor?: string;\n\tcountryTextStyle?: React.CSSProperties;\n\tonDropdownClick?: () => void;\n}> = (props) => {\n\tconst [selectedCountry, setSelectedCountry] = useState<{\n\t\tname: string;\n\t\tdial: string;\n\t\tcode: string;\n\t}>(\n\t\tprops.selectedCountry ?? {\n\t\t\tname: 'India',\n\t\t\tdial: '+91',\n\t\t\tcode: 'IN',\n\t\t},\n\t);\n\tconst selectedFlag = `https://flagcdn.com/${selectedCountry.code?.toLowerCase()}.svg`;\n\n\tuseEffect(() => {\n\t\tif (props.selectedCountry) {\n\t\t\tsetSelectedCountry(props.selectedCountry);\n\t\t}\n\t}, [props.selectedCountry?.code]);\n\n\tconst getCountryOptions = (): DropdownOption[] => {\n\t\treturn CountriesData.map((country) => {\n\t\t\tconst flag = `https://flagcdn.com/${country.code?.toLowerCase()}.svg`;\n\t\t\treturn {\n\t\t\t\tvalue: country.code,\n\t\t\t\tlabel: country.dial,\n\t\t\t\tsearchKey: country.name,\n\t\t\t\tcustomComponent: (\n\t\t\t\t\t<StyledCountryPickerOption>\n\t\t\t\t\t\t{!props.hideFlagImage && (\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc={flag}\n\t\t\t\t\t\t\t\tclassName=\"country-flag__option\"\n\t\t\t\t\t\t\t\talt={country.name}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<BodySecondary style={props.countryTextStyle ?? {}}>\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: props.codeColor ?? COLORS.text.primary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{country.code}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: props.dialColor ?? COLORS.text.primary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{country.dial}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t</StyledCountryPickerOption>\n\t\t\t\t),\n\t\t\t\tselected: selectedCountry.code === country.code,\n\t\t\t};\n\t\t});\n\t};\n\n\treturn (\n\t\t<DropdownPopover\n\t\t\tversion={props.version}\n\t\t\tisSearchable\n\t\t\twidth={props.popoverWidth ?? '200px'}\n\t\t\tplacement={props.placement ?? 'bottom-start'}\n\t\t\tstrategy={props.placementStrategy ?? 'absolute'}\n\t\t\toptions={getCountryOptions()}\n\t\t\tdisabled={props.disabled}\n\t\t\tonSelect={(option) => {\n\t\t\t\tconst matchingOption = CountriesData.filter(\n\t\t\t\t\t(country) => country.code === (option as SingleOption).value,\n\t\t\t\t);\n\t\t\t\tsetSelectedCountry(matchingOption[0]);\n\t\t\t\tprops.onCountrySelect(matchingOption[0]);\n\t\t\t}}\n\t\t>\n\t\t\t<StyledCountryPickerWrapper\n\t\t\t\theight={props.height}\n\t\t\t\tstyle={props.containerStyles}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tconsole.log('hello');\n\t\t\t\t\tprops.onDropdownClick?.();\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div className=\"content__wrapper\">\n\t\t\t\t\t{!props.hideFlagImage && (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={selectedFlag}\n\t\t\t\t\t\t\tclassName=\"country-flag__selected-option\"\n\t\t\t\t\t\t\talt={selectedCountry.name}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<BodySecondary style={props.countryTextStyle ?? {}}>\n\t\t\t\t\t\t{selectedCountry.dial}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t</div>\n\t\t\t\t<DownIcon width={24} height={24} color={COLORS.content.primary} />\n\t\t\t</StyledCountryPickerWrapper>\n\t\t</DropdownPopover>\n\t);\n};\n"],"names":["CountryCodePicker","props","selectedCountry","setSelectedCountry","useState","selectedFlag","useEffect","getCountryOptions","CountriesData","country","flag","StyledCountryPickerOption","jsxDEV","this","BodySecondary","COLORS","DropdownPopover","option","matchingOption","StyledCountryPickerWrapper","DownIcon"],"mappings":"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"}

package/dist/cjs/components/country-code-picker/CountryPicker.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),O=require("../../assets/icons/chevronDown.svg.js"),d=require("react"),p=require("./CountryCodePicker.modal.js"),y=require("./CountryPicker.styled.js"),U=require("../dropdown/DropdownPopover/index.js"),i=require("../TypographyStyle.js"),c=require("../../constants/Theme.js"),V=({version:b,onCountrySelect:k,selectedCountry:s,popoverWidth:f="300px",height:h,placement:N="bottom-start",placementStrategy:C="absolute",disabled:u=!1,hideFlagImage:a=!1,containerStyles:P,placeholder:x="Select a country",showCountryCode:l=!0,countryTextStyle:t,onDropdownClick:j})=>{const[v,S]=d.useState(s),o=s??v,m=o?`https://flagcdn.com/${o.code?.toLowerCase()}.svg`:void 0,D=d.useMemo(()=>p.CountriesData.map(r=>{const n=`https://flagcdn.com/${r.code?.toLowerCase()}.svg`;return{value:r.code,label:r.name,searchKey:r.name,customComponent:e.jsxDEV(y.StyledCountryOption,{children:[!a&&e.jsxDEV("img",{src:n,className:"country-flag",alt:r.name},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:123,columnNumber:8},void 0),e.jsxDEV("div",{className:"country-info",children:[e.jsxDEV(i.BodySecondary,{style:{color:c.COLORS.text.primary,...t},children:r.name},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:126,columnNumber:8},void 0),l&&e.jsxDEV(i.BodySecondary,{style:{color:c.COLORS.text.secondary,fontSize:"12px"},children:r.code},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:135,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:125,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:121,columnNumber:6},void 0),selected:o?.code===r.code}}),[o?.code,a,l,t]),g=r=>{const n=p.CountriesData.find(E=>E.code===r.value);n&&(s===void 0&&S(n),k(n))};return e.jsxDEV(U.DropdownPopover,{version:b,isSearchable:!0,width:f,placement:N,strategy:C,options:D,disabled:u,onSelect:r=>g(r),children:e.jsxDEV(y.StyledCountryPickerContainer,{height:h,style:P,onClick:j,disabled:u,children:[e.jsxDEV("div",{className:"content__wrapper",children:o?e.jsxDEV(e.Fragment,{children:[!a&&m&&e.jsxDEV("img",{src:m,className:"country-flag",alt:o.name},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:186,columnNumber:9},void 0),e.jsxDEV(i.BodySecondary,{style:t,children:o.name},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:192,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:184,columnNumber:7},void 0):e.jsxDEV(i.BodySecondary,{style:{color:c.COLORS.text.disabled,...t},children:x},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:197,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:182,columnNumber:5},void 0),e.jsxDEV(O.default,{width:24,height:24,color:u?c.COLORS.text.disabled:c.COLORS.content.primary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:207,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:176,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:166,columnNumber:3},void 0)};exports.CountryPicker=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),O=require("../../assets/icons/chevronDown.svg.js"),d=require("react"),b=require("./CountryCodePicker.modal.js"),k=require("./CountryPicker.styled.js"),U=require("../dropdown/DropdownPopover/index.js"),s=require("../TypographyStyle.js"),i=require("../../constants/Theme.js"),V=({version:p,onCountrySelect:y,selectedCountry:c,popoverWidth:v="300px",height:f,placement:h="bottom-start",placementStrategy:N="absolute",disabled:a=!1,hideFlagImage:m=!1,containerStyles:C,placeholder:x="Select a country",showCountryCode:l=!0,countryTextStyle:t,onDropdownClick:D})=>{const[P,S]=d.useState(c),o=c??P,u=o?`https://flagcdn.com/${o.code?.toLowerCase()}.svg`:void 0,j=d.useMemo(()=>b.CountriesData.map(r=>{const n=`https://flagcdn.com/${r.code?.toLowerCase()}.svg`;return{value:r.code,label:r.name,searchKey:r.name,customComponent:e.jsxDEV(k.StyledCountryOption,{children:[!m&&e.jsxDEV("img",{src:n,className:"country-flag",alt:r.name},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:123,columnNumber:8},void 0),e.jsxDEV("div",{className:"country-info",children:[e.jsxDEV(s.BodySecondary,{style:{color:i.COLORS.text.primary,...t},children:r.name},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:126,columnNumber:8},void 0),l&&e.jsxDEV(s.BodySecondary,{style:{color:i.COLORS.text.secondary,fontSize:"12px"},children:r.code},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:135,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:125,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:121,columnNumber:6},void 0),selected:o?.code===r.code}}),[o?.code,m,l,t]),g=r=>{const n=b.CountriesData.find(E=>E.code===r.value);n&&(c===void 0&&S(n),y(n))};return e.jsxDEV(U.DropdownPopover,{version:p,isSearchable:!0,width:v,placement:h,strategy:N,options:j,disabled:a,onSelect:r=>g(r),children:e.jsxDEV(k.StyledCountryPickerContainer,{height:f,style:C,onClick:D,disabled:a,children:[e.jsxDEV("div",{className:"content__wrapper",children:o?e.jsxDEV(e.Fragment,{children:[!m&&u&&e.jsxDEV("img",{src:u,className:"country-flag",alt:o.name},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:186,columnNumber:9},void 0),e.jsxDEV(s.BodySecondary,{style:t,children:o.name},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:192,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:184,columnNumber:7},void 0):e.jsxDEV(s.BodySecondary,{style:{color:i.COLORS.text.disabled,...t},children:x},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:197,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:182,columnNumber:5},void 0),e.jsxDEV(O.default,{width:24,height:24,color:a?i.COLORS.text.disabled:i.COLORS.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:207,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:176,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/country-code-picker/CountryPicker.tsx",lineNumber:166,columnNumber:3},void 0)};exports.CountryPicker=V;
 //# sourceMappingURL=CountryPicker.js.map

package/dist/cjs/components/country-code-picker/CountryPicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CountryPicker.js","sources":["../../../../src/components/country-code-picker/CountryPicker.tsx"],"sourcesContent":["import { Placement, PositioningStrategy } from '@popperjs/core';\nimport DownIcon from '@src/assets/icons/chevronDown.svg';\nimport React, { useMemo, useState } from 'react';\nimport {\n\tCountriesData,\n\tCountryCode,\n} from '@src/components/country-code-picker/CountryCodePicker.modal';\nimport {\n\tStyledCountryOption,\n\tStyledCountryPickerContainer,\n} from '@src/components/country-code-picker/CountryPicker.styled';\nimport { DropdownPopover } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\n/*\n Props for the CountryPicker component\n /\nexport interface CountryPickerProps {\n\t/\n\t Version of the dropdown popover to use\n\t /\n\tversion: '1.0' \| '2.0';\n\t/\n\t Callback function when a country is selected\n\t /\n\tonCountrySelect: (country: CountryCode) => void;\n\t/\n\t Currently selected country\n\t /\n\tselectedCountry?: CountryCode;\n\t/\n\t Width of the popover dropdown\n\t * @default \"300px\"\n\t /\n\tpopoverWidth?: string;\n\t/\n\t Height of the picker container\n\t /\n\theight?: string;\n\t/\n\t Placement of the dropdown relative to the trigger\n\t * @default \"bottom-start\"\n\t /\n\tplacement?: Placement;\n\t/\n\t Positioning strategy for the dropdown\n\t * @default \"absolute\"\n\t /\n\tplacementStrategy?: PositioningStrategy;\n\t/\n\t Whether the picker is disabled\n\t * @default false\n\t /\n\tdisabled?: boolean;\n\t/\n\t Whether to hide the flag image\n\t * @default false\n\t /\n\thideFlagImage?: boolean;\n\t/\n\t Custom styles for the container\n\t /\n\tcontainerStyles?: React.CSSProperties;\n\t/\n\t Placeholder text when no country is selected\n\t * @default \"Select a country\"\n\t /\n\tplaceholder?: string;\n\t/\n\t Whether to show country code alongside name\n\t * @default true\n\t /\n\tshowCountryCode?: boolean;\n\t/\n\t Custom text style for the country name\n\t /\n\tcountryTextStyle?: React.CSSProperties;\n\t/\n\t Callback when dropdown is clicked\n\t */\n\tonDropdownClick?: () => void;\n}\n\nexport const CountryPicker: React.FC<CountryPickerProps> = ({\n\tversion,\n\tonCountrySelect,\n\tselectedCountry,\n\tpopoverWidth = '300px',\n\theight,\n\tplacement = 'bottom-start',\n\tplacementStrategy = 'absolute',\n\tdisabled = false,\n\thideFlagImage = false,\n\tcontainerStyles,\n\tplaceholder = 'Select a country',\n\tshowCountryCode = true,\n\tcountryTextStyle,\n\tonDropdownClick,\n}) => {\n\tconst [internalSelectedCountry, setInternalSelectedCountry] = useState<\n\t\tCountryCode \| undefined\n\t>(selectedCountry);\n\n\t// Derive the current selected country (controlled vs uncontrolled)\n\tconst currentCountry = selectedCountry ?? internalSelectedCountry;\n\n\tconst selectedFlag = currentCountry\n\t\t? `https://flagcdn.com/${currentCountry.code?.toLowerCase()}.svg`\n\t\t: undefined;\n\n\tconst getCountryOptions = useMemo((): DropdownOption[] => {\n\t\treturn CountriesData.map((country) => {\n\t\t\tconst flag = `https://flagcdn.com/${country.code?.toLowerCase()}.svg`;\n\t\t\treturn {\n\t\t\t\tvalue: country.code,\n\t\t\t\tlabel: country.name,\n\t\t\t\tsearchKey: country.name,\n\t\t\t\tcustomComponent: (\n\t\t\t\t\t<StyledCountryOption>\n\t\t\t\t\t\t{!hideFlagImage && (\n\t\t\t\t\t\t\t<img src={flag} className=\"country-flag\" alt={country.name} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div className=\"country-info\">\n\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: COLORS.text.primary,\n\t\t\t\t\t\t\t\t\t...countryTextStyle,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{country.name}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t{showCountryCode && (\n\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor: COLORS.text.secondary,\n\t\t\t\t\t\t\t\t\t\tfontSize: '12px',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{country.code}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</StyledCountryOption>\n\t\t\t\t),\n\t\t\t\tselected: currentCountry?.code === country.code,\n\t\t\t};\n\t\t});\n\t}, [currentCountry?.code, hideFlagImage, showCountryCode, countryTextStyle]);\n\n\tconst handleCountrySelect = (option: SingleOption) => {\n\t\tconst matchingCountry = CountriesData.find(\n\t\t\t(country) => country.code === option.value,\n\t\t);\n\t\tif (matchingCountry) {\n\t\t\t// Only update internal state if in uncontrolled mode\n\t\t\tif (selectedCountry === undefined) {\n\t\t\t\tsetInternalSelectedCountry(matchingCountry);\n\t\t\t}\n\t\t\tonCountrySelect(matchingCountry);\n\t\t}\n\t};\n\n\treturn (\n\t\t<DropdownPopover\n\t\t\tversion={version}\n\t\t\tisSearchable\n\t\t\twidth={popoverWidth}\n\t\t\tplacement={placement}\n\t\t\tstrategy={placementStrategy}\n\t\t\toptions={getCountryOptions}\n\t\t\tdisabled={disabled}\n\t\t\tonSelect={(option) => handleCountrySelect(option as SingleOption)}\n\t\t>\n\t\t\t<StyledCountryPickerContainer\n\t\t\t\theight={height}\n\t\t\t\tstyle={containerStyles}\n\t\t\t\tonClick={onDropdownClick}\n\t\t\t\tdisabled={disabled}\n\t\t\t>\n\t\t\t\t<div className=\"content__wrapper\">\n\t\t\t\t\t{currentCountry ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{!hideFlagImage && selectedFlag && (\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc={selectedFlag}\n\t\t\t\t\t\t\t\t\tclassName=\"country-flag\"\n\t\t\t\t\t\t\t\t\talt={currentCountry.name}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<BodySecondary style={countryTextStyle}>\n\t\t\t\t\t\t\t\t{currentCountry.name}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tcolor: COLORS.text.disabled,\n\t\t\t\t\t\t\t\t...countryTextStyle,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{placeholder}\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<DownIcon\n\t\t\t\t\twidth={24}\n\t\t\t\t\theight={24}\n\t\t\t\t\tcolor={disabled ? COLORS.text.disabled : COLORS.content.primary}\n\t\t\t\t/>\n\t\t\t</StyledCountryPickerContainer>\n\t\t</DropdownPopover>\n\t);\n};\n"],"names":["CountryPicker","version","onCountrySelect","selectedCountry","popoverWidth","height","placement","placementStrategy","disabled","hideFlagImage","containerStyles","placeholder","showCountryCode","countryTextStyle","onDropdownClick","internalSelectedCountry","setInternalSelectedCountry","useState","currentCountry","selectedFlag","getCountryOptions","useMemo","CountriesData","country","flag","StyledCountryOption","this","jsxDEV","BodySecondary","COLORS","handleCountrySelect","option","matchingCountry","DropdownPopover","StyledCountryPickerContainer","Fragment","DownIcon"],"mappings":"2YAqFaA,EAA8C,CAAC,CAC3D,QAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,aAAAC,EAAe,QACf,OAAAC,EACA,UAAAC,EAAY,eACZ,kBAAAC,EAAoB,WACpB,SAAAC,EAAW,GACX,cAAAC,EAAgB,GAChB,gBAAAC,EACA,YAAAC,EAAc,mBACd,gBAAAC,EAAkB,GAClB,iBAAAC,EACA,gBAAAC,CACD,IAAM,CACL,KAAM,CAACC,EAAyBC,CAA0B,EAAIC,EAAAA,SAE5Dd,CAAe,EAGXe,EAAiBf,GAAmBY,EAEpCI,EAAeD,EAClB,uBAAuBA,EAAe,MAAM,YAAA,CAAa,OACzD,OAEGE,EAAoBC,EAAAA,QAAQ,IAC1BC,EAAAA,cAAc,IAAKC,GAAY,CACrC,MAAMC,EAAO,uBAAuBD,EAAQ,MAAM,aAAa,OAC/D,MAAO,CACN,MAAOA,EAAQ,KACf,MAAOA,EAAQ,KACf,UAAWA,EAAQ,KACnB,yBACEE,sBAAA,CACC,SAAA,CAAA,CAAChB,YACA,MAAA,CAAI,IAAKe,EAAM,UAAU,eAAe,IAAKD,EAAQ,IAAA,EAAtD,OAAA,GAAA,CAAA,SAAA,~~4GAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAG,MAA4D,EAE7DC,EAAAA,OAAC,MAAA,CAAI,UAAU,eACd,SAAA,CAAAA,EAAAA,OAACC,EAAAA,cAAA,CACA,MAAO,CACN,MAAOC,EAAAA,OAAO,KAAK,QACnB,GAAGhB,CAAA,EAGH,SAAAU,EAAQ,IAAA,EANV,OAAA,GAAA,CAAA,SAAA,~~4GAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAG,MAAA,EAQCd,GACAe,EAAAA,OAACC,EAAAA,cAAA,CACA,MAAO,CACN,MAAOC,EAAAA,OAAO,KAAK,UACnB,SAAU,MAAA,EAGV,SAAAN,EAAQ,IAAA,EANV,OAAA,GAAA,CAAA,SAAA,~~4GAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAG,MAAA,CAOA,CAAA,EAjBF,OAAA,GAAA,CAAA,SAAA,~~4GAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAmBA,CAAA,CAAA,EAvBD,OAAA,GAAA,CAAA,SAAA,~~4GAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAwBA,EAED,SAAUR,GAAgB,OAASK,EAAQ,IAAA,CAE7C,CAAC,EACC,CAACL,GAAgB,KAAMT,EAAeG,EAAiBC,CAAgB,CAAC,EAErEiB,EAAuBC,GAAyB,CACrD,MAAMC,EAAkBV,EAAAA,cAAc,KACpCC,GAAYA,EAAQ,OAASQ,EAAO,KAAA,EAElCC,IAEC7B,IAAoB,QACvBa,EAA2BgB,CAAe,EAE3C9B,EAAgB8B,CAAe,EAEjC,EAEA,OACCL,EAAAA,OAACM,EAAAA,gBAAA,CACA,QAAAhC,EACA,aAAY,GACZ,MAAOG,EACP,UAAAE,EACA,SAAUC,EACV,QAASa,EACT,SAAAZ,EACA,SAAWuB,GAAWD,EAAoBC,CAAsB,EAEhE,SAAAJ,EAAAA,OAACO,EAAAA,6BAAA,CACA,OAAA7B,EACA,MAAOK,EACP,QAASI,EACT,SAAAN,EAEA,SAAA,CAAAmB,SAAC,MAAA,CAAI,UAAU,mBACb,SAAAT,EACAS,EAAAA,OAAAQ,WAAA,CACE,SAAA,CAAA,CAAC1B,GAAiBU,GAClBQ,EAAAA,OAAC,MAAA,CACA,IAAKR,EACL,UAAU,eACV,IAAKD,EAAe,IAAA,EAHrB,OAAA,GAAA,CAAA,SAAA,~~4GAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAQ,MAAA,EAMDC,SAACC,EAAAA,cAAA,CAAc,MAAOf,EACpB,WAAe,IAAA,EADjB,OAAA,GAAA,CAAA,SAAA,~~4GAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAa,MAEA,CAAA,CAAA,EAVD,OAAA,GAAA,CAAA,SAAA,~~4GAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAWA,EAEAC,EAAAA,OAACC,EAAAA,cAAA,CACA,MAAO,CACN,MAAOC,EAAAA,OAAO,KAAK,SACnB,GAAGhB,CAAA,EAGH,SAAAF,CAAA,EANF,OAAA,GAAA,CAAA,SAAA,~~4GAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAe,MAAA,CAOA,EAtBF,OAAA,GAAA,CAAA,SAAA,~~4GAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAwBA,EACAC,EAAAA,OAACS,EAAAA,QAAA,CACA,MAAO,GACP,OAAQ,GACR,MAAO5B,EAAWqB,EAAAA,OAAO,KAAK,SAAWA,EAAAA,OAAO,QAAQ,OAAA,EAHzD,OAAA,GAAA,CAAA,SAAA,~~4GAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAH,MAAA,CAIA,CAAA,EAnCD,OAAA,GAAA,CAAA,SAAA,~~4GAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAoCA,EA9CD,OAAA,GAAA,CAAA,SAAA,~~4GAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAiDF"}
1	+ {"version":3,"file":"CountryPicker.js","sources":["../../../../src/components/country-code-picker/CountryPicker.tsx"],"sourcesContent":["import { Placement, PositioningStrategy } from '@popperjs/core';\nimport DownIcon from '@src/assets/icons/chevronDown.svg';\nimport React, { useMemo, useState } from 'react';\nimport {\n\tCountriesData,\n\tCountryCode,\n} from '@src/components/country-code-picker/CountryCodePicker.modal';\nimport {\n\tStyledCountryOption,\n\tStyledCountryPickerContainer,\n} from '@src/components/country-code-picker/CountryPicker.styled';\nimport { DropdownPopover } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\n/*\n Props for the CountryPicker component\n /\nexport interface CountryPickerProps {\n\t/\n\t Version of the dropdown popover to use\n\t /\n\tversion: '1.0' \| '2.0';\n\t/\n\t Callback function when a country is selected\n\t /\n\tonCountrySelect: (country: CountryCode) => void;\n\t/\n\t Currently selected country\n\t /\n\tselectedCountry?: CountryCode;\n\t/\n\t Width of the popover dropdown\n\t * @default \"300px\"\n\t /\n\tpopoverWidth?: string;\n\t/\n\t Height of the picker container\n\t /\n\theight?: string;\n\t/\n\t Placement of the dropdown relative to the trigger\n\t * @default \"bottom-start\"\n\t /\n\tplacement?: Placement;\n\t/\n\t Positioning strategy for the dropdown\n\t * @default \"absolute\"\n\t /\n\tplacementStrategy?: PositioningStrategy;\n\t/\n\t Whether the picker is disabled\n\t * @default false\n\t /\n\tdisabled?: boolean;\n\t/\n\t Whether to hide the flag image\n\t * @default false\n\t /\n\thideFlagImage?: boolean;\n\t/\n\t Custom styles for the container\n\t /\n\tcontainerStyles?: React.CSSProperties;\n\t/\n\t Placeholder text when no country is selected\n\t * @default \"Select a country\"\n\t /\n\tplaceholder?: string;\n\t/\n\t Whether to show country code alongside name\n\t * @default true\n\t /\n\tshowCountryCode?: boolean;\n\t/\n\t Custom text style for the country name\n\t /\n\tcountryTextStyle?: React.CSSProperties;\n\t/\n\t Callback when dropdown is clicked\n\t */\n\tonDropdownClick?: () => void;\n}\n\nexport const CountryPicker: React.FC<CountryPickerProps> = ({\n\tversion,\n\tonCountrySelect,\n\tselectedCountry,\n\tpopoverWidth = '300px',\n\theight,\n\tplacement = 'bottom-start',\n\tplacementStrategy = 'absolute',\n\tdisabled = false,\n\thideFlagImage = false,\n\tcontainerStyles,\n\tplaceholder = 'Select a country',\n\tshowCountryCode = true,\n\tcountryTextStyle,\n\tonDropdownClick,\n}) => {\n\tconst [internalSelectedCountry, setInternalSelectedCountry] = useState<\n\t\tCountryCode \| undefined\n\t>(selectedCountry);\n\n\t// Derive the current selected country (controlled vs uncontrolled)\n\tconst currentCountry = selectedCountry ?? internalSelectedCountry;\n\n\tconst selectedFlag = currentCountry\n\t\t? `https://flagcdn.com/${currentCountry.code?.toLowerCase()}.svg`\n\t\t: undefined;\n\n\tconst getCountryOptions = useMemo((): DropdownOption[] => {\n\t\treturn CountriesData.map((country) => {\n\t\t\tconst flag = `https://flagcdn.com/${country.code?.toLowerCase()}.svg`;\n\t\t\treturn {\n\t\t\t\tvalue: country.code,\n\t\t\t\tlabel: country.name,\n\t\t\t\tsearchKey: country.name,\n\t\t\t\tcustomComponent: (\n\t\t\t\t\t<StyledCountryOption>\n\t\t\t\t\t\t{!hideFlagImage && (\n\t\t\t\t\t\t\t<img src={flag} className=\"country-flag\" alt={country.name} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div className=\"country-info\">\n\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: COLORS.text.primary,\n\t\t\t\t\t\t\t\t\t...countryTextStyle,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{country.name}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t{showCountryCode && (\n\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor: COLORS.text.secondary,\n\t\t\t\t\t\t\t\t\t\tfontSize: '12px',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{country.code}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</StyledCountryOption>\n\t\t\t\t),\n\t\t\t\tselected: currentCountry?.code === country.code,\n\t\t\t};\n\t\t});\n\t}, [currentCountry?.code, hideFlagImage, showCountryCode, countryTextStyle]);\n\n\tconst handleCountrySelect = (option: SingleOption) => {\n\t\tconst matchingCountry = CountriesData.find(\n\t\t\t(country) => country.code === option.value,\n\t\t);\n\t\tif (matchingCountry) {\n\t\t\t// Only update internal state if in uncontrolled mode\n\t\t\tif (selectedCountry === undefined) {\n\t\t\t\tsetInternalSelectedCountry(matchingCountry);\n\t\t\t}\n\t\t\tonCountrySelect(matchingCountry);\n\t\t}\n\t};\n\n\treturn (\n\t\t<DropdownPopover\n\t\t\tversion={version}\n\t\t\tisSearchable\n\t\t\twidth={popoverWidth}\n\t\t\tplacement={placement}\n\t\t\tstrategy={placementStrategy}\n\t\t\toptions={getCountryOptions}\n\t\t\tdisabled={disabled}\n\t\t\tonSelect={(option) => handleCountrySelect(option as SingleOption)}\n\t\t>\n\t\t\t<StyledCountryPickerContainer\n\t\t\t\theight={height}\n\t\t\t\tstyle={containerStyles}\n\t\t\t\tonClick={onDropdownClick}\n\t\t\t\tdisabled={disabled}\n\t\t\t>\n\t\t\t\t<div className=\"content__wrapper\">\n\t\t\t\t\t{currentCountry ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{!hideFlagImage && selectedFlag && (\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc={selectedFlag}\n\t\t\t\t\t\t\t\t\tclassName=\"country-flag\"\n\t\t\t\t\t\t\t\t\talt={currentCountry.name}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<BodySecondary style={countryTextStyle}>\n\t\t\t\t\t\t\t\t{currentCountry.name}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tcolor: COLORS.text.disabled,\n\t\t\t\t\t\t\t\t...countryTextStyle,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{placeholder}\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<DownIcon\n\t\t\t\t\twidth={24}\n\t\t\t\t\theight={24}\n\t\t\t\t\tcolor={disabled ? COLORS.text.disabled : COLORS.content.primary}\n\t\t\t\t/>\n\t\t\t</StyledCountryPickerContainer>\n\t\t</DropdownPopover>\n\t);\n};\n"],"names":["CountryPicker","version","onCountrySelect","selectedCountry","popoverWidth","height","placement","placementStrategy","disabled","hideFlagImage","containerStyles","placeholder","showCountryCode","countryTextStyle","onDropdownClick","internalSelectedCountry","setInternalSelectedCountry","useState","currentCountry","selectedFlag","getCountryOptions","useMemo","CountriesData","country","flag","StyledCountryOption","this","jsxDEV","BodySecondary","COLORS","handleCountrySelect","option","matchingCountry","DropdownPopover","StyledCountryPickerContainer","Fragment","DownIcon"],"mappings":"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"}

package/dist/cjs/components/curtain/Curtain.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),a=require("react"),r=require("./Curtain.styled.js"),n=require("./CurtainHelper.js"),i=require("../TypographyStyle.js"),s=require("../../constants/Theme.js"),l=require("../../assets/icons/cross.svg.js"),m=require("../button/Button.js"),d=e=>{const[o,c]=a.useState(!1);if(o)return t.jsxDEV(t.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:41,columnNumber:10},void 0);const u=()=>{c(!0),e.onCloseHandler&&e.onCloseHandler()};return t.jsxDEV(r.CurtainStyle,{isTeritaryButton:!!e.tertiaryButtonText,position:e.position,mode:e.mode,type:e.type,strokeAtTop:e.strokeAtTop,strokeAtBottom:e.strokeAtBottom,children:[t.jsxDEV("div",{style:{display:"flex",justifyContent:"center",flex:1,alignItems:"center"},children:[t.jsxDEV("div",{children:e.icon&&t.jsxDEV(e.icon,{color:n.CURTAIN_COLOR_CONFIG_MAP[e.mode][e.type].textColor,height:16,width:16},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:68,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:66,columnNumber:5},void 0),t.jsxDEV("div",{style:{display:"flex",textAlign:"center"},children:[t.jsxDEV(i.BodySecondary,{style:{color:n.CURTAIN_COLOR_CONFIG_MAP[e.mode][e.type].textColor,marginLeft:8},children:[e.text,e.actionButtonText&&t.jsxDEV(i.BodySecondaryLink,{onClick:e.actionButtonClickHandler,style:{display:"inline",color:e.mode===n.CURTAIN_MODE.DARK?n.CURTAIN_COLOR_CONFIG_MAP[e.mode][e.type].textColor:s.COLORS.content.brand,marginLeft:6,textDecoration:"underline"},children:e.actionButtonText},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:84,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:76,columnNumber:6},void 0),e.customComponent&&t.jsxDEV(e.customComponent,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:101,columnNumber:32},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:75,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:58,columnNumber:4},void 0),t.jsxDEV(r.RightWrapper,{children:[e.tertiaryButtonText&&t.jsxDEV(t.Fragment,{children:[t.jsxDEV(m.Button,{className:"tertiary-button",buttonText:e.tertiaryButtonText,onClick:e.tertiaryButtonClickHandler,buttonType:"tertiary"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:107,columnNumber:7},void 0),t.jsxDEV(r.Separator,{mode:e.mode,type:e.type},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:113,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:106,columnNumber:6},void 0),!e.hideCrossIcon&&t.jsxDEV(l.default,{onClick:u,cursor:"pointer",height:20,width:20,color:n.CURTAIN_COLOR_CONFIG_MAP[e.mode][e.type].crossIconColor},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:117,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:104,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:50,columnNumber:3},void 0)};exports.Curtain=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),u=require("react"),i=require("./Curtain.styled.js"),t=require("./CurtainHelper.js"),r=require("../TypographyStyle.js"),m=require("../../constants/Theme.js"),c=require("../../assets/icons/cross.svg.js"),l=require("../button/Button.js"),b=e=>{const[o,a]=u.useState(!1);if(o)return n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:41,columnNumber:10},void 0);const s=()=>{a(!0),e.onCloseHandler&&e.onCloseHandler()};return n.jsxDEV(i.CurtainStyle,{isTeritaryButton:!!e.tertiaryButtonText,position:e.position,mode:e.mode,type:e.type,strokeAtTop:e.strokeAtTop,strokeAtBottom:e.strokeAtBottom,children:[n.jsxDEV("div",{style:{display:"flex",justifyContent:"center",flex:1,alignItems:"center"},children:[n.jsxDEV("div",{children:e.icon&&n.jsxDEV(e.icon,{color:t.CURTAIN_COLOR_CONFIG_MAP[e.mode][e.type].textColor,height:16,width:16},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:68,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:66,columnNumber:5},void 0),n.jsxDEV("div",{style:{display:"flex",textAlign:"center"},children:[n.jsxDEV(r.BodySecondary,{style:{color:t.CURTAIN_COLOR_CONFIG_MAP[e.mode][e.type].textColor,marginLeft:8},children:[e.text,e.actionButtonText&&n.jsxDEV(r.BodySecondaryLink,{onClick:e.actionButtonClickHandler,style:{display:"inline",color:e.mode===t.CURTAIN_MODE.DARK?t.CURTAIN_COLOR_CONFIG_MAP[e.mode][e.type].textColor:m.COLORS.content.brand,marginLeft:6,textDecoration:"underline"},children:e.actionButtonText},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:84,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:76,columnNumber:6},void 0),e.customComponent&&n.jsxDEV(e.customComponent,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:101,columnNumber:32},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:75,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:58,columnNumber:4},void 0),n.jsxDEV(i.RightWrapper,{children:[e.tertiaryButtonText&&n.jsxDEV(n.Fragment,{children:[n.jsxDEV(l.Button,{className:"tertiary-button",buttonText:e.tertiaryButtonText,onClick:e.tertiaryButtonClickHandler,buttonType:"tertiary"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:107,columnNumber:7},void 0),n.jsxDEV(i.Separator,{mode:e.mode,type:e.type},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:113,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:106,columnNumber:6},void 0),!e.hideCrossIcon&&n.jsxDEV(c.default,{onClick:s,cursor:"pointer",height:20,width:20,color:t.CURTAIN_COLOR_CONFIG_MAP[e.mode][e.type].crossIconColor},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:117,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:104,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/curtain/Curtain.tsx",lineNumber:50,columnNumber:3},void 0)};exports.Curtain=b;
 //# sourceMappingURL=Curtain.js.map