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

package/dist/cjs/components/states-modal/DeleteConfirmationModal.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),n=require("../modals/styledModal.js"),o=e=>t.jsxDEV(n.StyledModal,{"data-test":e["data-test"],centralContainerStyles:{width:400},onClose:()=>e.onCancelClicked(),open:!0,headingTitle:e.header,headingSubtitle:e.subHeader,primaryButton:{buttonText:e.confirmationText,buttonType:"destructive",size:"small",onClick:()=>e.onDeleteConfirmed()},secondaryButton:{buttonText:"Cancel",buttonType:"tertiaryGray",size:"small",onClick:()=>e.onCancelClicked()}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states-modal/DeleteConfirmationModal.tsx",lineNumber:17,columnNumber:3},void 0);exports.DeleteConfirmationModal=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),n=require("../modals/styledModal.js"),o=e=>t.jsxDEV(n.StyledModal,{"data-test":e["data-test"],centralContainerStyles:{width:400},onClose:()=>e.onCancelClicked(),open:!0,headingTitle:e.header,headingSubtitle:e.subHeader,primaryButton:{buttonText:e.confirmationText,buttonType:"destructive",size:"small",onClick:()=>e.onDeleteConfirmed()},secondaryButton:{buttonText:"Cancel",buttonType:"tertiaryGray",size:"small",onClick:()=>e.onCancelClicked()}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states-modal/DeleteConfirmationModal.tsx",lineNumber:17,columnNumber:3},void 0);exports.DeleteConfirmationModal=o;
 //# sourceMappingURL=DeleteConfirmationModal.js.map

package/dist/cjs/components/states-modal/DeleteConfirmationModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteConfirmationModal.js","sources":["../../../../src/components/states-modal/DeleteConfirmationModal.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledModal } from '@src/components/modals';\n\nexport interface DeleteConfirmationModalProps {\n\theader: string;\n\tsubHeader: string;\n\tconfirmationText: string;\n\tonDeleteConfirmed: () => void;\n\tonCancelClicked: () => void;\n\t'data-test'?: string;\n}\n\nexport const DeleteConfirmationModal: React.FC<DeleteConfirmationModalProps> = (\n\tprops,\n) => {\n\treturn (\n\t\t<StyledModal\n\t\t\tdata-test={props['data-test']}\n\t\t\tcentralContainerStyles={{\n\t\t\t\twidth: 400,\n\t\t\t}}\n\t\t\tonClose={() => props.onCancelClicked()}\n\t\t\topen={true}\n\t\t\theadingTitle={props.header}\n\t\t\theadingSubtitle={props.subHeader}\n\t\t\tprimaryButton={{\n\t\t\t\tbuttonText: props.confirmationText,\n\t\t\t\tbuttonType: 'destructive',\n\t\t\t\tsize: 'small',\n\t\t\t\tonClick: () => props.onDeleteConfirmed(),\n\t\t\t}}\n\t\t\tsecondaryButton={{\n\t\t\t\tbuttonText: 'Cancel',\n\t\t\t\tbuttonType: 'tertiaryGray',\n\t\t\t\tsize: 'small',\n\t\t\t\tonClick: () => props.onCancelClicked(),\n\t\t\t}}\n\t\t></StyledModal>\n\t);\n};\n"],"names":["DeleteConfirmationModal","props","jsxDEV","StyledModal","this"],"mappings":"+JAYaA,EACZC,GAGCC,EAAAA,OAACC,EAAAA,YAAA,CACA,YAAWF,EAAM,WAAW,EAC5B,uBAAwB,CACvB,MAAO,GAAA,EAER,QAAS,IAAMA,EAAM,gBAAA,EACrB,KAAM,GACN,aAAcA,EAAM,OACpB,gBAAiBA,EAAM,UACvB,cAAe,CACd,WAAYA,EAAM,iBAClB,WAAY,cACZ,KAAM,QACN,QAAS,IAAMA,EAAM,kBAAA,CAAkB,EAExC,gBAAiB,CAChB,WAAY,SACZ,WAAY,eACZ,KAAM,QACN,QAAS,IAAMA,EAAM,gBAAA,CAAgB,CACtC,EApBD,OAAA,GAAA,CAAA,SAAA,+GAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA"}
+{"version":3,"file":"DeleteConfirmationModal.js","sources":["../../../../src/components/states-modal/DeleteConfirmationModal.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledModal } from '@src/components/modals';\n\nexport interface DeleteConfirmationModalProps {\n\theader: string;\n\tsubHeader: string;\n\tconfirmationText: string;\n\tonDeleteConfirmed: () => void;\n\tonCancelClicked: () => void;\n\t'data-test'?: string;\n}\n\nexport const DeleteConfirmationModal: React.FC<DeleteConfirmationModalProps> = (\n\tprops,\n) => {\n\treturn (\n\t\t<StyledModal\n\t\t\tdata-test={props['data-test']}\n\t\t\tcentralContainerStyles={{\n\t\t\t\twidth: 400,\n\t\t\t}}\n\t\t\tonClose={() => props.onCancelClicked()}\n\t\t\topen={true}\n\t\t\theadingTitle={props.header}\n\t\t\theadingSubtitle={props.subHeader}\n\t\t\tprimaryButton={{\n\t\t\t\tbuttonText: props.confirmationText,\n\t\t\t\tbuttonType: 'destructive',\n\t\t\t\tsize: 'small',\n\t\t\t\tonClick: () => props.onDeleteConfirmed(),\n\t\t\t}}\n\t\t\tsecondaryButton={{\n\t\t\t\tbuttonText: 'Cancel',\n\t\t\t\tbuttonType: 'tertiaryGray',\n\t\t\t\tsize: 'small',\n\t\t\t\tonClick: () => props.onCancelClicked(),\n\t\t\t}}\n\t\t></StyledModal>\n\t);\n};\n"],"names":["DeleteConfirmationModal","props","jsxDEV","StyledModal","this"],"mappings":"+JAYaA,EACZC,GAGCC,EAAAA,OAACC,EAAAA,YAAA,CACA,YAAWF,EAAM,WAAW,EAC5B,uBAAwB,CACvB,MAAO,GAAA,EAER,QAAS,IAAMA,EAAM,gBAAA,EACrB,KAAM,GACN,aAAcA,EAAM,OACpB,gBAAiBA,EAAM,UACvB,cAAe,CACd,WAAYA,EAAM,iBAClB,WAAY,cACZ,KAAM,QACN,QAAS,IAAMA,EAAM,kBAAA,CAAkB,EAExC,gBAAiB,CAChB,WAAY,SACZ,WAAY,eACZ,KAAM,QACN,QAAS,IAAMA,EAAM,gBAAA,CAAgB,CACtC,EApBD,OAAA,GAAA,CAAA,SAAA,6IAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA"}

package/dist/cjs/components/states-modal/StateModalComponent.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),j=require("react"),k=require("../../constants/zindex.js"),M=require("../../assets/icons/errorIcon.svg.js"),D=require("../../assets/icons/successIcon.svg.js"),E=require("../../assets/icons/warningIcon.svg.js"),g=require("../spinner/Spinner.js"),t=require("../states/StateComponent.js"),q=require("../modals/styledModal.js"),O=o=>{const a=()=>{if(e==t.StateInterface.SUCCESS)return n.jsxDEV(D.default,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states-modal/StateModalComponent.tsx",lineNumber:43,columnNumber:11},void 0);if(e==t.StateInterface.WARNING)return n.jsxDEV(E.default,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states-modal/StateModalComponent.tsx",lineNumber:46,columnNumber:11},void 0);if(e==t.StateInterface.ERROR)return n.jsxDEV(M.default,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states-modal/StateModalComponent.tsx",lineNumber:49,columnNumber:11},void 0);if(e===t.StateInterface.LOADING)return n.jsxDEV(g.Spinner,{size:"large"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states-modal/StateModalComponent.tsx",lineNumber:52,columnNumber:11},void 0)},{states:e,heading:s,subline:i,icon:c=a(),isButtonEnabled:l,type:u,buttonText:d,onButtonClick:m,leadingIcon:f,width:r,zIndex:b,headerImage:p,iconHeight:S,iconWidth:N,closeButtonType:h,secondaryButtonText:C}=o,[x,I]=j.useState(!0);function y(){o.onClose&&o.onClose(),I(!1)}return n.jsxDEV(q.StyledModal,{"data-test":o["data-test"],open:x,onClose:y,closeOnOutsideClick:e!==t.StateInterface.LOADING,centralContainerStyles:{display:"flex",alignItems:"center",justifyContent:"center",width:r},hideCrossButton:e===t.StateInterface.LOADING,zIndex:b||k.ComponentZindex.STATE_MODAL,children:n.jsxDEV(t.StateComponent,{states:e,heading:s,subline:i,isButtonEnabled:l,leadingIcon:f,type:u,buttonText:d,onButtonClick:m,icon:c,width:r||400,headerImage:p,iconHeight:S,iconWidth:N,closeButtonType:h,secondaryButtonText:C,children:o.children},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states-modal/StateModalComponent.tsx",lineNumber:97,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/states-modal/StateModalComponent.tsx",lineNumber:83,columnNumber:3},void 0)};exports.StateModalComponent=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),x=require("react"),I=require("../../constants/zindex.js"),D=require("../../assets/icons/errorIcon.svg.js"),M=require("../../assets/icons/successIcon.svg.js"),E=require("../../assets/icons/warningIcon.svg.js"),g=require("../spinner/Spinner.js"),t=require("../states/StateComponent.js"),j=require("../modals/styledModal.js"),q=o=>{const s=()=>{if(e==t.StateInterface.SUCCESS)return n.jsxDEV(M.default,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states-modal/StateModalComponent.tsx",lineNumber:43,columnNumber:11},void 0);if(e==t.StateInterface.WARNING)return n.jsxDEV(E.default,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states-modal/StateModalComponent.tsx",lineNumber:46,columnNumber:11},void 0);if(e==t.StateInterface.ERROR)return n.jsxDEV(D.default,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states-modal/StateModalComponent.tsx",lineNumber:49,columnNumber:11},void 0);if(e===t.StateInterface.LOADING)return n.jsxDEV(g.Spinner,{size:"large"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states-modal/StateModalComponent.tsx",lineNumber:52,columnNumber:11},void 0)},{states:e,heading:r,subline:i,icon:l=s(),isButtonEnabled:c,type:m,buttonText:u,onButtonClick:d,leadingIcon:b,width:a,zIndex:f,headerImage:p,iconHeight:S,iconWidth:k,closeButtonType:N,secondaryButtonText:h}=o,[y,C]=x.useState(!0);function v(){o.onClose&&o.onClose(),C(!1)}return n.jsxDEV(j.StyledModal,{"data-test":o["data-test"],open:y,onClose:v,closeOnOutsideClick:e!==t.StateInterface.LOADING,centralContainerStyles:{display:"flex",alignItems:"center",justifyContent:"center",width:a},hideCrossButton:e===t.StateInterface.LOADING,zIndex:f||I.ComponentZindex.STATE_MODAL,children:n.jsxDEV(t.StateComponent,{states:e,heading:r,subline:i,isButtonEnabled:c,leadingIcon:b,type:m,buttonText:u,onButtonClick:d,icon:l,width:a||400,headerImage:p,iconHeight:S,iconWidth:k,closeButtonType:N,secondaryButtonText:h,children:o.children},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states-modal/StateModalComponent.tsx",lineNumber:97,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/states-modal/StateModalComponent.tsx",lineNumber:83,columnNumber:3},void 0)};exports.StateModalComponent=q;
 //# sourceMappingURL=StateModalComponent.js.map

package/dist/cjs/components/states-modal/StateModalComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateModalComponent.js","sources":["../../../../src/components/states-modal/StateModalComponent.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { ComponentZindex } from '@src/constants/zindex';\nimport ErrorIcon from '../../assets/icons/errorIcon.svg';\nimport SuccessIcon from '../../assets/icons/successIcon.svg';\nimport WarningIcon from '../../assets/icons/warningIcon.svg';\nimport { Type } from '../button/model';\nimport { StyledModal } from '../modals';\nimport { Spinner } from '../spinner/Spinner';\nimport {\n\tButtonActions,\n\tButtonTypes,\n\tStateComponent,\n\tStateInterface,\n} from '../states/StateComponent';\n\nexport type StateModalComponentProps = {\n\tstates: StateInterface;\n\theading: string;\n\tsubline: string;\n\ticon?: JSX.Element;\n\tisButtonEnabled: boolean;\n\ttype?: ButtonTypes;\n\tbuttonText?: string;\n\tbuttonIcon?: React.ReactElement;\n\tonButtonClick?: (buttonClicked: ButtonActions) => void;\n\tleadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\twidth?: number;\n\tonClose?: () => void;\n\tzIndex?: number;\n\theaderImage?: string;\n\ticonWidth?: number;\n\ticonHeight?: number;\n\tcloseButtonType?: Type;\n\t'data-test'?: string;\n\tsecondaryButtonText?: string;\n};\n\nexport const StateModalComponent: React.FC<\n\tReact.PropsWithChildren<StateModalComponentProps>\n> = (props) => {\n\tconst findIcon = () => {\n\t\tif (states == StateInterface.SUCCESS) {\n\t\t\treturn <SuccessIcon />;\n\t\t}\n\t\tif (states == StateInterface.WARNING) {\n\t\t\treturn <WarningIcon />;\n\t\t}\n\t\tif (states == StateInterface.ERROR) {\n\t\t\treturn <ErrorIcon />;\n\t\t}\n\t\tif (states === StateInterface.LOADING) {\n\t\t\treturn <Spinner size={'large'} />;\n\t\t}\n\t};\n\tconst {\n\t\tstates,\n\t\theading,\n\t\tsubline,\n\t\ticon = findIcon(),\n\t\tisButtonEnabled,\n\t\ttype,\n\t\tbuttonText,\n\t\tonButtonClick,\n\t\tleadingIcon,\n\t\twidth,\n\t\tzIndex,\n\t\theaderImage,\n\t\ticonHeight,\n\t\ticonWidth,\n\t\tcloseButtonType,\n\t\tsecondaryButtonText,\n\t} = props;\n\n\tconst [open, setOpen] = useState(true);\n\tfunction onClose() {\n\t\tif (props.onClose) {\n\t\t\tprops.onClose();\n\t\t}\n\t\tsetOpen(false);\n\t}\n\n\treturn (\n\t\t<StyledModal\n\t\t\tdata-test={props['data-test']}\n\t\t\topen={open}\n\t\t\tonClose={onClose}\n\t\t\tcloseOnOutsideClick={!(states === StateInterface.LOADING)}\n\t\t\tcentralContainerStyles={{\n\t\t\t\tdisplay: 'flex',\n\t\t\t\talignItems: 'center',\n\t\t\t\tjustifyContent: 'center',\n\t\t\t\twidth: width,\n\t\t\t}}\n\t\t\thideCrossButton={states === StateInterface.LOADING}\n\t\t\tzIndex={zIndex || ComponentZindex.STATE_MODAL}\n\t\t>\n\t\t\t<StateComponent\n\t\t\t\tstates={states}\n\t\t\t\theading={heading}\n\t\t\t\tsubline={subline}\n\t\t\t\tisButtonEnabled={isButtonEnabled}\n\t\t\t\tleadingIcon={leadingIcon}\n\t\t\t\ttype={type}\n\t\t\t\tbuttonText={buttonText}\n\t\t\t\tonButtonClick={onButtonClick}\n\t\t\t\ticon={icon}\n\t\t\t\twidth={width ? width : 400}\n\t\t\t\theaderImage={headerImage}\n\t\t\t\ticonHeight={iconHeight}\n\t\t\t\ticonWidth={iconWidth}\n\t\t\t\tcloseButtonType={closeButtonType}\n\t\t\t\tsecondaryButtonText={secondaryButtonText}\n\t\t\t>\n\t\t\t\t{props.children}\n\t\t\t</StateComponent>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["StateModalComponent","props","findIcon","states","StateInterface","SuccessIcon","this","WarningIcon","ErrorIcon","jsxDEV","Spinner","heading","subline","icon","isButtonEnabled","type","buttonText","onButtonClick","leadingIcon","width","zIndex","headerImage","iconHeight","iconWidth","closeButtonType","secondaryButtonText","open","setOpen","useState","onClose","StyledModal","ComponentZindex","StateComponent"],"mappings":"4bAqCaA,EAERC,GAAU,CACd,MAAMC,EAAW,IAAM,CACtB,GAAIC,GAAUC,EAAAA,eAAe,QAC5B,gBAAQC,EAAAA,QAAA,GAAD,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,EAAA,EAAAC,MAAa,EAErB,GAAIH,GAAUC,EAAAA,eAAe,QAC5B,gBAAQG,EAAAA,QAAA,GAAD,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,EAAA,EAAAD,MAAa,EAErB,GAAIH,GAAUC,EAAAA,eAAe,MAC5B,gBAAQI,EAAAA,QAAA,GAAD,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,EAAA,EAAAF,MAAW,EAEnB,GAAIH,IAAWC,EAAAA,eAAe,QAC7B,OAAOK,EAAAA,OAACC,EAAAA,QAAA,CAAQ,KAAM,OAAA,EAAf,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,EAAA,EAAAJ,MAAwB,CAEjC,EACM,CACL,OAAAH,EACA,QAAAQ,EACA,QAAAC,EACA,KAAAC,EAAOX,EAAA,EACP,gBAAAY,EACA,KAAAC,EACA,WAAAC,EACA,cAAAC,EACA,YAAAC,EACA,MAAAC,EACA,OAAAC,EACA,YAAAC,EACA,WAAAC,EACA,UAAAC,EACA,gBAAAC,EACA,oBAAAC,CAAA,EACGxB,EAEE,CAACyB,EAAMC,CAAO,EAAIC,EAAAA,SAAS,EAAI,EACrC,SAASC,GAAU,CACd5B,EAAM,SACTA,EAAM,QAAA,EAEP0B,EAAQ,EAAK,CACd,CAEA,OACClB,EAAAA,OAACqB,EAAAA,YAAA,CACA,YAAW7B,EAAM,WAAW,EAC5B,KAAAyB,EACA,QAAAG,EACA,oBAAuB1B,IAAWC,EAAAA,eAAe,QACjD,uBAAwB,CACvB,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,MAAAe,CAAA,EAED,gBAAiBhB,IAAWC,EAAAA,eAAe,QAC3C,OAAQgB,GAAUW,EAAAA,gBAAgB,YAElC,SAAAtB,EAAAA,OAACuB,EAAAA,eAAA,CACA,OAAA7B,EACA,QAAAQ,EACA,QAAAC,EACA,gBAAAE,EACA,YAAAI,EACA,KAAAH,EACA,WAAAC,EACA,cAAAC,EACA,KAAAJ,EACA,MAAOM,GAAgB,IACvB,YAAAE,EACA,WAAAC,EACA,UAAAC,EACA,gBAAAC,EACA,oBAAAC,EAEC,SAAAxB,EAAM,QAAA,EAjBR,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,CAkBA,EAhCD,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAmCF"}
+{"version":3,"file":"StateModalComponent.js","sources":["../../../../src/components/states-modal/StateModalComponent.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { ComponentZindex } from '@src/constants/zindex';\nimport ErrorIcon from '../../assets/icons/errorIcon.svg';\nimport SuccessIcon from '../../assets/icons/successIcon.svg';\nimport WarningIcon from '../../assets/icons/warningIcon.svg';\nimport { Type } from '../button/model';\nimport { StyledModal } from '../modals';\nimport { Spinner } from '../spinner/Spinner';\nimport {\n\tButtonActions,\n\tButtonTypes,\n\tStateComponent,\n\tStateInterface,\n} from '../states/StateComponent';\n\nexport type StateModalComponentProps = {\n\tstates: StateInterface;\n\theading: string;\n\tsubline: string;\n\ticon?: JSX.Element;\n\tisButtonEnabled: boolean;\n\ttype?: ButtonTypes;\n\tbuttonText?: string;\n\tbuttonIcon?: React.ReactElement;\n\tonButtonClick?: (buttonClicked: ButtonActions) => void;\n\tleadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\twidth?: number;\n\tonClose?: () => void;\n\tzIndex?: number;\n\theaderImage?: string;\n\ticonWidth?: number;\n\ticonHeight?: number;\n\tcloseButtonType?: Type;\n\t'data-test'?: string;\n\tsecondaryButtonText?: string;\n};\n\nexport const StateModalComponent: React.FC<\n\tReact.PropsWithChildren<StateModalComponentProps>\n> = (props) => {\n\tconst findIcon = () => {\n\t\tif (states == StateInterface.SUCCESS) {\n\t\t\treturn <SuccessIcon />;\n\t\t}\n\t\tif (states == StateInterface.WARNING) {\n\t\t\treturn <WarningIcon />;\n\t\t}\n\t\tif (states == StateInterface.ERROR) {\n\t\t\treturn <ErrorIcon />;\n\t\t}\n\t\tif (states === StateInterface.LOADING) {\n\t\t\treturn <Spinner size={'large'} />;\n\t\t}\n\t};\n\tconst {\n\t\tstates,\n\t\theading,\n\t\tsubline,\n\t\ticon = findIcon(),\n\t\tisButtonEnabled,\n\t\ttype,\n\t\tbuttonText,\n\t\tonButtonClick,\n\t\tleadingIcon,\n\t\twidth,\n\t\tzIndex,\n\t\theaderImage,\n\t\ticonHeight,\n\t\ticonWidth,\n\t\tcloseButtonType,\n\t\tsecondaryButtonText,\n\t} = props;\n\n\tconst [open, setOpen] = useState(true);\n\tfunction onClose() {\n\t\tif (props.onClose) {\n\t\t\tprops.onClose();\n\t\t}\n\t\tsetOpen(false);\n\t}\n\n\treturn (\n\t\t<StyledModal\n\t\t\tdata-test={props['data-test']}\n\t\t\topen={open}\n\t\t\tonClose={onClose}\n\t\t\tcloseOnOutsideClick={!(states === StateInterface.LOADING)}\n\t\t\tcentralContainerStyles={{\n\t\t\t\tdisplay: 'flex',\n\t\t\t\talignItems: 'center',\n\t\t\t\tjustifyContent: 'center',\n\t\t\t\twidth: width,\n\t\t\t}}\n\t\t\thideCrossButton={states === StateInterface.LOADING}\n\t\t\tzIndex={zIndex || ComponentZindex.STATE_MODAL}\n\t\t>\n\t\t\t<StateComponent\n\t\t\t\tstates={states}\n\t\t\t\theading={heading}\n\t\t\t\tsubline={subline}\n\t\t\t\tisButtonEnabled={isButtonEnabled}\n\t\t\t\tleadingIcon={leadingIcon}\n\t\t\t\ttype={type}\n\t\t\t\tbuttonText={buttonText}\n\t\t\t\tonButtonClick={onButtonClick}\n\t\t\t\ticon={icon}\n\t\t\t\twidth={width ? width : 400}\n\t\t\t\theaderImage={headerImage}\n\t\t\t\ticonHeight={iconHeight}\n\t\t\t\ticonWidth={iconWidth}\n\t\t\t\tcloseButtonType={closeButtonType}\n\t\t\t\tsecondaryButtonText={secondaryButtonText}\n\t\t\t>\n\t\t\t\t{props.children}\n\t\t\t</StateComponent>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["StateModalComponent","props","findIcon","states","StateInterface","SuccessIcon","this","WarningIcon","ErrorIcon","jsxDEV","Spinner","heading","subline","icon","isButtonEnabled","type","buttonText","onButtonClick","leadingIcon","width","zIndex","headerImage","iconHeight","iconWidth","closeButtonType","secondaryButtonText","open","setOpen","useState","onClose","StyledModal","ComponentZindex","StateComponent"],"mappings":"4bAqCaA,EAERC,GAAU,CACd,MAAMC,EAAW,IAAM,CACtB,GAAIC,GAAUC,EAAAA,eAAe,QAC5B,gBAAQC,EAAAA,QAAA,GAAD,OAAA,GAAA,CAAA,SAAA,yIAAA,WAAA,GAAA,aAAA,EAAA,EAAAC,MAAa,EAErB,GAAIH,GAAUC,EAAAA,eAAe,QAC5B,gBAAQG,EAAAA,QAAA,GAAD,OAAA,GAAA,CAAA,SAAA,yIAAA,WAAA,GAAA,aAAA,EAAA,EAAAD,MAAa,EAErB,GAAIH,GAAUC,EAAAA,eAAe,MAC5B,gBAAQI,EAAAA,QAAA,GAAD,OAAA,GAAA,CAAA,SAAA,yIAAA,WAAA,GAAA,aAAA,EAAA,EAAAF,MAAW,EAEnB,GAAIH,IAAWC,EAAAA,eAAe,QAC7B,OAAOK,EAAAA,OAACC,EAAAA,QAAA,CAAQ,KAAM,OAAA,EAAf,OAAA,GAAA,CAAA,SAAA,yIAAA,WAAA,GAAA,aAAA,EAAA,EAAAJ,MAAwB,CAEjC,EACM,CACL,OAAAH,EACA,QAAAQ,EACA,QAAAC,EACA,KAAAC,EAAOX,EAAA,EACP,gBAAAY,EACA,KAAAC,EACA,WAAAC,EACA,cAAAC,EACA,YAAAC,EACA,MAAAC,EACA,OAAAC,EACA,YAAAC,EACA,WAAAC,EACA,UAAAC,EACA,gBAAAC,EACA,oBAAAC,CAAA,EACGxB,EAEE,CAACyB,EAAMC,CAAO,EAAIC,EAAAA,SAAS,EAAI,EACrC,SAASC,GAAU,CACd5B,EAAM,SACTA,EAAM,QAAA,EAEP0B,EAAQ,EAAK,CACd,CAEA,OACClB,EAAAA,OAACqB,EAAAA,YAAA,CACA,YAAW7B,EAAM,WAAW,EAC5B,KAAAyB,EACA,QAAAG,EACA,oBAAuB1B,IAAWC,EAAAA,eAAe,QACjD,uBAAwB,CACvB,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,MAAAe,CAAA,EAED,gBAAiBhB,IAAWC,EAAAA,eAAe,QAC3C,OAAQgB,GAAUW,EAAAA,gBAAgB,YAElC,SAAAtB,EAAAA,OAACuB,EAAAA,eAAA,CACA,OAAA7B,EACA,QAAAQ,EACA,QAAAC,EACA,gBAAAE,EACA,YAAAI,EACA,KAAAH,EACA,WAAAC,EACA,cAAAC,EACA,KAAAJ,EACA,MAAOM,GAAgB,IACvB,YAAAE,EACA,WAAAC,EACA,UAAAC,EACA,gBAAAC,EACA,oBAAAC,EAEC,SAAAxB,EAAM,QAAA,EAjBR,OAAA,GAAA,CAAA,SAAA,yIAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,CAkBA,EAhCD,OAAA,GAAA,CAAA,SAAA,yIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAmCF"}

package/dist/cjs/components/stepper/Stepper.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),f=require("../../constants/Theme.js"),N=require("../../assets/icons/check.svg.js"),S=require("../../assets/icons/errorInfo.svg.js"),m=require("../TypographyStyle.js"),u=require("./Stepper.styled.js"),k=n=>{const{steps:r,activeStep:c,onClickingEachStep:p,hideHoverState:l}=n;return e.jsxDEV(u.StepperContainer,{children:r.map((s,t)=>e.jsxDEV(v,{stepsCount:r.length,eachStep:s,onClickingStep:o=>{p(o)},isActive:c?.stepKey==s?.stepKey,isLastElement:t==r.length-1,index:t,hideHoverState:l},t,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:25,columnNumber:5},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:23,columnNumber:3},void 0)},v=n=>{const{eachStep:r,isLastElement:c,index:p,isActive:l,onClickingStep:s,hideHoverState:t}=n,{stepName:o,isCompleted:d,isError:b,isInActive:i}=r,h=()=>{!i&&s(r)},a=()=>l?"active":d?"completed":b?"error":i?"inactive":"default";return e.jsxDEV(u.SingleStepperChildContainer,{stepsCount:n.stepsCount,onClick:h,selectedState:a(),isInActive:i||t,children:[e.jsxDEV("div",{className:`hover-container ${i?"blocked":"pointer"} `,children:[e.jsxDEV("div",{className:"badge",children:a()=="completed"?e.jsxDEV(N.default,{height:16,width:16,color:f.COLORS.content.positive},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:80,columnNumber:7},void 0):a()=="error"?e.jsxDEV(S.default,{height:16,width:16},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:82,columnNumber:7},void 0):e.jsxDEV(m.BodySecondary,{className:"badge-text",children:p+1},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:84,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:78,columnNumber:5},void 0),e.jsxDEV(m.BodyPrimary,{className:"step-text",title:o,children:o},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:87,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:77,columnNumber:4},void 0),e.jsxDEV("div",{className:c?"":"horizontal-divider"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:91,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:71,columnNumber:3},void 0)};exports.Stepper=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),v=require("../../constants/Theme.js"),h=require("../../assets/icons/check.svg.js"),f=require("../../assets/icons/errorInfo.svg.js"),m=require("../TypographyStyle.js"),u=require("./Stepper.styled.js"),N=n=>{const{steps:r,activeStep:a,onClickingEachStep:p,hideHoverState:c}=n;return e.jsxDEV(u.StepperContainer,{children:r.map((s,t)=>e.jsxDEV(y,{stepsCount:r.length,eachStep:s,onClickingStep:i=>{p(i)},isActive:a?.stepKey==s?.stepKey,isLastElement:t==r.length-1,index:t,hideHoverState:c},t,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:25,columnNumber:5},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:23,columnNumber:3},void 0)},y=n=>{const{eachStep:r,isLastElement:a,index:p,isActive:c,onClickingStep:s,hideHoverState:t}=n,{stepName:i,isCompleted:b,isError:d,isInActive:o}=r,k=()=>{!o&&s(r)},l=()=>c?"active":b?"completed":d?"error":o?"inactive":"default";return e.jsxDEV(u.SingleStepperChildContainer,{stepsCount:n.stepsCount,onClick:k,selectedState:l(),isInActive:o||t,children:[e.jsxDEV("div",{className:`hover-container ${o?"blocked":"pointer"} `,children:[e.jsxDEV("div",{className:"badge",children:l()=="completed"?e.jsxDEV(h.default,{height:16,width:16,color:v.COLORS.content.positive},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:80,columnNumber:7},void 0):l()=="error"?e.jsxDEV(f.default,{height:16,width:16},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:82,columnNumber:7},void 0):e.jsxDEV(m.BodySecondary,{className:"badge-text",children:p+1},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:84,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:78,columnNumber:5},void 0),e.jsxDEV(m.BodyPrimary,{className:"step-text",title:i,children:i},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:87,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:77,columnNumber:4},void 0),e.jsxDEV("div",{className:a?"":"horizontal-divider"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:91,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/stepper/Stepper.tsx",lineNumber:71,columnNumber:3},void 0)};exports.Stepper=N;
 //# sourceMappingURL=Stepper.js.map

package/dist/cjs/components/stepper/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sources":["../../../../src/components/stepper/Stepper.tsx"],"sourcesContent":["import { COLORS } from '@src/constants/Theme';\nimport Check from '../../assets/icons/check.svg';\nimport ErrorInfo from '../../assets/icons/errorInfo.svg';\nimport { BodyPrimary, BodySecondary } from '../TypographyStyle';\nimport { EachStep, SingleStepperProps } from './Stepper.model';\nimport {\n\tSingleStepperChildContainer,\n\tStepperContainer,\n} from './Stepper.styled';\n\nexport interface StepperProps {\n\tsteps: EachStep[];\n\tactiveStep: EachStep;\n\tonClickingEachStep: (step: EachStep) => void;\n\thideHoverState?: boolean;\n}\n\nexport const Stepper = (stepperDetails: StepperProps) => {\n\tconst { steps, activeStep, onClickingEachStep, hideHoverState } =\n\t\tstepperDetails;\n\n\treturn (\n\t\t<StepperContainer>\n\t\t\t{steps.map((eachStepper, index) => (\n\t\t\t\t<SingleStepper\n\t\t\t\t\tstepsCount={steps.length}\n\t\t\t\t\teachStep={eachStepper}\n\t\t\t\t\tonClickingStep={(step) => {\n\t\t\t\t\t\tonClickingEachStep(step);\n\t\t\t\t\t}}\n\t\t\t\t\tisActive={activeStep?.stepKey == eachStepper?.stepKey}\n\t\t\t\t\tkey={index}\n\t\t\t\t\tisLastElement={index == steps.length - 1}\n\t\t\t\t\tindex={index}\n\t\t\t\t\thideHoverState={hideHoverState}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</StepperContainer>\n\t);\n};\n\nconst SingleStepper = (props: SingleStepperProps) => {\n\tconst {\n\t\teachStep,\n\t\tisLastElement,\n\t\tindex,\n\t\tisActive,\n\t\tonClickingStep,\n\t\thideHoverState,\n\t} = props;\n\tconst { stepName, isCompleted, isError, isInActive } = eachStep;\n\tconst OnClicking = () => {\n\t\t!isInActive && onClickingStep(eachStep);\n\t};\n\tconst ClassMapping = () => {\n\t\tif (isActive) {\n\t\t\treturn 'active';\n\t\t}\n\t\tif (isCompleted) {\n\t\t\treturn 'completed';\n\t\t}\n\t\tif (isError) {\n\t\t\treturn 'error';\n\t\t}\n\t\tif (isInActive) {\n\t\t\treturn 'inactive';\n\t\t}\n\t\treturn 'default';\n\t};\n\treturn (\n\t\t<SingleStepperChildContainer\n\t\t\tstepsCount={props.stepsCount}\n\t\t\tonClick={OnClicking}\n\t\t\tselectedState={ClassMapping()}\n\t\t\tisInActive={isInActive || hideHoverState}\n\t\t>\n\t\t\t<div className={`hover-container ${isInActive ? 'blocked' : 'pointer'} `}>\n\t\t\t\t<div className=\"badge\">\n\t\t\t\t\t{ClassMapping() == 'completed' ? (\n\t\t\t\t\t\t<Check height={16} width={16} color={COLORS.content.positive} />\n\t\t\t\t\t) : ClassMapping() == 'error' ? (\n\t\t\t\t\t\t<ErrorInfo height={16} width={16} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodySecondary className=\"badge-text\">{index + 1}</BodySecondary>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<BodyPrimary className=\"step-text\" title={stepName}>\n\t\t\t\t\t{stepName}\n\t\t\t\t</BodyPrimary>\n\t\t\t</div>\n\t\t\t<div className={!isLastElement ? 'horizontal-divider' : ''} />\n\t\t</SingleStepperChildContainer>\n\t);\n};\n"],"names":["Stepper","stepperDetails","steps","activeStep","onClickingEachStep","hideHoverState","StepperContainer","eachStepper","index","jsxDEV","SingleStepper","step","this","props","eachStep","isLastElement","isActive","onClickingStep","stepName","isCompleted","isError","isInActive","OnClicking","ClassMapping","SingleStepperChildContainer","Check","COLORS","ErrorInfo","BodySecondary","BodyPrimary"],"mappings":"iUAiBaA,EAAWC,GAAiC,CACxD,KAAM,CAAE,MAAAC,EAAO,WAAAC,EAAY,mBAAAC,EAAoB,eAAAC,GAC9CJ,EAED,gBACEK,EAAAA,iBAAA,CACC,SAAAJ,EAAM,IAAI,CAACK,EAAaC,IACxBC,EAAAA,OAACC,EAAA,CACA,WAAYR,EAAM,OAClB,SAAUK,EACV,eAAiBI,GAAS,CACzBP,EAAmBO,CAAI,CACxB,EACA,SAAUR,GAAY,SAAWI,GAAa,QAE9C,cAAeC,GAASN,EAAM,OAAS,EACvC,MAAAM,EACA,eAAAH,CAAA,EAHKG,EAPN,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CAYA,CAAA,EAdF,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAeA,CAEF,EAEMF,EAAiBG,GAA8B,CACpD,KAAM,CACL,SAAAC,EACA,cAAAC,EACA,MAAAP,EACA,SAAAQ,EACA,eAAAC,EACA,eAAAZ,CAAA,EACGQ,EACE,CAAE,SAAAK,EAAU,YAAAC,EAAa,QAAAC,EAAS,WAAAC,GAAeP,EACjDQ,EAAa,IAAM,CACxB,CAACD,GAAcJ,EAAeH,CAAQ,CACvC,EACMS,EAAe,IAChBP,EACI,SAEJG,EACI,YAEJC,EACI,QAEJC,EACI,WAED,UAER,OACCZ,EAAAA,OAACe,EAAAA,4BAAA,CACA,WAAYX,EAAM,WAClB,QAASS,EACT,cAAeC,EAAA,EACf,WAAYF,GAAchB,EAE1B,SAAA,CAAAI,EAAAA,OAAC,OAAI,UAAW,mBAAmBY,EAAa,UAAY,SAAS,IACpE,SAAA,CAAAZ,SAAC,MAAA,CAAI,UAAU,QACb,SAAAc,EAAA,GAAkB,YAClBd,EAAAA,OAACgB,EAAAA,QAAA,CAAM,OAAQ,GAAI,MAAO,GAAI,MAAOC,SAAO,QAAQ,QAAA,EAApD,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAd,MAA8D,EAC3DW,KAAkB,iBACpBI,EAAAA,QAAA,CAAU,OAAQ,GAAI,MAAO,EAAA,EAA9B,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAf,MAAkC,EAElCH,SAACmB,EAAAA,cAAA,CAAc,UAAU,aAAc,WAAQ,GAA/C,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAhB,MAAiD,CAAA,EANnD,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,WACCiB,EAAAA,YAAA,CAAY,UAAU,YAAY,MAAOX,EACxC,SAAAA,GADF,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAN,MAEA,CAAA,CAAA,EAZD,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAaA,WACC,MAAA,CAAI,UAAYG,EAAuC,GAAvB,oBAAuB,EAAxD,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAA4D,CAAA,CAAA,EApB7D,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAuBF"}
+{"version":3,"file":"Stepper.js","sources":["../../../../src/components/stepper/Stepper.tsx"],"sourcesContent":["import { COLORS } from '@src/constants/Theme';\nimport Check from '../../assets/icons/check.svg';\nimport ErrorInfo from '../../assets/icons/errorInfo.svg';\nimport { BodyPrimary, BodySecondary } from '../TypographyStyle';\nimport { EachStep, SingleStepperProps } from './Stepper.model';\nimport {\n\tSingleStepperChildContainer,\n\tStepperContainer,\n} from './Stepper.styled';\n\nexport interface StepperProps {\n\tsteps: EachStep[];\n\tactiveStep: EachStep;\n\tonClickingEachStep: (step: EachStep) => void;\n\thideHoverState?: boolean;\n}\n\nexport const Stepper = (stepperDetails: StepperProps) => {\n\tconst { steps, activeStep, onClickingEachStep, hideHoverState } =\n\t\tstepperDetails;\n\n\treturn (\n\t\t<StepperContainer>\n\t\t\t{steps.map((eachStepper, index) => (\n\t\t\t\t<SingleStepper\n\t\t\t\t\tstepsCount={steps.length}\n\t\t\t\t\teachStep={eachStepper}\n\t\t\t\t\tonClickingStep={(step) => {\n\t\t\t\t\t\tonClickingEachStep(step);\n\t\t\t\t\t}}\n\t\t\t\t\tisActive={activeStep?.stepKey == eachStepper?.stepKey}\n\t\t\t\t\tkey={index}\n\t\t\t\t\tisLastElement={index == steps.length - 1}\n\t\t\t\t\tindex={index}\n\t\t\t\t\thideHoverState={hideHoverState}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</StepperContainer>\n\t);\n};\n\nconst SingleStepper = (props: SingleStepperProps) => {\n\tconst {\n\t\teachStep,\n\t\tisLastElement,\n\t\tindex,\n\t\tisActive,\n\t\tonClickingStep,\n\t\thideHoverState,\n\t} = props;\n\tconst { stepName, isCompleted, isError, isInActive } = eachStep;\n\tconst OnClicking = () => {\n\t\t!isInActive && onClickingStep(eachStep);\n\t};\n\tconst ClassMapping = () => {\n\t\tif (isActive) {\n\t\t\treturn 'active';\n\t\t}\n\t\tif (isCompleted) {\n\t\t\treturn 'completed';\n\t\t}\n\t\tif (isError) {\n\t\t\treturn 'error';\n\t\t}\n\t\tif (isInActive) {\n\t\t\treturn 'inactive';\n\t\t}\n\t\treturn 'default';\n\t};\n\treturn (\n\t\t<SingleStepperChildContainer\n\t\t\tstepsCount={props.stepsCount}\n\t\t\tonClick={OnClicking}\n\t\t\tselectedState={ClassMapping()}\n\t\t\tisInActive={isInActive || hideHoverState}\n\t\t>\n\t\t\t<div className={`hover-container ${isInActive ? 'blocked' : 'pointer'} `}>\n\t\t\t\t<div className=\"badge\">\n\t\t\t\t\t{ClassMapping() == 'completed' ? (\n\t\t\t\t\t\t<Check height={16} width={16} color={COLORS.content.positive} />\n\t\t\t\t\t) : ClassMapping() == 'error' ? (\n\t\t\t\t\t\t<ErrorInfo height={16} width={16} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodySecondary className=\"badge-text\">{index + 1}</BodySecondary>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<BodyPrimary className=\"step-text\" title={stepName}>\n\t\t\t\t\t{stepName}\n\t\t\t\t</BodyPrimary>\n\t\t\t</div>\n\t\t\t<div className={!isLastElement ? 'horizontal-divider' : ''} />\n\t\t</SingleStepperChildContainer>\n\t);\n};\n"],"names":["Stepper","stepperDetails","steps","activeStep","onClickingEachStep","hideHoverState","StepperContainer","eachStepper","index","jsxDEV","SingleStepper","step","this","props","eachStep","isLastElement","isActive","onClickingStep","stepName","isCompleted","isError","isInActive","OnClicking","ClassMapping","SingleStepperChildContainer","Check","COLORS","ErrorInfo","BodySecondary","BodyPrimary"],"mappings":"iUAiBaA,EAAWC,GAAiC,CACxD,KAAM,CAAE,MAAAC,EAAO,WAAAC,EAAY,mBAAAC,EAAoB,eAAAC,GAC9CJ,EAED,gBACEK,EAAAA,iBAAA,CACC,SAAAJ,EAAM,IAAI,CAACK,EAAaC,IACxBC,EAAAA,OAACC,EAAA,CACA,WAAYR,EAAM,OAClB,SAAUK,EACV,eAAiBI,GAAS,CACzBP,EAAmBO,CAAI,CACxB,EACA,SAAUR,GAAY,SAAWI,GAAa,QAE9C,cAAeC,GAASN,EAAM,OAAS,EACvC,MAAAM,EACA,eAAAH,CAAA,EAHKG,EAPN,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CAYA,CAAA,EAdF,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAeA,CAEF,EAEMF,EAAiBG,GAA8B,CACpD,KAAM,CACL,SAAAC,EACA,cAAAC,EACA,MAAAP,EACA,SAAAQ,EACA,eAAAC,EACA,eAAAZ,CAAA,EACGQ,EACE,CAAE,SAAAK,EAAU,YAAAC,EAAa,QAAAC,EAAS,WAAAC,GAAeP,EACjDQ,EAAa,IAAM,CACxB,CAACD,GAAcJ,EAAeH,CAAQ,CACvC,EACMS,EAAe,IAChBP,EACI,SAEJG,EACI,YAEJC,EACI,QAEJC,EACI,WAED,UAER,OACCZ,EAAAA,OAACe,EAAAA,4BAAA,CACA,WAAYX,EAAM,WAClB,QAASS,EACT,cAAeC,EAAA,EACf,WAAYF,GAAchB,EAE1B,SAAA,CAAAI,EAAAA,OAAC,OAAI,UAAW,mBAAmBY,EAAa,UAAY,SAAS,IACpE,SAAA,CAAAZ,SAAC,MAAA,CAAI,UAAU,QACb,SAAAc,EAAA,GAAkB,YAClBd,EAAAA,OAACgB,EAAAA,QAAA,CAAM,OAAQ,GAAI,MAAO,GAAI,MAAOC,SAAO,QAAQ,QAAA,EAApD,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAd,MAA8D,EAC3DW,KAAkB,iBACpBI,EAAAA,QAAA,CAAU,OAAQ,GAAI,MAAO,EAAA,EAA9B,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAf,MAAkC,EAElCH,SAACmB,EAAAA,cAAA,CAAc,UAAU,aAAc,WAAQ,GAA/C,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAhB,MAAiD,CAAA,EANnD,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,WACCiB,EAAAA,YAAA,CAAY,UAAU,YAAY,MAAOX,EACxC,SAAAA,GADF,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAN,MAEA,CAAA,CAAA,EAZD,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAaA,WACC,MAAA,CAAI,UAAYG,EAAuC,GAAvB,oBAAuB,EAAxD,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAA4D,CAAA,CAAA,EApB7D,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAuBF"}

package/dist/cjs/components/switch/Switch.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-dev-runtime"),i=require("react"),P=require("styled-components"),u=require("../../constants/Theme.js"),R=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=R(P),g=i.forwardRef(({customThumbColor:e,trackColor:f,trackHeight:p,trackLength:w,disabled:l,value:s,onValueChange:C,duration:y,containerStyle:$,type:r,isLoading:o,"data-test":S})=>{const{colorsV2:t}=u.DEFAULT_THEME,[n,b]=i.useState(s),[N,c]=i.useState(o??!1),h=y??200;i.useEffect(()=>{typeof o=="boolean"&&c(o)},[o]),i.useEffect(()=>{b(s)},[s]);const m=l?{false:t.background.inactive,true:t.background.inactive}:{false:f?.false??r==="greenred"?t.background.negative.light:t.background.base,true:f?.true??r==="greenred"?t.background.positive.vibrant:t.background.brand},j={false:r==="greenred"?t.stroke.negative.lightAlt:t.stroke.primary,true:r==="greenred"?t.background.positive.vibrant:t.background.brand},E=l?{false:t.content.inactive,true:t.content.inactive}:{false:e?.false??r==="greenred"?t.content.negative:t.text.primary,true:e?.true??t.surface.standard},T=r?{false:r==="greenred"?t.stroke.negative.lightAlt:t.stroke.primary,true:r==="greenred"?t.stroke.positive.lightAlt:t.background.brandLight}:{false:t.stroke.primary,true:t.stroke.primary};async function D(){if(!l){typeof o!="boolean"&&c(!0);try{await C?.(!n),b(!n)}catch(O){console.log(O)}typeof o!="boolean"&&c(!1)}}return a.jsxDEV(a.Fragment,{children:a.jsxDEV(k,{"data-test":S,trackLength:w??40,trackHeight:p??20,onClick:()=>D(),trackColor:m,value:n,style:$,borderColor:j,duration:h,disabled:l,outlineColor:T,children:N?a.jsxDEV(v,{value:n,trackColor:m},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/switch/Switch.tsx",lineNumber:122,columnNumber:7},void 0):a.jsxDEV(x,{value:n,duration:h,thumbColor:E},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/switch/Switch.tsx",lineNumber:124,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/switch/Switch.tsx",lineNumber:108,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/switch/Switch.tsx",lineNumber:107,columnNumber:4},void 0)});g.displayName="Switch";const k=d.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-dev-runtime"),n=require("react"),R=require("styled-components"),u=require("../../constants/Theme.js"),U=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=U(R),k=n.forwardRef(({customThumbColor:e,trackColor:b,trackHeight:p,trackLength:w,disabled:l,value:s,onValueChange:y,duration:C,containerStyle:$,type:r,isLoading:o,"data-test":S})=>{const{colorsV2:t}=u.DEFAULT_THEME,[i,f]=n.useState(s),[N,c]=n.useState(o??!1),m=C??200;n.useEffect(()=>{typeof o=="boolean"&&c(o)},[o]),n.useEffect(()=>{f(s)},[s]);const h=l?{false:t.background.inactive,true:t.background.inactive}:{false:b?.false??r==="greenred"?t.background.negative.light:t.background.base,true:b?.true??r==="greenred"?t.background.positive.vibrant:t.background.brand},D={false:r==="greenred"?t.stroke.negative.lightAlt:t.stroke.primary,true:r==="greenred"?t.background.positive.vibrant:t.background.brand},E=l?{false:t.content.inactive,true:t.content.inactive}:{false:e?.false??r==="greenred"?t.content.negative:t.text.primary,true:e?.true??t.surface.standard},T=r?{false:r==="greenred"?t.stroke.negative.lightAlt:t.stroke.primary,true:r==="greenred"?t.stroke.positive.lightAlt:t.background.brandLight}:{false:t.stroke.primary,true:t.stroke.primary};async function j(){if(!l){typeof o!="boolean"&&c(!0);try{await y?.(!i),f(!i)}catch(O){console.log(O)}typeof o!="boolean"&&c(!1)}}return a.jsxDEV(a.Fragment,{children:a.jsxDEV(g,{"data-test":S,trackLength:w??40,trackHeight:p??20,onClick:()=>j(),trackColor:h,value:i,style:$,borderColor:D,duration:m,disabled:l,outlineColor:T,children:N?a.jsxDEV(x,{value:i,trackColor:h},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/switch/Switch.tsx",lineNumber:122,columnNumber:7},void 0):a.jsxDEV(v,{value:i,duration:m,thumbColor:E},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/switch/Switch.tsx",lineNumber:124,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/switch/Switch.tsx",lineNumber:108,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/switch/Switch.tsx",lineNumber:107,columnNumber:4},void 0)});k.displayName="Switch";const g=d.default.div`
 	display: flex;
 	flex-direction: row;
 	margin-top: 5px;
@@ -27,7 +27,7 @@
 		outline-offset: 2px;
 		outline-width: 2px;
 	}
-`,x=d.default.div`
+`,v=d.default.div`
 	height: 12px;
 	width: 12px;
 	margin: 4px;
@@ -36,7 +36,7 @@
 	left: ${e=>e.value?"calc(100% - 20px)":"0px"};
 	transition: ${e=>`${e.duration/1e3}s ease all`};
 	background-color: ${e=>e.value?e.thumbColor.true:e.thumbColor.false};
-`,v=d.default.div`
+`,x=d.default.div`
 	border-width: 2px;
 	border-style: solid;
 	border-color: ${e=>e.value?e.trackColor.true:e.trackColor.false};
@@ -58,5 +58,5 @@
 			transform: rotate(360deg);
 		}
 	}
-`;exports.Loader=v;exports.Switch=g;exports.SwitchContainer=k;exports.Thumb=x;
+`;exports.Loader=x;exports.Switch=k;exports.SwitchContainer=g;exports.Thumb=v;
 //# sourceMappingURL=Switch.js.map

package/dist/cjs/components/switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../../src/components/switch/Switch.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { SwitchColorProps, SwitchProps } from './Switch.d';\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n\t({\n\t\tcustomThumbColor,\n\t\ttrackColor,\n\t\ttrackHeight,\n\t\ttrackLength,\n\t\tdisabled,\n\t\tvalue: propsValue,\n\t\tonValueChange,\n\t\tduration,\n\t\tcontainerStyle,\n\t\ttype,\n\t\tisLoading,\n\t\t'data-test': dataTest,\n\t}) => {\n\t\tconst { colorsV2 } = DEFAULT_THEME;\n\n\t\tconst [value, setValue] = useState<boolean>(propsValue);\n\n\t\tconst [isloading, setLoading] = useState<boolean>(isLoading ?? false);\n\t\tconst durationTime = duration ?? 200;\n\n\t\tuseEffect(() => {\n\t\t\tif (typeof isLoading == 'boolean') {\n\t\t\t\tsetLoading(isLoading);\n\t\t\t}\n\t\t}, [isLoading]);\n\n\t\tuseEffect(() => {\n\t\t\tsetValue(propsValue);\n\t\t}, [propsValue]);\n\n\t\tconst consolidatedTrackColor: SwitchColorProps = disabled\n\t\t\t? {\n\t\t\t\t\tfalse: colorsV2.background.inactive,\n\t\t\t\t\ttrue: colorsV2.background.inactive,\n\t\t\t  }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\ttrackColor?.false ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.background.negative.light\n\t\t\t\t\t\t\t: colorsV2.background.base,\n\t\t\t\t\ttrue:\n\t\t\t\t\t\ttrackColor?.true ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.background.positive.vibrant\n\t\t\t\t\t\t\t: colorsV2.background.brand,\n\t\t\t  };\n\n\t\tconst consolidatedBorderColor: SwitchColorProps = {\n\t\t\tfalse:\n\t\t\t\ttype === 'greenred'\n\t\t\t\t\t? colorsV2.stroke.negative.lightAlt\n\t\t\t\t\t: colorsV2.stroke.primary,\n\t\t\ttrue:\n\t\t\t\ttype === 'greenred'\n\t\t\t\t\t? colorsV2.background.positive.vibrant\n\t\t\t\t\t: colorsV2.background.brand,\n\t\t};\n\n\t\tconst consolidatedThumbColor: SwitchColorProps = disabled\n\t\t\t? { false: colorsV2.content.inactive, true: colorsV2.content.inactive }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\tcustomThumbColor?.false ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.content.negative\n\t\t\t\t\t\t\t: colorsV2.text.primary,\n\t\t\t\t\ttrue: customThumbColor?.true ?? colorsV2.surface.standard,\n\t\t\t  };\n\n\t\tconst consolidateOutlineColor: SwitchColorProps = !type\n\t\t\t? { false: colorsV2.stroke.primary, true: colorsV2.stroke.primary }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\ttype === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.stroke.negative.lightAlt\n\t\t\t\t\t\t\t: colorsV2.stroke.primary,\n\t\t\t\t\ttrue:\n\t\t\t\t\t\ttype === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.stroke.positive.lightAlt\n\t\t\t\t\t\t\t: colorsV2.background.brandLight,\n\t\t\t  };\n\n\t\tasync function handlePress() {\n\t\t\tif (disabled) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (typeof isLoading !== 'boolean') {\n\t\t\t\tsetLoading(true);\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tawait onValueChange?.(!value);\n\t\t\t\tsetValue(!value);\n\t\t\t} catch (err) {\n\t\t\t\tconsole.log(err);\n\t\t\t}\n\t\t\tif (typeof isLoading !== 'boolean') {\n\t\t\t\tsetLoading(false);\n\t\t\t}\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<SwitchContainer\n\t\t\t\t\tdata-test={dataTest}\n\t\t\t\t\ttrackLength={trackLength ?? 40}\n\t\t\t\t\ttrackHeight={trackHeight ?? 20}\n\t\t\t\t\tonClick={() => handlePress()}\n\t\t\t\t\ttrackColor={consolidatedTrackColor}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tstyle={containerStyle}\n\t\t\t\t\tborderColor={consolidatedBorderColor}\n\t\t\t\t\tduration={durationTime}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\toutlineColor={consolidateOutlineColor}\n\t\t\t\t>\n\t\t\t\t\t{isloading ? (\n\t\t\t\t\t\t<Loader value={value} trackColor={consolidatedTrackColor} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Thumb\n\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\tduration={durationTime}\n\t\t\t\t\t\t\tthumbColor={consolidatedThumbColor}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</SwitchContainer>\n\t\t\t</>\n\t\t);\n\t},\n);\n\nSwitch.displayName = 'Switch';\n\nexport const SwitchContainer = styled.div<{\n\ttrackLength: number;\n\ttrackHeight: number;\n\ttrackColor: SwitchColorProps;\n\tvalue: boolean;\n\tborderColor: SwitchColorProps;\n\tduration: number;\n\tdisabled?: boolean;\n\toutlineColor: SwitchColorProps;\n}>`\n\tdisplay: flex;\n\tflex-direction: row;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\tborder-radius: 30px;\n\tbackground-color: red;\n\tbackground-color: ${(props) =>\n\t\tprops.value ? props.trackColor.true : props.trackColor.false};\n\twidth: ${(props) => props.trackLength + 'px'};\n\theight: ${(props) => props.trackHeight + 'px'};\n\tborder-width: ${(props) => (props.disabled ? '0px' : '1px')};\n\tborder-style: solid;\n\tborder-color: ${(props) =>\n\t\tprops.value ? props.borderColor.true : props.borderColor.false};\n\n\ttransition: ${(props) => `${props.duration / 1000}s ease all`};\n\talign-items: center;\n\tcursor: ${(props) => (props.disabled ? 'default' : 'pointer')};\n\t:focus {\n\t\toutline: ${(props) =>\n\t\t\tprops.value ? props.outlineColor.true : props.outlineColor.false};\n\t\toutline-style: solid;\n\t\toutline-offset: 2px;\n\t\toutline-width: 2px;\n\t}\n\t:active {\n\t\toutline: ${(props) =>\n\t\t\tprops.value ? props.outlineColor.true : props.outlineColor.false};\n\t\toutline-style: solid;\n\t\toutline-offset: 2px;\n\t\toutline-width: 2px;\n\t}\n`;\n\nexport const Thumb = styled.div<{\n\tvalue: boolean;\n\tduration: number;\n\tthumbColor: SwitchColorProps;\n}>`\n\theight: 12px;\n\twidth: 12px;\n\tmargin: 4px;\n\tborder-radius: 8px;\n\tposition: relative;\n\tleft: ${(props) => (props.value ? 'calc(100% - 20px)' : '0px')};\n\ttransition: ${(props) => `${props.duration / 1000}s ease all`};\n\tbackground-color: ${(props) =>\n\t\tprops.value ? props.thumbColor.true : props.thumbColor.false};\n`;\n\nexport const Loader = styled.div<{\n\tvalue: boolean;\n\ttrackColor: SwitchColorProps;\n}>`\n\tborder-width: 2px;\n\tborder-style: solid;\n\tborder-color: ${(props) =>\n\t\tprops.value ? props.trackColor.true : props.trackColor.false};\n\tborder-top-width: 2px;\n\tborder-top-style: solid;\n\tborder-top-color: ${(props) =>\n\t\tprops.value ? COLORS.text.white : COLORS.background.brand};\n\tborder-radius: 50%;\n\theight: 8px;\n\twidth: 8px;\n\tmargin: 4px;\n\tposition: relative;\n\tleft: ${(props) => (props.value ? 'calc(100% - 20px)' : '0px')};\n\tanimation: spin 1s linear infinite;\n\t@keyframes spin {\n\t\t0% {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\t100% {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n`;\n"],"names":["Switch","forwardRef","customThumbColor","trackColor","trackHeight","trackLength","disabled","propsValue","onValueChange","duration","containerStyle","type","isLoading","dataTest","colorsV2","DEFAULT_THEME","value","setValue","useState","isloading","setLoading","durationTime","useEffect","consolidatedTrackColor","consolidatedBorderColor","consolidatedThumbColor","consolidateOutlineColor","handlePress","err","jsxDEV","Fragment","SwitchContainer","Loader","this","Thumb","styled","props","COLORS"],"mappings":"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"}
+{"version":3,"file":"Switch.js","sources":["../../../../src/components/switch/Switch.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { SwitchColorProps, SwitchProps } from './Switch.d';\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n\t({\n\t\tcustomThumbColor,\n\t\ttrackColor,\n\t\ttrackHeight,\n\t\ttrackLength,\n\t\tdisabled,\n\t\tvalue: propsValue,\n\t\tonValueChange,\n\t\tduration,\n\t\tcontainerStyle,\n\t\ttype,\n\t\tisLoading,\n\t\t'data-test': dataTest,\n\t}) => {\n\t\tconst { colorsV2 } = DEFAULT_THEME;\n\n\t\tconst [value, setValue] = useState<boolean>(propsValue);\n\n\t\tconst [isloading, setLoading] = useState<boolean>(isLoading ?? false);\n\t\tconst durationTime = duration ?? 200;\n\n\t\tuseEffect(() => {\n\t\t\tif (typeof isLoading == 'boolean') {\n\t\t\t\tsetLoading(isLoading);\n\t\t\t}\n\t\t}, [isLoading]);\n\n\t\tuseEffect(() => {\n\t\t\tsetValue(propsValue);\n\t\t}, [propsValue]);\n\n\t\tconst consolidatedTrackColor: SwitchColorProps = disabled\n\t\t\t? {\n\t\t\t\t\tfalse: colorsV2.background.inactive,\n\t\t\t\t\ttrue: colorsV2.background.inactive,\n\t\t\t  }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\ttrackColor?.false ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.background.negative.light\n\t\t\t\t\t\t\t: colorsV2.background.base,\n\t\t\t\t\ttrue:\n\t\t\t\t\t\ttrackColor?.true ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.background.positive.vibrant\n\t\t\t\t\t\t\t: colorsV2.background.brand,\n\t\t\t  };\n\n\t\tconst consolidatedBorderColor: SwitchColorProps = {\n\t\t\tfalse:\n\t\t\t\ttype === 'greenred'\n\t\t\t\t\t? colorsV2.stroke.negative.lightAlt\n\t\t\t\t\t: colorsV2.stroke.primary,\n\t\t\ttrue:\n\t\t\t\ttype === 'greenred'\n\t\t\t\t\t? colorsV2.background.positive.vibrant\n\t\t\t\t\t: colorsV2.background.brand,\n\t\t};\n\n\t\tconst consolidatedThumbColor: SwitchColorProps = disabled\n\t\t\t? { false: colorsV2.content.inactive, true: colorsV2.content.inactive }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\tcustomThumbColor?.false ?? type === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.content.negative\n\t\t\t\t\t\t\t: colorsV2.text.primary,\n\t\t\t\t\ttrue: customThumbColor?.true ?? colorsV2.surface.standard,\n\t\t\t  };\n\n\t\tconst consolidateOutlineColor: SwitchColorProps = !type\n\t\t\t? { false: colorsV2.stroke.primary, true: colorsV2.stroke.primary }\n\t\t\t: {\n\t\t\t\t\tfalse:\n\t\t\t\t\t\ttype === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.stroke.negative.lightAlt\n\t\t\t\t\t\t\t: colorsV2.stroke.primary,\n\t\t\t\t\ttrue:\n\t\t\t\t\t\ttype === 'greenred'\n\t\t\t\t\t\t\t? colorsV2.stroke.positive.lightAlt\n\t\t\t\t\t\t\t: colorsV2.background.brandLight,\n\t\t\t  };\n\n\t\tasync function handlePress() {\n\t\t\tif (disabled) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (typeof isLoading !== 'boolean') {\n\t\t\t\tsetLoading(true);\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tawait onValueChange?.(!value);\n\t\t\t\tsetValue(!value);\n\t\t\t} catch (err) {\n\t\t\t\tconsole.log(err);\n\t\t\t}\n\t\t\tif (typeof isLoading !== 'boolean') {\n\t\t\t\tsetLoading(false);\n\t\t\t}\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<SwitchContainer\n\t\t\t\t\tdata-test={dataTest}\n\t\t\t\t\ttrackLength={trackLength ?? 40}\n\t\t\t\t\ttrackHeight={trackHeight ?? 20}\n\t\t\t\t\tonClick={() => handlePress()}\n\t\t\t\t\ttrackColor={consolidatedTrackColor}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tstyle={containerStyle}\n\t\t\t\t\tborderColor={consolidatedBorderColor}\n\t\t\t\t\tduration={durationTime}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\toutlineColor={consolidateOutlineColor}\n\t\t\t\t>\n\t\t\t\t\t{isloading ? (\n\t\t\t\t\t\t<Loader value={value} trackColor={consolidatedTrackColor} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Thumb\n\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\tduration={durationTime}\n\t\t\t\t\t\t\tthumbColor={consolidatedThumbColor}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</SwitchContainer>\n\t\t\t</>\n\t\t);\n\t},\n);\n\nSwitch.displayName = 'Switch';\n\nexport const SwitchContainer = styled.div<{\n\ttrackLength: number;\n\ttrackHeight: number;\n\ttrackColor: SwitchColorProps;\n\tvalue: boolean;\n\tborderColor: SwitchColorProps;\n\tduration: number;\n\tdisabled?: boolean;\n\toutlineColor: SwitchColorProps;\n}>`\n\tdisplay: flex;\n\tflex-direction: row;\n\tmargin-top: 5px;\n\tmargin-bottom: 5px;\n\tborder-radius: 30px;\n\tbackground-color: red;\n\tbackground-color: ${(props) =>\n\t\tprops.value ? props.trackColor.true : props.trackColor.false};\n\twidth: ${(props) => props.trackLength + 'px'};\n\theight: ${(props) => props.trackHeight + 'px'};\n\tborder-width: ${(props) => (props.disabled ? '0px' : '1px')};\n\tborder-style: solid;\n\tborder-color: ${(props) =>\n\t\tprops.value ? props.borderColor.true : props.borderColor.false};\n\n\ttransition: ${(props) => `${props.duration / 1000}s ease all`};\n\talign-items: center;\n\tcursor: ${(props) => (props.disabled ? 'default' : 'pointer')};\n\t:focus {\n\t\toutline: ${(props) =>\n\t\t\tprops.value ? props.outlineColor.true : props.outlineColor.false};\n\t\toutline-style: solid;\n\t\toutline-offset: 2px;\n\t\toutline-width: 2px;\n\t}\n\t:active {\n\t\toutline: ${(props) =>\n\t\t\tprops.value ? props.outlineColor.true : props.outlineColor.false};\n\t\toutline-style: solid;\n\t\toutline-offset: 2px;\n\t\toutline-width: 2px;\n\t}\n`;\n\nexport const Thumb = styled.div<{\n\tvalue: boolean;\n\tduration: number;\n\tthumbColor: SwitchColorProps;\n}>`\n\theight: 12px;\n\twidth: 12px;\n\tmargin: 4px;\n\tborder-radius: 8px;\n\tposition: relative;\n\tleft: ${(props) => (props.value ? 'calc(100% - 20px)' : '0px')};\n\ttransition: ${(props) => `${props.duration / 1000}s ease all`};\n\tbackground-color: ${(props) =>\n\t\tprops.value ? props.thumbColor.true : props.thumbColor.false};\n`;\n\nexport const Loader = styled.div<{\n\tvalue: boolean;\n\ttrackColor: SwitchColorProps;\n}>`\n\tborder-width: 2px;\n\tborder-style: solid;\n\tborder-color: ${(props) =>\n\t\tprops.value ? props.trackColor.true : props.trackColor.false};\n\tborder-top-width: 2px;\n\tborder-top-style: solid;\n\tborder-top-color: ${(props) =>\n\t\tprops.value ? COLORS.text.white : COLORS.background.brand};\n\tborder-radius: 50%;\n\theight: 8px;\n\twidth: 8px;\n\tmargin: 4px;\n\tposition: relative;\n\tleft: ${(props) => (props.value ? 'calc(100% - 20px)' : '0px')};\n\tanimation: spin 1s linear infinite;\n\t@keyframes spin {\n\t\t0% {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\t100% {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n`;\n"],"names":["Switch","forwardRef","customThumbColor","trackColor","trackHeight","trackLength","disabled","propsValue","onValueChange","duration","containerStyle","type","isLoading","dataTest","colorsV2","DEFAULT_THEME","value","setValue","useState","isloading","setLoading","durationTime","useEffect","consolidatedTrackColor","consolidatedBorderColor","consolidatedThumbColor","consolidateOutlineColor","handlePress","err","jsxDEV","Fragment","SwitchContainer","Loader","this","Thumb","styled","props","COLORS"],"mappings":"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"}

package/dist/cjs/components/tabs/Tabs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),N=require("react"),g=require("../../constants/Theme.js"),a=require("./Tabs.styles.js"),k=require("../tag/Tag.js"),C=e=>{const{tabs:t,initialTab:m,onTabSelected:i,TabItemStyledProps:u,selectedTab:o,extendedBorder:c,rightComponent:d,size:T="default",isSquared:f=!1,containerStyles:x}=e,[r,s]=N.useState(m||t[0].key),{colorsV2:l}=g.DEFAULT_THEME;N.useEffect(()=>{o&&o!==r&&s(o)},[o,r]);const j=e.backgroundColor,E=e.selectedTextColor??l.background.brand,v=e.textColor??l.content.secondary;return n.jsxDEV(a.TabHeader,{style:x??{},bgColor:j,"data-test":e["data-test"],children:[t.map((b,h)=>n.jsxDEV(p,{hasEqualSpacing:e.hasEqualSpacing,selectedTextColor:E,textColor:v,tab:b,currentTab:r,TabItemStyledProps:u,IconComponent:b.icon,size:T,setCurrentTab:y=>{s(y),i&&i(y)},isSquared:f,isFirstlement:h==0,isLastElement:h==t.length-1,iconPosition:b.iconPosition??"left"},b.key,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:48,columnNumber:5},void 0)),c&&n.jsxDEV(a.EmptyTab,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:70,columnNumber:23},void 0),n.jsxDEV(a.RightComponent,{children:d},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:71,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:42,columnNumber:3},void 0)},p=e=>{const{tab:t,currentTab:m,setCurrentTab:i,TabItemStyledProps:u,IconComponent:o,iconPosition:c="left",size:d="default",isSquared:T=!1,isFirstlement:f,isLastElement:x}=e,r=t.key===m,{colorsV2:s}=g.DEFAULT_THEME,l=N.useCallback(()=>({...u,borderRadius:e.isSquared?f?"4px 0px 0px 4px":x?"0px 4px 4px 0px":"":""}),[]);return n.jsxDEV(a.TabItem,{style:l(),selected:r,hasEqualSpacing:e.hasEqualSpacing,onClick:()=>i(e.tab.key),selectedTextColor:e.selectedTextColor,isSquared:T,"data-test":e["data-test"],children:[o&&c==="left"&&n.jsxDEV(o,{selected:r?s.background.brand:s.content.secondary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:117,columnNumber:5},void 0),t.leadingNumber!==void 0&&t.leadingNumber!==null&&n.jsxDEV(a.TrailingNumberContainer,{selected:r,children:n.jsxDEV(k.Tag,{tagText:t?.leadingNumber??0,theme:"dark",type:t.numberTagType,variant:"circle",color:s.content.primaryInverse},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:125,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:124,columnNumber:5},void 0),n.jsxDEV(a.TabItemText,{style:d==="small"?{fontSize:14,fontStyle:"normal",fontWeight:600}:void 0,textColor:e.textColor,selectedTextColor:e.selectedTextColor,selected:r,children:t.title},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:134,columnNumber:4},void 0),t.trailingNumber!==void 0&&t.trailingNumber!==null&&n.jsxDEV(a.TrailingNumberContainer,{selected:r,children:n.jsxDEV(k.Tag,{tagText:t?.trailingNumber??0,theme:"dark",type:t.numberTagType,variant:"circle",color:s.content.primaryInverse},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:148,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:147,columnNumber:5},void 0),o&&c==="right"&&n.jsxDEV(o,{selected:r?s.background.brand:s.content.secondary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:158,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:107,columnNumber:3},void 0)};C.displayName="Tabs";p.displayName="TabItemComponent";exports.TabItemComponent=p;exports.Tabs=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),y=require("react"),h=require("../../constants/Theme.js"),o=require("./Tabs.styles.js"),v=require("../tag/Tag.js"),g=e=>{const{tabs:n,initialTab:c,onTabSelected:i,TabItemStyledProps:u,selectedTab:a,extendedBorder:l,rightComponent:d,size:k="default",isSquared:T=!1,containerStyles:p}=e,[s,r]=y.useState(c||n[0].key),{colorsV2:b}=h.DEFAULT_THEME;y.useEffect(()=>{a&&a!==s&&r(a)},[a,s]);const C=e.backgroundColor,D=e.selectedTextColor??b.background.brand,E=e.textColor??b.content.secondary;return t.jsxDEV(o.TabHeader,{style:p??{},bgColor:C,"data-test":e["data-test"],children:[n.map((m,x)=>t.jsxDEV(f,{hasEqualSpacing:e.hasEqualSpacing,selectedTextColor:D,textColor:E,tab:m,currentTab:s,TabItemStyledProps:u,IconComponent:m.icon,size:k,setCurrentTab:N=>{r(N),i&&i(N)},isSquared:T,isFirstlement:x==0,isLastElement:x==n.length-1,iconPosition:m.iconPosition??"left"},m.key,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:48,columnNumber:5},void 0)),l&&t.jsxDEV(o.EmptyTab,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:70,columnNumber:23},void 0),t.jsxDEV(o.RightComponent,{children:d},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:71,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:42,columnNumber:3},void 0)},f=e=>{const{tab:n,currentTab:c,setCurrentTab:i,TabItemStyledProps:u,IconComponent:a,iconPosition:l="left",size:d="default",isSquared:k=!1,isFirstlement:T,isLastElement:p}=e,s=n.key===c,{colorsV2:r}=h.DEFAULT_THEME,b=y.useCallback(()=>({...u,borderRadius:e.isSquared?T?"4px 0px 0px 4px":p?"0px 4px 4px 0px":"":""}),[]);return t.jsxDEV(o.TabItem,{style:b(),selected:s,hasEqualSpacing:e.hasEqualSpacing,onClick:()=>i(e.tab.key),selectedTextColor:e.selectedTextColor,isSquared:k,"data-test":e["data-test"],children:[a&&l==="left"&&t.jsxDEV(a,{selected:s?r.background.brand:r.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:117,columnNumber:5},void 0),n.leadingNumber!==void 0&&n.leadingNumber!==null&&t.jsxDEV(o.TrailingNumberContainer,{selected:s,children:t.jsxDEV(v.Tag,{tagText:n?.leadingNumber??0,theme:"dark",type:n.numberTagType,variant:"circle",color:r.content.primaryInverse},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:125,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:124,columnNumber:5},void 0),t.jsxDEV(o.TabItemText,{style:d==="small"?{fontSize:14,fontStyle:"normal",fontWeight:600}:void 0,textColor:e.textColor,selectedTextColor:e.selectedTextColor,selected:s,children:n.title},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:134,columnNumber:4},void 0),n.trailingNumber!==void 0&&n.trailingNumber!==null&&t.jsxDEV(o.TrailingNumberContainer,{selected:s,children:t.jsxDEV(v.Tag,{tagText:n?.trailingNumber??0,theme:"dark",type:n.numberTagType,variant:"circle",color:r.content.primaryInverse},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:148,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:147,columnNumber:5},void 0),a&&l==="right"&&t.jsxDEV(a,{selected:s?r.background.brand:r.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:158,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tabs/Tabs.tsx",lineNumber:107,columnNumber:3},void 0)};g.displayName="Tabs";f.displayName="TabItemComponent";exports.TabItemComponent=f;exports.Tabs=g;
 //# sourceMappingURL=Tabs.js.map

package/dist/cjs/components/tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../src/components/tabs/Tabs.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport { Tag } from '../tag';\nimport { TabItemComponentProps, TabViewHeaderProps } from './Tabs.model';\nimport {\n\tEmptyTab,\n\tRightComponent,\n\tTabHeader,\n\tTabItem,\n\tTabItemText,\n\tTrailingNumberContainer,\n} from './Tabs.styles';\n\nexport const Tabs: React.FC<TabViewHeaderProps> = (props) => {\n\tconst {\n\t\ttabs,\n\t\tinitialTab,\n\t\tonTabSelected,\n\t\tTabItemStyledProps,\n\t\tselectedTab,\n\t\textendedBorder,\n\t\trightComponent,\n\t\tsize = 'default',\n\t\tisSquared = false,\n\t\tcontainerStyles,\n\t} = props;\n\tconst [currentTab, setCurrentTab] = useState(initialTab || tabs[0].key);\n\tconst { colorsV2 } = DEFAULT_THEME;\n\n\tuseEffect(() => {\n\t\tif (selectedTab && selectedTab !== currentTab) {\n\t\t\tsetCurrentTab(selectedTab);\n\t\t}\n\t}, [selectedTab, currentTab]);\n\n\tconst backgroundColor = props.backgroundColor;\n\tconst selectedTextColor =\n\t\tprops.selectedTextColor ?? colorsV2.background.brand;\n\tconst textColor = props.textColor ?? colorsV2.content.secondary;\n\n\treturn (\n\t\t<TabHeader\n\t\t\tstyle={containerStyles ?? {}}\n\t\t\tbgColor={backgroundColor}\n\t\t\tdata-test={props['data-test']}\n\t\t>\n\t\t\t{tabs.map((tab, index) => (\n\t\t\t\t<TabItemComponent\n\t\t\t\t\thasEqualSpacing={props.hasEqualSpacing}\n\t\t\t\t\tselectedTextColor={selectedTextColor}\n\t\t\t\t\ttextColor={textColor}\n\t\t\t\t\tkey={tab.key}\n\t\t\t\t\ttab={tab}\n\t\t\t\t\tcurrentTab={currentTab}\n\t\t\t\t\tTabItemStyledProps={TabItemStyledProps}\n\t\t\t\t\tIconComponent={tab.icon}\n\t\t\t\t\tsize={size}\n\t\t\t\t\tsetCurrentTab={(tabKey) => {\n\t\t\t\t\t\tsetCurrentTab(tabKey);\n\t\t\t\t\t\tif (onTabSelected) {\n\t\t\t\t\t\t\tonTabSelected(tabKey as string);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tisSquared={isSquared}\n\t\t\t\t\tisFirstlement={index == 0}\n\t\t\t\t\tisLastElement={index == tabs.length - 1}\n\t\t\t\t\ticonPosition={tab.iconPosition ?? 'left'}\n\t\t\t\t/>\n\t\t\t))}\n\t\t\t{extendedBorder && <EmptyTab />}\n\t\t\t<RightComponent>{rightComponent}</RightComponent>\n\t\t</TabHeader>\n\t);\n};\n\nexport const TabItemComponent: React.FC<TabItemComponentProps> = (props) => {\n\tconst {\n\t\ttab,\n\t\tcurrentTab,\n\t\tsetCurrentTab,\n\t\tTabItemStyledProps,\n\t\tIconComponent,\n\t\ticonPosition = 'left',\n\t\tsize = 'default',\n\t\tisSquared = false,\n\t\tisFirstlement,\n\t\tisLastElement,\n\t} = props;\n\tconst selected = tab.key === currentTab;\n\tconst { colorsV2 } = DEFAULT_THEME;\n\n\tconst tabStyles = useCallback(() => {\n\t\treturn {\n\t\t\t...TabItemStyledProps,\n\t\t\tborderRadius: props.isSquared\n\t\t\t\t? isFirstlement\n\t\t\t\t\t? '4px 0px 0px 4px'\n\t\t\t\t\t: isLastElement\n\t\t\t\t\t? '0px 4px 4px 0px'\n\t\t\t\t\t: ''\n\t\t\t\t: '',\n\t\t};\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n\n\treturn (\n\t\t<TabItem\n\t\t\tstyle={tabStyles()}\n\t\t\tselected={selected}\n\t\t\thasEqualSpacing={props.hasEqualSpacing}\n\t\t\tonClick={() => setCurrentTab(props.tab.key)}\n\t\t\tselectedTextColor={props.selectedTextColor}\n\t\t\tisSquared={isSquared}\n\t\t\tdata-test={props['data-test']}\n\t\t>\n\t\t\t{IconComponent && iconPosition === 'left' && (\n\t\t\t\t<IconComponent\n\t\t\t\t\tselected={\n\t\t\t\t\t\tselected ? colorsV2.background.brand : colorsV2.content.secondary\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{tab.leadingNumber !== undefined && tab.leadingNumber !== null && (\n\t\t\t\t<TrailingNumberContainer selected={selected}>\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={tab?.leadingNumber ?? 0}\n\t\t\t\t\t\ttheme=\"dark\"\n\t\t\t\t\t\ttype={tab.numberTagType}\n\t\t\t\t\t\tvariant=\"circle\"\n\t\t\t\t\t\tcolor={colorsV2.content.primaryInverse}\n\t\t\t\t\t/>\n\t\t\t\t</TrailingNumberContainer>\n\t\t\t)}\n\t\t\t<TabItemText\n\t\t\t\tstyle={\n\t\t\t\t\tsize === 'small'\n\t\t\t\t\t\t? { fontSize: 14, fontStyle: 'normal', fontWeight: 600 }\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\ttextColor={props.textColor}\n\t\t\t\tselectedTextColor={props.selectedTextColor}\n\t\t\t\tselected={selected}\n\t\t\t>\n\t\t\t\t{tab.title}\n\t\t\t</TabItemText>\n\t\t\t{tab.trailingNumber !== undefined && tab.trailingNumber !== null && (\n\t\t\t\t<TrailingNumberContainer selected={selected}>\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={tab?.trailingNumber ?? 0}\n\t\t\t\t\t\ttheme=\"dark\"\n\t\t\t\t\t\ttype={tab.numberTagType}\n\t\t\t\t\t\tvariant=\"circle\"\n\t\t\t\t\t\tcolor={colorsV2.content.primaryInverse}\n\t\t\t\t\t/>\n\t\t\t\t</TrailingNumberContainer>\n\t\t\t)}\n\t\t\t{IconComponent && iconPosition === 'right' && (\n\t\t\t\t<IconComponent\n\t\t\t\t\tselected={\n\t\t\t\t\t\tselected ? colorsV2.background.brand : colorsV2.content.secondary\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</TabItem>\n\t);\n};\n\nTabs.displayName = 'Tabs';\n\nTabItemComponent.displayName = 'TabItemComponent';\n"],"names":["Tabs","props","tabs","initialTab","onTabSelected","TabItemStyledProps","selectedTab","extendedBorder","rightComponent","size","isSquared","containerStyles","currentTab","setCurrentTab","useState","colorsV2","DEFAULT_THEME","useEffect","backgroundColor","selectedTextColor","textColor","jsxDEV","TabHeader","tab","index","TabItemComponent","tabKey","this","EmptyTab","RightComponent","IconComponent","iconPosition","isFirstlement","isLastElement","selected","tabStyles","useCallback","TabItem","TrailingNumberContainer","Tag","TabItemText"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/tabs/Tabs.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport { Tag } from '../tag';\nimport { TabItemComponentProps, TabViewHeaderProps } from './Tabs.model';\nimport {\n\tEmptyTab,\n\tRightComponent,\n\tTabHeader,\n\tTabItem,\n\tTabItemText,\n\tTrailingNumberContainer,\n} from './Tabs.styles';\n\nexport const Tabs: React.FC<TabViewHeaderProps> = (props) => {\n\tconst {\n\t\ttabs,\n\t\tinitialTab,\n\t\tonTabSelected,\n\t\tTabItemStyledProps,\n\t\tselectedTab,\n\t\textendedBorder,\n\t\trightComponent,\n\t\tsize = 'default',\n\t\tisSquared = false,\n\t\tcontainerStyles,\n\t} = props;\n\tconst [currentTab, setCurrentTab] = useState(initialTab || tabs[0].key);\n\tconst { colorsV2 } = DEFAULT_THEME;\n\n\tuseEffect(() => {\n\t\tif (selectedTab && selectedTab !== currentTab) {\n\t\t\tsetCurrentTab(selectedTab);\n\t\t}\n\t}, [selectedTab, currentTab]);\n\n\tconst backgroundColor = props.backgroundColor;\n\tconst selectedTextColor =\n\t\tprops.selectedTextColor ?? colorsV2.background.brand;\n\tconst textColor = props.textColor ?? colorsV2.content.secondary;\n\n\treturn (\n\t\t<TabHeader\n\t\t\tstyle={containerStyles ?? {}}\n\t\t\tbgColor={backgroundColor}\n\t\t\tdata-test={props['data-test']}\n\t\t>\n\t\t\t{tabs.map((tab, index) => (\n\t\t\t\t<TabItemComponent\n\t\t\t\t\thasEqualSpacing={props.hasEqualSpacing}\n\t\t\t\t\tselectedTextColor={selectedTextColor}\n\t\t\t\t\ttextColor={textColor}\n\t\t\t\t\tkey={tab.key}\n\t\t\t\t\ttab={tab}\n\t\t\t\t\tcurrentTab={currentTab}\n\t\t\t\t\tTabItemStyledProps={TabItemStyledProps}\n\t\t\t\t\tIconComponent={tab.icon}\n\t\t\t\t\tsize={size}\n\t\t\t\t\tsetCurrentTab={(tabKey) => {\n\t\t\t\t\t\tsetCurrentTab(tabKey);\n\t\t\t\t\t\tif (onTabSelected) {\n\t\t\t\t\t\t\tonTabSelected(tabKey as string);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tisSquared={isSquared}\n\t\t\t\t\tisFirstlement={index == 0}\n\t\t\t\t\tisLastElement={index == tabs.length - 1}\n\t\t\t\t\ticonPosition={tab.iconPosition ?? 'left'}\n\t\t\t\t/>\n\t\t\t))}\n\t\t\t{extendedBorder && <EmptyTab />}\n\t\t\t<RightComponent>{rightComponent}</RightComponent>\n\t\t</TabHeader>\n\t);\n};\n\nexport const TabItemComponent: React.FC<TabItemComponentProps> = (props) => {\n\tconst {\n\t\ttab,\n\t\tcurrentTab,\n\t\tsetCurrentTab,\n\t\tTabItemStyledProps,\n\t\tIconComponent,\n\t\ticonPosition = 'left',\n\t\tsize = 'default',\n\t\tisSquared = false,\n\t\tisFirstlement,\n\t\tisLastElement,\n\t} = props;\n\tconst selected = tab.key === currentTab;\n\tconst { colorsV2 } = DEFAULT_THEME;\n\n\tconst tabStyles = useCallback(() => {\n\t\treturn {\n\t\t\t...TabItemStyledProps,\n\t\t\tborderRadius: props.isSquared\n\t\t\t\t? isFirstlement\n\t\t\t\t\t? '4px 0px 0px 4px'\n\t\t\t\t\t: isLastElement\n\t\t\t\t\t? '0px 4px 4px 0px'\n\t\t\t\t\t: ''\n\t\t\t\t: '',\n\t\t};\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n\n\treturn (\n\t\t<TabItem\n\t\t\tstyle={tabStyles()}\n\t\t\tselected={selected}\n\t\t\thasEqualSpacing={props.hasEqualSpacing}\n\t\t\tonClick={() => setCurrentTab(props.tab.key)}\n\t\t\tselectedTextColor={props.selectedTextColor}\n\t\t\tisSquared={isSquared}\n\t\t\tdata-test={props['data-test']}\n\t\t>\n\t\t\t{IconComponent && iconPosition === 'left' && (\n\t\t\t\t<IconComponent\n\t\t\t\t\tselected={\n\t\t\t\t\t\tselected ? colorsV2.background.brand : colorsV2.content.secondary\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{tab.leadingNumber !== undefined && tab.leadingNumber !== null && (\n\t\t\t\t<TrailingNumberContainer selected={selected}>\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={tab?.leadingNumber ?? 0}\n\t\t\t\t\t\ttheme=\"dark\"\n\t\t\t\t\t\ttype={tab.numberTagType}\n\t\t\t\t\t\tvariant=\"circle\"\n\t\t\t\t\t\tcolor={colorsV2.content.primaryInverse}\n\t\t\t\t\t/>\n\t\t\t\t</TrailingNumberContainer>\n\t\t\t)}\n\t\t\t<TabItemText\n\t\t\t\tstyle={\n\t\t\t\t\tsize === 'small'\n\t\t\t\t\t\t? { fontSize: 14, fontStyle: 'normal', fontWeight: 600 }\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\ttextColor={props.textColor}\n\t\t\t\tselectedTextColor={props.selectedTextColor}\n\t\t\t\tselected={selected}\n\t\t\t>\n\t\t\t\t{tab.title}\n\t\t\t</TabItemText>\n\t\t\t{tab.trailingNumber !== undefined && tab.trailingNumber !== null && (\n\t\t\t\t<TrailingNumberContainer selected={selected}>\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={tab?.trailingNumber ?? 0}\n\t\t\t\t\t\ttheme=\"dark\"\n\t\t\t\t\t\ttype={tab.numberTagType}\n\t\t\t\t\t\tvariant=\"circle\"\n\t\t\t\t\t\tcolor={colorsV2.content.primaryInverse}\n\t\t\t\t\t/>\n\t\t\t\t</TrailingNumberContainer>\n\t\t\t)}\n\t\t\t{IconComponent && iconPosition === 'right' && (\n\t\t\t\t<IconComponent\n\t\t\t\t\tselected={\n\t\t\t\t\t\tselected ? colorsV2.background.brand : colorsV2.content.secondary\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</TabItem>\n\t);\n};\n\nTabs.displayName = 'Tabs';\n\nTabItemComponent.displayName = 'TabItemComponent';\n"],"names":["Tabs","props","tabs","initialTab","onTabSelected","TabItemStyledProps","selectedTab","extendedBorder","rightComponent","size","isSquared","containerStyles","currentTab","setCurrentTab","useState","colorsV2","DEFAULT_THEME","useEffect","backgroundColor","selectedTextColor","textColor","jsxDEV","TabHeader","tab","index","TabItemComponent","tabKey","this","EmptyTab","RightComponent","IconComponent","iconPosition","isFirstlement","isLastElement","selected","tabStyles","useCallback","TabItem","TrailingNumberContainer","Tag","TabItemText"],"mappings":"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"}

package/dist/cjs/components/tag/Tag.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),q=require("react"),x=require("../tooltips/Tooltip.js"),n=require("../TypographyStyle.js"),A=require("./model.js"),_=require("./Tag.styled.js"),$=require("./themes.js"),R=a=>a&&typeof a=="object"&&"default"in a?a:{default:a},p=R(q),T=({tagText:a,LeadingIcon:b,TrailingIcon:N,onLeadingIconClicked:f=void 0,leadingIconId:c,trailingIconId:l,onTrailingIconClicked:g=void 0,theme:m="light",type:u="neutral",variant:i="regular",version:E,cursor:D,alignIcon:P,noBorder:v,tagHtmlText:s,contentPadding:V,leadingIconTooltip:y,trailingIconTooltip:j,tagColor:k,numberOfLines:r,backgroundColor:U,borderRadius:w,size:t="regular"})=>{let o=a;const B=m;let h=u;A.ValidTagTypeMap[i][u]||(h="neutral"),i==="circle"&&typeof o=="number"&&o>99&&(o="99+");const C=$.getTagIconColor(m,h),d={height:i==="compressed"?12:16,width:i==="compressed"?12:16,color:C,style:{display:"block"}};return e.jsxDEV(_.Tag,{cursor:D,theme:B,type:h,variant:i,version:E,alignIcon:P,noBorder:v,contentPadding:V,backgroundColor:U,borderRadius:w,size:t,children:e.jsxDEV("div",{className:"container",children:[b&&(y?e.jsxDEV(x.Tooltip,{...y,children:e.jsxDEV("button",{className:"icon-leading",onClick:f,id:`${c}-wrapper`||"leading-icon-wrapper",children:p.default.createElement(b,{...d,id:c||"leading-icon"})},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:78,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:77,columnNumber:7},void 0):e.jsxDEV("button",{className:"icon-leading",onClick:f,id:`${c}-wrapper`||"leading-icon-wrapper",children:p.default.createElement(b,{...d,id:c||"leading-icon"})},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:90,columnNumber:7},void 0)),s&&(u==="ai"&&m==="light"?t==="small"?e.jsxDEV(n.AiBodyTiny,{numberOfLines:r,children:s},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:105,columnNumber:8},void 0):e.jsxDEV(n.AiBodyCaption,{numberOfLines:r,children:s},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:109,columnNumber:8},void 0):t==="small"?e.jsxDEV(n.BodyTiny,{className:"text",numberOfLines:r,children:s},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:114,columnNumber:7},void 0):e.jsxDEV(n.BodyCaption,{className:"text",numberOfLines:r,children:s},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:118,columnNumber:7},void 0)),!s&&o!==""&&(u==="ai"&&m==="light"?t==="small"?e.jsxDEV(n.AiBodyTiny,{numberOfLines:r,children:o},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:127,columnNumber:8},void 0):e.jsxDEV(n.AiBodyCaption,{numberOfLines:r,children:o},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:131,columnNumber:8},void 0):t==="small"?e.jsxDEV(n.BodyTiny,{className:"text",color:k,numberOfLines:r,children:o},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:136,columnNumber:7},void 0):e.jsxDEV(n.BodyCaption,{className:"text",color:k,numberOfLines:r,children:o},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:144,columnNumber:7},void 0)),N&&(j?e.jsxDEV(x.Tooltip,{...j,children:e.jsxDEV("button",{className:"icon-trailing",onClick:g,id:`${l}-wrapper`||"trailing-icon-wrapper",children:p.default.createElement(N,{...d,id:l||"trailing-icon"})},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:156,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:155,columnNumber:7},void 0):e.jsxDEV("button",{className:"icon-trailing",onClick:g,id:`${l}-wrapper`||"trailing-icon-wrapper",children:p.default.createElement(N,{...d,id:l||"trailing-icon"})},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:168,columnNumber:7},void 0))]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:74,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/tag/Tag.tsx",lineNumber:61,columnNumber:3},void 0)};T.displayName="Tag";exports.Tag=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),q=require("react"),D=require("../tooltips/Tooltip.js"),o=require("../TypographyStyle.js"),A=require("./model.js"),_=require("./Tag.styled.js"),$=require("./themes.js"),R=a=>a&&typeof a=="object"&&"default"in a?a:{default:a},b=R(q),x=({tagText:a,LeadingIcon:d,TrailingIcon:k,onLeadingIconClicked:N=void 0,leadingIconId:l,trailingIconId:m,onTrailingIconClicked:h=void 0,theme:c="light",type:u="neutral",variant:s="regular",version:T,cursor:E,alignIcon:j,noBorder:V,tagHtmlText:n,contentPadding:U,leadingIconTooltip:f,trailingIconTooltip:v,tagColor:g,numberOfLines:i,backgroundColor:W,borderRadius:w,size:t="regular"})=>{let r=a;const B=c;let y=u;A.ValidTagTypeMap[s][u]||(y="neutral"),s==="circle"&&typeof r=="number"&&r>99&&(r="99+");const C=$.getTagIconColor(c,y),p={height:s==="compressed"?12:16,width:s==="compressed"?12:16,color:C,style:{display:"block"}};return e.jsxDEV(_.Tag,{cursor:E,theme:B,type:y,variant:s,version:T,alignIcon:j,noBorder:V,contentPadding:U,backgroundColor:W,borderRadius:w,size:t,children:e.jsxDEV("div",{className:"container",children:[d&&(f?e.jsxDEV(D.Tooltip,{...f,children:e.jsxDEV("button",{className:"icon-leading",onClick:N,id:`${l}-wrapper`||"leading-icon-wrapper",children:b.default.createElement(d,{...p,id:l||"leading-icon"})},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tag/Tag.tsx",lineNumber:78,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tag/Tag.tsx",lineNumber:77,columnNumber:7},void 0):e.jsxDEV("button",{className:"icon-leading",onClick:N,id:`${l}-wrapper`||"leading-icon-wrapper",children:b.default.createElement(d,{...p,id:l||"leading-icon"})},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tag/Tag.tsx",lineNumber:90,columnNumber:7},void 0)),n&&(u==="ai"&&c==="light"?t==="small"?e.jsxDEV(o.AiBodyTiny,{numberOfLines:i,children:n},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tag/Tag.tsx",lineNumber:105,columnNumber:8},void 0):e.jsxDEV(o.AiBodyCaption,{numberOfLines:i,children:n},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tag/Tag.tsx",lineNumber:109,columnNumber:8},void 0):t==="small"?e.jsxDEV(o.BodyTiny,{className:"text",numberOfLines:i,children:n},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tag/Tag.tsx",lineNumber:114,columnNumber:7},void 0):e.jsxDEV(o.BodyCaption,{className:"text",numberOfLines:i,children:n},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tag/Tag.tsx",lineNumber:118,columnNumber:7},void 0)),!n&&r!==""&&(u==="ai"&&c==="light"?t==="small"?e.jsxDEV(o.AiBodyTiny,{numberOfLines:i,children:r},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tag/Tag.tsx",lineNumber:127,columnNumber:8},void 0):e.jsxDEV(o.AiBodyCaption,{numberOfLines:i,children:r},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tag/Tag.tsx",lineNumber:131,columnNumber:8},void 0):t==="small"?e.jsxDEV(o.BodyTiny,{className:"text",color:g,numberOfLines:i,children:r},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tag/Tag.tsx",lineNumber:136,columnNumber:7},void 0):e.jsxDEV(o.BodyCaption,{className:"text",color:g,numberOfLines:i,children:r},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tag/Tag.tsx",lineNumber:144,columnNumber:7},void 0)),k&&(v?e.jsxDEV(D.Tooltip,{...v,children:e.jsxDEV("button",{className:"icon-trailing",onClick:h,id:`${m}-wrapper`||"trailing-icon-wrapper",children:b.default.createElement(k,{...p,id:m||"trailing-icon"})},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tag/Tag.tsx",lineNumber:156,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tag/Tag.tsx",lineNumber:155,columnNumber:7},void 0):e.jsxDEV("button",{className:"icon-trailing",onClick:h,id:`${m}-wrapper`||"trailing-icon-wrapper",children:b.default.createElement(k,{...p,id:m||"trailing-icon"})},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tag/Tag.tsx",lineNumber:168,columnNumber:7},void 0))]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tag/Tag.tsx",lineNumber:74,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/tag/Tag.tsx",lineNumber:61,columnNumber:3},void 0)};x.displayName="Tag";exports.Tag=x;
 //# sourceMappingURL=Tag.js.map

package/dist/cjs/components/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../../src/components/tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport { Tooltip } from '../tooltips/Tooltip';\nimport {\n\tAiBodyCaption,\n\tAiBodyTiny,\n\tBodyCaption,\n\tBodyTiny,\n} from '../TypographyStyle';\nimport { TagProps, ValidTagTypeMap } from './model';\nimport * as Sc from './Tag.styled';\nimport { getTagIconColor } from './themes';\n\nexport const Tag = ({\n\ttagText,\n\tLeadingIcon,\n\tTrailingIcon,\n\tonLeadingIconClicked = undefined,\n\tleadingIconId,\n\ttrailingIconId,\n\tonTrailingIconClicked = undefined,\n\ttheme = 'light',\n\ttype = 'neutral',\n\tvariant = 'regular',\n\tversion,\n\tcursor,\n\talignIcon,\n\tnoBorder,\n\ttagHtmlText,\n\tcontentPadding,\n\tleadingIconTooltip,\n\ttrailingIconTooltip,\n\ttagColor,\n\tnumberOfLines,\n\tbackgroundColor,\n\tborderRadius,\n\tsize = 'regular',\n}: TagProps) => {\n\tlet displayTagText = tagText;\n\tconst displayTheme = theme;\n\tlet displayType = type;\n\n\tif (!ValidTagTypeMap[variant][type]) {\n\t\tdisplayType = 'neutral';\n\t}\n\n\tif (variant === 'circle') {\n\t\tif (typeof displayTagText === 'number' && displayTagText > 99) {\n\t\t\tdisplayTagText = '99+';\n\t\t}\n\t}\n\n\tconst iconColor = getTagIconColor(theme, displayType);\n\tconst iconProps = {\n\t\theight: variant === 'compressed' ? 12 : 16,\n\t\twidth: variant === 'compressed' ? 12 : 16,\n\t\tcolor: iconColor,\n\t\tstyle: { display: 'block' },\n\t};\n\n\treturn (\n\t\t<Sc.Tag\n\t\t\tcursor={cursor}\n\t\t\ttheme={displayTheme}\n\t\t\ttype={displayType}\n\t\t\tvariant={variant}\n\t\t\tversion={version}\n\t\t\talignIcon={alignIcon}\n\t\t\tnoBorder={noBorder}\n\t\t\tcontentPadding={contentPadding}\n\t\t\tbackgroundColor={backgroundColor}\n\t\t\tborderRadius={borderRadius}\n\t\t\tsize={size}\n\t\t>\n\t\t\t<div className=\"container\">\n\t\t\t\t{LeadingIcon &&\n\t\t\t\t\t(leadingIconTooltip ? (\n\t\t\t\t\t\t<Tooltip {...leadingIconTooltip}>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\t\tonClick={onLeadingIconClicked}\n\t\t\t\t\t\t\t\tid={`${leadingIconId}-wrapper` || 'leading-icon-wrapper'}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{React.createElement(LeadingIcon, {\n\t\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\t\tid: leadingIconId || 'leading-icon',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\tonClick={onLeadingIconClicked}\n\t\t\t\t\t\t\tid={`${leadingIconId}-wrapper` || 'leading-icon-wrapper'}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(LeadingIcon, {\n\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\tid: leadingIconId || 'leading-icon',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\n\t\t\t\t{tagHtmlText &&\n\t\t\t\t\t(type === 'ai' && theme === 'light' ? (\n\t\t\t\t\t\tsize === 'small' ? (\n\t\t\t\t\t\t\t<AiBodyTiny numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t\t</AiBodyTiny>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<AiBodyCaption numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t\t</AiBodyCaption>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : size === 'small' ? (\n\t\t\t\t\t\t<BodyTiny className=\"text\" numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodyCaption className=\"text\" numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t))}\n\n\t\t\t\t{!tagHtmlText &&\n\t\t\t\t\tdisplayTagText !== '' &&\n\t\t\t\t\t(type === 'ai' && theme === 'light' ? (\n\t\t\t\t\t\tsize === 'small' ? (\n\t\t\t\t\t\t\t<AiBodyTiny numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t\t</AiBodyTiny>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<AiBodyCaption numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t\t</AiBodyCaption>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : size === 'small' ? (\n\t\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tcolor={tagColor}\n\t\t\t\t\t\t\tnumberOfLines={numberOfLines}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tcolor={tagColor}\n\t\t\t\t\t\t\tnumberOfLines={numberOfLines}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t))}\n\n\t\t\t\t{TrailingIcon &&\n\t\t\t\t\t(trailingIconTooltip ? (\n\t\t\t\t\t\t<Tooltip {...trailingIconTooltip}>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclassName=\"icon-trailing\"\n\t\t\t\t\t\t\t\tonClick={onTrailingIconClicked}\n\t\t\t\t\t\t\t\tid={`${trailingIconId}-wrapper` || 'trailing-icon-wrapper'}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{React.createElement(TrailingIcon, {\n\t\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\t\tid: trailingIconId || 'trailing-icon',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclassName=\"icon-trailing\"\n\t\t\t\t\t\t\tonClick={onTrailingIconClicked}\n\t\t\t\t\t\t\tid={`${trailingIconId}-wrapper` || 'trailing-icon-wrapper'}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(TrailingIcon, {\n\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\tid: trailingIconId || 'trailing-icon',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\t\t\t</div>\n\t\t</Sc.Tag>\n\t);\n};\n\nTag.displayName = 'Tag';\n"],"names":["Tag","tagText","LeadingIcon","TrailingIcon","onLeadingIconClicked","leadingIconId","trailingIconId","onTrailingIconClicked","theme","type","variant","version","cursor","alignIcon","noBorder","tagHtmlText","contentPadding","leadingIconTooltip","trailingIconTooltip","tagColor","numberOfLines","backgroundColor","borderRadius","size","displayTagText","displayTheme","displayType","ValidTagTypeMap","iconColor","getTagIconColor","iconProps","jsxDEV","Sc.Tag","Tooltip","React","this","AiBodyTiny","AiBodyCaption","BodyTiny","BodyCaption"],"mappings":"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"}
+{"version":3,"file":"Tag.js","sources":["../../../../src/components/tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport { Tooltip } from '../tooltips/Tooltip';\nimport {\n\tAiBodyCaption,\n\tAiBodyTiny,\n\tBodyCaption,\n\tBodyTiny,\n} from '../TypographyStyle';\nimport { TagProps, ValidTagTypeMap } from './model';\nimport * as Sc from './Tag.styled';\nimport { getTagIconColor } from './themes';\n\nexport const Tag = ({\n\ttagText,\n\tLeadingIcon,\n\tTrailingIcon,\n\tonLeadingIconClicked = undefined,\n\tleadingIconId,\n\ttrailingIconId,\n\tonTrailingIconClicked = undefined,\n\ttheme = 'light',\n\ttype = 'neutral',\n\tvariant = 'regular',\n\tversion,\n\tcursor,\n\talignIcon,\n\tnoBorder,\n\ttagHtmlText,\n\tcontentPadding,\n\tleadingIconTooltip,\n\ttrailingIconTooltip,\n\ttagColor,\n\tnumberOfLines,\n\tbackgroundColor,\n\tborderRadius,\n\tsize = 'regular',\n}: TagProps) => {\n\tlet displayTagText = tagText;\n\tconst displayTheme = theme;\n\tlet displayType = type;\n\n\tif (!ValidTagTypeMap[variant][type]) {\n\t\tdisplayType = 'neutral';\n\t}\n\n\tif (variant === 'circle') {\n\t\tif (typeof displayTagText === 'number' && displayTagText > 99) {\n\t\t\tdisplayTagText = '99+';\n\t\t}\n\t}\n\n\tconst iconColor = getTagIconColor(theme, displayType);\n\tconst iconProps = {\n\t\theight: variant === 'compressed' ? 12 : 16,\n\t\twidth: variant === 'compressed' ? 12 : 16,\n\t\tcolor: iconColor,\n\t\tstyle: { display: 'block' },\n\t};\n\n\treturn (\n\t\t<Sc.Tag\n\t\t\tcursor={cursor}\n\t\t\ttheme={displayTheme}\n\t\t\ttype={displayType}\n\t\t\tvariant={variant}\n\t\t\tversion={version}\n\t\t\talignIcon={alignIcon}\n\t\t\tnoBorder={noBorder}\n\t\t\tcontentPadding={contentPadding}\n\t\t\tbackgroundColor={backgroundColor}\n\t\t\tborderRadius={borderRadius}\n\t\t\tsize={size}\n\t\t>\n\t\t\t<div className=\"container\">\n\t\t\t\t{LeadingIcon &&\n\t\t\t\t\t(leadingIconTooltip ? (\n\t\t\t\t\t\t<Tooltip {...leadingIconTooltip}>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\t\tonClick={onLeadingIconClicked}\n\t\t\t\t\t\t\t\tid={`${leadingIconId}-wrapper` || 'leading-icon-wrapper'}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{React.createElement(LeadingIcon, {\n\t\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\t\tid: leadingIconId || 'leading-icon',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\tonClick={onLeadingIconClicked}\n\t\t\t\t\t\t\tid={`${leadingIconId}-wrapper` || 'leading-icon-wrapper'}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(LeadingIcon, {\n\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\tid: leadingIconId || 'leading-icon',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\n\t\t\t\t{tagHtmlText &&\n\t\t\t\t\t(type === 'ai' && theme === 'light' ? (\n\t\t\t\t\t\tsize === 'small' ? (\n\t\t\t\t\t\t\t<AiBodyTiny numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t\t</AiBodyTiny>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<AiBodyCaption numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t\t</AiBodyCaption>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : size === 'small' ? (\n\t\t\t\t\t\t<BodyTiny className=\"text\" numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodyCaption className=\"text\" numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t{tagHtmlText}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t))}\n\n\t\t\t\t{!tagHtmlText &&\n\t\t\t\t\tdisplayTagText !== '' &&\n\t\t\t\t\t(type === 'ai' && theme === 'light' ? (\n\t\t\t\t\t\tsize === 'small' ? (\n\t\t\t\t\t\t\t<AiBodyTiny numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t\t</AiBodyTiny>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<AiBodyCaption numberOfLines={numberOfLines}>\n\t\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t\t</AiBodyCaption>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : size === 'small' ? (\n\t\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tcolor={tagColor}\n\t\t\t\t\t\t\tnumberOfLines={numberOfLines}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tcolor={tagColor}\n\t\t\t\t\t\t\tnumberOfLines={numberOfLines}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{displayTagText}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t))}\n\n\t\t\t\t{TrailingIcon &&\n\t\t\t\t\t(trailingIconTooltip ? (\n\t\t\t\t\t\t<Tooltip {...trailingIconTooltip}>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclassName=\"icon-trailing\"\n\t\t\t\t\t\t\t\tonClick={onTrailingIconClicked}\n\t\t\t\t\t\t\t\tid={`${trailingIconId}-wrapper` || 'trailing-icon-wrapper'}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{React.createElement(TrailingIcon, {\n\t\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\t\tid: trailingIconId || 'trailing-icon',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclassName=\"icon-trailing\"\n\t\t\t\t\t\t\tonClick={onTrailingIconClicked}\n\t\t\t\t\t\t\tid={`${trailingIconId}-wrapper` || 'trailing-icon-wrapper'}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(TrailingIcon, {\n\t\t\t\t\t\t\t\t...iconProps,\n\t\t\t\t\t\t\t\tid: trailingIconId || 'trailing-icon',\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\t\t\t</div>\n\t\t</Sc.Tag>\n\t);\n};\n\nTag.displayName = 'Tag';\n"],"names":["Tag","tagText","LeadingIcon","TrailingIcon","onLeadingIconClicked","leadingIconId","trailingIconId","onTrailingIconClicked","theme","type","variant","version","cursor","alignIcon","noBorder","tagHtmlText","contentPadding","leadingIconTooltip","trailingIconTooltip","tagColor","numberOfLines","backgroundColor","borderRadius","size","displayTagText","displayTheme","displayType","ValidTagTypeMap","iconColor","getTagIconColor","iconProps","jsxDEV","Sc.Tag","Tooltip","React","this","AiBodyTiny","AiBodyCaption","BodyTiny","BodyCaption"],"mappings":"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"}

package/dist/cjs/components/template-context-mapper/Badge/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),i=require("../../../assets/icons/alert.svg.js"),d=require("styled-components"),c=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=s(d),r=l.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),a=require("../../../assets/icons/alert.svg.js"),s=require("styled-components"),d=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=c(s),r=l.default.div`
 	background: ${n.COLORS.background.negative.light};
 	display: flex;
 	align-items: center;
@@ -8,5 +8,5 @@
 	margin-right: 12px;
 	color: ${n.COLORS.content.negative};
 	height: 32px;
-`,p=e=>{const{errorText:o,padding:a}=e;return t.jsxDEV(r,{padding:a,children:[t.jsxDEV(i.default,{height:20,width:20,color:n.COLORS.content.negative},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/Badge/index.tsx",lineNumber:27,columnNumber:4},void 0),t.jsxDEV(c.BodySecondary,{children:o},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/Badge/index.tsx",lineNumber:28,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/Badge/index.tsx",lineNumber:26,columnNumber:3},void 0)};exports.Badge=p;exports.BadgeContainer=r;
+`,p=e=>{const{errorText:o,padding:i}=e;return t.jsxDEV(r,{padding:i,children:[t.jsxDEV(a.default,{height:20,width:20,color:n.COLORS.content.negative},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/Badge/index.tsx",lineNumber:27,columnNumber:4},void 0),t.jsxDEV(d.BodySecondary,{children:o},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/Badge/index.tsx",lineNumber:28,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/Badge/index.tsx",lineNumber:26,columnNumber:3},void 0)};exports.Badge=p;exports.BadgeContainer=r;
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/template-context-mapper/Badge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/template-context-mapper/Badge/index.tsx"],"sourcesContent":["import AlertIcon from '@src/assets/icons/alert.svg';\nimport styled from 'styled-components';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const BadgeContainer = styled.div<{ padding?: string }>`\n\tbackground: ${COLORS.background.negative.light};\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: ${(props) => (props.padding ? '8px' : '0px')} 12px;\n\tgap: 8px;\n\tborder-radius: 4px;\n\tmargin-right: 12px;\n\tcolor: ${COLORS.content.negative};\n\theight: 32px;\n`;\n\nexport interface BadgeProps {\n\terrorText: string;\n\tpadding?: string;\n}\n\nexport const Badge = (props: BadgeProps) => {\n\tconst { errorText, padding } = props;\n\treturn (\n\t\t<BadgeContainer padding={padding}>\n\t\t\t<AlertIcon height={20} width={20} color={COLORS.content.negative} />\n\t\t\t<BodySecondary>{errorText}</BodySecondary>\n\t\t</BadgeContainer>\n\t);\n};\n"],"names":["BadgeContainer","styled","COLORS","props","Badge","errorText","padding","jsxDEV","AlertIcon","this","BodySecondary"],"mappings":"sVAKaA,EAAiBC,EAAAA,QAAO;AAAA,eACtBC,SAAO,WAAW,SAAS,KAAK;AAAA;AAAA;AAAA,YAGlCC,GAAWA,EAAM,QAAU,MAAQ,KAAM;AAAA;AAAA;AAAA;AAAA,UAI5CD,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA,EASpBE,EAASD,GAAsB,CAC3C,KAAM,CAAE,UAAAE,EAAW,QAAAC,CAAA,EAAYH,EAC/B,OACCI,SAACP,GAAe,QAAAM,EACf,SAAA,CAAAC,EAAAA,OAACC,EAAAA,QAAA,CAAU,OAAQ,GAAI,MAAO,GAAI,MAAON,EAAAA,OAAO,QAAQ,QAAA,EAAxD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAkE,EAClEF,EAAAA,OAACG,EAAAA,eAAe,SAAAL,CAAA,EAAhB,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAA0B,CAAA,CAAA,EAF3B,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAGA,CAEF"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/template-context-mapper/Badge/index.tsx"],"sourcesContent":["import AlertIcon from '@src/assets/icons/alert.svg';\nimport styled from 'styled-components';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const BadgeContainer = styled.div<{ padding?: string }>`\n\tbackground: ${COLORS.background.negative.light};\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: ${(props) => (props.padding ? '8px' : '0px')} 12px;\n\tgap: 8px;\n\tborder-radius: 4px;\n\tmargin-right: 12px;\n\tcolor: ${COLORS.content.negative};\n\theight: 32px;\n`;\n\nexport interface BadgeProps {\n\terrorText: string;\n\tpadding?: string;\n}\n\nexport const Badge = (props: BadgeProps) => {\n\tconst { errorText, padding } = props;\n\treturn (\n\t\t<BadgeContainer padding={padding}>\n\t\t\t<AlertIcon height={20} width={20} color={COLORS.content.negative} />\n\t\t\t<BodySecondary>{errorText}</BodySecondary>\n\t\t</BadgeContainer>\n\t);\n};\n"],"names":["BadgeContainer","styled","COLORS","props","Badge","errorText","padding","jsxDEV","AlertIcon","this","BodySecondary"],"mappings":"sVAKaA,EAAiBC,EAAAA,QAAO;AAAA,eACtBC,SAAO,WAAW,SAAS,KAAK;AAAA;AAAA;AAAA,YAGlCC,GAAWA,EAAM,QAAU,MAAQ,KAAM;AAAA;AAAA;AAAA;AAAA,UAI5CD,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA,EASpBE,EAASD,GAAsB,CAC3C,KAAM,CAAE,UAAAE,EAAW,QAAAC,CAAA,EAAYH,EAC/B,OACCI,SAACP,GAAe,QAAAM,EACf,SAAA,CAAAC,EAAAA,OAACC,EAAAA,QAAA,CAAU,OAAQ,GAAI,MAAO,GAAI,MAAON,EAAAA,OAAO,QAAQ,QAAA,EAAxD,OAAA,GAAA,CAAA,SAAA,4IAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAkE,EAClEF,EAAAA,OAACG,EAAAA,eAAe,SAAAL,CAAA,EAAhB,OAAA,GAAA,CAAA,SAAA,4IAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAA0B,CAAA,CAAA,EAF3B,OAAA,GAAA,CAAA,SAAA,4IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAGA,CAEF"}

package/dist/cjs/components/template-context-mapper/TemplateContextMapper.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-dev-runtime"),at=require("lodash/cloneDeep"),e=require("react"),G=require("../../utils/StringUtils.js"),st=require("../../constants/Theme.js"),nt=require("../modals/styledModal.js"),I=require("../template-preview/helpers/templateMiscHelper.js"),c=require("../template-preview/models/Channels.js"),J=require("../template-preview/models/WhatsAppTemplate.js"),lt=require("./context/templateModalContext.js"),it=require("./modalElements/Footer.js"),ct=require("./modalElements/TemplateAnalyticsComponent.js"),K=require("./modalElements/TemplateSelectModalContent.js"),pt=require("./utils/convertPlaceholdersToBikDropdown.js"),ut=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},dt=ut(at),mt=n=>{const{selectedTemplate:b,closeDialog:M,showVariableMapping:L,channel:o,htmlContent:y,templateVariables:X,onTemplateSelect:A,globalPlaceholders:V,showOnlyContent:Z,whatsappSpecificPickerMeta:ee,zIndex:te,showVariableModal:re,variableList:h,discountCode:oe,setDiscountCode:ae,onBackPress:se,enabledCustomText:ne,variableListForImage:P,showSampleValues:le,disableEditVariable:ie,pod:j,extras:ce,pickerConf:pe,selectedCarouselProducts:C,disableEditExpiry:ue,cardWidth:de,onDeleteSelectedProducts:me,fileName:fe,setFileName:be,hideDeviceContainerInPreview:he,maxCharLimit:Ce,onDefaultVariableSelect:xe,skipDefaultVariableContent:ge,disableDatePicker:Ee,disableCopyCode:Se,initialExpiryDateTime:Te,showDiscountCodeExpiryInfo:ye,footerButtonText:Pe,footerInfoText:Ne,templateAnalytics:l}=n;e.useEffect(()=>{O(y)},[y]);const x=I.determineCardIndex(o),i=I.isItCarousal(o,b),p=b?.isProductCarouselType,[ve,De]=e.useState(o===c.CHANNEL_TYPE.EMAIL||o==c.CHANNEL_TYPE.WEBPUSH||i?"desktop":"mobile"),[ke,Ie]=e.useState(!1),[H,O]=e.useState(y),[Me,u]=e.useState(!1),[Le,B]=e.useState([]),[Ae,Ve]=e.useState({}),[r,je]=e.useState(b),[He,Oe]=e.useState([]),[Be,we]=e.useState(null),[w,_e]=e.useState(!1),[_,qe]=e.useState(X??[]),[Fe,q]=e.useState(!1),[Ue,Re]=e.useState(i?r?.mapping?.body?.length?-1:0:-1),[d,g]=e.useState([]),[F,U]=e.useState(void 0),We=e.useRef(null),[Ye,$e]=e.useState(!1),[R,Qe]=e.useState(!1),[ze,Ge]=e.useState(!1),[Je,E]=e.useState(!0),[Ke,m]=e.useState(!0),[W,Xe]=e.useState({}),[Ze,N]=e.useState("");e.useEffect(()=>{C?g(C):p&&g([])},[C]),e.useEffect(()=>{if(!w&&p&&(!C||g.length===0)){const t=r?.components?.[x].cards,a=[];t?.forEach(v=>{v?.components?.forEach(f=>{f.type==="HEADER"&&a.push(f.example?.header_handle?.[0]??"")})}),Oe(a),_e(!0)}},[w]);function et(t,a,v){const f=t?.components?.[v]?.cards;if(!f?.length||!a?.length)return"";const Y=f[0]?.components?.find(S=>S.type==="BODY")?.text??"";if(!Y)return"";const D=t?.mapping?.cards?.[0]?.body??[];if(!D.length)return"";const ot={"{{product.name}}":"productName","{{product.description}}":"productDescription"};for(const S of a){let k=Y;for(let T=0;T<D.length;T++){const $=D[T],Q=ot[$];if(Q===void 0)continue;const z=S[Q];if(!z)return`Variable ${$} is missing for product "${S.productName}".`;k=k.replace(`{{${T+1}}}`,z)}if(k.length>160)return"Selected products description/name making the description more than 160."}return""}function tt(){if(N(""),d?.length<1&&p){u(!0);return}if(Object.keys(W).length>0&&j!==J.POD.CHATBOT){u(!0);return}if(p&&(d?.length??0)>0){const a=et(r,d,x);if(a){N(a),u(!0);return}}const t=A?.(r,_,H??"",d);Ve(t?.templateErrorIndexes??{body:[],buttons:[]}),t?.errorIndexes||t?.error?(t?.errorIndexes&&B(t.errorIndexes),t?.error&&u(!!t?.error)):q(!0)}const rt=e.useMemo(()=>pt.convertPlaceholdersToBikDropdown(V),[V]);return e.useEffect(()=>{U(dt.default(h))},[h]),l?.show&&Je&&l.templateQuality&&Object.values(J.TEMPLATE_QUALITY).find(t=>t===String(l.templateQuality))?s.jsxDEV(ct.TemplateAnalyticsComponent,{headingTitle:r?.label,headingSubtitle:o===c.CHANNEL_TYPE.WHATSAPP?`${G.default.capitaliseFirstLetterOfString(r?.category??"")} • ${r?.templateCategory??""}`:"",templateAnalytics:l,analyticsData:l.data,onClose:()=>{M?.(),E(!1),m(!1)},onCancel:()=>{E(!1),m(!1)},onProceed:()=>{E(!1),m(!0)},templateId:r?.templateId||""},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:354,columnNumber:4},void 0):s.jsxDEV(lt.TemplateModalContext.Provider,{value:{hideFooterButton:ze,setHideFooterButton:Ge,hideCrossButton:R,setHideCrossButton:Qe,variableList:F,setVariableList:U,variableCallback:Be,setVariableCallback:we,showVariablePicker:ke,setShowVariablePicker:Ie,template:r,setTemplate:je,device:ve,setDevice:De,display_content:H,setDisplayContent:O,originalVariableList:_,setOriginalVariableList:qe,isError:Me,setIsError:u,channel:o,globalNormalizedPlaceholders:rt,templateSelectionTriggered:Fe,setTemplateSelectionTriggered:q,enabledCustomText:ne,disableEditVariable:ie,pod:j,extras:ce,isWhatsappCarousel:i,selectedCarouselIndex:Ue,setSelectedCarouselIndex:Re,isProductCarouselType:p,templateErrorIndexes:Ae,cardCount:i?b.components?.[x].cards?.length:void 0,errorIndexes:Le,setErrorIndexes:B,pickerConf:pe,carouselProducts:d,setCarouselProducts:g,disableEditExpiry:ue,cardWidth:de,cardImages:He,onDeleteSelectedProducts:me,hideDeviceContainerInPreview:he,sliderRef:We,isCarouselHovered:Ye,setIsCarouselHovered:$e,maxCharLimit:Ce,ctaOptionsErrors:W,setCtaOptionsErrors:Xe,onDefaultVariableSelect:xe,carouselBodyError:Ze,setCarouselBodyError:N,disableDatePicker:Ee,disableCopyCode:Se,initialExpiryDateTime:Te,showDiscountCodeExpiryInfo:ye,cardIndex:x},children:Z?s.jsxDEV(K.default,{variableListFromProps:h,channel:c.CHANNEL_TYPE.EMAIL,hideHeader:!0},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:451,columnNumber:5},void 0):s.jsxDEV(nt.StyledModal,{hideCrossButton:R,zIndex:te,centralContainerStyles:{width:i?900:o===c.CHANNEL_TYPE.EMAIL&&L?1e3:800},open:Ke,onClose:()=>{m(!1),M?.()},headingTitle:r?.label,headingSubtitle:o===c.CHANNEL_TYPE.WHATSAPP||I.isRCSChannel(o)?`${G.default.capitaliseFirstLetterOfString(r?.category??"")} • ${r?.templateCategory??""}`:"",onBackPress:()=>{if(l?.show){E(!0),m(!1);return}se?.()},modalHeaderStyles:{borderBottom:`1px solid ${st.COLORS.stroke.primary}`},children:[s.jsxDEV(K.default,{variableListFromProps:h,showSampleValues:le,showVariableMapping:L,channel:o,whatsappSpecificPickerMeta:ee,showVariableModal:re,discountCode:oe,setDiscountCode:ae,variableListForImage:P&&P?.length>0?P:F,fileName:fe,setFileName:t=>{be?.(t)},skipDefaultVariableContent:ge},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:492,columnNumber:6},void 0),A?s.jsxDEV(it.default,{isWhatsappCarousel:i??!1,onSelect:tt,footerButtonText:Pe,footerInfoText:Ne},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:513,columnNumber:7},void 0):s.jsxDEV(s.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:520,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:457,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:384,columnNumber:3},void 0)};exports.TemplateContextMapper=mt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-dev-runtime"),at=require("lodash/cloneDeep"),e=require("react"),G=require("../../utils/StringUtils.js"),st=require("../../constants/Theme.js"),nt=require("../modals/styledModal.js"),I=require("../template-preview/helpers/templateMiscHelper.js"),c=require("../template-preview/models/Channels.js"),J=require("../template-preview/models/WhatsAppTemplate.js"),lt=require("./context/templateModalContext.js"),it=require("./modalElements/Footer.js"),ct=require("./modalElements/TemplateAnalyticsComponent.js"),K=require("./modalElements/TemplateSelectModalContent.js"),pt=require("./utils/convertPlaceholdersToBikDropdown.js"),ut=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},dt=ut(at),mt=n=>{const{selectedTemplate:b,closeDialog:M,showVariableMapping:L,channel:o,htmlContent:T,templateVariables:X,onTemplateSelect:A,globalPlaceholders:V,showOnlyContent:Z,whatsappSpecificPickerMeta:ee,zIndex:te,showVariableModal:re,variableList:h,discountCode:oe,setDiscountCode:ae,onBackPress:se,enabledCustomText:ne,variableListForImage:v,showSampleValues:le,disableEditVariable:ie,pod:H,extras:ce,pickerConf:pe,selectedCarouselProducts:C,disableEditExpiry:ue,cardWidth:de,onDeleteSelectedProducts:me,fileName:fe,setFileName:be,hideDeviceContainerInPreview:he,maxCharLimit:Ce,onDefaultVariableSelect:xe,skipDefaultVariableContent:ye,disableDatePicker:ge,disableCopyCode:Ee,initialExpiryDateTime:Se,showDiscountCodeExpiryInfo:Te,footerButtonText:ve,footerInfoText:ke,templateAnalytics:l}=n;e.useEffect(()=>{B(T)},[T]);const x=I.determineCardIndex(o),i=I.isItCarousal(o,b),p=b?.isProductCarouselType,[Ne,De]=e.useState(o===c.CHANNEL_TYPE.EMAIL||o==c.CHANNEL_TYPE.WEBPUSH||i?"desktop":"mobile"),[Pe,Ie]=e.useState(!1),[O,B]=e.useState(T),[Me,u]=e.useState(!1),[Le,w]=e.useState([]),[Ae,Ve]=e.useState({}),[r,He]=e.useState(b),[Oe,Be]=e.useState([]),[we,We]=e.useState(null),[W,_e]=e.useState(!1),[_,qe]=e.useState(X??[]),[Fe,q]=e.useState(!1),[Ue,je]=e.useState(i?r?.mapping?.body?.length?-1:0:-1),[d,y]=e.useState([]),[F,U]=e.useState(void 0),Re=e.useRef(null),[Ye,$e]=e.useState(!1),[j,Qe]=e.useState(!1),[ze,Ge]=e.useState(!1),[Je,g]=e.useState(!0),[Ke,m]=e.useState(!0),[R,Xe]=e.useState({}),[Ze,k]=e.useState("");e.useEffect(()=>{C?y(C):p&&y([])},[C]),e.useEffect(()=>{if(!W&&p&&(!C||y.length===0)){const t=r?.components?.[x].cards,a=[];t?.forEach(N=>{N?.components?.forEach(f=>{f.type==="HEADER"&&a.push(f.example?.header_handle?.[0]??"")})}),Be(a),_e(!0)}},[W]);function et(t,a,N){const f=t?.components?.[N]?.cards;if(!f?.length||!a?.length)return"";const Y=f[0]?.components?.find(E=>E.type==="BODY")?.text??"";if(!Y)return"";const D=t?.mapping?.cards?.[0]?.body??[];if(!D.length)return"";const ot={"{{product.name}}":"productName","{{product.description}}":"productDescription"};for(const E of a){let P=Y;for(let S=0;S<D.length;S++){const $=D[S],Q=ot[$];if(Q===void 0)continue;const z=E[Q];if(!z)return`Variable ${$} is missing for product "${E.productName}".`;P=P.replace(`{{${S+1}}}`,z)}if(P.length>160)return"Selected products description/name making the description more than 160."}return""}function tt(){if(k(""),d?.length<1&&p){u(!0);return}if(Object.keys(R).length>0&&H!==J.POD.CHATBOT){u(!0);return}if(p&&(d?.length??0)>0){const a=et(r,d,x);if(a){k(a),u(!0);return}}const t=A?.(r,_,O??"",d);Ve(t?.templateErrorIndexes??{body:[],buttons:[]}),t?.errorIndexes||t?.error?(t?.errorIndexes&&w(t.errorIndexes),t?.error&&u(!!t?.error)):q(!0)}const rt=e.useMemo(()=>pt.convertPlaceholdersToBikDropdown(V),[V]);return e.useEffect(()=>{U(dt.default(h))},[h]),l?.show&&Je&&l.templateQuality&&Object.values(J.TEMPLATE_QUALITY).find(t=>t===String(l.templateQuality))?s.jsxDEV(ct.TemplateAnalyticsComponent,{headingTitle:r?.label,headingSubtitle:o===c.CHANNEL_TYPE.WHATSAPP?`${G.default.capitaliseFirstLetterOfString(r?.category??"")} • ${r?.templateCategory??""}`:"",templateAnalytics:l,analyticsData:l.data,onClose:()=>{M?.(),g(!1),m(!1)},onCancel:()=>{g(!1),m(!1)},onProceed:()=>{g(!1),m(!0)},templateId:r?.templateId||""},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:354,columnNumber:4},void 0):s.jsxDEV(lt.TemplateModalContext.Provider,{value:{hideFooterButton:ze,setHideFooterButton:Ge,hideCrossButton:j,setHideCrossButton:Qe,variableList:F,setVariableList:U,variableCallback:we,setVariableCallback:We,showVariablePicker:Pe,setShowVariablePicker:Ie,template:r,setTemplate:He,device:Ne,setDevice:De,display_content:O,setDisplayContent:B,originalVariableList:_,setOriginalVariableList:qe,isError:Me,setIsError:u,channel:o,globalNormalizedPlaceholders:rt,templateSelectionTriggered:Fe,setTemplateSelectionTriggered:q,enabledCustomText:ne,disableEditVariable:ie,pod:H,extras:ce,isWhatsappCarousel:i,selectedCarouselIndex:Ue,setSelectedCarouselIndex:je,isProductCarouselType:p,templateErrorIndexes:Ae,cardCount:i?b.components?.[x].cards?.length:void 0,errorIndexes:Le,setErrorIndexes:w,pickerConf:pe,carouselProducts:d,setCarouselProducts:y,disableEditExpiry:ue,cardWidth:de,cardImages:Oe,onDeleteSelectedProducts:me,hideDeviceContainerInPreview:he,sliderRef:Re,isCarouselHovered:Ye,setIsCarouselHovered:$e,maxCharLimit:Ce,ctaOptionsErrors:R,setCtaOptionsErrors:Xe,onDefaultVariableSelect:xe,carouselBodyError:Ze,setCarouselBodyError:k,disableDatePicker:ge,disableCopyCode:Ee,initialExpiryDateTime:Se,showDiscountCodeExpiryInfo:Te,cardIndex:x},children:Z?s.jsxDEV(K.default,{variableListFromProps:h,channel:c.CHANNEL_TYPE.EMAIL,hideHeader:!0},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:451,columnNumber:5},void 0):s.jsxDEV(nt.StyledModal,{hideCrossButton:j,zIndex:te,centralContainerStyles:{width:i?900:o===c.CHANNEL_TYPE.EMAIL&&L?1e3:800},open:Ke,onClose:()=>{m(!1),M?.()},headingTitle:r?.label,headingSubtitle:o===c.CHANNEL_TYPE.WHATSAPP||I.isRCSChannel(o)?`${G.default.capitaliseFirstLetterOfString(r?.category??"")} • ${r?.templateCategory??""}`:"",onBackPress:()=>{if(l?.show){g(!0),m(!1);return}se?.()},modalHeaderStyles:{borderBottom:`1px solid ${st.COLORS.stroke.primary}`},children:[s.jsxDEV(K.default,{variableListFromProps:h,showSampleValues:le,showVariableMapping:L,channel:o,whatsappSpecificPickerMeta:ee,showVariableModal:re,discountCode:oe,setDiscountCode:ae,variableListForImage:v&&v?.length>0?v:F,fileName:fe,setFileName:t=>{be?.(t)},skipDefaultVariableContent:ye},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:492,columnNumber:6},void 0),A?s.jsxDEV(it.default,{isWhatsappCarousel:i??!1,onSelect:tt,footerButtonText:ve,footerInfoText:ke},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:513,columnNumber:7},void 0):s.jsxDEV(s.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:520,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:457,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/TemplateContextMapper.tsx",lineNumber:384,columnNumber:3},void 0)};exports.TemplateContextMapper=mt;
 //# sourceMappingURL=TemplateContextMapper.js.map