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

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1818) hide show

package/dist/cjs/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),p=require("../../assets/icons/alert.svg.js"),N=require("../../constants/Theme.js"),s=require("../TypographyStyle.js"),o=require("./AccessTokenTroubleshootDialog.styles.js"),f=require("../modals/styledModal.js"),g=({info:n,hideBullet:t,last:c})=>e.jsxDEV(o.EachStep,{last:c,children:[!t&&e.jsxDEV(o.BulletWrapper,{children:e.jsxDEV(o.Bullet,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:36,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:35,columnNumber:5},void 0),e.jsxDEV(s.BodyCaption,{dangerouslySetInnerHTML:{__html:n}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:39,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:33,columnNumber:3},void 0),T=({onCancel:n,titleIconContainerStyles:t,isModalOpen:c,title:b,desc:d,primaryButton:l,TitleIcon:i,stepsDetails:r,titleIconColor:h,secondaryButtonText:k,content:a})=>e.jsxDEV(f.StyledModal,{open:!!c,primaryButton:l?{...l}:void 0,secondaryButton:{buttonText:k??"Cancel",onClick:n,buttonType:"tertiaryGray"},onClose:n,children:[e.jsxDEV(o.Header,{children:[e.jsxDEV(o.IconContainer,{style:{...t},children:i?e.jsxDEV(i,{width:18,height:18,color:h},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:89,columnNumber:7},void 0):e.jsxDEV(p.default,{width:18,height:18,color:N.COLORS.content.negative},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:91,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:87,columnNumber:5},void 0),e.jsxDEV(s.TitleMedium,{children:b},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:94,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:86,columnNumber:4},void 0),e.jsxDEV(o.Description,{children:e.jsxDEV(s.BodySecondary,{dangerouslySetInnerHTML:{__html:d}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:97,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:96,columnNumber:4},void 0),e.jsxDEV(o.StepsContainer,{children:[r&&!!r.length&&e.jsxDEV(e.Fragment,{children:[e.jsxDEV(s.TitleSmall,{children:"Follow the steps:"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:102,columnNumber:7},void 0),r.map((u,m)=>e.jsxDEV(g,{info:u.info,hideBullet:u.hideBullet,last:r.length-1===m},m,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:105,columnNumber:9},void 0))]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:101,columnNumber:6},void 0),a&&e.jsxDEV(s.BodySecondary,{dangerouslySetInnerHTML:{__html:a}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:116,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:99,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:70,columnNumber:3},void 0);exports.AccessTokenTroubleshootDialog=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),p=require("../../assets/icons/alert.svg.js"),y=require("../../constants/Theme.js"),s=require("../TypographyStyle.js"),o=require("./AccessTokenTroubleshootDialog.styles.js"),v=require("../modals/styledModal.js"),D=({info:n,hideBullet:i,last:t})=>e.jsxDEV(o.EachStep,{last:t,children:[!i&&e.jsxDEV(o.BulletWrapper,{children:e.jsxDEV(o.Bullet,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:36,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:35,columnNumber:5},void 0),e.jsxDEV(s.BodyCaption,{dangerouslySetInnerHTML:{__html:n}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:39,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:33,columnNumber:3},void 0),N=({onCancel:n,titleIconContainerStyles:i,isModalOpen:t,title:b,desc:k,primaryButton:l,TitleIcon:a,stepsDetails:r,titleIconColor:d,secondaryButtonText:h,content:c})=>e.jsxDEV(v.StyledModal,{open:!!t,primaryButton:l?{...l}:void 0,secondaryButton:{buttonText:h??"Cancel",onClick:n,buttonType:"tertiaryGray"},onClose:n,children:[e.jsxDEV(o.Header,{children:[e.jsxDEV(o.IconContainer,{style:{...i},children:a?e.jsxDEV(a,{width:18,height:18,color:d},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:89,columnNumber:7},void 0):e.jsxDEV(p.default,{width:18,height:18,color:y.COLORS.content.negative},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:91,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:87,columnNumber:5},void 0),e.jsxDEV(s.TitleMedium,{children:b},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:94,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:86,columnNumber:4},void 0),e.jsxDEV(o.Description,{children:e.jsxDEV(s.BodySecondary,{dangerouslySetInnerHTML:{__html:k}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:97,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:96,columnNumber:4},void 0),e.jsxDEV(o.StepsContainer,{children:[r&&!!r.length&&e.jsxDEV(e.Fragment,{children:[e.jsxDEV(s.TitleSmall,{children:"Follow the steps:"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:102,columnNumber:7},void 0),r.map((u,m)=>e.jsxDEV(D,{info:u.info,hideBullet:u.hideBullet,last:r.length-1===m},m,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:105,columnNumber:9},void 0))]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:101,columnNumber:6},void 0),c&&e.jsxDEV(s.BodySecondary,{dangerouslySetInnerHTML:{__html:c}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:116,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:99,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx",lineNumber:70,columnNumber:3},void 0);exports.AccessTokenTroubleshootDialog=N;
 //# sourceMappingURL=AccessTokenTroubleshootDialog.js.map

package/dist/cjs/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccessTokenTroubleshootDialog.js","sources":["../../../../src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx"],"sourcesContent":["import AlertIcon from '@src/assets/icons/alert.svg';\nimport React, { CSSProperties } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { ButtonProps } from '../button/model';\nimport { StyledModal } from '../modals';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tTitleMedium,\n\tTitleSmall,\n} from '../TypographyStyle';\nimport {\n\tBullet,\n\tBulletWrapper,\n\tDescription,\n\tEachStep,\n\tHeader,\n\tIconContainer,\n\tStepsContainer,\n} from './AccessTokenTroubleshootDialog.styles';\n\nexport interface StepsDetails {\n\tinfo: string;\n\thideBullet?: boolean;\n}\n\nconst Step: React.FC<{\n\tinfo: string;\n\thideBullet?: boolean;\n\tlast?: boolean;\n}> = ({ info, hideBullet, last }) => {\n\treturn (\n\t\t<EachStep last={last}>\n\t\t\t{!hideBullet && (\n\t\t\t\t<BulletWrapper>\n\t\t\t\t\t<Bullet />\n\t\t\t\t</BulletWrapper>\n\t\t\t)}\n\t\t\t<BodyCaption dangerouslySetInnerHTML={{ __html: info }} />\n\t\t</EachStep>\n\t);\n};\n\nexport const AccessTokenTroubleshootDialog: React.FC<{\n\tonCancel: () => void;\n\ttitleIconContainerStyles?: CSSProperties;\n\ttitle: string;\n\tTitleIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\tdesc: string;\n\tprimaryButton: ButtonProps \| undefined;\n\tisModalOpen: boolean;\n\tstepsDetails?: StepsDetails[];\n\ttitleIconColor?: string;\n\tcontent?: string;\n\tsecondaryButtonText?: string;\n}> = ({\n\tonCancel,\n\ttitleIconContainerStyles,\n\tisModalOpen,\n\ttitle,\n\tdesc,\n\tprimaryButton,\n\tTitleIcon,\n\tstepsDetails,\n\ttitleIconColor,\n\tsecondaryButtonText,\n\tcontent,\n}) => {\n\treturn (\n\t\t<StyledModal\n\t\t\topen={!!isModalOpen}\n\t\t\tprimaryButton={\n\t\t\t\tprimaryButton\n\t\t\t\t\t? {\n\t\t\t\t\t\t\t...primaryButton,\n\t\t\t\t\t }\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\tsecondaryButton={{\n\t\t\t\tbuttonText: secondaryButtonText ?? 'Cancel',\n\t\t\t\tonClick: onCancel,\n\t\t\t\tbuttonType: 'tertiaryGray',\n\t\t\t}}\n\t\t\tonClose={onCancel}\n\t\t>\n\t\t\t<Header>\n\t\t\t\t<IconContainer style={{ ...titleIconContainerStyles }}>\n\t\t\t\t\t{TitleIcon ? (\n\t\t\t\t\t\t<TitleIcon width={18} height={18} color={titleIconColor} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<AlertIcon width={18} height={18} color={COLORS.content.negative} />\n\t\t\t\t\t)}\n\t\t\t\t</IconContainer>\n\t\t\t\t<TitleMedium>{title}</TitleMedium>\n\t\t\t</Header>\n\t\t\t<Description>\n\t\t\t\t<BodySecondary dangerouslySetInnerHTML={{ __html: desc }} />\n\t\t\t</Description>\n\t\t\t<StepsContainer>\n\t\t\t\t{stepsDetails && !!stepsDetails.length && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<TitleSmall>Follow the steps:</TitleSmall>\n\t\t\t\t\t\t{stepsDetails.map((step, ind) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Step\n\t\t\t\t\t\t\t\t\tkey={ind}\n\t\t\t\t\t\t\t\t\tinfo={step.info}\n\t\t\t\t\t\t\t\t\thideBullet={step.hideBullet}\n\t\t\t\t\t\t\t\t\tlast={stepsDetails.length - 1 === ind}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{content && (\n\t\t\t\t\t<BodySecondary dangerouslySetInnerHTML={{ __html: content }} />\n\t\t\t\t)}\n\t\t\t</StepsContainer>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["Step","info","hideBullet","last","jsxDEV","EachStep","BulletWrapper","Bullet","this","BodyCaption","AccessTokenTroubleshootDialog","onCancel","titleIconContainerStyles","isModalOpen","title","desc","primaryButton","TitleIcon","stepsDetails","titleIconColor","secondaryButtonText","content","StyledModal","Header","IconContainer","AlertIcon","COLORS","TitleMedium","Description","BodySecondary","StepsContainer","Fragment","TitleSmall","step","ind"],"mappings":"4UA0BMA,EAID,CAAC,CAAE,KAAAC,EAAM,WAAAC,EAAY,KAAAC,KAExBC,SAACC,EAAAA,UAAS,KAAAF,EACR,SAAA,CAAA,CAACD,GACDE,SAACE,EAAAA,cAAA,CACA,SAAAF,EAAAA,OAACG,SAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA,~~yIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAQ,CAAA,EADT,OAAA,GAAA,CAAA,SAAA,~~yIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,WAEAC,EAAAA,YAAA,CAAY,wBAAyB,CAAE,OAAQR,EAAK,EAArD,OAAA,GAAA,CAAA,SAAA,~~yIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAwD,CAAA,CAAA,EANzD,OAAA,GAAA,CAAA,SAAA,~~yIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAOA,EAIWE,EAYR,CAAC,CACL,SAAAC,EACA,yBAAAC,EACA,YAAAC,EACA,MAAAC,EACA,KAAAC,EACA,cAAAC,EACA,UAAAC,EACA,aAAAC,EACA,eAAAC,EACA,oBAAAC,EACA,QAAAC,CACD,IAEEjB,EAAAA,OAACkB,EAAAA,YAAA,CACA,KAAM,CAAC,CAACT,EACR,cACCG,EACG,CACA,GAAGA,CAAA,EAEH,OAEJ,gBAAiB,CAChB,WAAYI,GAAuB,SACnC,QAAST,EACT,WAAY,cAAA,EAEb,QAASA,EAET,SAAA,CAAAP,SAACmB,EAAAA,OAAA,CACA,SAAA,CAAAnB,SAACoB,EAAAA,cAAA,CAAc,MAAO,CAAE,GAAGZ,GACzB,SAAAK,EACAb,EAAAA,OAACa,EAAA,CAAU,MAAO,GAAI,OAAQ,GAAI,MAAOE,CAAA,EAAzC,OAAA,GAAA,CAAA,SAAA,~~yIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAX,MAAyD,EAEzDJ,EAAAA,OAACqB,EAAAA,QAAA,CAAU,MAAO,GAAI,OAAQ,GAAI,MAAOC,EAAAA,OAAO,QAAQ,QAAA,EAAxD,OAAA,GAAA,CAAA,SAAA,~~yIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAlB,MAAkE,CAAA,EAJpE,OAAA,GAAA,CAAA,SAAA,~~yIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAMA,EACAJ,EAAAA,OAACuB,EAAAA,aAAa,SAAAb,CAAA,EAAd,OAAA,GAAA,CAAA,SAAA,~~yIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAN,MAAoB,CAAA,CAAA,EARrB,OAAA,GAAA,CAAA,SAAA,~~yIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,EACAJ,EAAAA,OAACwB,EAAAA,aACA,SAAAxB,EAAAA,OAACyB,EAAAA,cAAA,CAAc,wBAAyB,CAAE,OAAQd,IAAlD,OAAA,GAAA,CAAA,SAAA,~~yIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAP,MAA0D,CAAA,EAD3D,OAAA,GAAA,CAAA,SAAA,~~yIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,WACCsB,EAAAA,eAAA,CACC,SAAA,CAAAZ,GAAgB,CAAC,CAACA,EAAa,QAC/Bd,EAAAA,OAAA2B,EAAAA,SAAA,CACC,SAAA,CAAA3B,EAAAA,OAAC4B,EAAAA,YAAW,SAAA,mBAAA,EAAZ,OAAA,GAAA,CAAA,SAAA,~~yIAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAxB,MAA6B,EAC5BU,EAAa,IAAI,CAACe,EAAMC,IAEvB9B,EAAAA,OAACJ,EAAA,CAEA,KAAMiC,EAAK,KACX,WAAYA,EAAK,WACjB,KAAMf,EAAa,OAAS,IAAMgB,CAAA,EAH7BA,EADN,GAAA,CAAA,SAAA,~~yIAAA~~,WAAA,IAAA,aAAA,CAAA,EAAA1B,MAAA,CAOD,CAAA,CAAA,EAXF,OAAA,GAAA,CAAA,SAAA,~~yIAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAYA,EAEAa,GACAjB,EAAAA,OAACyB,EAAAA,cAAA,CAAc,wBAAyB,CAAE,OAAQR,EAAQ,EAA1D,OAAA,GAAA,CAAA,SAAA,~~yIAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAb,MAA6D,CAAA,CAAA,EAjB/D,OAAA,GAAA,CAAA,SAAA,~~yIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAmBA,CAAA,CAAA,EAhDD,OAAA,GAAA,CAAA,SAAA,~~yIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA"}
1	+ {"version":3,"file":"AccessTokenTroubleshootDialog.js","sources":["../../../../src/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.tsx"],"sourcesContent":["import AlertIcon from '@src/assets/icons/alert.svg';\nimport React, { CSSProperties } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { ButtonProps } from '../button/model';\nimport { StyledModal } from '../modals';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tTitleMedium,\n\tTitleSmall,\n} from '../TypographyStyle';\nimport {\n\tBullet,\n\tBulletWrapper,\n\tDescription,\n\tEachStep,\n\tHeader,\n\tIconContainer,\n\tStepsContainer,\n} from './AccessTokenTroubleshootDialog.styles';\n\nexport interface StepsDetails {\n\tinfo: string;\n\thideBullet?: boolean;\n}\n\nconst Step: React.FC<{\n\tinfo: string;\n\thideBullet?: boolean;\n\tlast?: boolean;\n}> = ({ info, hideBullet, last }) => {\n\treturn (\n\t\t<EachStep last={last}>\n\t\t\t{!hideBullet && (\n\t\t\t\t<BulletWrapper>\n\t\t\t\t\t<Bullet />\n\t\t\t\t</BulletWrapper>\n\t\t\t)}\n\t\t\t<BodyCaption dangerouslySetInnerHTML={{ __html: info }} />\n\t\t</EachStep>\n\t);\n};\n\nexport const AccessTokenTroubleshootDialog: React.FC<{\n\tonCancel: () => void;\n\ttitleIconContainerStyles?: CSSProperties;\n\ttitle: string;\n\tTitleIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\tdesc: string;\n\tprimaryButton: ButtonProps \| undefined;\n\tisModalOpen: boolean;\n\tstepsDetails?: StepsDetails[];\n\ttitleIconColor?: string;\n\tcontent?: string;\n\tsecondaryButtonText?: string;\n}> = ({\n\tonCancel,\n\ttitleIconContainerStyles,\n\tisModalOpen,\n\ttitle,\n\tdesc,\n\tprimaryButton,\n\tTitleIcon,\n\tstepsDetails,\n\ttitleIconColor,\n\tsecondaryButtonText,\n\tcontent,\n}) => {\n\treturn (\n\t\t<StyledModal\n\t\t\topen={!!isModalOpen}\n\t\t\tprimaryButton={\n\t\t\t\tprimaryButton\n\t\t\t\t\t? {\n\t\t\t\t\t\t\t...primaryButton,\n\t\t\t\t\t }\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\tsecondaryButton={{\n\t\t\t\tbuttonText: secondaryButtonText ?? 'Cancel',\n\t\t\t\tonClick: onCancel,\n\t\t\t\tbuttonType: 'tertiaryGray',\n\t\t\t}}\n\t\t\tonClose={onCancel}\n\t\t>\n\t\t\t<Header>\n\t\t\t\t<IconContainer style={{ ...titleIconContainerStyles }}>\n\t\t\t\t\t{TitleIcon ? (\n\t\t\t\t\t\t<TitleIcon width={18} height={18} color={titleIconColor} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<AlertIcon width={18} height={18} color={COLORS.content.negative} />\n\t\t\t\t\t)}\n\t\t\t\t</IconContainer>\n\t\t\t\t<TitleMedium>{title}</TitleMedium>\n\t\t\t</Header>\n\t\t\t<Description>\n\t\t\t\t<BodySecondary dangerouslySetInnerHTML={{ __html: desc }} />\n\t\t\t</Description>\n\t\t\t<StepsContainer>\n\t\t\t\t{stepsDetails && !!stepsDetails.length && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<TitleSmall>Follow the steps:</TitleSmall>\n\t\t\t\t\t\t{stepsDetails.map((step, ind) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Step\n\t\t\t\t\t\t\t\t\tkey={ind}\n\t\t\t\t\t\t\t\t\tinfo={step.info}\n\t\t\t\t\t\t\t\t\thideBullet={step.hideBullet}\n\t\t\t\t\t\t\t\t\tlast={stepsDetails.length - 1 === ind}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{content && (\n\t\t\t\t\t<BodySecondary dangerouslySetInnerHTML={{ __html: content }} />\n\t\t\t\t)}\n\t\t\t</StepsContainer>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["Step","info","hideBullet","last","jsxDEV","EachStep","BulletWrapper","Bullet","this","BodyCaption","AccessTokenTroubleshootDialog","onCancel","titleIconContainerStyles","isModalOpen","title","desc","primaryButton","TitleIcon","stepsDetails","titleIconColor","secondaryButtonText","content","StyledModal","Header","IconContainer","AlertIcon","COLORS","TitleMedium","Description","BodySecondary","StepsContainer","Fragment","TitleSmall","step","ind"],"mappings":"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"}

package/dist/cjs/components/accordion/Accordion.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),t=require("react"),d=require("../TypographyStyle.js"),l=require("./Accordion.style.js"),u=require("./AccordionArrow.js"),h=require("../button/Button.js"),b=require("../icon-button/IconButton.js"),f=e=>{const[c,m]=t.useState(!1),i=t.useRef(null),o=t.useRef(null);t.useEffect(()=>{e.autoOpen&&a(e.autoOpen,{})},[e.autoOpen]),t.useEffect(()=>{e.isOpen!==void 0&&a(e.isOpen,{})},[e.isOpen]);const a=(n,s)=>{!o.current||!i.current||s.type==="keydown"&&s.key!=="Enter"||(n!==c&&m(n),n?(o.current.style.maxHeight=(e.childrenMaxHeight??o.current.scrollHeight)+"px",i.current.style.transform="rotate(180deg)",i.current.style.transition="transform 0.25s ease-in-out",o.current.style.transition="max-height 0.25s ease-in-out"):(o.current.style.maxHeight="",i.current.style.transform="rotate(0deg)",i.current.style.transition="transform 0.25s ease-in-out",o.current.style.transition="padding 0s"),e.onToggleAccordion?.(n))};return t.useEffect(()=>{const n=new MutationObserver(()=>{c&&o.current&&(o.current.style.maxHeight=o.current.scrollHeight+"px")});return o.current&&n.observe(o.current,{childList:!0,subtree:!0}),()=>{n.disconnect()}},[c]),t.useEffect(()=>{c&&e?.refresh&&o?.current?.scrollHeight&&!e.childrenMaxHeight&&setTimeout(()=>{o.current.style.maxHeight=o.current.scrollHeight+"px"},100)},[c,e?.refresh,o?.current?.scrollHeight]),r.jsxDEV(l.default,{className:"accordion",isActive:c,width:e?.width,contentMargin:e?.contentMargin,headerPadding:e.headerPadding,skipHoverState:e.skipHoverHeader,showBorders:e.showBorders,borderColor:e.borderColor,backgroundColor:e.backgroundColor,openDirection:e.openDirection,borderRadius:e.borderRadius,children:[r.jsxDEV("div",{className:`accordion__overview ${c?"active":""}`,style:e?.containerStyle??{},onClick:n=>a(!c,n),onKeyDown:n=>a(!c,n),role:"button",tabIndex:0,children:[!e.rightActionComponent&&r.jsxDEV(r.Fragment,{children:[r.jsxDEV("div",{className:"accordion__overview__header",style:e.headerStyles??{},children:[r.jsxDEV(l.AccordionHeaderGroup,{children:[typeof e.header=="string"?r.jsxDEV(d.TitleRegular,{children:e?.header},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:127,columnNumber:10},void 0):e.header,e.buttonLinkText&&r.jsxDEV(h.Button,{buttonText:e.buttonLinkText,buttonType:"text",darkMode:!0,onClick:e.onButtonLinkClick},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:132,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:125,columnNumber:8},void 0),r.jsxDEV(l.AccordionHeaderGroup2,{children:[e.headerButtons&&r.jsxDEV("div",{className:"accordion__overview__header-buttons",children:e.headerButtons?.map(n=>r.jsxDEV(b.IconButton,{Icon:n.icon,onClick:s=>{s.stopPropagation(),n.onClick()},width:16,height:16,style:n.style,title:n.title},n.title,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:144,columnNumber:12},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:142,columnNumber:10},void 0),r.jsxDEV(u.default,{arrowColor:e.arrowColor,isNewIcon:!0,ref:i},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:159,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:140,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:121,columnNumber:7},void 0),e?.subHeader?e?.subHeader:null]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:120,columnNumber:6},void 0),e.rightActionComponent&&r.jsxDEV("div",{className:"accordion__overview__header",children:[r.jsxDEV("div",{className:"accordion__overview__title-wrapper",children:[r.jsxDEV(u.default,{arrowColor:e.arrowColor,isNewIcon:!0,ref:i},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:172,columnNumber:8},void 0),typeof e.header=="string"?r.jsxDEV(d.TitleRegular,{children:e?.header},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:178,columnNumber:9},void 0):e.header]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:171,columnNumber:7},void 0),r.jsxDEV("div",{onClick:n=>n.stopPropagation(),onKeyDown:n=>{n.key==="Enter"&&n.stopPropagation()},role:"button",tabIndex:0,children:e.rightActionComponent},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:183,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:170,columnNumber:6},void 0),e?.caption&&r.jsxDEV("div",{className:"accordion__overview__caption",children:r.jsxDEV(d.BodySecondary,{children:r.jsxDEV("div",{style:e.captionStyle,children:e.caption},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:198,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:197,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:196,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:111,columnNumber:4},void 0),r.jsxDEV("div",{ref:o,className:"accordion__content",children:e.children},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:203,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:98,columnNumber:3},void 0)};exports.BikAccordion=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),c=require("react"),l=require("../TypographyStyle.js"),d=require("./Accordion.style.js"),u=require("./AccordionArrow.js"),b=require("../button/Button.js"),h=require("../icon-button/IconButton.js"),k=e=>{const[i,m]=c.useState(!1),t=c.useRef(null),o=c.useRef(null);c.useEffect(()=>{e.autoOpen&&a(e.autoOpen,{})},[e.autoOpen]),c.useEffect(()=>{e.isOpen!==void 0&&a(e.isOpen,{})},[e.isOpen]);const a=(n,s)=>{!o.current||!t.current||s.type==="keydown"&&s.key!=="Enter"||(n!==i&&m(n),n?(o.current.style.maxHeight=(e.childrenMaxHeight??o.current.scrollHeight)+"px",t.current.style.transform="rotate(180deg)",t.current.style.transition="transform 0.25s ease-in-out",o.current.style.transition="max-height 0.25s ease-in-out"):(o.current.style.maxHeight="",t.current.style.transform="rotate(0deg)",t.current.style.transition="transform 0.25s ease-in-out",o.current.style.transition="padding 0s"),e.onToggleAccordion?.(n))};return c.useEffect(()=>{const n=new MutationObserver(()=>{i&&o.current&&(o.current.style.maxHeight=o.current.scrollHeight+"px")});return o.current&&n.observe(o.current,{childList:!0,subtree:!0}),()=>{n.disconnect()}},[i]),c.useEffect(()=>{i&&e?.refresh&&o?.current?.scrollHeight&&!e.childrenMaxHeight&&setTimeout(()=>{o.current.style.maxHeight=o.current.scrollHeight+"px"},100)},[i,e?.refresh,o?.current?.scrollHeight]),r.jsxDEV(d.default,{className:"accordion",isActive:i,width:e?.width,contentMargin:e?.contentMargin,headerPadding:e.headerPadding,skipHoverState:e.skipHoverHeader,showBorders:e.showBorders,borderColor:e.borderColor,backgroundColor:e.backgroundColor,openDirection:e.openDirection,borderRadius:e.borderRadius,children:[r.jsxDEV("div",{className:`accordion__overview ${i?"active":""}`,style:e?.containerStyle??{},onClick:n=>a(!i,n),onKeyDown:n=>a(!i,n),role:"button",tabIndex:0,children:[!e.rightActionComponent&&r.jsxDEV(r.Fragment,{children:[r.jsxDEV("div",{className:"accordion__overview__header",style:e.headerStyles??{},children:[r.jsxDEV(d.AccordionHeaderGroup,{children:[typeof e.header=="string"?r.jsxDEV(l.TitleRegular,{children:e?.header},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:127,columnNumber:10},void 0):e.header,e.buttonLinkText&&r.jsxDEV(b.Button,{buttonText:e.buttonLinkText,buttonType:"text",darkMode:!0,onClick:e.onButtonLinkClick},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:132,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:125,columnNumber:8},void 0),r.jsxDEV(d.AccordionHeaderGroup2,{children:[e.headerButtons&&r.jsxDEV("div",{className:"accordion__overview__header-buttons",children:e.headerButtons?.map(n=>r.jsxDEV(h.IconButton,{Icon:n.icon,onClick:s=>{s.stopPropagation(),n.onClick()},width:16,height:16,style:n.style,title:n.title},n.title,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:144,columnNumber:12},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:142,columnNumber:10},void 0),r.jsxDEV(u.default,{arrowColor:e.arrowColor,isNewIcon:!0,ref:t},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:159,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:140,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:121,columnNumber:7},void 0),e?.subHeader?e?.subHeader:null]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:120,columnNumber:6},void 0),e.rightActionComponent&&r.jsxDEV("div",{className:"accordion__overview__header",children:[r.jsxDEV("div",{className:"accordion__overview__title-wrapper",children:[r.jsxDEV(u.default,{arrowColor:e.arrowColor,isNewIcon:!0,ref:t},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:172,columnNumber:8},void 0),typeof e.header=="string"?r.jsxDEV(l.TitleRegular,{children:e?.header},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:178,columnNumber:9},void 0):e.header]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:171,columnNumber:7},void 0),r.jsxDEV("div",{onClick:n=>n.stopPropagation(),onKeyDown:n=>{n.key==="Enter"&&n.stopPropagation()},role:"button",tabIndex:0,children:e.rightActionComponent},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:183,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:170,columnNumber:6},void 0),e?.caption&&r.jsxDEV("div",{className:"accordion__overview__caption",children:r.jsxDEV(l.BodySecondary,{children:r.jsxDEV("div",{style:e.captionStyle,children:e.caption},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:198,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:197,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:196,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:111,columnNumber:4},void 0),r.jsxDEV("div",{ref:o,className:"accordion__content",children:e.children},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:203,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/accordion/Accordion.tsx",lineNumber:98,columnNumber:3},void 0)};exports.BikAccordion=k;
 //# sourceMappingURL=Accordion.js.map

package/dist/cjs/components/accordion/Accordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Accordion.js","sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import React, { LegacyRef, useEffect, useRef, useState } from 'react';\nimport { BodySecondary, TitleRegular } from '@src/components/TypographyStyle';\nimport { Button } from '../button';\nimport { IconButton } from '../icon-button';\nimport { AccordionProps } from './Accordion.model';\nimport AccordionStyle, {\n\tAccordionHeaderGroup,\n\tAccordionHeaderGroup2,\n} from './Accordion.style';\nimport BikAccordionArrow from './AccordionArrow';\n\nexport const BikAccordion: React.FC<AccordionProps> = (props) => {\n\tconst [isActive, setIsActive] = useState<boolean>(false);\n\tconst accordionArrowRef = useRef<HTMLDivElement>(null);\n\tconst accordionContentRef = useRef<HTMLDivElement>(null);\n\n\tuseEffect(() => {\n\t\tif (props.autoOpen) {\n\t\t\ttoggleAccordion(props.autoOpen, {});\n\t\t}\n\t}, [props.autoOpen]);\n\n\t// Listen to changes in the isOpen prop to control the accordion state\n\tuseEffect(() => {\n\t\tif (props.isOpen !== undefined) {\n\t\t\ttoggleAccordion(props.isOpen, {});\n\t\t}\n\t}, [props.isOpen]);\n\n\tconst toggleAccordion = (state: boolean, event: any) => {\n\t\tif (!accordionContentRef.current \|\| !accordionArrowRef.current) return;\n\t\tif (event.type === 'keydown' && event.key !== 'Enter') {\n\t\t\treturn;\n\t\t}\n\n\t\t// Update state only if it's different from the current state\n\t\tif (state !== isActive) {\n\t\t\tsetIsActive(state);\n\t\t}\n\n\t\tif (state) {\n\t\t\taccordionContentRef.current.style.maxHeight =\n\t\t\t\t(props.childrenMaxHeight ?? accordionContentRef.current.scrollHeight) +\n\t\t\t\t'px';\n\t\t\taccordionArrowRef.current.style.transform = 'rotate(180deg)';\n\t\t\taccordionArrowRef.current.style.transition =\n\t\t\t\t'transform 0.25s ease-in-out';\n\t\t\taccordionContentRef.current.style.transition =\n\t\t\t\t'max-height 0.25s ease-in-out';\n\t\t} else {\n\t\t\taccordionContentRef.current.style.maxHeight = '';\n\t\t\taccordionArrowRef.current.style.transform = 'rotate(0deg)';\n\t\t\taccordionArrowRef.current.style.transition =\n\t\t\t\t'transform 0.25s ease-in-out';\n\t\t\taccordionContentRef.current.style.transition = 'padding 0s';\n\t\t}\n\n\t\tprops.onToggleAccordion?.(state);\n\t};\n\n\t// Monitor changes in accordion content\n\tuseEffect(() => {\n\t\tconst observer = new MutationObserver(() => {\n\t\t\tif (isActive && accordionContentRef.current) {\n\t\t\t\taccordionContentRef.current.style.maxHeight =\n\t\t\t\t\taccordionContentRef.current.scrollHeight + 'px';\n\t\t\t}\n\t\t});\n\n\t\tif (accordionContentRef.current) {\n\t\t\tobserver.observe(accordionContentRef.current, {\n\t\t\t\tchildList: true,\n\t\t\t\tsubtree: true,\n\t\t\t});\n\t\t}\n\n\t\t// Cleanup observer on unmount\n\t\treturn () => {\n\t\t\tobserver.disconnect();\n\t\t};\n\t}, [isActive]);\n\n\tuseEffect(() => {\n\t\tif (\n\t\t\tisActive &&\n\t\t\tprops?.refresh &&\n\t\t\taccordionContentRef?.current?.scrollHeight &&\n\t\t\t!props.childrenMaxHeight\n\t\t) {\n\t\t\tsetTimeout(() => {\n\t\t\t\taccordionContentRef.current!.style.maxHeight =\n\t\t\t\t\taccordionContentRef.current!.scrollHeight + 'px';\n\t\t\t}, 100);\n\t\t}\n\t}, [isActive, props?.refresh, accordionContentRef?.current?.scrollHeight]);\n\n\treturn (\n\t\t<AccordionStyle\n\t\t\tclassName=\"accordion\"\n\t\t\tisActive={isActive}\n\t\t\twidth={props?.width}\n\t\t\tcontentMargin={props?.contentMargin}\n\t\t\theaderPadding={props.headerPadding}\n\t\t\tskipHoverState={props.skipHoverHeader}\n\t\t\tshowBorders={props.showBorders}\n\t\t\tborderColor={props.borderColor}\n\t\t\tbackgroundColor={props.backgroundColor}\n\t\t\topenDirection={props.openDirection}\n\t\t\tborderRadius={props.borderRadius}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={`accordion__overview ${isActive ? 'active' : ''}`}\n\t\t\t\tstyle={props?.containerStyle ?? {}}\n\t\t\t\tonClick={(event) => toggleAccordion(!isActive, event)}\n\t\t\t\tonKeyDown={(event) => toggleAccordion(!isActive, event)}\n\t\t\t\trole=\"button\"\n\t\t\t\ttabIndex={0}\n\t\t\t>\n\t\t\t\t{!props.rightActionComponent && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"accordion__overview__header\"\n\t\t\t\t\t\t\tstyle={props.headerStyles ?? {}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AccordionHeaderGroup>\n\t\t\t\t\t\t\t\t{typeof props.header === 'string' ? (\n\t\t\t\t\t\t\t\t\t<TitleRegular>{props?.header}</TitleRegular>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tprops.header\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{props.buttonLinkText && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tbuttonText={props.buttonLinkText}\n\t\t\t\t\t\t\t\t\t\tbuttonType=\"text\"\n\t\t\t\t\t\t\t\t\t\tdarkMode\n\t\t\t\t\t\t\t\t\t\tonClick={props.onButtonLinkClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</AccordionHeaderGroup>\n\t\t\t\t\t\t\t<AccordionHeaderGroup2>\n\t\t\t\t\t\t\t\t{props.headerButtons && (\n\t\t\t\t\t\t\t\t\t<div className=\"accordion__overview__header-buttons\">\n\t\t\t\t\t\t\t\t\t\t{props.headerButtons?.map((button) => (\n\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\tkey={button.title}\n\t\t\t\t\t\t\t\t\t\t\t\tIcon={button.icon}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\t\t\tbutton.onClick();\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={button.style}\n\t\t\t\t\t\t\t\t\t\t\t\ttitle={button.title}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<BikAccordionArrow\n\t\t\t\t\t\t\t\t\tarrowColor={props.arrowColor}\n\t\t\t\t\t\t\t\t\tisNewIcon={true}\n\t\t\t\t\t\t\t\t\tref={accordionArrowRef}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</AccordionHeaderGroup2>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{props?.subHeader ? props?.subHeader : null}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{props.rightActionComponent && (\n\t\t\t\t\t<div className=\"accordion__overview__header\">\n\t\t\t\t\t\t<div className=\"accordion__overview__title-wrapper\">\n\t\t\t\t\t\t\t<BikAccordionArrow\n\t\t\t\t\t\t\t\tarrowColor={props.arrowColor}\n\t\t\t\t\t\t\t\tisNewIcon={true}\n\t\t\t\t\t\t\t\tref={accordionArrowRef}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{typeof props.header === 'string' ? (\n\t\t\t\t\t\t\t\t<TitleRegular>{props?.header}</TitleRegular>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\tprops.header\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\t\t\tif (e.key === 'Enter') e.stopPropagation();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\ttabIndex={0}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{props.rightActionComponent}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{props?.caption && (\n\t\t\t\t\t<div className=\"accordion__overview__caption\">\n\t\t\t\t\t\t<BodySecondary>\n\t\t\t\t\t\t\t<div style={props.captionStyle}>{props.caption}</div>\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tref={accordionContentRef as LegacyRef<HTMLDivElement>}\n\t\t\t\tclassName=\"accordion__content\"\n\t\t\t>\n\t\t\t\t{props.children}\n\t\t\t</div>\n\t\t</AccordionStyle>\n\t);\n};\n"],"names":["BikAccordion","props","isActive","setIsActive","useState","accordionArrowRef","useRef","accordionContentRef","useEffect","toggleAccordion","state","event","observer","jsxDEV","AccordionStyle","Fragment","AccordionHeaderGroup","TitleRegular","this","Button","AccordionHeaderGroup2","button","IconButton","e","BikAccordionArrow","BodySecondary"],"mappings":"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"}
1	+ {"version":3,"file":"Accordion.js","sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import React, { LegacyRef, useEffect, useRef, useState } from 'react';\nimport { BodySecondary, TitleRegular } from '@src/components/TypographyStyle';\nimport { Button } from '../button';\nimport { IconButton } from '../icon-button';\nimport { AccordionProps } from './Accordion.model';\nimport AccordionStyle, {\n\tAccordionHeaderGroup,\n\tAccordionHeaderGroup2,\n} from './Accordion.style';\nimport BikAccordionArrow from './AccordionArrow';\n\nexport const BikAccordion: React.FC<AccordionProps> = (props) => {\n\tconst [isActive, setIsActive] = useState<boolean>(false);\n\tconst accordionArrowRef = useRef<HTMLDivElement>(null);\n\tconst accordionContentRef = useRef<HTMLDivElement>(null);\n\n\tuseEffect(() => {\n\t\tif (props.autoOpen) {\n\t\t\ttoggleAccordion(props.autoOpen, {});\n\t\t}\n\t}, [props.autoOpen]);\n\n\t// Listen to changes in the isOpen prop to control the accordion state\n\tuseEffect(() => {\n\t\tif (props.isOpen !== undefined) {\n\t\t\ttoggleAccordion(props.isOpen, {});\n\t\t}\n\t}, [props.isOpen]);\n\n\tconst toggleAccordion = (state: boolean, event: any) => {\n\t\tif (!accordionContentRef.current \|\| !accordionArrowRef.current) return;\n\t\tif (event.type === 'keydown' && event.key !== 'Enter') {\n\t\t\treturn;\n\t\t}\n\n\t\t// Update state only if it's different from the current state\n\t\tif (state !== isActive) {\n\t\t\tsetIsActive(state);\n\t\t}\n\n\t\tif (state) {\n\t\t\taccordionContentRef.current.style.maxHeight =\n\t\t\t\t(props.childrenMaxHeight ?? accordionContentRef.current.scrollHeight) +\n\t\t\t\t'px';\n\t\t\taccordionArrowRef.current.style.transform = 'rotate(180deg)';\n\t\t\taccordionArrowRef.current.style.transition =\n\t\t\t\t'transform 0.25s ease-in-out';\n\t\t\taccordionContentRef.current.style.transition =\n\t\t\t\t'max-height 0.25s ease-in-out';\n\t\t} else {\n\t\t\taccordionContentRef.current.style.maxHeight = '';\n\t\t\taccordionArrowRef.current.style.transform = 'rotate(0deg)';\n\t\t\taccordionArrowRef.current.style.transition =\n\t\t\t\t'transform 0.25s ease-in-out';\n\t\t\taccordionContentRef.current.style.transition = 'padding 0s';\n\t\t}\n\n\t\tprops.onToggleAccordion?.(state);\n\t};\n\n\t// Monitor changes in accordion content\n\tuseEffect(() => {\n\t\tconst observer = new MutationObserver(() => {\n\t\t\tif (isActive && accordionContentRef.current) {\n\t\t\t\taccordionContentRef.current.style.maxHeight =\n\t\t\t\t\taccordionContentRef.current.scrollHeight + 'px';\n\t\t\t}\n\t\t});\n\n\t\tif (accordionContentRef.current) {\n\t\t\tobserver.observe(accordionContentRef.current, {\n\t\t\t\tchildList: true,\n\t\t\t\tsubtree: true,\n\t\t\t});\n\t\t}\n\n\t\t// Cleanup observer on unmount\n\t\treturn () => {\n\t\t\tobserver.disconnect();\n\t\t};\n\t}, [isActive]);\n\n\tuseEffect(() => {\n\t\tif (\n\t\t\tisActive &&\n\t\t\tprops?.refresh &&\n\t\t\taccordionContentRef?.current?.scrollHeight &&\n\t\t\t!props.childrenMaxHeight\n\t\t) {\n\t\t\tsetTimeout(() => {\n\t\t\t\taccordionContentRef.current!.style.maxHeight =\n\t\t\t\t\taccordionContentRef.current!.scrollHeight + 'px';\n\t\t\t}, 100);\n\t\t}\n\t}, [isActive, props?.refresh, accordionContentRef?.current?.scrollHeight]);\n\n\treturn (\n\t\t<AccordionStyle\n\t\t\tclassName=\"accordion\"\n\t\t\tisActive={isActive}\n\t\t\twidth={props?.width}\n\t\t\tcontentMargin={props?.contentMargin}\n\t\t\theaderPadding={props.headerPadding}\n\t\t\tskipHoverState={props.skipHoverHeader}\n\t\t\tshowBorders={props.showBorders}\n\t\t\tborderColor={props.borderColor}\n\t\t\tbackgroundColor={props.backgroundColor}\n\t\t\topenDirection={props.openDirection}\n\t\t\tborderRadius={props.borderRadius}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={`accordion__overview ${isActive ? 'active' : ''}`}\n\t\t\t\tstyle={props?.containerStyle ?? {}}\n\t\t\t\tonClick={(event) => toggleAccordion(!isActive, event)}\n\t\t\t\tonKeyDown={(event) => toggleAccordion(!isActive, event)}\n\t\t\t\trole=\"button\"\n\t\t\t\ttabIndex={0}\n\t\t\t>\n\t\t\t\t{!props.rightActionComponent && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"accordion__overview__header\"\n\t\t\t\t\t\t\tstyle={props.headerStyles ?? {}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AccordionHeaderGroup>\n\t\t\t\t\t\t\t\t{typeof props.header === 'string' ? (\n\t\t\t\t\t\t\t\t\t<TitleRegular>{props?.header}</TitleRegular>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\tprops.header\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{props.buttonLinkText && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tbuttonText={props.buttonLinkText}\n\t\t\t\t\t\t\t\t\t\tbuttonType=\"text\"\n\t\t\t\t\t\t\t\t\t\tdarkMode\n\t\t\t\t\t\t\t\t\t\tonClick={props.onButtonLinkClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</AccordionHeaderGroup>\n\t\t\t\t\t\t\t<AccordionHeaderGroup2>\n\t\t\t\t\t\t\t\t{props.headerButtons && (\n\t\t\t\t\t\t\t\t\t<div className=\"accordion__overview__header-buttons\">\n\t\t\t\t\t\t\t\t\t\t{props.headerButtons?.map((button) => (\n\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\tkey={button.title}\n\t\t\t\t\t\t\t\t\t\t\t\tIcon={button.icon}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\t\t\tbutton.onClick();\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={button.style}\n\t\t\t\t\t\t\t\t\t\t\t\ttitle={button.title}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<BikAccordionArrow\n\t\t\t\t\t\t\t\t\tarrowColor={props.arrowColor}\n\t\t\t\t\t\t\t\t\tisNewIcon={true}\n\t\t\t\t\t\t\t\t\tref={accordionArrowRef}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</AccordionHeaderGroup2>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{props?.subHeader ? props?.subHeader : null}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{props.rightActionComponent && (\n\t\t\t\t\t<div className=\"accordion__overview__header\">\n\t\t\t\t\t\t<div className=\"accordion__overview__title-wrapper\">\n\t\t\t\t\t\t\t<BikAccordionArrow\n\t\t\t\t\t\t\t\tarrowColor={props.arrowColor}\n\t\t\t\t\t\t\t\tisNewIcon={true}\n\t\t\t\t\t\t\t\tref={accordionArrowRef}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{typeof props.header === 'string' ? (\n\t\t\t\t\t\t\t\t<TitleRegular>{props?.header}</TitleRegular>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\tprops.header\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\t\t\tif (e.key === 'Enter') e.stopPropagation();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\ttabIndex={0}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{props.rightActionComponent}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{props?.caption && (\n\t\t\t\t\t<div className=\"accordion__overview__caption\">\n\t\t\t\t\t\t<BodySecondary>\n\t\t\t\t\t\t\t<div style={props.captionStyle}>{props.caption}</div>\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tref={accordionContentRef as LegacyRef<HTMLDivElement>}\n\t\t\t\tclassName=\"accordion__content\"\n\t\t\t>\n\t\t\t\t{props.children}\n\t\t\t</div>\n\t\t</AccordionStyle>\n\t);\n};\n"],"names":["BikAccordion","props","isActive","setIsActive","useState","accordionArrowRef","useRef","accordionContentRef","useEffect","toggleAccordion","state","event","observer","jsxDEV","AccordionStyle","Fragment","AccordionHeaderGroup","TitleRegular","this","Button","AccordionHeaderGroup2","button","IconButton","e","BikAccordionArrow","BodySecondary"],"mappings":"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"}

package/dist/cjs/components/accordion/AccordionArrow.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-dev-runtime"),c=require("react"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=i(c),r=t.default.forwardRef((e,n)=>o.jsxDEV("div",{ref:n,className:"d-flex align-items-center",children:[!e.isNewIcon&&o.jsxDEV("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:o.jsxDEV("path",{d:"M7.7071 10.7071C7.07713 10.0771 7.5233 9 8.41421 9H15.5858C16.4767 9 16.9228 10.0771 16.2929 10.7071L12.7071 14.2929C12.3166 14.6834 11.6834 14.6834 11.2929 14.2929L7.7071 10.7071Z",fill:e.arrowColor??"currentColor"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/AccordionArrow.tsx",lineNumber:22,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/AccordionArrow.tsx",lineNumber:15,columnNumber:5},void 0),e.isNewIcon&&o.jsxDEV("svg",{width:"10",height:"6",viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:o.jsxDEV("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.528758 0.52827C0.789108 0.26792 1.21122 0.26792 1.47157 0.52827L5.00016 4.05687L8.52876 0.52827C8.78911 0.26792 9.21122 0.26792 9.47157 0.52827C9.73192 0.788619 9.73192 1.21073 9.47157 1.47108L5.47157 5.47108C5.21122 5.73143 4.78911 5.73143 4.52876 5.47108L0.528758 1.47108C0.268409 1.21073 0.268409 0.788619 0.528758 0.52827Z",fill:e.arrowColor??"currentColor"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/AccordionArrow.tsx",lineNumber:36,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/AccordionArrow.tsx",lineNumber:29,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/accordion/AccordionArrow.tsx",lineNumber:13,columnNumber:3},void 0));r.displayName="BikAccordionArrow";exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-dev-runtime"),i=require("react"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=s(i),r=t.default.forwardRef((e,n)=>o.jsxDEV("div",{ref:n,className:"d-flex align-items-center",children:[!e.isNewIcon&&o.jsxDEV("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:o.jsxDEV("path",{d:"M7.7071 10.7071C7.07713 10.0771 7.5233 9 8.41421 9H15.5858C16.4767 9 16.9228 10.0771 16.2929 10.7071L12.7071 14.2929C12.3166 14.6834 11.6834 14.6834 11.2929 14.2929L7.7071 10.7071Z",fill:e.arrowColor??"currentColor"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/accordion/AccordionArrow.tsx",lineNumber:22,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/accordion/AccordionArrow.tsx",lineNumber:15,columnNumber:5},void 0),e.isNewIcon&&o.jsxDEV("svg",{width:"10",height:"6",viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:o.jsxDEV("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.528758 0.52827C0.789108 0.26792 1.21122 0.26792 1.47157 0.52827L5.00016 4.05687L8.52876 0.52827C8.78911 0.26792 9.21122 0.26792 9.47157 0.52827C9.73192 0.788619 9.73192 1.21073 9.47157 1.47108L5.47157 5.47108C5.21122 5.73143 4.78911 5.73143 4.52876 5.47108L0.528758 1.47108C0.268409 1.21073 0.268409 0.788619 0.528758 0.52827Z",fill:e.arrowColor??"currentColor"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/accordion/AccordionArrow.tsx",lineNumber:36,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/accordion/AccordionArrow.tsx",lineNumber:29,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/accordion/AccordionArrow.tsx",lineNumber:13,columnNumber:3},void 0));r.displayName="BikAccordionArrow";exports.default=r;
 //# sourceMappingURL=AccordionArrow.js.map

package/dist/cjs/components/accordion/AccordionArrow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccordionArrow.js","sources":["../../../../src/components/accordion/AccordionArrow.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\ninterface BikAccordionArrowProps extends HTMLAttributes<HTMLDivElement> {\n\tisNewIcon: boolean;\n\tarrowColor?: string;\n}\n\nconst BikAccordionArrow = React.forwardRef<\n\tHTMLDivElement,\n\tBikAccordionArrowProps\n>((_, ref) => {\n\treturn (\n\t\t<div ref={ref} className=\"d-flex align-items-center\">\n\t\t\t{!_.isNewIcon && (\n\t\t\t\t<svg\n\t\t\t\t\twidth=\"24\"\n\t\t\t\t\theight=\"24\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M7.7071 10.7071C7.07713 10.0771 7.5233 9 8.41421 9H15.5858C16.4767 9 16.9228 10.0771 16.2929 10.7071L12.7071 14.2929C12.3166 14.6834 11.6834 14.6834 11.2929 14.2929L7.7071 10.7071Z\"\n\t\t\t\t\t\tfill={_.arrowColor ?? 'currentColor'}\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t)}\n\t\t\t{_.isNewIcon && (\n\t\t\t\t<svg\n\t\t\t\t\twidth=\"10\"\n\t\t\t\t\theight=\"6\"\n\t\t\t\t\tviewBox=\"0 0 10 6\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\t\t\tclipRule=\"evenodd\"\n\t\t\t\t\t\td=\"M0.528758 0.52827C0.789108 0.26792 1.21122 0.26792 1.47157 0.52827L5.00016 4.05687L8.52876 0.52827C8.78911 0.26792 9.21122 0.26792 9.47157 0.52827C9.73192 0.788619 9.73192 1.21073 9.47157 1.47108L5.47157 5.47108C5.21122 5.73143 4.78911 5.73143 4.52876 5.47108L0.528758 1.47108C0.268409 1.21073 0.268409 0.788619 0.528758 0.52827Z\"\n\t\t\t\t\t\tfill={_.arrowColor ?? 'currentColor'}\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t)}\n\t\t</div>\n\t);\n});\n\nBikAccordionArrow.displayName = 'BikAccordionArrow';\nexport default BikAccordionArrow;\n"],"names":["BikAccordionArrow","React","_","ref","jsxDEV","this"],"mappings":"uOAOMA,EAAoBC,EAAAA,QAAM,WAG9B,CAACC,EAAGC,IAEJC,EAAAA,OAAC,MAAA,CAAI,IAAAD,EAAU,UAAU,4BACvB,SAAA,CAAA,CAACD,EAAE,WACHE,EAAAA,OAAC,MAAA,CACA,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BAEN,SAAAA,EAAAA,OAAC,OAAA,CACA,EAAE,uLACF,KAAMF,EAAE,YAAc,cAAA,EAFvB,OAAA,GAAA,CAAA,SAAA,~~mGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAGA,EAVD,OAAA,GAAA,CAAA,SAAA,~~mGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAaAH,EAAE,WACFE,EAAAA,OAAC,MAAA,CACA,MAAM,KACN,OAAO,IACP,QAAQ,WACR,KAAK,OACL,MAAM,6BAEN,SAAAA,EAAAA,OAAC,OAAA,CACA,SAAS,UACT,SAAS,UACT,EAAE,4UACF,KAAMF,EAAE,YAAc,cAAA,EAJvB,OAAA,GAAA,CAAA,SAAA,~~mGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAKA,EAZD,OAAA,GAAA,CAAA,SAAA,~~mGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAaA,CAAA,EA7BF,OAAA,GAAA,CAAA,SAAA,~~mGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA+BA,CAED,EAEDL,EAAkB,YAAc"}
1	+ {"version":3,"file":"AccordionArrow.js","sources":["../../../../src/components/accordion/AccordionArrow.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\ninterface BikAccordionArrowProps extends HTMLAttributes<HTMLDivElement> {\n\tisNewIcon: boolean;\n\tarrowColor?: string;\n}\n\nconst BikAccordionArrow = React.forwardRef<\n\tHTMLDivElement,\n\tBikAccordionArrowProps\n>((_, ref) => {\n\treturn (\n\t\t<div ref={ref} className=\"d-flex align-items-center\">\n\t\t\t{!_.isNewIcon && (\n\t\t\t\t<svg\n\t\t\t\t\twidth=\"24\"\n\t\t\t\t\theight=\"24\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M7.7071 10.7071C7.07713 10.0771 7.5233 9 8.41421 9H15.5858C16.4767 9 16.9228 10.0771 16.2929 10.7071L12.7071 14.2929C12.3166 14.6834 11.6834 14.6834 11.2929 14.2929L7.7071 10.7071Z\"\n\t\t\t\t\t\tfill={_.arrowColor ?? 'currentColor'}\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t)}\n\t\t\t{_.isNewIcon && (\n\t\t\t\t<svg\n\t\t\t\t\twidth=\"10\"\n\t\t\t\t\theight=\"6\"\n\t\t\t\t\tviewBox=\"0 0 10 6\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\t\t\tclipRule=\"evenodd\"\n\t\t\t\t\t\td=\"M0.528758 0.52827C0.789108 0.26792 1.21122 0.26792 1.47157 0.52827L5.00016 4.05687L8.52876 0.52827C8.78911 0.26792 9.21122 0.26792 9.47157 0.52827C9.73192 0.788619 9.73192 1.21073 9.47157 1.47108L5.47157 5.47108C5.21122 5.73143 4.78911 5.73143 4.52876 5.47108L0.528758 1.47108C0.268409 1.21073 0.268409 0.788619 0.528758 0.52827Z\"\n\t\t\t\t\t\tfill={_.arrowColor ?? 'currentColor'}\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t)}\n\t\t</div>\n\t);\n});\n\nBikAccordionArrow.displayName = 'BikAccordionArrow';\nexport default BikAccordionArrow;\n"],"names":["BikAccordionArrow","React","_","ref","jsxDEV","this"],"mappings":"uOAOMA,EAAoBC,EAAAA,QAAM,WAG9B,CAACC,EAAGC,IAEJC,EAAAA,OAAC,MAAA,CAAI,IAAAD,EAAU,UAAU,4BACvB,SAAA,CAAA,CAACD,EAAE,WACHE,EAAAA,OAAC,MAAA,CACA,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BAEN,SAAAA,EAAAA,OAAC,OAAA,CACA,EAAE,uLACF,KAAMF,EAAE,YAAc,cAAA,EAFvB,OAAA,GAAA,CAAA,SAAA,iIAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAGA,EAVD,OAAA,GAAA,CAAA,SAAA,iIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAaAH,EAAE,WACFE,EAAAA,OAAC,MAAA,CACA,MAAM,KACN,OAAO,IACP,QAAQ,WACR,KAAK,OACL,MAAM,6BAEN,SAAAA,EAAAA,OAAC,OAAA,CACA,SAAS,UACT,SAAS,UACT,EAAE,4UACF,KAAMF,EAAE,YAAc,cAAA,EAJvB,OAAA,GAAA,CAAA,SAAA,iIAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAKA,EAZD,OAAA,GAAA,CAAA,SAAA,iIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAaA,CAAA,EA7BF,OAAA,GAAA,CAAA,SAAA,iIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA+BA,CAED,EAEDL,EAAkB,YAAc"}

package/dist/cjs/components/action-button/ActionButtons.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),e=require("../../constants/Theme.js"),b=require("../../assets/icons/similar.svg.js"),O=require("../TypographyStyle.js"),S=require("./ActionButton.styled.js"),m=({isSelected:o,isError:r})=>o&&r?{color:e.BASE_COLORS.negative[700],border:`1px solid ${e.BASE_COLORS.negative[700]}`}:o?{color:e.BASE_COLORS.brand[500],border:`1px solid ${e.BASE_COLORS.brand[500]}`}:r?{color:e.BASE_COLORS.grayscale[900],border:`1px solid ${e.BASE_COLORS.negative[700]}`}:{color:e.BASE_COLORS.grayscale[900],border:`1px solid ${e.BASE_COLORS.grayscale[200]}`},p=({isSelected:o,isError:r})=>o&&r?{color:e.BASE_COLORS.negative[700],border:`1px solid ${e.BASE_COLORS.negative[700]}`}:o?{color:e.BASE_COLORS.brand[500],border:`1px solid ${e.BASE_COLORS.brand[500]}`}:r?{color:e.BASE_COLORS.grayscale[700],border:`1px solid ${e.BASE_COLORS.negative[700]}`}:{color:e.BASE_COLORS.grayscale[700],border:`1px dashed ${e.BASE_COLORS.grayscale[200]}`},B=({state:o,buttonText:r,icon:c=b.default,isSelected:t,isError:i,onClick:l})=>{const a=()=>o==="CONFIGURED"?m({isSelected:t,isError:i}):p({isSelected:t,isError:i}),{color:s,border:u}=a(),d={height:20,width:20,color:s,style:{display:"block"},className:"icon"};return n.jsxDEV(S.ActionButtonContainer,{isSelected:t,isError:i,border:u,isConfigured:o==="CONFIGURED",onClick:l,children:[n.jsxDEV("div",{className:"action__icon",children:n.jsxDEV(c,{...d},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/action-button/ActionButtons.tsx",lineNumber:111,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/action-button/ActionButtons.tsx",lineNumber:110,columnNumber:4},void 0),n.jsxDEV(O.BodyPrimary,{style:{fontWeight:600,color:s},children:r},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/action-button/ActionButtons.tsx",lineNumber:113,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/action-button/ActionButtons.tsx",lineNumber:103,columnNumber:3},void 0)};exports.ActionButtons=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),e=require("../../constants/Theme.js"),d=require("../../assets/icons/similar.svg.js"),m=require("../TypographyStyle.js"),O=require("./ActionButton.styled.js"),S=({isSelected:o,isError:r})=>o&&r?{color:e.BASE_COLORS.negative[700],border:`1px solid ${e.BASE_COLORS.negative[700]}`}:o?{color:e.BASE_COLORS.brand[500],border:`1px solid ${e.BASE_COLORS.brand[500]}`}:r?{color:e.BASE_COLORS.grayscale[900],border:`1px solid ${e.BASE_COLORS.negative[700]}`}:{color:e.BASE_COLORS.grayscale[900],border:`1px solid ${e.BASE_COLORS.grayscale[200]}`},p=({isSelected:o,isError:r})=>o&&r?{color:e.BASE_COLORS.negative[700],border:`1px solid ${e.BASE_COLORS.negative[700]}`}:o?{color:e.BASE_COLORS.brand[500],border:`1px solid ${e.BASE_COLORS.brand[500]}`}:r?{color:e.BASE_COLORS.grayscale[700],border:`1px solid ${e.BASE_COLORS.negative[700]}`}:{color:e.BASE_COLORS.grayscale[700],border:`1px dashed ${e.BASE_COLORS.grayscale[200]}`},y=({state:o,buttonText:r,icon:a=d.default,isSelected:t,isError:i,onClick:c})=>{const l=()=>o==="CONFIGURED"?S({isSelected:t,isError:i}):p({isSelected:t,isError:i}),{color:s,border:u}=l(),b={height:20,width:20,color:s,style:{display:"block"},className:"icon"};return n.jsxDEV(O.ActionButtonContainer,{isSelected:t,isError:i,border:u,isConfigured:o==="CONFIGURED",onClick:c,children:[n.jsxDEV("div",{className:"action__icon",children:n.jsxDEV(a,{...b},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/action-button/ActionButtons.tsx",lineNumber:111,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/action-button/ActionButtons.tsx",lineNumber:110,columnNumber:4},void 0),n.jsxDEV(m.BodyPrimary,{style:{fontWeight:600,color:s},children:r},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/action-button/ActionButtons.tsx",lineNumber:113,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/action-button/ActionButtons.tsx",lineNumber:103,columnNumber:3},void 0)};exports.ActionButtons=y;
 //# sourceMappingURL=ActionButtons.js.map

package/dist/cjs/components/action-button/ActionButtons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionButtons.js","sources":["../../../../src/components/action-button/ActionButtons.tsx"],"sourcesContent":["import React from 'react';\nimport { BASE_COLORS } from '@src/constants/Theme';\nimport SimilarIcon from '../../assets/icons/similar.svg';\nimport { BodyPrimary } from '../TypographyStyle';\nimport { ActionButtonContainer } from './ActionButton.styled';\n\nexport interface ActionButtonInterface {\n\tstate: 'CONFIGURED' \| 'NOT-CONFIGURED';\n\tbuttonText: string;\n\tisSelected: boolean;\n\tisError: boolean;\n\tonClick: () => void;\n\ticon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n}\n\nconst getColorForConfiguredState = ({\n\tisSelected,\n\tisError,\n}: {\n\tisSelected: boolean;\n\tisError: boolean;\n}) => {\n\tif (isSelected && isError) {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.negative['700'],\n\t\t\tborder: `1px solid ${BASE_COLORS.negative['700']}`,\n\t\t};\n\t} else if (isSelected) {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.brand['500'],\n\t\t\tborder: `1px solid ${BASE_COLORS.brand['500']}`,\n\t\t};\n\t} else if (isError) {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.grayscale['900'],\n\t\t\tborder: `1px solid ${BASE_COLORS.negative['700']}`,\n\t\t};\n\t} else {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.grayscale['900'],\n\t\t\tborder: `1px solid ${BASE_COLORS.grayscale['200']}`,\n\t\t};\n\t}\n};\n\nconst getColorForNotConfiguredState = ({\n\tisSelected,\n\tisError,\n}: {\n\tisSelected: boolean;\n\tisError: boolean;\n}) => {\n\tif (isSelected && isError) {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.negative['700'],\n\t\t\tborder: `1px solid ${BASE_COLORS.negative['700']}`,\n\t\t};\n\t} else if (isSelected) {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.brand['500'],\n\t\t\tborder: `1px solid ${BASE_COLORS.brand['500']}`,\n\t\t};\n\t} else if (isError) {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.grayscale['700'],\n\t\t\tborder: `1px solid ${BASE_COLORS.negative['700']}`,\n\t\t};\n\t} else {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.grayscale['700'],\n\t\t\tborder: `1px dashed ${BASE_COLORS.grayscale['200']}`,\n\t\t};\n\t}\n};\n\nexport const ActionButtons: React.FC<ActionButtonInterface> = ({\n\tstate,\n\tbuttonText,\n\ticon: IconComponent = SimilarIcon,\n\tisSelected,\n\tisError,\n\tonClick,\n}) => {\n\tconst getColor = () => {\n\t\tif (state === 'CONFIGURED') {\n\t\t\treturn getColorForConfiguredState({ isSelected, isError });\n\t\t} else {\n\t\t\treturn getColorForNotConfiguredState({ isSelected, isError });\n\t\t}\n\t};\n\n\tconst { color, border } = getColor();\n\n\tconst iconProps = {\n\t\theight: 20,\n\t\twidth: 20,\n\t\tcolor,\n\t\tstyle: { display: 'block' },\n\t\tclassName: 'icon',\n\t};\n\n\treturn (\n\t\t<ActionButtonContainer\n\t\t\tisSelected={isSelected}\n\t\t\tisError={isError}\n\t\t\tborder={border}\n\t\t\tisConfigured={state === 'CONFIGURED'}\n\t\t\tonClick={onClick}\n\t\t>\n\t\t\t<div className=\"action__icon\">\n\t\t\t\t<IconComponent {...iconProps} />\n\t\t\t</div>\n\t\t\t<BodyPrimary style={{ fontWeight: 600, color }}>{buttonText}</BodyPrimary>\n\t\t</ActionButtonContainer>\n\t);\n};\n"],"names":["getColorForConfiguredState","isSelected","isError","BASE_COLORS","getColorForNotConfiguredState","ActionButtons","state","buttonText","IconComponent","SimilarIcon","onClick","getColor","color","border","iconProps","jsxDEV","ActionButtonContainer","this","BodyPrimary"],"mappings":"uRAeMA,EAA6B,CAAC,CACnC,WAAAC,EACA,QAAAC,CACD,IAIKD,GAAcC,EACV,CACN,MAAOC,EAAAA,YAAY,SAAS,GAAK,EACjC,OAAQ,aAAaA,EAAAA,YAAY,SAAS,GAAK,CAAC,EAAA,EAEvCF,EACH,CACN,MAAOE,EAAAA,YAAY,MAAM,GAAK,EAC9B,OAAQ,aAAaA,EAAAA,YAAY,MAAM,GAAK,CAAC,EAAA,EAEpCD,EACH,CACN,MAAOC,EAAAA,YAAY,UAAU,GAAK,EAClC,OAAQ,aAAaA,EAAAA,YAAY,SAAS,GAAK,CAAC,EAAA,EAG1C,CACN,MAAOA,EAAAA,YAAY,UAAU,GAAK,EAClC,OAAQ,aAAaA,EAAAA,YAAY,UAAU,GAAK,CAAC,EAAA,EAK9CC,EAAgC,CAAC,CACtC,WAAAH,EACA,QAAAC,CACD,IAIKD,GAAcC,EACV,CACN,MAAOC,EAAAA,YAAY,SAAS,GAAK,EACjC,OAAQ,aAAaA,EAAAA,YAAY,SAAS,GAAK,CAAC,EAAA,EAEvCF,EACH,CACN,MAAOE,EAAAA,YAAY,MAAM,GAAK,EAC9B,OAAQ,aAAaA,EAAAA,YAAY,MAAM,GAAK,CAAC,EAAA,EAEpCD,EACH,CACN,MAAOC,EAAAA,YAAY,UAAU,GAAK,EAClC,OAAQ,aAAaA,EAAAA,YAAY,SAAS,GAAK,CAAC,EAAA,EAG1C,CACN,MAAOA,EAAAA,YAAY,UAAU,GAAK,EAClC,OAAQ,cAAcA,EAAAA,YAAY,UAAU,GAAK,CAAC,EAAA,EAKxCE,EAAiD,CAAC,CAC9D,MAAAC,EACA,WAAAC,EACA,KAAMC,EAAgBC,EAAAA,QACtB,WAAAR,EACA,QAAAC,EACA,QAAAQ,CACD,IAAM,CACL,MAAMC,EAAW,IACZL,IAAU,aACNN,EAA2B,CAAE,WAAAC,EAAY,QAAAC,EAAS,EAElDE,EAA8B,CAAE,WAAAH,EAAY,QAAAC,EAAS,EAIxD,CAAE,MAAAU,EAAO,OAAAC,CAAA,EAAWF,EAAA,EAEpBG,EAAY,CACjB,OAAQ,GACR,MAAO,GACP,MAAAF,EACA,MAAO,CAAE,QAAS,OAAA,EAClB,UAAW,MAAA,EAGZ,OACCG,EAAAA,OAACC,EAAAA,sBAAA,CACA,WAAAf,EACA,QAAAC,EACA,OAAAW,EACA,aAAcP,IAAU,aACxB,QAAAI,EAEA,SAAA,CAAAK,EAAAA,OAAC,OAAI,UAAU,eACd,SAAAA,SAACP,EAAA,CAAe,GAAGM,GAAnB,OAAA,GAAA,CAAA,SAAA,~~sGAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAG,MAA8B,CAAA,EAD/B,OAAA,GAAA,CAAA,SAAA,~~sGAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAEA,EACAF,EAAAA,OAACG,EAAAA,aAAY,MAAO,CAAE,WAAY,IAAK,MAAAN,CAAA,EAAU,SAAAL,GAAjD,OAAA,GAAA,CAAA,SAAA,~~sGAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAU,MAA4D,CAAA,CAAA,EAV7D,OAAA,GAAA,CAAA,SAAA,~~sGAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAaF"}
1	+ {"version":3,"file":"ActionButtons.js","sources":["../../../../src/components/action-button/ActionButtons.tsx"],"sourcesContent":["import React from 'react';\nimport { BASE_COLORS } from '@src/constants/Theme';\nimport SimilarIcon from '../../assets/icons/similar.svg';\nimport { BodyPrimary } from '../TypographyStyle';\nimport { ActionButtonContainer } from './ActionButton.styled';\n\nexport interface ActionButtonInterface {\n\tstate: 'CONFIGURED' \| 'NOT-CONFIGURED';\n\tbuttonText: string;\n\tisSelected: boolean;\n\tisError: boolean;\n\tonClick: () => void;\n\ticon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n}\n\nconst getColorForConfiguredState = ({\n\tisSelected,\n\tisError,\n}: {\n\tisSelected: boolean;\n\tisError: boolean;\n}) => {\n\tif (isSelected && isError) {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.negative['700'],\n\t\t\tborder: `1px solid ${BASE_COLORS.negative['700']}`,\n\t\t};\n\t} else if (isSelected) {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.brand['500'],\n\t\t\tborder: `1px solid ${BASE_COLORS.brand['500']}`,\n\t\t};\n\t} else if (isError) {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.grayscale['900'],\n\t\t\tborder: `1px solid ${BASE_COLORS.negative['700']}`,\n\t\t};\n\t} else {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.grayscale['900'],\n\t\t\tborder: `1px solid ${BASE_COLORS.grayscale['200']}`,\n\t\t};\n\t}\n};\n\nconst getColorForNotConfiguredState = ({\n\tisSelected,\n\tisError,\n}: {\n\tisSelected: boolean;\n\tisError: boolean;\n}) => {\n\tif (isSelected && isError) {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.negative['700'],\n\t\t\tborder: `1px solid ${BASE_COLORS.negative['700']}`,\n\t\t};\n\t} else if (isSelected) {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.brand['500'],\n\t\t\tborder: `1px solid ${BASE_COLORS.brand['500']}`,\n\t\t};\n\t} else if (isError) {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.grayscale['700'],\n\t\t\tborder: `1px solid ${BASE_COLORS.negative['700']}`,\n\t\t};\n\t} else {\n\t\treturn {\n\t\t\tcolor: BASE_COLORS.grayscale['700'],\n\t\t\tborder: `1px dashed ${BASE_COLORS.grayscale['200']}`,\n\t\t};\n\t}\n};\n\nexport const ActionButtons: React.FC<ActionButtonInterface> = ({\n\tstate,\n\tbuttonText,\n\ticon: IconComponent = SimilarIcon,\n\tisSelected,\n\tisError,\n\tonClick,\n}) => {\n\tconst getColor = () => {\n\t\tif (state === 'CONFIGURED') {\n\t\t\treturn getColorForConfiguredState({ isSelected, isError });\n\t\t} else {\n\t\t\treturn getColorForNotConfiguredState({ isSelected, isError });\n\t\t}\n\t};\n\n\tconst { color, border } = getColor();\n\n\tconst iconProps = {\n\t\theight: 20,\n\t\twidth: 20,\n\t\tcolor,\n\t\tstyle: { display: 'block' },\n\t\tclassName: 'icon',\n\t};\n\n\treturn (\n\t\t<ActionButtonContainer\n\t\t\tisSelected={isSelected}\n\t\t\tisError={isError}\n\t\t\tborder={border}\n\t\t\tisConfigured={state === 'CONFIGURED'}\n\t\t\tonClick={onClick}\n\t\t>\n\t\t\t<div className=\"action__icon\">\n\t\t\t\t<IconComponent {...iconProps} />\n\t\t\t</div>\n\t\t\t<BodyPrimary style={{ fontWeight: 600, color }}>{buttonText}</BodyPrimary>\n\t\t</ActionButtonContainer>\n\t);\n};\n"],"names":["getColorForConfiguredState","isSelected","isError","BASE_COLORS","getColorForNotConfiguredState","ActionButtons","state","buttonText","IconComponent","SimilarIcon","onClick","getColor","color","border","iconProps","jsxDEV","ActionButtonContainer","this","BodyPrimary"],"mappings":"uRAeMA,EAA6B,CAAC,CACnC,WAAAC,EACA,QAAAC,CACD,IAIKD,GAAcC,EACV,CACN,MAAOC,EAAAA,YAAY,SAAS,GAAK,EACjC,OAAQ,aAAaA,EAAAA,YAAY,SAAS,GAAK,CAAC,EAAA,EAEvCF,EACH,CACN,MAAOE,EAAAA,YAAY,MAAM,GAAK,EAC9B,OAAQ,aAAaA,EAAAA,YAAY,MAAM,GAAK,CAAC,EAAA,EAEpCD,EACH,CACN,MAAOC,EAAAA,YAAY,UAAU,GAAK,EAClC,OAAQ,aAAaA,EAAAA,YAAY,SAAS,GAAK,CAAC,EAAA,EAG1C,CACN,MAAOA,EAAAA,YAAY,UAAU,GAAK,EAClC,OAAQ,aAAaA,EAAAA,YAAY,UAAU,GAAK,CAAC,EAAA,EAK9CC,EAAgC,CAAC,CACtC,WAAAH,EACA,QAAAC,CACD,IAIKD,GAAcC,EACV,CACN,MAAOC,EAAAA,YAAY,SAAS,GAAK,EACjC,OAAQ,aAAaA,EAAAA,YAAY,SAAS,GAAK,CAAC,EAAA,EAEvCF,EACH,CACN,MAAOE,EAAAA,YAAY,MAAM,GAAK,EAC9B,OAAQ,aAAaA,EAAAA,YAAY,MAAM,GAAK,CAAC,EAAA,EAEpCD,EACH,CACN,MAAOC,EAAAA,YAAY,UAAU,GAAK,EAClC,OAAQ,aAAaA,EAAAA,YAAY,SAAS,GAAK,CAAC,EAAA,EAG1C,CACN,MAAOA,EAAAA,YAAY,UAAU,GAAK,EAClC,OAAQ,cAAcA,EAAAA,YAAY,UAAU,GAAK,CAAC,EAAA,EAKxCE,EAAiD,CAAC,CAC9D,MAAAC,EACA,WAAAC,EACA,KAAMC,EAAgBC,EAAAA,QACtB,WAAAR,EACA,QAAAC,EACA,QAAAQ,CACD,IAAM,CACL,MAAMC,EAAW,IACZL,IAAU,aACNN,EAA2B,CAAE,WAAAC,EAAY,QAAAC,EAAS,EAElDE,EAA8B,CAAE,WAAAH,EAAY,QAAAC,EAAS,EAIxD,CAAE,MAAAU,EAAO,OAAAC,CAAA,EAAWF,EAAA,EAEpBG,EAAY,CACjB,OAAQ,GACR,MAAO,GACP,MAAAF,EACA,MAAO,CAAE,QAAS,OAAA,EAClB,UAAW,MAAA,EAGZ,OACCG,EAAAA,OAACC,EAAAA,sBAAA,CACA,WAAAf,EACA,QAAAC,EACA,OAAAW,EACA,aAAcP,IAAU,aACxB,QAAAI,EAEA,SAAA,CAAAK,EAAAA,OAAC,OAAI,UAAU,eACd,SAAAA,SAACP,EAAA,CAAe,GAAGM,GAAnB,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,IAAA,aAAA,CAAA,EAAAG,MAA8B,CAAA,EAD/B,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAEA,EACAF,EAAAA,OAACG,EAAAA,aAAY,MAAO,CAAE,WAAY,IAAK,MAAAN,CAAA,EAAU,SAAAL,GAAjD,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,IAAA,aAAA,CAAA,EAAAU,MAA4D,CAAA,CAAA,EAV7D,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAaF"}

package/dist/cjs/components/add-variableV2/AddVariableV2.js CHANGED Viewed

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-dev-runtime"),J=require("../../assets/icons/back_icon.svg.js"),Q=require("../../assets/icons/chevronRightAlt.svg.js"),F=require("../../assets/icons/cross.svg.js"),X=require("../../assets/icons/plus.svg.js"),Y=require("../../assets/icons/undo.svg.js"),d=require("react"),Z=require("./AddVariableV2.styled.js"),D=require("../../constants/Theme.js"),ee=require("../modals/modal.styled.js"),b=require("../TypographyStyle.js"),U=require("../icon-button/IconButton.js"),ae=require("../searchBar/searchBar.js"),re=require("../switch/Switch.js"),ie=require("../tooltips/Tooltip.js"),ne=require("../button/Button.js"),se=d.memo(n=>{const{data:u,hasHeader:q=!0,needsBorder:R=!0,styledCloseBtn:S=!1,readonly:j=!1}=n,[c,O]=d.useState({}),[v,f]=d.useState(),[l,p]=d.useState(""),[o,h]=d.useState(""),[I,m]=d.useState(!0),H=/.*\..*/,[z,A]=d.useState(n.data),[V,w]=d.useState(!0);d.useEffect(()=>{const e={};u.forEach(i=>{e[i.displayName]=[]}),f(e)},[u]),d.useEffect(()=>{E(!0)},[]),d.useEffect(()=>{E(V,!l)},[c,l]),d.useEffect(()=>{w(!0),h(""),N([],l),f(i=>({...i,[l]:[]})),p("");const e=n.data.map(i=>k(i)).filter(i=>i!==null);A(e),e.length>0?m(!0):m(!1)},[n.reRender]),d.useEffect(()=>{let e=n.data;l&&(e=[c[l]]),y(e,V).length>0?m(!0):m(!1)},[o]);const y=(e,i=!1)=>e.flatMap(r=>Object.keys(r.variables).filter(s=>r.variables[s].displayName?.toLowerCase().includes(o.toLowerCase())&&(!i||r.variables[s].isAvailable===i)||x(r.variables[s]))),N=(e,i)=>{const r=u.find(s=>s.displayName===i);if(r){let s=r;e.forEach((t,M)=>{s=s.variables[t]}),O(t=>({...t,[i]:s}))}},x=e=>{let i=!1;if(e.isSubHeader&&e.variables){const r=Object.keys(e.variables);for(let s=0;s<r.length;s++){const t=r[s];if(e.variables&&e.variables[t].displayName.toLowerCase().includes(o.toLowerCase())&&e.variables[t].isAvailable===V){i=!0;break}}}return i},E=(e,i=!1)=>{if(w(e),e){let r=[];if(!l||i)r=n.data.map(s=>k(s)).filter(s=>s!==null);else{const s=c[l];r=n.data.filter(t=>t.displayName===l).map(t=>k(t,s)).filter(t=>t!=null)}A(r),o&&(r=y(r,e)),r.length>0?m(!0):m(!1)}else A(n.data),o?y(n.data,e).length>0?m(!0):m(!1):m(!0)};function k(e,i,r={}){if(i)for(const s in e.variables)if(e.variables[s].displayName===i.displayName)for(const t in e.variables[s].variables)e.variables[s].variables[t].isAvailable&&(r[t]=e.variables[s].variables[t]);else e.variables[s].isSubHeader&&k(e.variables[s],i,r);else for(const s in e.variables)e.variables[s].isAvailable&&(r[s]=e.variables[s]);return Object.keys(r).length===0?null:{...e,variables:r}}const g=e=>{const i=e.item.description;return e.readonly?a.jsxDEV("div",{children:a.jsxDEV(C,{item:e.item,readonly:e.readonly},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:300,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:299,columnNumber:5},void 0):a.jsxDEV(a.Fragment,{children:a.jsxDEV(ie.Tooltip,{body:"",tooltipContent:a.jsxDEV(b.BodyCaption,{color:D.COLORS.content.primaryInverse,style:{whiteSpace:"pre-line",padding:8},children:e.item.isAvailable?i?`• ${i}
-• Recommended here`:"Recommended here":"Not recommended here"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:307,columnNumber:8},void 0),width:300,delay:300,placement:"bottom",children:a.jsxDEV("div",{children:a.jsxDEV(C,{item:e.item},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:323,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:322,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:304,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:303,columnNumber:5},void 0)},C=e=>a.jsxDEV(ne.Button,{darkMode:n.enableVariable?n.enableVariable:e.item.isAvailable,size:"chip",disabled:e.readonly?!e.item.isSubHeader:!1,LeadingIcon:e.item.isSubHeader||e.readonly?void 0:X.default,TrailingIcon:()=>e.item.isSubHeader?a.jsxDEV("div",{className:"icon-trailing",style:{display:"flex"},children:a.jsxDEV(Q.default,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:356,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:355,columnNumber:8},void 0):a.jsxDEV(a.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:359,columnNumber:8},void 0),buttonText:e.item.displayName},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:332,columnNumber:5},void 0),T=(e,i)=>V&&!e.isAvailable?a.jsxDEV(a.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:371,columnNumber:13},void 0):a.jsxDEV("div",{onClick:e.isSubHeader?()=>{y([e],V).length||m(!1),h("");const s=[...v[l],i];N(s,l),f(t=>({...t,[l]:s}))}:()=>{n.customTrigger?(n.customTrigger(e),n.setShowVariable(!1)):n.isEvaluationList?B(e):n.setVariableValue(n.selectWithTypes?{actualValue:e.actualValue,variableType:e.variableType,needsFetching:e.needsFetching}:e.actualValue)},children:a.jsxDEV(g,{item:e,readonly:j},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:423,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:375,columnNumber:5},void 0),_=(e,i)=>{const r=[...v[e.displayName],i];N(r,e.displayName),f(s=>({...s,[e.displayName]:r})),p(e.displayName)},W=e=>/\w+\[\d+\]/g.test(e),B=e=>{if(e.actualValue.match(H)){const i=e.actualValue.replace("{{","").replace("}}","").split(".");let r=i[0];i.forEach((s,t)=>{if(t===0)return;if(W(s)){const P=s.match(/(\w+)\[(\d+)\]/);if(P){const K=P[1],G=P[2];r=r+`['${K}'][${G}]`}}else r=r+`['${s}']`}),n.setVariableValue(n.selectWithTypes?{actualValue:r,variableType:e.variableType,needsFetching:e.needsFetching}:r)}else{const i=e.actualValueEval?e.actualValueEval:e.actualValue;n.setVariableValue(n.selectWithTypes?{actualValue:i,variableType:e.variableType,needsFetching:e.needsFetching}:i)}},L=(e,i)=>{if(n.customTrigger)n.customTrigger(e.variables[i]),n.setShowVariable(!1);else if(n.isEvaluationList){const r=e.variables[i];B(r)}else n.setVariableValue(n.selectWithTypes?{actualValue:e.variables[i].actualValue,variableType:e.variables[i].variableType,needsFetching:e.variables[i].needsFetching}:e.variables[i].actualValue)},$=n.isModalState?void 0:{top:`${n.topPosition?n.topPosition:n.pickerSize==="small"?"300px":"60px"}`,left:`${n.leftPosition?n.leftPosition+24:430}px`};return a.jsxDEV("div",{id:"varList",tabIndex:-1,children:a.jsxDEV(Z.AddVariableStyled,{style:$,onClick:e=>{e.stopPropagation()},pickerSize:n.pickerSize||"large",isModalState:n.isModalState,positionStrategy:n.positionStrategy,zIndex:n.zindex,height:n.height,needsBorder:R,width:n.width,children:[S&&a.jsxDEV(ee.CloseButtonContainer,{onClick:()=>{n.setShowVariable(!1)},style:{zIndex:300},children:a.jsxDEV(F.default,{height:20,width:20,color:D.COLORS.content.secondary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:556,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:550,columnNumber:7},void 0),n.showVariable&&a.jsxDEV("div",{className:"popup",children:[a.jsxDEV("div",{className:"sticky__bar",children:[q&&a.jsxDEV("div",{className:"header__bar",children:[a.jsxDEV("div",{className:"add__variable",children:"Add a new variable"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:568,columnNumber:11},void 0),!S&&a.jsxDEV("div",{onClick:()=>{n.setShowVariable(!1)},style:{display:"flex",alignItems:"center",justifyContent:"center"},children:a.jsxDEV(U.IconButton,{iconButtonType:"default",Icon:F.default},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:580,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:570,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:567,columnNumber:10},void 0),a.jsxDEV("div",{className:"search__bar",onBlur:e=>{n.onSearchBlur&&n.onSearchBlur(e)},children:[a.jsxDEV(ae.SearchBar,{width:"100%",isEnabled:!0,onChange:e=>{h(e)},onEnter:()=>{},reset:!o,placeholder:"Search...",variant:"default"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:594,columnNumber:10},void 0),a.jsxDEV("div",{style:{display:"flex",alignItems:"center",marginTop:8,justifyContent:"space-between"},children:[a.jsxDEV(b.BodySecondary,{style:{color:D.COLORS.content.secondary},children:"Show only recommended variables"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:615,columnNumber:11},void 0),a.jsxDEV(re.Switch,{value:V,onValueChange:async e=>await E(e)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:618,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:607,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:588,columnNumber:9},void 0),l&&v[l].length>0&&a.jsxDEV("div",{className:"nav__bar",children:[a.jsxDEV("div",{className:"left__nav",children:[a.jsxDEV(U.IconButton,{Icon:J.default,style:{color:"#919191",display:"flex"},onClick:()=>{h("");const e=v[l].slice(0,-1);N(e,l),f(i=>({...i,[l]:e})),e.length||p("")}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:630,columnNumber:12},void 0),a.jsxDEV("div",{className:"block",children:[a.jsxDEV(b.TitleSmall,{children:c[l].displayName},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:653,columnNumber:13},void 0),c[l].description&&a.jsxDEV(b.BodyCaption,{children:c[l].description},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:657,columnNumber:14},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:652,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:629,columnNumber:11},void 0),a.jsxDEV("div",{className:"right__nav",children:[a.jsxDEV(U.IconButton,{Icon:Y.default,style:{display:"flex"},onClick:()=>{h(""),N([],l),f(e=>({...e,[l]:[]})),p("")}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:664,columnNumber:12},void 0),a.jsxDEV("div",{children:"First page"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:680,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:663,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:628,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:565,columnNumber:8},void 0),!I&&a.jsxDEV("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginTop:16},children:[a.jsxDEV(b.TitleSmall,{children:"No results found!"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:695,columnNumber:10},void 0),V?a.jsxDEV(b.BodyCaption,{children:"Sorry we could not find any recommended variables"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:697,columnNumber:11},void 0):a.jsxDEV(b.BodyCaption,{children:`Sorry we could not find any results for "${o}"`},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:701,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:686,columnNumber:9},void 0),a.jsxDEV("div",{className:"wrapper",children:a.jsxDEV("div",{className:"list__map",children:a.jsxDEV("div",{className:"items",children:[!l&&z.map(e=>{let i=[];return o&&(i=Object.keys(e.variables).filter(r=>e.variables[r].displayName?.toLowerCase().includes(o.toLowerCase())||x(e.variables[r]))),a.jsxDEV(a.Fragment,{children:[o?i.length>0?a.jsxDEV("div",{className:"block",children:[a.jsxDEV("div",{className:"heading__font",children:e?.displayName},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:727,columnNumber:18},void 0),a.jsxDEV(b.BodyCaption,{style:{marginBottom:8,color:"#616161"},children:e?.description},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:730,columnNumber:18},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:726,columnNumber:17},void 0):a.jsxDEV(a.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:740,columnNumber:17},void 0):a.jsxDEV("div",{className:"block",children:[a.jsxDEV("div",{className:"heading__font",children:e?.displayName},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:744,columnNumber:17},void 0),a.jsxDEV(b.BodyCaption,{style:{marginBottom:8,color:"#616161"},children:e?.description},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:747,columnNumber:17},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:743,columnNumber:16},void 0),Object.keys(e.variables).map(r=>o?e.variables[r].displayName?.toLowerCase().includes(o.toLowerCase())||x(e.variables[r])?a.jsxDEV("div",{onClick:e.variables[r].isSubHeader?()=>_(e,r):()=>L(e,r),children:a.jsxDEV(g,{item:e.variables[r],readonly:j},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:769,columnNumber:19},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:762,columnNumber:18},void 0):a.jsxDEV(a.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:775,columnNumber:18},void 0):a.jsxDEV("div",{onClick:e.variables[r].isSubHeader?()=>_(e,r):()=>L(e,r),children:a.jsxDEV(g,{item:e.variables[r],readonly:j},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:785,columnNumber:18},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:778,columnNumber:17},void 0))]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:723,columnNumber:14},void 0)}),l&&a.jsxDEV("div",{className:"list__map",children:a.jsxDEV("div",{className:"items",style:{marginTop:16},children:Object.keys(c[l].variables).map((e,i)=>o?c[l].variables[e].displayName?.toLowerCase().includes(o.toLowerCase())||x(c[l].variables[e])?T(c[l].variables[e],e):a.jsxDEV(a.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:814,columnNumber:18},void 0):T(c[l].variables[e],e))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:797,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:796,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:709,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:708,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:707,columnNumber:8},void 0),a.jsxDEV("div",{className:"bottom__padding"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:830,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:564,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:536,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:535,columnNumber:4},void 0)},(n,u)=>!(n.enableVariable!==u.enableVariable||n.leftPosition!==u.leftPosition||n.reRender!==u.reRender));exports.AddVariableV2=se;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-dev-runtime"),J=require("../../assets/icons/back_icon.svg.js"),Q=require("../../assets/icons/chevronRightAlt.svg.js"),F=require("../../assets/icons/cross.svg.js"),X=require("../../assets/icons/plus.svg.js"),Y=require("../../assets/icons/undo.svg.js"),d=require("react"),Z=require("./AddVariableV2.styled.js"),W=require("../../constants/Theme.js"),ee=require("../modals/modal.styled.js"),c=require("../TypographyStyle.js"),U=require("../icon-button/IconButton.js"),ae=require("../searchBar/searchBar.js"),ie=require("../switch/Switch.js"),re=require("../tooltips/Tooltip.js"),ne=require("../button/Button.js"),se=d.memo(n=>{const{data:u,hasHeader:q=!0,needsBorder:R=!0,styledCloseBtn:S=!1,readonly:D=!1}=n,[m,O]=d.useState({}),[h,V]=d.useState(),[l,p]=d.useState(""),[t,f]=d.useState(""),[I,b]=d.useState(!0),H=/.*\..*/,[z,A]=d.useState(n.data),[v,w]=d.useState(!0);d.useEffect(()=>{const e={};u.forEach(r=>{e[r.displayName]=[]}),V(e)},[u]),d.useEffect(()=>{E(!0)},[]),d.useEffect(()=>{E(v,!l)},[m,l]),d.useEffect(()=>{w(!0),f(""),k([],l),V(r=>({...r,[l]:[]})),p("");const e=n.data.map(r=>x(r)).filter(r=>r!==null);A(e),e.length>0?b(!0):b(!1)},[n.reRender]),d.useEffect(()=>{let e=n.data;l&&(e=[m[l]]),N(e,v).length>0?b(!0):b(!1)},[t]);const N=(e,r=!1)=>e.flatMap(i=>Object.keys(i.variables).filter(s=>i.variables[s].displayName?.toLowerCase().includes(t.toLowerCase())&&(!r||i.variables[s].isAvailable===r)||y(i.variables[s]))),k=(e,r)=>{const i=u.find(s=>s.displayName===r);if(i){let s=i;e.forEach((o,M)=>{s=s.variables[o]}),O(o=>({...o,[r]:s}))}},y=e=>{let r=!1;if(e.isSubHeader&&e.variables){const i=Object.keys(e.variables);for(let s=0;s<i.length;s++){const o=i[s];if(e.variables&&e.variables[o].displayName.toLowerCase().includes(t.toLowerCase())&&e.variables[o].isAvailable===v){r=!0;break}}}return r},E=(e,r=!1)=>{if(w(e),e){let i=[];if(!l||r)i=n.data.map(s=>x(s)).filter(s=>s!==null);else{const s=m[l];i=n.data.filter(o=>o.displayName===l).map(o=>x(o,s)).filter(o=>o!=null)}A(i),t&&(i=N(i,e)),i.length>0?b(!0):b(!1)}else A(n.data),t?N(n.data,e).length>0?b(!0):b(!1):b(!0)};function x(e,r,i={}){if(r)for(const s in e.variables)if(e.variables[s].displayName===r.displayName)for(const o in e.variables[s].variables)e.variables[s].variables[o].isAvailable&&(i[o]=e.variables[s].variables[o]);else e.variables[s].isSubHeader&&x(e.variables[s],r,i);else for(const s in e.variables)e.variables[s].isAvailable&&(i[s]=e.variables[s]);return Object.keys(i).length===0?null:{...e,variables:i}}const g=e=>{const r=e.item.description;return e.readonly?a.jsxDEV("div",{children:a.jsxDEV(C,{item:e.item,readonly:e.readonly},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:300,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:299,columnNumber:5},void 0):a.jsxDEV(a.Fragment,{children:a.jsxDEV(re.Tooltip,{body:"",tooltipContent:a.jsxDEV(c.BodyCaption,{color:W.COLORS.content.primaryInverse,style:{whiteSpace:"pre-line",padding:8},children:e.item.isAvailable?r?`• ${r}
+• Recommended here`:"Recommended here":"Not recommended here"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:307,columnNumber:8},void 0),width:300,delay:300,placement:"bottom",children:a.jsxDEV("div",{children:a.jsxDEV(C,{item:e.item},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:323,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:322,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:304,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:303,columnNumber:5},void 0)},C=e=>a.jsxDEV(ne.Button,{darkMode:n.enableVariable?n.enableVariable:e.item.isAvailable,size:"chip",disabled:e.readonly?!e.item.isSubHeader:!1,LeadingIcon:e.item.isSubHeader||e.readonly?void 0:X.default,TrailingIcon:()=>e.item.isSubHeader?a.jsxDEV("div",{className:"icon-trailing",style:{display:"flex"},children:a.jsxDEV(Q.default,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:356,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:355,columnNumber:8},void 0):a.jsxDEV(a.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:359,columnNumber:8},void 0),buttonText:e.item.displayName},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:332,columnNumber:5},void 0),T=(e,r)=>v&&!e.isAvailable?a.jsxDEV(a.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:371,columnNumber:13},void 0):a.jsxDEV("div",{onClick:e.isSubHeader?()=>{N([e],v).length||b(!1),f("");const s=[...h[l],r];k(s,l),V(o=>({...o,[l]:s}))}:()=>{n.customTrigger?(n.customTrigger(e),n.setShowVariable(!1)):n.isEvaluationList?B(e):n.setVariableValue(n.selectWithTypes?{actualValue:e.actualValue,variableType:e.variableType,needsFetching:e.needsFetching}:e.actualValue)},children:a.jsxDEV(g,{item:e,readonly:D},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:423,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:375,columnNumber:5},void 0),_=(e,r)=>{const i=[...h[e.displayName],r];k(i,e.displayName),V(s=>({...s,[e.displayName]:i})),p(e.displayName)},P=e=>/\w+\[\d+\]/g.test(e),B=e=>{if(e.actualValue.match(H)){const r=e.actualValue.replace("{{","").replace("}}","").split(".");let i=r[0];r.forEach((s,o)=>{if(o===0)return;if(P(s)){const j=s.match(/(\w+)\[(\d+)\]/);if(j){const K=j[1],G=j[2];i=i+`['${K}'][${G}]`}}else i=i+`['${s}']`}),n.setVariableValue(n.selectWithTypes?{actualValue:i,variableType:e.variableType,needsFetching:e.needsFetching}:i)}else{const r=e.actualValueEval?e.actualValueEval:e.actualValue;n.setVariableValue(n.selectWithTypes?{actualValue:r,variableType:e.variableType,needsFetching:e.needsFetching}:r)}},L=(e,r)=>{if(n.customTrigger)n.customTrigger(e.variables[r]),n.setShowVariable(!1);else if(n.isEvaluationList){const i=e.variables[r];B(i)}else n.setVariableValue(n.selectWithTypes?{actualValue:e.variables[r].actualValue,variableType:e.variables[r].variableType,needsFetching:e.variables[r].needsFetching}:e.variables[r].actualValue)},$=n.isModalState?void 0:{top:`${n.topPosition?n.topPosition:n.pickerSize==="small"?"300px":"60px"}`,left:`${n.leftPosition?n.leftPosition+24:430}px`};return a.jsxDEV("div",{id:"varList",tabIndex:-1,children:a.jsxDEV(Z.AddVariableStyled,{style:$,onClick:e=>{e.stopPropagation()},pickerSize:n.pickerSize||"large",isModalState:n.isModalState,positionStrategy:n.positionStrategy,zIndex:n.zindex,height:n.height,needsBorder:R,width:n.width,children:[S&&a.jsxDEV(ee.CloseButtonContainer,{onClick:()=>{n.setShowVariable(!1)},style:{zIndex:300},children:a.jsxDEV(F.default,{height:20,width:20,color:W.COLORS.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:556,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:550,columnNumber:7},void 0),n.showVariable&&a.jsxDEV("div",{className:"popup",children:[a.jsxDEV("div",{className:"sticky__bar",children:[q&&a.jsxDEV("div",{className:"header__bar",children:[a.jsxDEV("div",{className:"add__variable",children:"Add a new variable"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:568,columnNumber:11},void 0),!S&&a.jsxDEV("div",{onClick:()=>{n.setShowVariable(!1)},style:{display:"flex",alignItems:"center",justifyContent:"center"},children:a.jsxDEV(U.IconButton,{iconButtonType:"default",Icon:F.default},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:580,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:570,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:567,columnNumber:10},void 0),a.jsxDEV("div",{className:"search__bar",onBlur:e=>{n.onSearchBlur&&n.onSearchBlur(e)},children:[a.jsxDEV(ae.SearchBar,{width:"100%",isEnabled:!0,onChange:e=>{f(e)},onEnter:()=>{},reset:!t,placeholder:"Search...",variant:"default"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:594,columnNumber:10},void 0),a.jsxDEV("div",{style:{display:"flex",alignItems:"center",marginTop:8,justifyContent:"space-between"},children:[a.jsxDEV(c.BodySecondary,{style:{color:W.COLORS.content.secondary},children:"Show only recommended variables"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:615,columnNumber:11},void 0),a.jsxDEV(ie.Switch,{value:v,onValueChange:async e=>await E(e)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:618,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:607,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:588,columnNumber:9},void 0),l&&h[l].length>0&&a.jsxDEV("div",{className:"nav__bar",children:[a.jsxDEV("div",{className:"left__nav",children:[a.jsxDEV(U.IconButton,{Icon:J.default,style:{color:"#919191",display:"flex"},onClick:()=>{f("");const e=h[l].slice(0,-1);k(e,l),V(r=>({...r,[l]:e})),e.length||p("")}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:630,columnNumber:12},void 0),a.jsxDEV("div",{className:"block",children:[a.jsxDEV(c.TitleSmall,{children:m[l].displayName},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:653,columnNumber:13},void 0),m[l].description&&a.jsxDEV(c.BodyCaption,{children:m[l].description},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:657,columnNumber:14},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:652,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:629,columnNumber:11},void 0),a.jsxDEV("div",{className:"right__nav",children:[a.jsxDEV(U.IconButton,{Icon:Y.default,style:{display:"flex"},onClick:()=>{f(""),k([],l),V(e=>({...e,[l]:[]})),p("")}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:664,columnNumber:12},void 0),a.jsxDEV("div",{children:"First page"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:680,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:663,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:628,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:565,columnNumber:8},void 0),!I&&a.jsxDEV("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginTop:16},children:[a.jsxDEV(c.TitleSmall,{children:"No results found!"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:695,columnNumber:10},void 0),v?a.jsxDEV(c.BodyCaption,{children:"Sorry we could not find any recommended variables"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:697,columnNumber:11},void 0):a.jsxDEV(c.BodyCaption,{children:`Sorry we could not find any results for "${t}"`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:701,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:686,columnNumber:9},void 0),a.jsxDEV("div",{className:"wrapper",children:a.jsxDEV("div",{className:"list__map",children:a.jsxDEV("div",{className:"items",children:[!l&&z.map(e=>{let r=[];return t&&(r=Object.keys(e.variables).filter(i=>e.variables[i].displayName?.toLowerCase().includes(t.toLowerCase())||y(e.variables[i]))),a.jsxDEV(a.Fragment,{children:[t?r.length>0?a.jsxDEV("div",{className:"block",children:[a.jsxDEV("div",{className:"heading__font",children:e?.displayName},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:727,columnNumber:18},void 0),a.jsxDEV(c.BodyCaption,{style:{marginBottom:8,color:"#616161"},children:e?.description},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:730,columnNumber:18},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:726,columnNumber:17},void 0):a.jsxDEV(a.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:740,columnNumber:17},void 0):a.jsxDEV("div",{className:"block",children:[a.jsxDEV("div",{className:"heading__font",children:e?.displayName},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:744,columnNumber:17},void 0),a.jsxDEV(c.BodyCaption,{style:{marginBottom:8,color:"#616161"},children:e?.description},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:747,columnNumber:17},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:743,columnNumber:16},void 0),Object.keys(e.variables).map(i=>t?e.variables[i].displayName?.toLowerCase().includes(t.toLowerCase())||y(e.variables[i])?a.jsxDEV("div",{onClick:e.variables[i].isSubHeader?()=>_(e,i):()=>L(e,i),children:a.jsxDEV(g,{item:e.variables[i],readonly:D},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:769,columnNumber:19},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:762,columnNumber:18},void 0):a.jsxDEV(a.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:775,columnNumber:18},void 0):a.jsxDEV("div",{onClick:e.variables[i].isSubHeader?()=>_(e,i):()=>L(e,i),children:a.jsxDEV(g,{item:e.variables[i],readonly:D},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:785,columnNumber:18},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:778,columnNumber:17},void 0))]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:723,columnNumber:14},void 0)}),l&&a.jsxDEV("div",{className:"list__map",children:a.jsxDEV("div",{className:"items",style:{marginTop:16},children:Object.keys(m[l].variables).map((e,r)=>t?m[l].variables[e].displayName?.toLowerCase().includes(t.toLowerCase())||y(m[l].variables[e])?T(m[l].variables[e],e):a.jsxDEV(a.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:814,columnNumber:18},void 0):T(m[l].variables[e],e))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:797,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:796,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:709,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:708,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:707,columnNumber:8},void 0),a.jsxDEV("div",{className:"bottom__padding"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:830,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:564,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:536,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2.tsx",lineNumber:535,columnNumber:4},void 0)},(n,u)=>!(n.enableVariable!==u.enableVariable||n.leftPosition!==u.leftPosition||n.reRender!==u.reRender));exports.AddVariableV2=se;
 //# sourceMappingURL=AddVariableV2.js.map