npm - @bikdotai/bik-component-library - Versions diffs - 0.0.814 → 0.0.815 - Mend

@bikdotai/bik-component-library 0.0.814 → 0.0.815

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 (733) hide show

package/dist/cjs/components/text-picker/TextPickerSelectAllRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextPickerSelectAllRow.js","sources":["../../../../src/components/text-picker/TextPickerSelectAllRow.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { CheckBox } from '../checkBox';\nimport { BodyPrimary } from '../TypographyStyle';\n\nconst SelectAllCard = styled.div<{ isActive: boolean }>`\n background: ${({ isActive }) =>\n isActive ? COLORS.surface.hovered : COLORS.surface.subdued};\n border-bottom: 1px solid ${COLORS.stroke.primary};\n padding: 12px 24px;\n display: flex;\n align-items: center;\n cursor: default;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n\n`;\n\nconst CheckBoxWrapper = styled.div`\n display: flex;\n margin-right: 16px;\n`;\n\nconst ItemTextWrapper = styled.div`\n flex: 1;\n`;\n\nexport interface TextPickerSelectAllRowProps {\n isChecked: boolean;\n isPartiallyChecked: boolean;\n onCheck: (checked: boolean) => void;\n}\n\nexport const TextPickerSelectAllRow: React.FC<TextPickerSelectAllRowProps> = ({\n isChecked,\n isPartiallyChecked,\n onCheck,\n}) => (\n <SelectAllCard isActive={isChecked \|\| isPartiallyChecked}>\n <CheckBoxWrapper>\n <CheckBox\n isChecked={isChecked \|\| isPartiallyChecked}\n isPartiallyChecked={isPartiallyChecked && !isChecked}\n onValueChange={onCheck}\n />\n </CheckBoxWrapper>\n <ItemTextWrapper>\n <BodyPrimary>Select All</BodyPrimary>\n </ItemTextWrapper>\n </SelectAllCard>\n);\n"],"names":["SelectAllCard","styled","isActive","COLORS","CheckBoxWrapper","ItemTextWrapper","TextPickerSelectAllRow","isChecked","isPartiallyChecked","onCheck","jsxs","jsx","CheckBox","BodyPrimary"],"mappings":"~~kQAMMA~~,EAAgBC,~~EAAO~~;AAAA,gBACb,CAAC,CAAE,SAAAC,CAAA,IACfA,EAAWC,EAAAA,OAAO,QAAQ,QAAUA,EAAAA,OAAO,QAAQ,OAAO;AAAA,6BACjCA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAW5CC,EAAkBH,~~EAAO~~;AAAA;AAAA;AAAA,EAKzBI,EAAkBJ,~~EAAO~~;AAAA;AAAA,EAUlBK,EAAgE,CAAC,CAC5E,UAAAC,EACA,mBAAAC,EACA,QAAAC,CACF,IACEC,EAAAA,KAACV,EAAA,CAAc,SAAUO,GAAaC,EACpC,SAAA,CAAAG,MAACP,EAAA,CACC,SAAAO,EAAAA,IAACC,EAAAA,SAAA,CACC,UAAWL,GAAaC,EACxB,mBAAoBA,GAAsB,CAACD,EAC3C,cAAeE,CAAA,CAAA,EAEnB,EACAE,MAACN,EAAA,CACC,SAAAM,EAAAA,IAACE,EAAAA,YAAA,CAAY,sBAAU,CAAA,CACzB,CAAA,CAAA,CACF"}
1	+ {"version":3,"file":"TextPickerSelectAllRow.js","sources":["../../../../src/components/text-picker/TextPickerSelectAllRow.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { CheckBox } from '../checkBox';\nimport { BodyPrimary } from '../TypographyStyle';\n\nconst SelectAllCard = styled.div<{ isActive: boolean }>`\n background: ${({ isActive }) =>\n isActive ? COLORS.surface.hovered : COLORS.surface.subdued};\n border-bottom: 1px solid ${COLORS.stroke.primary};\n padding: 12px 24px;\n display: flex;\n align-items: center;\n cursor: default;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n\n`;\n\nconst CheckBoxWrapper = styled.div`\n display: flex;\n margin-right: 16px;\n`;\n\nconst ItemTextWrapper = styled.div`\n flex: 1;\n`;\n\nexport interface TextPickerSelectAllRowProps {\n isChecked: boolean;\n isPartiallyChecked: boolean;\n onCheck: (checked: boolean) => void;\n}\n\nexport const TextPickerSelectAllRow: React.FC<TextPickerSelectAllRowProps> = ({\n isChecked,\n isPartiallyChecked,\n onCheck,\n}) => (\n <SelectAllCard isActive={isChecked \|\| isPartiallyChecked}>\n <CheckBoxWrapper>\n <CheckBox\n isChecked={isChecked \|\| isPartiallyChecked}\n isPartiallyChecked={isPartiallyChecked && !isChecked}\n onValueChange={onCheck}\n />\n </CheckBoxWrapper>\n <ItemTextWrapper>\n <BodyPrimary>Select All</BodyPrimary>\n </ItemTextWrapper>\n </SelectAllCard>\n);\n"],"names":["SelectAllCard","styled","isActive","COLORS","CheckBoxWrapper","ItemTextWrapper","TextPickerSelectAllRow","isChecked","isPartiallyChecked","onCheck","jsxs","jsx","CheckBox","BodyPrimary"],"mappings":"iUAMMA,EAAgBC,EAAAA,QAAO;AAAA,gBACb,CAAC,CAAE,SAAAC,CAAA,IACfA,EAAWC,EAAAA,OAAO,QAAQ,QAAUA,EAAAA,OAAO,QAAQ,OAAO;AAAA,6BACjCA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAW5CC,EAAkBH,EAAAA,QAAO;AAAA;AAAA;AAAA,EAKzBI,EAAkBJ,EAAAA,QAAO;AAAA;AAAA,EAUlBK,EAAgE,CAAC,CAC5E,UAAAC,EACA,mBAAAC,EACA,QAAAC,CACF,IACEC,EAAAA,KAACV,EAAA,CAAc,SAAUO,GAAaC,EACpC,SAAA,CAAAG,MAACP,EAAA,CACC,SAAAO,EAAAA,IAACC,EAAAA,SAAA,CACC,UAAWL,GAAaC,EACxB,mBAAoBA,GAAsB,CAACD,EAC3C,cAAeE,CAAA,CAAA,EAEnB,EACAE,MAACN,EAAA,CACC,SAAAM,EAAAA,IAACE,EAAAA,YAAA,CAAY,sBAAU,CAAA,CACzB,CAAA,CAAA,CACF"}

package/dist/cjs/components/thumbnail/Thumbnail.styled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("./constants.js"),r=require("../../constants/Theme.js"),s=i.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),t=require("./constants.js"),r=require("../../constants/Theme.js"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=i(o),n=s.default.div`
 	width: ${e=>t.THUMBNAIL_SIZE_MAP[e.size]+"px"};
 	height: ${e=>t.THUMBNAIL_SIZE_MAP[e.size]+"px"};
 	display: flex;
@@ -7,5 +7,5 @@
 	background-color: ${r.COLORS.surface.standard};
 	border: 1px solid ${r.COLORS.stroke.primary};
 	border-radius: 4px;
-`;exports.ThumbnailStyle=s;
+`;exports.ThumbnailStyle=n;
 //# sourceMappingURL=Thumbnail.styled.js.map

package/dist/cjs/components/thumbnail/Thumbnail.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Thumbnail.styled.js","sources":["../../../../src/components/thumbnail/Thumbnail.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { SIZE } from '@src/components/avatar/AvatarHelper';\nimport { THUMBNAIL_SIZE_MAP } from '@src/components/thumbnail/constants';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const ThumbnailStyle = styled.div<{ size: SIZE }>`\n\twidth: ${(props) => THUMBNAIL_SIZE_MAP[props.size] + 'px'};\n\theight: ${(props) => THUMBNAIL_SIZE_MAP[props.size] + 'px'};\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbackground-color: ${COLORS.surface.standard};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n`;\n"],"names":["ThumbnailStyle","styled","props","THUMBNAIL_SIZE_MAP","COLORS"],"mappings":"~~uLAKaA~~,EAAiBC,~~EAAO~~;AAAA,UAC1BC,GAAUC,EAAAA,mBAAmBD,EAAM,IAAI,EAAI,IAAI;AAAA,WAC9CA,GAAUC,EAAAA,mBAAmBD,EAAM,IAAI,EAAI,IAAI;AAAA;AAAA;AAAA;AAAA,qBAItCE,EAAAA,OAAO,QAAQ,QAAQ;AAAA,qBACvBA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA"}
1	+ {"version":3,"file":"Thumbnail.styled.js","sources":["../../../../src/components/thumbnail/Thumbnail.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { SIZE } from '@src/components/avatar/AvatarHelper';\nimport { THUMBNAIL_SIZE_MAP } from '@src/components/thumbnail/constants';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const ThumbnailStyle = styled.div<{ size: SIZE }>`\n\twidth: ${(props) => THUMBNAIL_SIZE_MAP[props.size] + 'px'};\n\theight: ${(props) => THUMBNAIL_SIZE_MAP[props.size] + 'px'};\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbackground-color: ${COLORS.surface.standard};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n`;\n"],"names":["ThumbnailStyle","styled","props","THUMBNAIL_SIZE_MAP","COLORS"],"mappings":"sPAKaA,EAAiBC,EAAAA,QAAO;AAAA,UAC1BC,GAAUC,EAAAA,mBAAmBD,EAAM,IAAI,EAAI,IAAI;AAAA,WAC9CA,GAAUC,EAAAA,mBAAmBD,EAAM,IAAI,EAAI,IAAI;AAAA;AAAA;AAAA;AAAA,qBAItCE,EAAAA,OAAO,QAAQ,QAAQ;AAAA,qBACvBA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA"}

package/dist/cjs/components/toaster/Toaster.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),B=require("../../assets/icons/alert_triangle.svg.js"),C=require("../../assets/icons/check.svg.js"),w=require("../../assets/icons/cross.svg.js"),S=require("../../assets/icons/errorInfo.svg.js"),j=require("../../assets/icons/info.svg.js"),c=require("react"),O=require("react-dom"),u=require("react-toastify"),k=require("./Toaster.styled.js"),x=require("../TypographyStyle.js"),n=require("../../constants/Theme.js"),f=require("../button/Button.js"),m=t=>e.jsxs(x.BodySecondary,{color:"#9E9E9E",customStyles:{fontWeight:600,fontSize:14,width:25},children:[t.duration,"s"]}),y=t=>{const o=t.type==="default"?n.COLORS.content.primary:t.type==="success"?n.COLORS.content.positive:t.type==="error"?n.COLORS.content.negative:t.type==="warning"?n.COLORS.content.warning:n.COLORS.content.brand,[i,s]=c.useState(t.duration||-1);c.useEffect(()=>{if(!t.duration||t.duration<=0){s(-1);return}s(t.duration);const a=setInterval(()=>{s(g=>{const h=g-1;return h<=0?(clearInterval(a),-1):h})},1e3);return()=>clearInterval(a)},[t.duration]);const l=t.blocking&&i===-1?!1:t.blocking&&i>0,d=()=>{!l&&t.closeToast&&t.closeToast()},r=a=>{a.key==="Enter"&&!l&&t.closeToast&&t.closeToast()};return e.jsx("div",{tabIndex:l?-1:0,role:"button",style:{width:i>0?25:20,display:"flex",cursor:l?"not-allowed":"pointer",alignSelf:`${t.alignTop?"flex-start":"center"}`,opacity:l?.5:1},onClick:d,onKeyDown:r,children:i>0?e.jsx(m,{duration:i}):e.jsx(w.default,{height:20,width:20,color:o})})},T=t=>{const o=n.COLORS.content.placeholder,{toasterText:i}=c.useContext(b);return e.jsx(e.Fragment,{children:e.jsxs("div",{style:{display:"flex",flexGrow:1,maxWidth:"100%"},children:[e.jsx("div",{style:{flexGrow:1,marginRight:16,display:"flex",alignItems:"center",minWidth:0,overflow:"hidden"},children:e.jsxs("div",{style:{width:"100%",minWidth:0,wordBreak:"break-word",overflowWrap:"break-word"},children:[t.subText?e.jsx(x.TitleSmall,{color:"inherit",children:t.toastText??i}):e.jsx(x.BodySecondary,{color:"inherit",children:t.toastText??i}),t.subText&&e.jsx("div",{style:{marginTop:2},children:e.jsx(x.BodyCaption,{color:n.COLORS.content.secondary,children:t.subText})})]})}),t.showButton&&e.jsx("div",{style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 0px",minWidth:t.subText?"fit-content":"auto",marginRight:t.showSecondButton?4:0},children:e.jsx(f.Button,{buttonText:t.buttonText,buttonType:"tertiaryGray",color:n.COLORS.content.secondary,onClick:t.onButtonClick})}),t.showSecondButton&&e.jsx("div",{style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 0px",minWidth:t.subText?"fit-content":"auto"},children:e.jsx(f.Button,{buttonText:t.secondButtonText,buttonType:"tertiaryGray",color:n.COLORS.content.secondary,onClick:t.onSecondButtonClick})}),t.showButton||t.showSecondButton?e.jsx("div",{style:{height:28,alignSelf:"center",marginLeft:8,marginRight:8,borderRight:`1px solid ${o}`,borderRadius:1}}):null]})})},I=t=>{const o=c.useRef(t.toastId||"default-toast"),[i,s]=c.useState(t.text),l=u.cssTransition({enter:"Toastify__slide-enter",exit:"Toastify__slide-exit"}),d=t.type==="default"?null:t.type==="success"?e.jsx(C.default,{width:20,height:20,color:n.COLORS.content.positive}):t.type==="error"?e.jsx(S.default,{width:20,height:20,color:n.COLORS.content.negative}):t.type==="warning"?e.jsx(B.default,{width:20,height:20,color:n.COLORS.content.warning}):e.jsx(j.default,{width:20,height:20,color:n.COLORS.content.brand});c.useEffect(()=>{o.current&&o.current===t.toastId?(s(t.text),u.toast.update(o.current,{autoClose:t.autoClose})):o.current&&o.current!==t.toastId&&r(t.text)},[t.toastId,t.text]);const r=a=>{t.hideLeftIcon!==void 0||t.leftIcon?u.toast(e.jsx(T,{toastText:a,type:t.type||"info",buttonText:t.buttonProps?.buttonText,secondButtonText:t.secondButtonProps?.buttonText,showButton:t.buttonProps?.showButton,showSecondButton:t.secondButtonProps?.showButton,onButtonClick:t.buttonProps?.onButtonClick,onSecondButtonClick:t.secondButtonProps?.onButtonClick,subText:t.subText}),{onClose:t.onCloseToast?t.onCloseToast:()=>({}),icon:t.hideLeftIcon===!0?!1:t.leftIcon?t.leftIcon:t.type==="default"?!1:e.jsx("div",{style:{display:"flex",alignItems:"flex-start"},children:d}),type:t.type,closeButton:e.jsx(y,{type:t.type||"default",alignTop:!!(t.subText&&!(t.buttonProps?.showButton||t.secondButtonProps?.showButton)),blocking:t.blocking,duration:t.duration}),toastId:t.toastId||"default-toast",transition:l}):o.current=u.toast(e.jsx(T,{toastText:a,type:t.type||"info",buttonText:t.buttonProps?.buttonText,secondButtonText:t.secondButtonProps?.buttonText,showButton:t.buttonProps?.showButton,showSecondButton:t.secondButtonProps?.showButton,onButtonClick:t.buttonProps?.onButtonClick,onSecondButtonClick:t.secondButtonProps?.onButtonClick,subText:t.subText}),{onClose:t.onCloseToast?t.onCloseToast:()=>({}),type:t.type,icon:t.type==="default"?!1:e.jsx("div",{style:{display:"flex",alignItems:"flex-start"},children:d}),closeButton:e.jsx(y,{type:t.type||"default",alignTop:!!(t.subText&&!(t.buttonProps?.showButton||t.secondButtonProps?.showButton)),blocking:t.blocking,duration:t.duration}),toastId:t.toastId||"default-toast",transition:l})};return c.useEffect(()=>{r()},[]),O.createPortal(e.jsx(k.ToasterStyled,{width:t.width,height:t.height,zIndex:t.zIndex,isSubTextIncluded:!!t.subText,type:t.type,children:e.jsx(b.Provider,{value:{toasterText:i},children:e.jsx(u.ToastContainer,{position:t.position||"top-right",closeOnClick:t.closeOnClick||!1,hideProgressBar:t.hideProgressBar||!1,draggable:!1,autoClose:t.autoClose||!1,theme:"colored"})})}),document.body)},b=c.createContext({toasterText:""});exports.Toaster=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),C=require("../../assets/icons/alert_triangle.svg.js"),w=require("../../assets/icons/check.svg.js"),S=require("../../assets/icons/cross.svg.js"),j=require("../../assets/icons/errorInfo.svg.js"),O=require("../../assets/icons/info.svg.js"),c=require("react"),k=require("react-dom"),u=require("react-toastify"),m=require("./Toaster.styled.js"),x=require("../TypographyStyle.js"),n=require("../../constants/Theme.js"),h=require("../button/Button.js"),b=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},I=b(c),R=b(k),v=t=>e.jsxs(x.BodySecondary,{color:"#9E9E9E",customStyles:{fontWeight:600,fontSize:14,width:25},children:[t.duration,"s"]}),y=t=>{const o=t.type==="default"?n.COLORS.content.primary:t.type==="success"?n.COLORS.content.positive:t.type==="error"?n.COLORS.content.negative:t.type==="warning"?n.COLORS.content.warning:n.COLORS.content.brand,[i,s]=c.useState(t.duration||-1);c.useEffect(()=>{if(!t.duration||t.duration<=0){s(-1);return}s(t.duration);const a=setInterval(()=>{s(B=>{const f=B-1;return f<=0?(clearInterval(a),-1):f})},1e3);return()=>clearInterval(a)},[t.duration]);const l=t.blocking&&i===-1?!1:t.blocking&&i>0,d=()=>{!l&&t.closeToast&&t.closeToast()},r=a=>{a.key==="Enter"&&!l&&t.closeToast&&t.closeToast()};return e.jsx("div",{tabIndex:l?-1:0,role:"button",style:{width:i>0?25:20,display:"flex",cursor:l?"not-allowed":"pointer",alignSelf:`${t.alignTop?"flex-start":"center"}`,opacity:l?.5:1},onClick:d,onKeyDown:r,children:i>0?e.jsx(v,{duration:i}):e.jsx(S.default,{height:20,width:20,color:o})})},T=t=>{const o=n.COLORS.content.placeholder,{toasterText:i}=c.useContext(g);return e.jsx(e.Fragment,{children:e.jsxs("div",{style:{display:"flex",flexGrow:1,maxWidth:"100%"},children:[e.jsx("div",{style:{flexGrow:1,marginRight:16,display:"flex",alignItems:"center",minWidth:0,overflow:"hidden"},children:e.jsxs("div",{style:{width:"100%",minWidth:0,wordBreak:"break-word",overflowWrap:"break-word"},children:[t.subText?e.jsx(x.TitleSmall,{color:"inherit",children:t.toastText??i}):e.jsx(x.BodySecondary,{color:"inherit",children:t.toastText??i}),t.subText&&e.jsx("div",{style:{marginTop:2},children:e.jsx(x.BodyCaption,{color:n.COLORS.content.secondary,children:t.subText})})]})}),t.showButton&&e.jsx("div",{style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 0px",minWidth:t.subText?"fit-content":"auto",marginRight:t.showSecondButton?4:0},children:e.jsx(h.Button,{buttonText:t.buttonText,buttonType:"tertiaryGray",color:n.COLORS.content.secondary,onClick:t.onButtonClick})}),t.showSecondButton&&e.jsx("div",{style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 0px",minWidth:t.subText?"fit-content":"auto"},children:e.jsx(h.Button,{buttonText:t.secondButtonText,buttonType:"tertiaryGray",color:n.COLORS.content.secondary,onClick:t.onSecondButtonClick})}),t.showButton||t.showSecondButton?e.jsx("div",{style:{height:28,alignSelf:"center",marginLeft:8,marginRight:8,borderRight:`1px solid ${o}`,borderRadius:1}}):null]})})},P=t=>{const o=c.useRef(t.toastId||"default-toast"),[i,s]=c.useState(t.text),l=u.cssTransition({enter:"Toastify__slide-enter",exit:"Toastify__slide-exit"}),d=t.type==="default"?null:t.type==="success"?e.jsx(w.default,{width:20,height:20,color:n.COLORS.content.positive}):t.type==="error"?e.jsx(j.default,{width:20,height:20,color:n.COLORS.content.negative}):t.type==="warning"?e.jsx(C.default,{width:20,height:20,color:n.COLORS.content.warning}):e.jsx(O.default,{width:20,height:20,color:n.COLORS.content.brand});c.useEffect(()=>{o.current&&o.current===t.toastId?(s(t.text),u.toast.update(o.current,{autoClose:t.autoClose})):o.current&&o.current!==t.toastId&&r(t.text)},[t.toastId,t.text]);const r=a=>{t.hideLeftIcon!==void 0||t.leftIcon?u.toast(e.jsx(T,{toastText:a,type:t.type||"info",buttonText:t.buttonProps?.buttonText,secondButtonText:t.secondButtonProps?.buttonText,showButton:t.buttonProps?.showButton,showSecondButton:t.secondButtonProps?.showButton,onButtonClick:t.buttonProps?.onButtonClick,onSecondButtonClick:t.secondButtonProps?.onButtonClick,subText:t.subText}),{onClose:t.onCloseToast?t.onCloseToast:()=>({}),icon:t.hideLeftIcon===!0?!1:t.leftIcon?t.leftIcon:t.type==="default"?!1:e.jsx("div",{style:{display:"flex",alignItems:"flex-start"},children:d}),type:t.type,closeButton:e.jsx(y,{type:t.type||"default",alignTop:!!(t.subText&&!(t.buttonProps?.showButton||t.secondButtonProps?.showButton)),blocking:t.blocking,duration:t.duration}),toastId:t.toastId||"default-toast",transition:l}):o.current=u.toast(e.jsx(T,{toastText:a,type:t.type||"info",buttonText:t.buttonProps?.buttonText,secondButtonText:t.secondButtonProps?.buttonText,showButton:t.buttonProps?.showButton,showSecondButton:t.secondButtonProps?.showButton,onButtonClick:t.buttonProps?.onButtonClick,onSecondButtonClick:t.secondButtonProps?.onButtonClick,subText:t.subText}),{onClose:t.onCloseToast?t.onCloseToast:()=>({}),type:t.type,icon:t.type==="default"?!1:e.jsx("div",{style:{display:"flex",alignItems:"flex-start"},children:d}),closeButton:e.jsx(y,{type:t.type||"default",alignTop:!!(t.subText&&!(t.buttonProps?.showButton||t.secondButtonProps?.showButton)),blocking:t.blocking,duration:t.duration}),toastId:t.toastId||"default-toast",transition:l})};return c.useEffect(()=>{r()},[]),R.default.createPortal(e.jsx(m.ToasterStyled,{width:t.width,height:t.height,zIndex:t.zIndex,isSubTextIncluded:!!t.subText,type:t.type,children:e.jsx(g.Provider,{value:{toasterText:i},children:e.jsx(u.ToastContainer,{position:t.position||"top-right",closeOnClick:t.closeOnClick||!1,hideProgressBar:t.hideProgressBar||!1,draggable:!1,autoClose:t.autoClose||!1,theme:"colored"})})}),document.body)},g=I.default.createContext({toasterText:""});exports.Toaster=P;
 //# sourceMappingURL=Toaster.js.map

package/dist/cjs/components/toaster/Toaster.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toaster.js","sources":["../../../../src/components/toaster/Toaster.tsx"],"sourcesContent":["import AlertTriangle from '@src/assets/icons/alert_triangle.svg';\nimport Check from '@src/assets/icons/check.svg';\nimport Cross from '@src/assets/icons/cross.svg';\nimport Error from '@src/assets/icons/errorInfo.svg';\nimport Info from '@src/assets/icons/info.svg';\nimport React, {\n\tFunctionComponent,\n\tuseContext,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport ReactDOM from 'react-dom';\nimport {\n\tcssTransition,\n\tId,\n\ttoast,\n\tToastContainer,\n\tToastPosition,\n\tTypeOptions,\n} from 'react-toastify';\nimport { IconProps } from 'react-toastify/dist/components';\nimport { Button } from '@src/components/button';\nimport { ToasterStyled } from '@src/components/toaster/Toaster.styled';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport type ToasterButtonProps = {\n\tshowButton?: boolean;\n\tonButtonClick?: () => Record<string, never>;\n\tbuttonText?: string;\n};\nexport type ToasterProps = {\n\ttext: string;\n\tsubText?: string;\n\tposition?: ToastPosition;\n\ttype?: 'info' \| 'success' \| 'error' \| 'default' \| 'warning';\n\tduration?: number;\n\tblocking?: boolean;\n\tcloseOnClick?: boolean;\n\thideProgressBar?: boolean;\n\tautoClose?: number \| false \| undefined;\n\tleftIcon?: React.ReactElement<IconProps>;\n\thideLeftIcon?: boolean;\n\tbuttonProps?: ToasterButtonProps;\n\tsecondButtonProps?: ToasterButtonProps;\n\tonCloseToast?: <T>(props: T) => void;\n\twidth?: string;\n\theight?: string;\n\thideCloseButton?: boolean;\n\tzIndex?: number;\n\ttoastId?: string;\n};\n\nconst CountDownBar: React.FC<{ duration: number }> = (props) => {\n\treturn (\n\t\t<BodySecondary\n\t\t\tcolor={`#9E9E9E`}\n\t\t\tcustomStyles={{\n\t\t\t\tfontWeight: 600,\n\t\t\t\tfontSize: 14,\n\t\t\t\twidth: 25,\n\t\t\t}}\n\t\t>\n\t\t\t{props.duration}s\n\t\t</BodySecondary>\n\t);\n};\n\nconst CloseButton: React.FC<{\n\ttype: string;\n\tcloseToast?: () => Record<string, never>;\n\talignTop?: boolean;\n\tblocking?: boolean;\n\tduration?: number;\n}> = (props) => {\n\tconst iconColor =\n\t\tprops.type === 'default'\n\t\t\t? COLORS.content.primary\n\t\t\t: props.type === 'success'\n\t\t\t? COLORS.content.positive\n\t\t\t: props.type === 'error'\n\t\t\t? COLORS.content.negative\n\t\t\t: props.type === 'warning'\n\t\t\t? COLORS.content.warning\n\t\t\t: COLORS.content.brand;\n\n\t// Each CloseButton has its own independent timer\n\tconst [timerValue, setTimerValue] = useState<number>(props.duration \|\| -1);\n\n\tuseEffect(() => {\n\t\tif (!props.duration \|\| props.duration <= 0) {\n\t\t\tsetTimerValue(-1);\n\t\t\treturn;\n\t\t}\n\n\t\tsetTimerValue(props.duration);\n\n\t\tconst interval = setInterval(() => {\n\t\t\tsetTimerValue((prev) => {\n\t\t\t\tconst next = prev - 1;\n\t\t\t\tif (next <= 0) {\n\t\t\t\t\tclearInterval(interval);\n\t\t\t\t\treturn -1;\n\t\t\t\t}\n\t\t\t\treturn next;\n\t\t\t});\n\t\t}, 1000);\n\n\t\treturn () => clearInterval(interval);\n\t}, [props.duration]);\n\n\t// Enable button when timerValue is -1, otherwise check blocking and timer\n\tconst isDisabled =\n\t\tprops.blocking && timerValue === -1\n\t\t\t? false\n\t\t\t: props.blocking && timerValue > 0;\n\n\tconst handleClick = () => {\n\t\tif (!isDisabled && props.closeToast) {\n\t\t\tprops.closeToast();\n\t\t}\n\t};\n\n\tconst handleKeyDown = (e: React.KeyboardEvent) => {\n\t\tif (e.key === 'Enter' && !isDisabled && props.closeToast) {\n\t\t\tprops.closeToast();\n\t\t}\n\t};\n\n\treturn (\n\t\t<div\n\t\t\ttabIndex={isDisabled ? -1 : 0}\n\t\t\trole={'button'}\n\t\t\tstyle={{\n\t\t\t\twidth: timerValue > 0 ? 25 : 20,\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tcursor: isDisabled ? 'not-allowed' : 'pointer',\n\t\t\t\talignSelf: `${props.alignTop ? 'flex-start' : 'center'}`,\n\t\t\t\topacity: isDisabled ? 0.5 : 1,\n\t\t\t}}\n\t\t\tonClick={handleClick}\n\t\t\tonKeyDown={handleKeyDown}\n\t\t>\n\t\t\t{timerValue > 0 ? (\n\t\t\t\t<CountDownBar duration={timerValue} />\n\t\t\t) : (\n\t\t\t\t<Cross height={20} width={20} color={iconColor} />\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nconst RenderContent: React.FC<{\n\ttoastText?: string;\n\ttype: TypeOptions;\n\tshowButton?: boolean;\n\tshowSecondButton?: boolean;\n\tonButtonClick?: () => Record<string, never>;\n\tonSecondButtonClick?: () => Record<string, never>;\n\tbuttonText?: string;\n\tsecondButtonText?: string;\n\tsubText?: string;\n}> = (props) => {\n\tconst strokeColor = COLORS.content.placeholder;\n\n\tconst { toasterText: toasterTextContext } = useContext(ToastContext);\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexGrow: 1,\n\t\t\t\t\tmaxWidth: '100%',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tflexGrow: 1,\n\t\t\t\t\t\tmarginRight: 16,\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tminWidth: 0,\n\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\tminWidth: 0,\n\t\t\t\t\t\t\twordBreak: 'break-word',\n\t\t\t\t\t\t\toverflowWrap: 'break-word',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.subText ? (\n\t\t\t\t\t\t\t<TitleSmall color={'inherit'}>\n\t\t\t\t\t\t\t\t{/* In normal scenarios, we use the text from prop. As a special case, when we need to change the text in already rendered toast, we change the text in context and let this component render on its own /}\n\t\t\t\t\t\t\t\t{props.toastText ?? toasterTextContext}\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<BodySecondary color={'inherit'}>\n\t\t\t\t\t\t\t\t{/ In normal scenarios, we use the text from prop. As a special case, when we need to change the text in already rendered toast, we change the text in context and let this component render on its own */}\n\t\t\t\t\t\t\t\t{props.toastText ?? toasterTextContext}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{props.subText && (\n\t\t\t\t\t\t\t<div style={{ marginTop: 2 }}>\n\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t\t{props.subText}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t{props.showButton && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\talignSelf: 'center',\n\t\t\t\t\t\t\tpadding: '6px 0px',\n\t\t\t\t\t\t\tminWidth: props.subText ? 'fit-content' : 'auto',\n\t\t\t\t\t\t\tmarginRight: props.showSecondButton ? 4 : 0,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText={props.buttonText}\n\t\t\t\t\t\t\tbuttonType={'tertiaryGray'}\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tonClick={props.onButtonClick}\n\t\t\t\t\t\t></Button>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{props.showSecondButton && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\talignSelf: 'center',\n\t\t\t\t\t\t\tpadding: '6px 0px',\n\t\t\t\t\t\t\tminWidth: props.subText ? 'fit-content' : 'auto',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText={props.secondButtonText}\n\t\t\t\t\t\t\tbuttonType={'tertiaryGray'}\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tonClick={props.onSecondButtonClick}\n\t\t\t\t\t\t></Button>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{!(props.showButton \|\| props.showSecondButton) ? null : (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\theight: 28,\n\t\t\t\t\t\t\talignSelf: 'center',\n\t\t\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\t\t\tmarginRight: 8,\n\t\t\t\t\t\t\tborderRight: `1px solid ${strokeColor}`,\n\t\t\t\t\t\t\tborderRadius: 1,\n\t\t\t\t\t\t}}\n\t\t\t\t\t></div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</>\n\t);\n};\n\ntype Props = ToasterProps;\n\nexport const Toaster: FunctionComponent<Props> = (props) => {\n\tconst toastId = useRef<Id>(props.toastId \|\| 'default-toast');\n\tconst [toastLocal, setToastLocal] = useState(props.text);\n\tconst bounce = cssTransition({\n\t\tenter: 'Toastify__slide-enter',\n\t\texit: 'Toastify__slide-exit',\n\t});\n\n\tconst leftIcon =\n\t\tprops.type === 'default' ? null : props.type === 'success' ? (\n\t\t\t<Check width={20} height={20} color={COLORS.content.positive} />\n\t\t) : props.type === 'error' ? (\n\t\t\t<Error width={20} height={20} color={COLORS.content.negative} />\n\t\t) : props.type === 'warning' ? (\n\t\t\t<AlertTriangle width={20} height={20} color={COLORS.content.warning} />\n\t\t) : (\n\t\t\t<Info width={20} height={20} color={COLORS.content.brand} />\n\t\t);\n\n\tuseEffect(() => {\n\t\t// When toast id is same but text needed to change, we change the text in context and let the toast re-render on its own.\n\t\tif (toastId.current && toastId.current === props.toastId) {\n\t\t\tsetToastLocal(props.text);\n\t\t\ttoast.update(toastId.current, {\n\t\t\t\tautoClose: props.autoClose,\n\t\t\t});\n\t\t\t// If toast ids are different, we call notify again which will stack the toasts up\n\t\t} else if (toastId.current && toastId.current !== props.toastId) {\n\t\t\tnotify(props.text);\n\t\t}\n\t}, [props.toastId, props.text]);\n\n\tconst notify = (toastText?: string) => {\n\t\tif (props.hideLeftIcon !== undefined \|\| props.leftIcon) {\n\t\t\ttoast(\n\t\t\t\t<RenderContent\n\t\t\t\t\ttoastText={toastText}\n\t\t\t\t\ttype={props.type \|\| 'info'}\n\t\t\t\t\tbuttonText={props.buttonProps?.buttonText}\n\t\t\t\t\tsecondButtonText={props.secondButtonProps?.buttonText}\n\t\t\t\t\tshowButton={props.buttonProps?.showButton}\n\t\t\t\t\tshowSecondButton={props.secondButtonProps?.showButton}\n\t\t\t\t\tonButtonClick={props.buttonProps?.onButtonClick}\n\t\t\t\t\tonSecondButtonClick={props.secondButtonProps?.onButtonClick}\n\t\t\t\t\tsubText={props.subText}\n\t\t\t\t/>,\n\t\t\t\t{\n\t\t\t\t\tonClose: props.onCloseToast ? props.onCloseToast : () => ({}),\n\t\t\t\t\ticon:\n\t\t\t\t\t\tprops.hideLeftIcon === true ? (\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t) : props.leftIcon ? (\n\t\t\t\t\t\t\tprops.leftIcon\n\t\t\t\t\t\t) : props.type === 'default' ? (\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div style={{ display: 'flex', alignItems: 'flex-start' }}>\n\t\t\t\t\t\t\t\t{leftIcon}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\ttype: props.type,\n\t\t\t\t\tcloseButton: (\n\t\t\t\t\t\t<CloseButton\n\t\t\t\t\t\t\ttype={props.type \|\| 'default'}\n\t\t\t\t\t\t\talignTop={\n\t\t\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\t\t\tprops.subText &&\n\t\t\t\t\t\t\t\t\t!(\n\t\t\t\t\t\t\t\t\t\tprops.buttonProps?.showButton \|\|\n\t\t\t\t\t\t\t\t\t\tprops.secondButtonProps?.showButton\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}\n\t\t\t\t\t\t\tblocking={props.blocking}\n\t\t\t\t\t\t\tduration={props.duration}\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\ttoastId: props.toastId \|\| 'default-toast',\n\t\t\t\t\ttransition: bounce,\n\t\t\t\t},\n\t\t\t);\n\t\t} else {\n\t\t\ttoastId.current = toast(\n\t\t\t\t<RenderContent\n\t\t\t\t\ttoastText={toastText}\n\t\t\t\t\ttype={props.type \|\| 'info'}\n\t\t\t\t\tbuttonText={props.buttonProps?.buttonText}\n\t\t\t\t\tsecondButtonText={props.secondButtonProps?.buttonText}\n\t\t\t\t\tshowButton={props.buttonProps?.showButton}\n\t\t\t\t\tshowSecondButton={props.secondButtonProps?.showButton}\n\t\t\t\t\tonButtonClick={props.buttonProps?.onButtonClick}\n\t\t\t\t\tonSecondButtonClick={props.secondButtonProps?.onButtonClick}\n\t\t\t\t\tsubText={props.subText}\n\t\t\t\t/>,\n\t\t\t\t{\n\t\t\t\t\tonClose: props.onCloseToast ? props.onCloseToast : () => ({}),\n\t\t\t\t\ttype: props.type,\n\t\t\t\t\ticon:\n\t\t\t\t\t\tprops.type === 'default' ? (\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div style={{ display: 'flex', alignItems: 'flex-start' }}>\n\t\t\t\t\t\t\t\t{leftIcon}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\tcloseButton: (\n\t\t\t\t\t\t<CloseButton\n\t\t\t\t\t\t\ttype={props.type \|\| 'default'}\n\t\t\t\t\t\t\talignTop={\n\t\t\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\t\t\tprops.subText &&\n\t\t\t\t\t\t\t\t\t!(\n\t\t\t\t\t\t\t\t\t\tprops.buttonProps?.showButton \|\|\n\t\t\t\t\t\t\t\t\t\tprops.secondButtonProps?.showButton\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}\n\t\t\t\t\t\t\tblocking={props.blocking}\n\t\t\t\t\t\t\tduration={props.duration}\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\ttoastId: props.toastId \|\| 'default-toast',\n\t\t\t\t\ttransition: bounce,\n\t\t\t\t},\n\t\t\t);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tnotify();\n\t}, []);\n\n\treturn ReactDOM.createPortal(\n\t\t<ToasterStyled\n\t\t\twidth={props.width}\n\t\t\theight={props.height}\n\t\t\tzIndex={props.zIndex}\n\t\t\tisSubTextIncluded={!!props.subText}\n\t\t\ttype={props.type}\n\t\t>\n\t\t\t<ToastContext.Provider value={{ toasterText: toastLocal }}>\n\t\t\t\t<ToastContainer\n\t\t\t\t\tposition={props.position \|\| 'top-right'}\n\t\t\t\t\tcloseOnClick={props.closeOnClick \|\| false}\n\t\t\t\t\thideProgressBar={props.hideProgressBar \|\| false}\n\t\t\t\t\tdraggable={false}\n\t\t\t\t\tautoClose={props.autoClose \|\| false}\n\t\t\t\t\ttheme={'colored'}\n\t\t\t\t/>\n\t\t\t</ToastContext.Provider>\n\t\t</ToasterStyled>,\n\t\tdocument.body,\n\t);\n};\n\nconst ToastContext = React.createContext({\n\ttoasterText: '',\n});\n"],"names":["CountDownBar","props","jsxs","BodySecondary","CloseButton","iconColor","COLORS","timerValue","setTimerValue","useState","useEffect","interval","prev","next","isDisabled","handleClick","handleKeyDown","e","jsx","Cross","RenderContent","strokeColor","toasterTextContext","useContext","ToastContext","Fragment","TitleSmall","BodyCaption","Button","Toaster","toastId","useRef","toastLocal","setToastLocal","bounce","cssTransition","leftIcon","Check","Error","AlertTriangle","Info","toast","notify","toastText","ReactDOM","ToasterStyled","ToastContainer","React"],"mappings":"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"}
1	+ {"version":3,"file":"Toaster.js","sources":["../../../../src/components/toaster/Toaster.tsx"],"sourcesContent":["import AlertTriangle from '@src/assets/icons/alert_triangle.svg';\nimport Check from '@src/assets/icons/check.svg';\nimport Cross from '@src/assets/icons/cross.svg';\nimport Error from '@src/assets/icons/errorInfo.svg';\nimport Info from '@src/assets/icons/info.svg';\nimport React, {\n\tFunctionComponent,\n\tuseContext,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport ReactDOM from 'react-dom';\nimport {\n\tcssTransition,\n\tId,\n\ttoast,\n\tToastContainer,\n\tToastPosition,\n\tTypeOptions,\n} from 'react-toastify';\nimport { IconProps } from 'react-toastify/dist/components';\nimport { Button } from '@src/components/button';\nimport { ToasterStyled } from '@src/components/toaster/Toaster.styled';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport type ToasterButtonProps = {\n\tshowButton?: boolean;\n\tonButtonClick?: () => Record<string, never>;\n\tbuttonText?: string;\n};\nexport type ToasterProps = {\n\ttext: string;\n\tsubText?: string;\n\tposition?: ToastPosition;\n\ttype?: 'info' \| 'success' \| 'error' \| 'default' \| 'warning';\n\tduration?: number;\n\tblocking?: boolean;\n\tcloseOnClick?: boolean;\n\thideProgressBar?: boolean;\n\tautoClose?: number \| false \| undefined;\n\tleftIcon?: React.ReactElement<IconProps>;\n\thideLeftIcon?: boolean;\n\tbuttonProps?: ToasterButtonProps;\n\tsecondButtonProps?: ToasterButtonProps;\n\tonCloseToast?: <T>(props: T) => void;\n\twidth?: string;\n\theight?: string;\n\thideCloseButton?: boolean;\n\tzIndex?: number;\n\ttoastId?: string;\n};\n\nconst CountDownBar: React.FC<{ duration: number }> = (props) => {\n\treturn (\n\t\t<BodySecondary\n\t\t\tcolor={`#9E9E9E`}\n\t\t\tcustomStyles={{\n\t\t\t\tfontWeight: 600,\n\t\t\t\tfontSize: 14,\n\t\t\t\twidth: 25,\n\t\t\t}}\n\t\t>\n\t\t\t{props.duration}s\n\t\t</BodySecondary>\n\t);\n};\n\nconst CloseButton: React.FC<{\n\ttype: string;\n\tcloseToast?: () => Record<string, never>;\n\talignTop?: boolean;\n\tblocking?: boolean;\n\tduration?: number;\n}> = (props) => {\n\tconst iconColor =\n\t\tprops.type === 'default'\n\t\t\t? COLORS.content.primary\n\t\t\t: props.type === 'success'\n\t\t\t? COLORS.content.positive\n\t\t\t: props.type === 'error'\n\t\t\t? COLORS.content.negative\n\t\t\t: props.type === 'warning'\n\t\t\t? COLORS.content.warning\n\t\t\t: COLORS.content.brand;\n\n\t// Each CloseButton has its own independent timer\n\tconst [timerValue, setTimerValue] = useState<number>(props.duration \|\| -1);\n\n\tuseEffect(() => {\n\t\tif (!props.duration \|\| props.duration <= 0) {\n\t\t\tsetTimerValue(-1);\n\t\t\treturn;\n\t\t}\n\n\t\tsetTimerValue(props.duration);\n\n\t\tconst interval = setInterval(() => {\n\t\t\tsetTimerValue((prev) => {\n\t\t\t\tconst next = prev - 1;\n\t\t\t\tif (next <= 0) {\n\t\t\t\t\tclearInterval(interval);\n\t\t\t\t\treturn -1;\n\t\t\t\t}\n\t\t\t\treturn next;\n\t\t\t});\n\t\t}, 1000);\n\n\t\treturn () => clearInterval(interval);\n\t}, [props.duration]);\n\n\t// Enable button when timerValue is -1, otherwise check blocking and timer\n\tconst isDisabled =\n\t\tprops.blocking && timerValue === -1\n\t\t\t? false\n\t\t\t: props.blocking && timerValue > 0;\n\n\tconst handleClick = () => {\n\t\tif (!isDisabled && props.closeToast) {\n\t\t\tprops.closeToast();\n\t\t}\n\t};\n\n\tconst handleKeyDown = (e: React.KeyboardEvent) => {\n\t\tif (e.key === 'Enter' && !isDisabled && props.closeToast) {\n\t\t\tprops.closeToast();\n\t\t}\n\t};\n\n\treturn (\n\t\t<div\n\t\t\ttabIndex={isDisabled ? -1 : 0}\n\t\t\trole={'button'}\n\t\t\tstyle={{\n\t\t\t\twidth: timerValue > 0 ? 25 : 20,\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tcursor: isDisabled ? 'not-allowed' : 'pointer',\n\t\t\t\talignSelf: `${props.alignTop ? 'flex-start' : 'center'}`,\n\t\t\t\topacity: isDisabled ? 0.5 : 1,\n\t\t\t}}\n\t\t\tonClick={handleClick}\n\t\t\tonKeyDown={handleKeyDown}\n\t\t>\n\t\t\t{timerValue > 0 ? (\n\t\t\t\t<CountDownBar duration={timerValue} />\n\t\t\t) : (\n\t\t\t\t<Cross height={20} width={20} color={iconColor} />\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nconst RenderContent: React.FC<{\n\ttoastText?: string;\n\ttype: TypeOptions;\n\tshowButton?: boolean;\n\tshowSecondButton?: boolean;\n\tonButtonClick?: () => Record<string, never>;\n\tonSecondButtonClick?: () => Record<string, never>;\n\tbuttonText?: string;\n\tsecondButtonText?: string;\n\tsubText?: string;\n}> = (props) => {\n\tconst strokeColor = COLORS.content.placeholder;\n\n\tconst { toasterText: toasterTextContext } = useContext(ToastContext);\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexGrow: 1,\n\t\t\t\t\tmaxWidth: '100%',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tflexGrow: 1,\n\t\t\t\t\t\tmarginRight: 16,\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tminWidth: 0,\n\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\tminWidth: 0,\n\t\t\t\t\t\t\twordBreak: 'break-word',\n\t\t\t\t\t\t\toverflowWrap: 'break-word',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.subText ? (\n\t\t\t\t\t\t\t<TitleSmall color={'inherit'}>\n\t\t\t\t\t\t\t\t{/* In normal scenarios, we use the text from prop. As a special case, when we need to change the text in already rendered toast, we change the text in context and let this component render on its own /}\n\t\t\t\t\t\t\t\t{props.toastText ?? toasterTextContext}\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<BodySecondary color={'inherit'}>\n\t\t\t\t\t\t\t\t{/ In normal scenarios, we use the text from prop. As a special case, when we need to change the text in already rendered toast, we change the text in context and let this component render on its own */}\n\t\t\t\t\t\t\t\t{props.toastText ?? toasterTextContext}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{props.subText && (\n\t\t\t\t\t\t\t<div style={{ marginTop: 2 }}>\n\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t\t{props.subText}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t{props.showButton && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\talignSelf: 'center',\n\t\t\t\t\t\t\tpadding: '6px 0px',\n\t\t\t\t\t\t\tminWidth: props.subText ? 'fit-content' : 'auto',\n\t\t\t\t\t\t\tmarginRight: props.showSecondButton ? 4 : 0,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText={props.buttonText}\n\t\t\t\t\t\t\tbuttonType={'tertiaryGray'}\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tonClick={props.onButtonClick}\n\t\t\t\t\t\t></Button>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{props.showSecondButton && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\talignSelf: 'center',\n\t\t\t\t\t\t\tpadding: '6px 0px',\n\t\t\t\t\t\t\tminWidth: props.subText ? 'fit-content' : 'auto',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText={props.secondButtonText}\n\t\t\t\t\t\t\tbuttonType={'tertiaryGray'}\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tonClick={props.onSecondButtonClick}\n\t\t\t\t\t\t></Button>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{!(props.showButton \|\| props.showSecondButton) ? null : (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\theight: 28,\n\t\t\t\t\t\t\talignSelf: 'center',\n\t\t\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\t\t\tmarginRight: 8,\n\t\t\t\t\t\t\tborderRight: `1px solid ${strokeColor}`,\n\t\t\t\t\t\t\tborderRadius: 1,\n\t\t\t\t\t\t}}\n\t\t\t\t\t></div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</>\n\t);\n};\n\ntype Props = ToasterProps;\n\nexport const Toaster: FunctionComponent<Props> = (props) => {\n\tconst toastId = useRef<Id>(props.toastId \|\| 'default-toast');\n\tconst [toastLocal, setToastLocal] = useState(props.text);\n\tconst bounce = cssTransition({\n\t\tenter: 'Toastify__slide-enter',\n\t\texit: 'Toastify__slide-exit',\n\t});\n\n\tconst leftIcon =\n\t\tprops.type === 'default' ? null : props.type === 'success' ? (\n\t\t\t<Check width={20} height={20} color={COLORS.content.positive} />\n\t\t) : props.type === 'error' ? (\n\t\t\t<Error width={20} height={20} color={COLORS.content.negative} />\n\t\t) : props.type === 'warning' ? (\n\t\t\t<AlertTriangle width={20} height={20} color={COLORS.content.warning} />\n\t\t) : (\n\t\t\t<Info width={20} height={20} color={COLORS.content.brand} />\n\t\t);\n\n\tuseEffect(() => {\n\t\t// When toast id is same but text needed to change, we change the text in context and let the toast re-render on its own.\n\t\tif (toastId.current && toastId.current === props.toastId) {\n\t\t\tsetToastLocal(props.text);\n\t\t\ttoast.update(toastId.current, {\n\t\t\t\tautoClose: props.autoClose,\n\t\t\t});\n\t\t\t// If toast ids are different, we call notify again which will stack the toasts up\n\t\t} else if (toastId.current && toastId.current !== props.toastId) {\n\t\t\tnotify(props.text);\n\t\t}\n\t}, [props.toastId, props.text]);\n\n\tconst notify = (toastText?: string) => {\n\t\tif (props.hideLeftIcon !== undefined \|\| props.leftIcon) {\n\t\t\ttoast(\n\t\t\t\t<RenderContent\n\t\t\t\t\ttoastText={toastText}\n\t\t\t\t\ttype={props.type \|\| 'info'}\n\t\t\t\t\tbuttonText={props.buttonProps?.buttonText}\n\t\t\t\t\tsecondButtonText={props.secondButtonProps?.buttonText}\n\t\t\t\t\tshowButton={props.buttonProps?.showButton}\n\t\t\t\t\tshowSecondButton={props.secondButtonProps?.showButton}\n\t\t\t\t\tonButtonClick={props.buttonProps?.onButtonClick}\n\t\t\t\t\tonSecondButtonClick={props.secondButtonProps?.onButtonClick}\n\t\t\t\t\tsubText={props.subText}\n\t\t\t\t/>,\n\t\t\t\t{\n\t\t\t\t\tonClose: props.onCloseToast ? props.onCloseToast : () => ({}),\n\t\t\t\t\ticon:\n\t\t\t\t\t\tprops.hideLeftIcon === true ? (\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t) : props.leftIcon ? (\n\t\t\t\t\t\t\tprops.leftIcon\n\t\t\t\t\t\t) : props.type === 'default' ? (\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div style={{ display: 'flex', alignItems: 'flex-start' }}>\n\t\t\t\t\t\t\t\t{leftIcon}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\ttype: props.type,\n\t\t\t\t\tcloseButton: (\n\t\t\t\t\t\t<CloseButton\n\t\t\t\t\t\t\ttype={props.type \|\| 'default'}\n\t\t\t\t\t\t\talignTop={\n\t\t\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\t\t\tprops.subText &&\n\t\t\t\t\t\t\t\t\t!(\n\t\t\t\t\t\t\t\t\t\tprops.buttonProps?.showButton \|\|\n\t\t\t\t\t\t\t\t\t\tprops.secondButtonProps?.showButton\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}\n\t\t\t\t\t\t\tblocking={props.blocking}\n\t\t\t\t\t\t\tduration={props.duration}\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\ttoastId: props.toastId \|\| 'default-toast',\n\t\t\t\t\ttransition: bounce,\n\t\t\t\t},\n\t\t\t);\n\t\t} else {\n\t\t\ttoastId.current = toast(\n\t\t\t\t<RenderContent\n\t\t\t\t\ttoastText={toastText}\n\t\t\t\t\ttype={props.type \|\| 'info'}\n\t\t\t\t\tbuttonText={props.buttonProps?.buttonText}\n\t\t\t\t\tsecondButtonText={props.secondButtonProps?.buttonText}\n\t\t\t\t\tshowButton={props.buttonProps?.showButton}\n\t\t\t\t\tshowSecondButton={props.secondButtonProps?.showButton}\n\t\t\t\t\tonButtonClick={props.buttonProps?.onButtonClick}\n\t\t\t\t\tonSecondButtonClick={props.secondButtonProps?.onButtonClick}\n\t\t\t\t\tsubText={props.subText}\n\t\t\t\t/>,\n\t\t\t\t{\n\t\t\t\t\tonClose: props.onCloseToast ? props.onCloseToast : () => ({}),\n\t\t\t\t\ttype: props.type,\n\t\t\t\t\ticon:\n\t\t\t\t\t\tprops.type === 'default' ? (\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div style={{ display: 'flex', alignItems: 'flex-start' }}>\n\t\t\t\t\t\t\t\t{leftIcon}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\tcloseButton: (\n\t\t\t\t\t\t<CloseButton\n\t\t\t\t\t\t\ttype={props.type \|\| 'default'}\n\t\t\t\t\t\t\talignTop={\n\t\t\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\t\t\tprops.subText &&\n\t\t\t\t\t\t\t\t\t!(\n\t\t\t\t\t\t\t\t\t\tprops.buttonProps?.showButton \|\|\n\t\t\t\t\t\t\t\t\t\tprops.secondButtonProps?.showButton\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}\n\t\t\t\t\t\t\tblocking={props.blocking}\n\t\t\t\t\t\t\tduration={props.duration}\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t\ttoastId: props.toastId \|\| 'default-toast',\n\t\t\t\t\ttransition: bounce,\n\t\t\t\t},\n\t\t\t);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tnotify();\n\t}, []);\n\n\treturn ReactDOM.createPortal(\n\t\t<ToasterStyled\n\t\t\twidth={props.width}\n\t\t\theight={props.height}\n\t\t\tzIndex={props.zIndex}\n\t\t\tisSubTextIncluded={!!props.subText}\n\t\t\ttype={props.type}\n\t\t>\n\t\t\t<ToastContext.Provider value={{ toasterText: toastLocal }}>\n\t\t\t\t<ToastContainer\n\t\t\t\t\tposition={props.position \|\| 'top-right'}\n\t\t\t\t\tcloseOnClick={props.closeOnClick \|\| false}\n\t\t\t\t\thideProgressBar={props.hideProgressBar \|\| false}\n\t\t\t\t\tdraggable={false}\n\t\t\t\t\tautoClose={props.autoClose \|\| false}\n\t\t\t\t\ttheme={'colored'}\n\t\t\t\t/>\n\t\t\t</ToastContext.Provider>\n\t\t</ToasterStyled>,\n\t\tdocument.body,\n\t);\n};\n\nconst ToastContext = React.createContext({\n\ttoasterText: '',\n});\n"],"names":["CountDownBar","props","jsxs","BodySecondary","CloseButton","iconColor","COLORS","timerValue","setTimerValue","useState","useEffect","interval","prev","next","isDisabled","handleClick","handleKeyDown","e","jsx","Cross","RenderContent","strokeColor","toasterTextContext","useContext","ToastContext","Fragment","TitleSmall","BodyCaption","Button","Toaster","toastId","useRef","toastLocal","setToastLocal","bounce","cssTransition","leftIcon","Check","Error","AlertTriangle","Info","toast","notify","toastText","ReactDOM","ToasterStyled","ToastContainer","React"],"mappings":"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"}

package/dist/cjs/components/toaster/Toaster.styled.js CHANGED Viewed

@@ -1,20 +1,20 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("../../constants/Theme.js"),a=require("../../constants/zindex.js"),e=i.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),o=require("../../constants/Theme.js"),a=require("../../constants/zindex.js"),e=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},r=e(i),s=r.default.div`
 	--toastify-color-light: #fff;
 	--toastify-color-dark: #121212;
-	--toastify-text-color-success: ${t.COLORS.content.primary};
-	--toastify-text-color-error: ${t.COLORS.content.primary};
-	--toastify-text-color-warning: ${t.COLORS.content.primary};
-	--toastify-text-color-info: ${t.COLORS.content.primary};
-	--toastify-color-info: ${t.COLORS.background.brandLight};
-	--toastify-color-success: ${t.COLORS.background.positive.light};
-	--toastify-color-error: ${t.COLORS.background.negative.light};
-	--toastify-color-warning: ${t.COLORS.background.warning.light};
-	--toastify-text-color-light: ${t.COLORS.content.primary};
+	--toastify-text-color-success: ${o.COLORS.content.primary};
+	--toastify-text-color-error: ${o.COLORS.content.primary};
+	--toastify-text-color-warning: ${o.COLORS.content.primary};
+	--toastify-text-color-info: ${o.COLORS.content.primary};
+	--toastify-color-info: ${o.COLORS.background.brandLight};
+	--toastify-color-success: ${o.COLORS.background.positive.light};
+	--toastify-color-error: ${o.COLORS.background.negative.light};
+	--toastify-color-warning: ${o.COLORS.background.warning.light};
+	--toastify-text-color-light: ${o.COLORS.content.primary};
 	--toastify-toast-width: fit-content;
-	--toastify-toast-min-height: ${o=>o.height||(o.isSubTextIncluded?"70px":"56px")};
-	--toastify-toast-max-height: ${o=>o.height||"fit-content"};
+	--toastify-toast-min-height: ${t=>t.height||(t.isSubTextIncluded?"70px":"56px")};
+	--toastify-toast-max-height: ${t=>t.height||"fit-content"};
 	font-family: inherit;
-	z-index: ${o=>o.zIndex||a.ComponentZindex.TOASTER};
+	z-index: ${t=>t.zIndex||a.ComponentZindex.TOASTER};
 	.custom-position {
 		position: relative;
@@ -69,28 +69,28 @@
 	}
 	.Toastify__toast--success {
-		border: 1px solid ${t.COLORS.stroke.positive.lightAlt};
+		border: 1px solid ${o.COLORS.stroke.positive.lightAlt};
 	}
 	.Toastify__toast--info {
-		border: 1px solid ${t.COLORS.stroke.brandLightAlt};
+		border: 1px solid ${o.COLORS.stroke.brandLightAlt};
 	}
 	.Toastify__toast--default {
-		border: 1px solid ${t.COLORS.stroke.primary};
+		border: 1px solid ${o.COLORS.stroke.primary};
 	}
 	.Toastify__toast--error {
-		border: 1px solid ${t.COLORS.stroke.negative.lightAlt};
+		border: 1px solid ${o.COLORS.stroke.negative.lightAlt};
 	}
 	.Toastify__toast--warning {
-		border: 1px solid ${t.COLORS.stroke.warning.lightAlt};
+		border: 1px solid ${o.COLORS.stroke.warning.lightAlt};
 	}
 	.Toastify__toast {
-		padding: ${o=>o.isSubTextIncluded?"16px 8px":"12px 8px"};
-		max-width: ${o=>o.width||"600px"};
+		padding: ${t=>t.isSubTextIncluded?"16px 8px":"12px 8px"};
+		max-width: ${t=>t.width||"600px"};
 		min-width: 320px;
 		border-radius: 8px;
 		word-wrap: break-word;
@@ -100,7 +100,7 @@
 		@media (max-width: 768px) {
 			min-width: 80vw;
 			max-width: calc(100vw - 64px);
-			padding: ${o=>o.isSubTextIncluded?"16px 16px":"12px 16px"};
+			padding: ${t=>t.isSubTextIncluded?"16px 16px":"12px 16px"};
 		}
 	}
@@ -116,7 +116,7 @@
 	.Toastify__toast-icon {
 		align-self: center;
 		margin-inline-end: 12px;
-		height: ${o=>o.isSubTextIncluded?"38px":"20px"};
+		height: ${t=>t.isSubTextIncluded?"38px":"20px"};
 	}
 	.Toastify__toast-body {
@@ -125,23 +125,23 @@
 	}
 	.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default {
-		background: ${t.COLORS.content.brand};
+		background: ${o.COLORS.content.brand};
 	}
 	.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info {
-		background: ${t.COLORS.content.brand};
+		background: ${o.COLORS.content.brand};
 	}
 	.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
-		background: ${t.COLORS.content.warning};
+		background: ${o.COLORS.content.warning};
 	}
 	.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success {
-		background: ${t.COLORS.content.positive};
+		background: ${o.COLORS.content.positive};
 	}
 	.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
-		background: ${t.COLORS.content.negative};
+		background: ${o.COLORS.content.negative};
 	}
 	.Toastify__toast-body > div:last-child {
@@ -190,5 +190,5 @@
 			opacity: 0;
 		}
 	}
-`;exports.ToasterStyled=e;
+`;exports.ToasterStyled=s;
 //# sourceMappingURL=Toaster.styled.js.map

package/dist/cjs/components/toaster/Toaster.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toaster.styled.js","sources":["../../../../src/components/toaster/Toaster.styled.tsx"],"sourcesContent":["import { TypeOptions } from 'react-toastify';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { ComponentZindex } from '@src/constants/zindex';\n\nexport const ToasterStyled = styled.div<{\n\twidth?: string;\n\theight?: string;\n\tzIndex?: number;\n\tisSubTextIncluded?: boolean;\n\ttype?: TypeOptions;\n}>`\n\t--toastify-color-light: #fff;\n\t--toastify-color-dark: #121212;\n\t--toastify-text-color-success: ${COLORS.content.primary};\n\t--toastify-text-color-error: ${COLORS.content.primary};\n\t--toastify-text-color-warning: ${COLORS.content.primary};\n\t--toastify-text-color-info: ${COLORS.content.primary};\n\t--toastify-color-info: ${COLORS.background.brandLight};\n\t--toastify-color-success: ${COLORS.background.positive.light};\n\t--toastify-color-error: ${COLORS.background.negative.light};\n\t--toastify-color-warning: ${COLORS.background.warning.light};\n\t--toastify-text-color-light: ${COLORS.content.primary};\n\t--toastify-toast-width: fit-content;\n\t--toastify-toast-min-height: ${(props) =>\n\t\tprops.height \|\| (props.isSubTextIncluded ? '70px' : '56px')};\n\t--toastify-toast-max-height: ${(props) => props.height \|\| 'fit-content'};\n\tfont-family: inherit;\n\tz-index: ${(props) => props.zIndex \|\| ComponentZindex.TOASTER};\n\n\t.custom-position {\n\t\tposition: relative;\n\t}\n\t.Toastify__toast-container {\n\t\tpadding: 0;\n\t\twidth: auto;\n\t\tmax-width: 90vw;\n\t\toverflow: visible;\n\n\t\t@media (max-width: 768px) {\n\t\t\tmax-width: calc(100vw - 64px);\n\t\t\tmargin: 0 32px;\n\t\t}\n\t}\n\n\t/* Mobile positioning - only for top-right (default) /\n\t.Toastify__toast-container--top-right {\n\t\t@media (max-width: 768px) {\n\t\t\ttop: 2%;\n\t\t\tleft: 35%;\n\t\t\ttransform: translateX(-50%);\n\t\t}\n\t}\n\n\t/ Mobile positioning - for top-left /\n\t.Toastify__toast-container--top-left {\n\t\t@media (max-width: 768px) {\n\t\t\ttop: 2%;\n\t\t\tleft: 50%;\n\t\t\ttransform: translateX(-50%);\n\t\t}\n\t}\n\n\t/ Mobile positioning - for bottom positions /\n\t.Toastify__toast-container--bottom-right,\n\t.Toastify__toast-container--bottom-left,\n\t.Toastify__toast-container--bottom-center {\n\t\t@media (max-width: 768px) {\n\t\t\tleft: 50%;\n\t\t\ttransform: translateX(-50%);\n\t\t}\n\t}\n\n\t/ Mobile positioning - for top-center /\n\t.Toastify__toast-container--top-center {\n\t\t@media (max-width: 768px) {\n\t\t\ttop: 2%;\n\t\t\tleft: 50%;\n\t\t\ttransform: translateX(-50%);\n\t\t}\n\t}\n\n\t.Toastify__toast--success {\n\t\tborder: 1px solid ${COLORS.stroke.positive.lightAlt};\n\t}\n\n\t.Toastify__toast--info {\n\t\tborder: 1px solid ${COLORS.stroke.brandLightAlt};\n\t}\n\n\t.Toastify__toast--default {\n\t\tborder: 1px solid ${COLORS.stroke.primary};\n\t}\n\n\t.Toastify__toast--error {\n\t\tborder: 1px solid ${COLORS.stroke.negative.lightAlt};\n\t}\n\n\t.Toastify__toast--warning {\n\t\tborder: 1px solid ${COLORS.stroke.warning.lightAlt};\n\t}\n\n\t.Toastify__toast {\n\t\tpadding: ${(props) => (props.isSubTextIncluded ? '16px 8px' : '12px 8px')};\n\t\tmax-width: ${(props) => props.width \|\| '600px'};\n\t\tmin-width: 320px;\n\t\tborder-radius: 8px;\n\t\tword-wrap: break-word;\n\t\toverflow-wrap: break-word;\n\t\toverflow: visible;\n\n\t\t@media (max-width: 768px) {\n\t\t\tmin-width: 80vw;\n\t\t\tmax-width: calc(100vw - 64px);\n\t\t\tpadding: ${(props) =>\n\t\t\t\tprops.isSubTextIncluded ? '16px 16px' : '12px 16px'};\n\t\t}\n\t}\n\n\t.Toastify__progress-bar {\n\t\theight: 4px;\n\t}\n\n\t.Toastify__close-button {\n\t\tdisplay: block;\n\t\tmargin: auto;\n\t}\n\n\t.Toastify__toast-icon {\n\t\talign-self: center;\n\t\tmargin-inline-end: 12px;\n\t\theight: ${(props) => (props.isSubTextIncluded ? '38px' : '20px')};\n\t}\n\n\t.Toastify__toast-body {\n\t\tpadding: 0;\n\t\tdisplay: flex;\n\t}\n\n\t.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default {\n\t\tbackground: ${COLORS.content.brand};\n\t}\n\n\t.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info {\n\t\tbackground: ${COLORS.content.brand};\n\t}\n\n\t.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {\n\t\tbackground: ${COLORS.content.warning};\n\t}\n\n\t.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success {\n\t\tbackground: ${COLORS.content.positive};\n\t}\n\n\t.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {\n\t\tbackground: ${COLORS.content.negative};\n\t}\n\n\t.Toastify__toast-body > div:last-child {\n\t\tdisplay: flex;\n\t}\n\n\t.Toastify__slide-enter {\n\t\tanimation: slideIn 1s ease forwards,\n\t\t\tbounce cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.5s both;\n\t}\n\t.Toastify__slide-exit {\n\t\tanimation: slideOut 0.5s ease-in-out forwards;\n\t}\n\t@keyframes bounce {\n\t\t0%,\n\t\t20%,\n\t\t50%,\n\t\t80%,\n\t\t100% {\n\t\t\ttransform: translateY(0); / Start and end at the original position /\n\t\t}\n\t\t40% {\n\t\t\ttransform: translateX(-20px); / Bouncing up /\n\t\t}\n\t\t60% {\n\t\t\ttransform: translateX(20px); / Small bounce before settling /\n\t\t}\n\t}\n\t@keyframes slideIn {\n\t\t0% {\n\t\t\ttransform: translateX(-100%); / Start off-screen to the left /\n\t\t\topacity: 0;\n\t\t}\n\t\t100% {\n\t\t\ttransform: translateX(0); / End at the original position /\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes slideOut {\n\t\t0% {\n\t\t\ttransform: translateX(0); / Start from the original position /\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\ttransform: translateX(100%); / Slide out to the right */\n\t\t\topacity: 0;\n\t\t}\n\t}\n`;\n"],"names":["ToasterStyled","styled","COLORS","props","ComponentZindex"],"mappings":"~~kMAKaA~~,EAAgBC,~~EAAO~~;AAAA;AAAA;AAAA,kCASFC,EAAAA,OAAO,QAAQ,OAAO;AAAA,gCACxBA,EAAAA,OAAO,QAAQ,OAAO;AAAA,kCACpBA,EAAAA,OAAO,QAAQ,OAAO;AAAA,+BACzBA,EAAAA,OAAO,QAAQ,OAAO;AAAA,0BAC3BA,EAAAA,OAAO,WAAW,UAAU;AAAA,6BACzBA,SAAO,WAAW,SAAS,KAAK;AAAA,2BAClCA,SAAO,WAAW,SAAS,KAAK;AAAA,6BAC9BA,SAAO,WAAW,QAAQ,KAAK;AAAA,gCAC5BA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA,gCAErBC,GAC/BA,EAAM,SAAWA,EAAM,kBAAoB,OAAS,OAAO;AAAA,gCAC5BA,GAAUA,EAAM,QAAU,aAAa;AAAA;AAAA,YAE3DA,GAAUA,EAAM,QAAUC,EAAAA,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAuDxCF,SAAO,OAAO,SAAS,QAAQ;AAAA;AAAA;AAAA;AAAA,sBAI/BA,EAAAA,OAAO,OAAO,aAAa;AAAA;AAAA;AAAA;AAAA,sBAI3BA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,sBAIrBA,SAAO,OAAO,SAAS,QAAQ;AAAA;AAAA;AAAA;AAAA,sBAI/BA,SAAO,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA,aAItCC,GAAWA,EAAM,kBAAoB,WAAa,UAAW;AAAA,eAC3DA,GAAUA,EAAM,OAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAUjCA,GACXA,EAAM,kBAAoB,YAAc,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAgB1CA,GAAWA,EAAM,kBAAoB,OAAS,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBASlDD,EAAAA,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA,gBAIpBA,EAAAA,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA,gBAIpBA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA,gBAItBA,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA,gBAIvBA,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"Toaster.styled.js","sources":["../../../../src/components/toaster/Toaster.styled.tsx"],"sourcesContent":["import { TypeOptions } from 'react-toastify';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { ComponentZindex } from '@src/constants/zindex';\n\nexport const ToasterStyled = styled.div<{\n\twidth?: string;\n\theight?: string;\n\tzIndex?: number;\n\tisSubTextIncluded?: boolean;\n\ttype?: TypeOptions;\n}>`\n\t--toastify-color-light: #fff;\n\t--toastify-color-dark: #121212;\n\t--toastify-text-color-success: ${COLORS.content.primary};\n\t--toastify-text-color-error: ${COLORS.content.primary};\n\t--toastify-text-color-warning: ${COLORS.content.primary};\n\t--toastify-text-color-info: ${COLORS.content.primary};\n\t--toastify-color-info: ${COLORS.background.brandLight};\n\t--toastify-color-success: ${COLORS.background.positive.light};\n\t--toastify-color-error: ${COLORS.background.negative.light};\n\t--toastify-color-warning: ${COLORS.background.warning.light};\n\t--toastify-text-color-light: ${COLORS.content.primary};\n\t--toastify-toast-width: fit-content;\n\t--toastify-toast-min-height: ${(props) =>\n\t\tprops.height \|\| (props.isSubTextIncluded ? '70px' : '56px')};\n\t--toastify-toast-max-height: ${(props) => props.height \|\| 'fit-content'};\n\tfont-family: inherit;\n\tz-index: ${(props) => props.zIndex \|\| ComponentZindex.TOASTER};\n\n\t.custom-position {\n\t\tposition: relative;\n\t}\n\t.Toastify__toast-container {\n\t\tpadding: 0;\n\t\twidth: auto;\n\t\tmax-width: 90vw;\n\t\toverflow: visible;\n\n\t\t@media (max-width: 768px) {\n\t\t\tmax-width: calc(100vw - 64px);\n\t\t\tmargin: 0 32px;\n\t\t}\n\t}\n\n\t/* Mobile positioning - only for top-right (default) /\n\t.Toastify__toast-container--top-right {\n\t\t@media (max-width: 768px) {\n\t\t\ttop: 2%;\n\t\t\tleft: 35%;\n\t\t\ttransform: translateX(-50%);\n\t\t}\n\t}\n\n\t/ Mobile positioning - for top-left /\n\t.Toastify__toast-container--top-left {\n\t\t@media (max-width: 768px) {\n\t\t\ttop: 2%;\n\t\t\tleft: 50%;\n\t\t\ttransform: translateX(-50%);\n\t\t}\n\t}\n\n\t/ Mobile positioning - for bottom positions /\n\t.Toastify__toast-container--bottom-right,\n\t.Toastify__toast-container--bottom-left,\n\t.Toastify__toast-container--bottom-center {\n\t\t@media (max-width: 768px) {\n\t\t\tleft: 50%;\n\t\t\ttransform: translateX(-50%);\n\t\t}\n\t}\n\n\t/ Mobile positioning - for top-center /\n\t.Toastify__toast-container--top-center {\n\t\t@media (max-width: 768px) {\n\t\t\ttop: 2%;\n\t\t\tleft: 50%;\n\t\t\ttransform: translateX(-50%);\n\t\t}\n\t}\n\n\t.Toastify__toast--success {\n\t\tborder: 1px solid ${COLORS.stroke.positive.lightAlt};\n\t}\n\n\t.Toastify__toast--info {\n\t\tborder: 1px solid ${COLORS.stroke.brandLightAlt};\n\t}\n\n\t.Toastify__toast--default {\n\t\tborder: 1px solid ${COLORS.stroke.primary};\n\t}\n\n\t.Toastify__toast--error {\n\t\tborder: 1px solid ${COLORS.stroke.negative.lightAlt};\n\t}\n\n\t.Toastify__toast--warning {\n\t\tborder: 1px solid ${COLORS.stroke.warning.lightAlt};\n\t}\n\n\t.Toastify__toast {\n\t\tpadding: ${(props) => (props.isSubTextIncluded ? '16px 8px' : '12px 8px')};\n\t\tmax-width: ${(props) => props.width \|\| '600px'};\n\t\tmin-width: 320px;\n\t\tborder-radius: 8px;\n\t\tword-wrap: break-word;\n\t\toverflow-wrap: break-word;\n\t\toverflow: visible;\n\n\t\t@media (max-width: 768px) {\n\t\t\tmin-width: 80vw;\n\t\t\tmax-width: calc(100vw - 64px);\n\t\t\tpadding: ${(props) =>\n\t\t\t\tprops.isSubTextIncluded ? '16px 16px' : '12px 16px'};\n\t\t}\n\t}\n\n\t.Toastify__progress-bar {\n\t\theight: 4px;\n\t}\n\n\t.Toastify__close-button {\n\t\tdisplay: block;\n\t\tmargin: auto;\n\t}\n\n\t.Toastify__toast-icon {\n\t\talign-self: center;\n\t\tmargin-inline-end: 12px;\n\t\theight: ${(props) => (props.isSubTextIncluded ? '38px' : '20px')};\n\t}\n\n\t.Toastify__toast-body {\n\t\tpadding: 0;\n\t\tdisplay: flex;\n\t}\n\n\t.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default {\n\t\tbackground: ${COLORS.content.brand};\n\t}\n\n\t.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info {\n\t\tbackground: ${COLORS.content.brand};\n\t}\n\n\t.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {\n\t\tbackground: ${COLORS.content.warning};\n\t}\n\n\t.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success {\n\t\tbackground: ${COLORS.content.positive};\n\t}\n\n\t.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {\n\t\tbackground: ${COLORS.content.negative};\n\t}\n\n\t.Toastify__toast-body > div:last-child {\n\t\tdisplay: flex;\n\t}\n\n\t.Toastify__slide-enter {\n\t\tanimation: slideIn 1s ease forwards,\n\t\t\tbounce cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.5s both;\n\t}\n\t.Toastify__slide-exit {\n\t\tanimation: slideOut 0.5s ease-in-out forwards;\n\t}\n\t@keyframes bounce {\n\t\t0%,\n\t\t20%,\n\t\t50%,\n\t\t80%,\n\t\t100% {\n\t\t\ttransform: translateY(0); / Start and end at the original position /\n\t\t}\n\t\t40% {\n\t\t\ttransform: translateX(-20px); / Bouncing up /\n\t\t}\n\t\t60% {\n\t\t\ttransform: translateX(20px); / Small bounce before settling /\n\t\t}\n\t}\n\t@keyframes slideIn {\n\t\t0% {\n\t\t\ttransform: translateX(-100%); / Start off-screen to the left /\n\t\t\topacity: 0;\n\t\t}\n\t\t100% {\n\t\t\ttransform: translateX(0); / End at the original position /\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes slideOut {\n\t\t0% {\n\t\t\ttransform: translateX(0); / Start from the original position /\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\ttransform: translateX(100%); / Slide out to the right */\n\t\t\topacity: 0;\n\t\t}\n\t}\n`;\n"],"names":["ToasterStyled","styled","COLORS","props","ComponentZindex"],"mappings":"iQAKaA,EAAgBC,EAAAA,QAAO;AAAA;AAAA;AAAA,kCASFC,EAAAA,OAAO,QAAQ,OAAO;AAAA,gCACxBA,EAAAA,OAAO,QAAQ,OAAO;AAAA,kCACpBA,EAAAA,OAAO,QAAQ,OAAO;AAAA,+BACzBA,EAAAA,OAAO,QAAQ,OAAO;AAAA,0BAC3BA,EAAAA,OAAO,WAAW,UAAU;AAAA,6BACzBA,SAAO,WAAW,SAAS,KAAK;AAAA,2BAClCA,SAAO,WAAW,SAAS,KAAK;AAAA,6BAC9BA,SAAO,WAAW,QAAQ,KAAK;AAAA,gCAC5BA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA,gCAErBC,GAC/BA,EAAM,SAAWA,EAAM,kBAAoB,OAAS,OAAO;AAAA,gCAC5BA,GAAUA,EAAM,QAAU,aAAa;AAAA;AAAA,YAE3DA,GAAUA,EAAM,QAAUC,EAAAA,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAuDxCF,SAAO,OAAO,SAAS,QAAQ;AAAA;AAAA;AAAA;AAAA,sBAI/BA,EAAAA,OAAO,OAAO,aAAa;AAAA;AAAA;AAAA;AAAA,sBAI3BA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,sBAIrBA,SAAO,OAAO,SAAS,QAAQ;AAAA;AAAA;AAAA;AAAA,sBAI/BA,SAAO,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA,aAItCC,GAAWA,EAAM,kBAAoB,WAAa,UAAW;AAAA,eAC3DA,GAAUA,EAAM,OAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAUjCA,GACXA,EAAM,kBAAoB,YAAc,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAgB1CA,GAAWA,EAAM,kBAAoB,OAAS,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBASlDD,EAAAA,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA,gBAIpBA,EAAAA,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA,gBAIpBA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA,gBAItBA,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA,gBAIvBA,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/tooltips/Tooltip.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@tippyjs/react"),n=require("react"),l=require("./TooltipInternal.js"),o=require("../../constants/Theme.js"),a=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("@tippyjs/react"),l=require("react"),a=require("./TooltipInternal.js"),o=require("../../constants/Theme.js"),i=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},r=i(n),d=i(l),c=`
 	.tippy-content {
 		padding: 0px;
 	}
@@ -8,5 +8,5 @@
 	.overflow-wrap-tippy {
 		overflow-wrap: anywhere;
 	}
-`,r=t=>n.isValidElement(t.children)?!t.body&&!t.title&&!t.tooltipContent?t.children:e.jsxs(e.Fragment,{children:[e.jsx("style",{children:a}),e.jsx(i,{theme:t.variant??"dark",appendTo:document.body,className:"overflow-wrap-tippy",placement:t.placement||"right",maxWidth:t.width,animation:"fade",arrow:!t.hideArrow,interactive:!0,delay:t.delay,visible:t.alwaysVisible,content:t.tooltipContent?t.tooltipContent:e.jsx(l.default,{variant:t.variant,title:t.title,body:t.body,buttonProps:t.buttonProps}),onClickOutside:t.onClickOutside,children:t.children})]}):null;exports.Tooltip=r;
+`,u=t=>d.default.isValidElement(t.children)?!t.body&&!t.title&&!t.tooltipContent?t.children:e.jsxs(e.Fragment,{children:[e.jsx("style",{children:c}),e.jsx(r.default,{theme:t.variant??"dark",appendTo:document.body,className:"overflow-wrap-tippy",placement:t.placement||"right",maxWidth:t.width,animation:"fade",arrow:!t.hideArrow,interactive:!0,delay:t.delay,visible:t.alwaysVisible,content:t.tooltipContent?t.tooltipContent:e.jsx(a.default,{variant:t.variant,title:t.title,body:t.body,buttonProps:t.buttonProps}),onClickOutside:t.onClickOutside,children:t.children})]}):null;exports.Tooltip=u;
 //# sourceMappingURL=Tooltip.js.map

package/dist/cjs/components/tooltips/Tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.js","sources":["../../../../src/components/tooltips/Tooltip.tsx"],"sourcesContent":["import Tippy from '@tippyjs/react';\nimport React, { FunctionComponent, ReactNode } from 'react';\nimport TooltipInternal, {\n\tTooltipInternalProps,\n} from '@src/components/tooltips/TooltipInternal';\nimport { COLORS } from '@src/constants/Theme';\n\nexport type Placement =\n\t\| 'top'\n\t\| 'top-start'\n\t\| 'top-end'\n\t\| 'bottom'\n\t\| 'bottom-start'\n\t\| 'bottom-end'\n\t\| 'left'\n\t\| 'left-start'\n\t\| 'left-end'\n\t\| 'right'\n\t\| 'right-start'\n\t\| 'right-end';\n\nexport interface TooltipProps extends TooltipInternalProps {\n\twidth?: number;\n\tplacement?: Placement;\n\tchildren: ReactNode;\n\ttooltipContent?: JSX.Element;\n\talwaysVisible?: boolean;\n\thideArrow?: boolean;\n\tonClickOutside?: () => void;\n}\n\nconst ToolTipStyles = `\n\t.tippy-content {\n\t\tpadding: 0px;\n\t}\n\t.tippy-arrow {\n\t\tcolor: ${COLORS.content.primary};\n\t}\n\t.overflow-wrap-tippy {\n\t\toverflow-wrap: anywhere;\n\t}\n`;\n\nexport const Tooltip: FunctionComponent<TooltipProps> = (props) => {\n\tif (!React.isValidElement(props.children)) {\n\t\treturn null;\n\t}\n\n\tif (!props.body && !props.title && !props.tooltipContent) {\n\t\treturn props.children;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<style>{ToolTipStyles}</style>\n\t\t\t<Tippy\n\t\t\t\ttheme={props.variant ?? 'dark'}\n\t\t\t\tappendTo={document.body}\n\t\t\t\tclassName=\"overflow-wrap-tippy\"\n\t\t\t\tplacement={props.placement \|\| 'right'}\n\t\t\t\tmaxWidth={props.width}\n\t\t\t\tanimation={'fade'}\n\t\t\t\tarrow={!props.hideArrow}\n\t\t\t\tinteractive={true}\n\t\t\t\tdelay={props.delay as number}\n\t\t\t\tvisible={props.alwaysVisible}\n\t\t\t\tcontent={\n\t\t\t\t\tprops.tooltipContent ? (\n\t\t\t\t\t\tprops.tooltipContent\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<TooltipInternal\n\t\t\t\t\t\t\tvariant={props.variant}\n\t\t\t\t\t\t\ttitle={props.title}\n\t\t\t\t\t\t\tbody={props.body}\n\t\t\t\t\t\t\tbuttonProps={props.buttonProps}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\tonClickOutside={props.onClickOutside}\n\t\t\t>\n\t\t\t\t{props.children}\n\t\t\t</Tippy>\n\t\t</>\n\t);\n};\n"],"names":["ToolTipStyles","COLORS","Tooltip","props","React","jsxs","Fragment","jsx","Tippy","TooltipInternal"],"mappings":"~~4OA~~+BMA,EAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,WAKXC,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOpBC,EAA4CC,GACnDC,~~EAAM~~,eAAeD,EAAM,QAAQ,EAIpC,CAACA,EAAM,MAAQ,CAACA,EAAM,OAAS,CAACA,EAAM,eAClCA,EAAM,SAIbE,EAAAA,KAAAC,WAAA,CACC,SAAA,CAAAC,EAAAA,IAAC,SAAO,SAAAP,CAAA,CAAc,EACtBO,EAAAA,IAACC,~~EAAA~~,CACA,MAAOL,EAAM,SAAW,OACxB,SAAU,SAAS,KACnB,UAAU,sBACV,UAAWA,EAAM,WAAa,QAC9B,SAAUA,EAAM,MAChB,UAAW,OACX,MAAO,CAACA,EAAM,UACd,YAAa,GACb,MAAOA,EAAM,MACb,QAASA,EAAM,cACf,QACCA,EAAM,eACLA,EAAM,eAENI,EAAAA,IAACE,EAAAA,QAAA,CACA,QAASN,EAAM,QACf,MAAOA,EAAM,MACb,KAAMA,EAAM,KACZ,YAAaA,EAAM,WAAA,CAAA,EAItB,eAAgBA,EAAM,eAErB,SAAAA,EAAM,QAAA,CAAA,CACR,EACD,EArCO"}
1	+ {"version":3,"file":"Tooltip.js","sources":["../../../../src/components/tooltips/Tooltip.tsx"],"sourcesContent":["import Tippy from '@tippyjs/react';\nimport React, { FunctionComponent, ReactNode } from 'react';\nimport TooltipInternal, {\n\tTooltipInternalProps,\n} from '@src/components/tooltips/TooltipInternal';\nimport { COLORS } from '@src/constants/Theme';\n\nexport type Placement =\n\t\| 'top'\n\t\| 'top-start'\n\t\| 'top-end'\n\t\| 'bottom'\n\t\| 'bottom-start'\n\t\| 'bottom-end'\n\t\| 'left'\n\t\| 'left-start'\n\t\| 'left-end'\n\t\| 'right'\n\t\| 'right-start'\n\t\| 'right-end';\n\nexport interface TooltipProps extends TooltipInternalProps {\n\twidth?: number;\n\tplacement?: Placement;\n\tchildren: ReactNode;\n\ttooltipContent?: JSX.Element;\n\talwaysVisible?: boolean;\n\thideArrow?: boolean;\n\tonClickOutside?: () => void;\n}\n\nconst ToolTipStyles = `\n\t.tippy-content {\n\t\tpadding: 0px;\n\t}\n\t.tippy-arrow {\n\t\tcolor: ${COLORS.content.primary};\n\t}\n\t.overflow-wrap-tippy {\n\t\toverflow-wrap: anywhere;\n\t}\n`;\n\nexport const Tooltip: FunctionComponent<TooltipProps> = (props) => {\n\tif (!React.isValidElement(props.children)) {\n\t\treturn null;\n\t}\n\n\tif (!props.body && !props.title && !props.tooltipContent) {\n\t\treturn props.children;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<style>{ToolTipStyles}</style>\n\t\t\t<Tippy\n\t\t\t\ttheme={props.variant ?? 'dark'}\n\t\t\t\tappendTo={document.body}\n\t\t\t\tclassName=\"overflow-wrap-tippy\"\n\t\t\t\tplacement={props.placement \|\| 'right'}\n\t\t\t\tmaxWidth={props.width}\n\t\t\t\tanimation={'fade'}\n\t\t\t\tarrow={!props.hideArrow}\n\t\t\t\tinteractive={true}\n\t\t\t\tdelay={props.delay as number}\n\t\t\t\tvisible={props.alwaysVisible}\n\t\t\t\tcontent={\n\t\t\t\t\tprops.tooltipContent ? (\n\t\t\t\t\t\tprops.tooltipContent\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<TooltipInternal\n\t\t\t\t\t\t\tvariant={props.variant}\n\t\t\t\t\t\t\ttitle={props.title}\n\t\t\t\t\t\t\tbody={props.body}\n\t\t\t\t\t\t\tbuttonProps={props.buttonProps}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\tonClickOutside={props.onClickOutside}\n\t\t\t>\n\t\t\t\t{props.children}\n\t\t\t</Tippy>\n\t\t</>\n\t);\n};\n"],"names":["ToolTipStyles","COLORS","Tooltip","props","React","jsxs","Fragment","jsx","Tippy","TooltipInternal"],"mappings":"kTA+BMA,EAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,WAKXC,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOpBC,EAA4CC,GACnDC,EAAAA,QAAM,eAAeD,EAAM,QAAQ,EAIpC,CAACA,EAAM,MAAQ,CAACA,EAAM,OAAS,CAACA,EAAM,eAClCA,EAAM,SAIbE,EAAAA,KAAAC,WAAA,CACC,SAAA,CAAAC,EAAAA,IAAC,SAAO,SAAAP,CAAA,CAAc,EACtBO,EAAAA,IAACC,EAAAA,QAAA,CACA,MAAOL,EAAM,SAAW,OACxB,SAAU,SAAS,KACnB,UAAU,sBACV,UAAWA,EAAM,WAAa,QAC9B,SAAUA,EAAM,MAChB,UAAW,OACX,MAAO,CAACA,EAAM,UACd,YAAa,GACb,MAAOA,EAAM,MACb,QAASA,EAAM,cACf,QACCA,EAAM,eACLA,EAAM,eAENI,EAAAA,IAACE,EAAAA,QAAA,CACA,QAASN,EAAM,QACf,MAAOA,EAAM,MACb,KAAMA,EAAM,KACZ,YAAaA,EAAM,WAAA,CAAA,EAItB,eAAgBA,EAAM,eAErB,SAAAA,EAAM,QAAA,CAAA,CACR,EACD,EArCO"}

package/dist/cjs/components/tooltips/TooltipInternal.js CHANGED Viewed

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("styled-components"),o=require("../TypographyStyle.js"),r=require("../../constants/Theme.js"),a=require("../button/Button.js"),n=t=>t==="light"?r.COLORS.content.primary:r.COLORS.content.primaryInverse,l=i.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("styled-components"),o=require("../TypographyStyle.js"),r=require("../../constants/Theme.js"),i=require("../button/Button.js"),l=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},u=l(a),n=t=>t==="light"?r.COLORS.content.primary:r.COLORS.content.primaryInverse,d=u.default.div`
 	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
 	border-radius: 4px;
 	padding: 8px;
 	background-color: ${t=>t.variant==="light"?r.COLORS.surface.subdued:r.COLORS.content.primary};
 	color: ${t=>n(t.variant)};
-`,u=t=>e.jsxs(l,{variant:t.variant??"dark",children:[t.title&&e.jsx(o.TitleSmall,{color:n(t.variant),style:{marginBottom:"8px"},children:t.title}),e.jsx(o.BodyCaption,{color:n(t.variant),style:{marginBottom:t.buttonProps?"8px":"0px"},children:t.body}),t.buttonProps&&e.jsx(a.Button,{...t.buttonProps})]});exports.default=u;
+`,c=t=>e.jsxs(d,{variant:t.variant??"dark",children:[t.title&&e.jsx(o.TitleSmall,{color:n(t.variant),style:{marginBottom:"8px"},children:t.title}),e.jsx(o.BodyCaption,{color:n(t.variant),style:{marginBottom:t.buttonProps?"8px":"0px"},children:t.body}),t.buttonProps&&e.jsx(i.Button,{...t.buttonProps})]});exports.default=c;
 //# sourceMappingURL=TooltipInternal.js.map

package/dist/cjs/components/tooltips/TooltipInternal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TooltipInternal.js","sources":["../../../../src/components/tooltips/TooltipInternal.tsx"],"sourcesContent":["import { FunctionComponent } from 'react';\nimport styled from 'styled-components';\nimport { Button } from '@src/components/button';\nimport { ButtonProps } from '@src/components/button/model';\nimport { BodyCaption, TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport interface TooltipInternalProps {\n\ttitle?: string;\n\tbody?: string;\n\tbuttonProps?: ButtonProps;\n\tdelay?: number \| number[];\n\tvariant?: 'light' \| 'dark';\n}\n\ntype Props = TooltipInternalProps;\n\ntype TooltipVariant = Pick<TooltipInternalProps, 'variant'>['variant'];\n\nconst getTextColorBasedOnVariant = (variant: TooltipVariant) => {\n\tif (variant === 'light') {\n\t\treturn COLORS.content.primary;\n\t}\n\treturn COLORS.content.primaryInverse;\n};\n\nconst TooltipStyled = styled.div<{ variant: 'light' \| 'dark' }>`\n\tbox-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);\n\tborder-radius: 4px;\n\tpadding: 8px;\n\tbackground-color: ${(props) =>\n\t\tprops.variant === 'light'\n\t\t\t? COLORS.surface.subdued\n\t\t\t: COLORS.content.primary};\n\tcolor: ${(props) => getTextColorBasedOnVariant(props.variant)};\n`;\n\nconst TooltipInternal: FunctionComponent<Props> = (props) => {\n\t// Todo (ashutosh) make sure that the button which is passed is inverse\n\treturn (\n\t\t<TooltipStyled variant={props.variant ?? 'dark'}>\n\t\t\t{props.title && (\n\t\t\t\t<TitleSmall\n\t\t\t\t\tcolor={getTextColorBasedOnVariant(props.variant)}\n\t\t\t\t\tstyle={{ marginBottom: '8px' }}\n\t\t\t\t>\n\t\t\t\t\t{props.title}\n\t\t\t\t</TitleSmall>\n\t\t\t)}\n\t\t\t<BodyCaption\n\t\t\t\tcolor={getTextColorBasedOnVariant(props.variant)}\n\t\t\t\tstyle={{ marginBottom: props.buttonProps ? '8px' : '0px' }}\n\t\t\t>\n\t\t\t\t{props.body}\n\t\t\t</BodyCaption>\n\t\t\t{props.buttonProps && <Button {...props.buttonProps} />}\n\t\t</TooltipStyled>\n\t);\n};\n\nexport default TooltipInternal;\n"],"names":["getTextColorBasedOnVariant","variant","COLORS","TooltipStyled","styled","props","TooltipInternal","jsxs","jsx","TitleSmall","BodyCaption","Button"],"mappings":"~~0RAmBMA~~,EAA8BC,GAC/BA,IAAY,QACRC,EAAAA,OAAO,QAAQ,QAEhBA,EAAAA,OAAO,QAAQ,eAGjBC,EAAgBC,~~EAAO~~;AAAA;AAAA;AAAA;AAAA,qBAIPC,GACpBA,EAAM,UAAY,QACfH,SAAO,QAAQ,QACfA,SAAO,QAAQ,OAAO;AAAA,UAChBG,GAAUL,EAA2BK,EAAM,OAAO,CAAC;AAAA,EAGxDC,EAA6CD,GAGjDE,EAAAA,KAACJ,EAAA,CAAc,QAASE,EAAM,SAAW,OACvC,SAAA,CAAAA,EAAM,OACNG,EAAAA,IAACC,EAAAA,WAAA,CACA,MAAOT,EAA2BK,EAAM,OAAO,EAC/C,MAAO,CAAE,aAAc,KAAA,EAEtB,SAAAA,EAAM,KAAA,CAAA,EAGTG,EAAAA,IAACE,EAAAA,YAAA,CACA,MAAOV,EAA2BK,EAAM,OAAO,EAC/C,MAAO,CAAE,aAAcA,EAAM,YAAc,MAAQ,KAAA,EAElD,SAAAA,EAAM,IAAA,CAAA,EAEPA,EAAM,aAAeG,EAAAA,IAACG,EAAAA,OAAA,CAAQ,GAAGN,EAAM,WAAA,CAAa,CAAA,EACtD"}
1	+ {"version":3,"file":"TooltipInternal.js","sources":["../../../../src/components/tooltips/TooltipInternal.tsx"],"sourcesContent":["import { FunctionComponent } from 'react';\nimport styled from 'styled-components';\nimport { Button } from '@src/components/button';\nimport { ButtonProps } from '@src/components/button/model';\nimport { BodyCaption, TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport interface TooltipInternalProps {\n\ttitle?: string;\n\tbody?: string;\n\tbuttonProps?: ButtonProps;\n\tdelay?: number \| number[];\n\tvariant?: 'light' \| 'dark';\n}\n\ntype Props = TooltipInternalProps;\n\ntype TooltipVariant = Pick<TooltipInternalProps, 'variant'>['variant'];\n\nconst getTextColorBasedOnVariant = (variant: TooltipVariant) => {\n\tif (variant === 'light') {\n\t\treturn COLORS.content.primary;\n\t}\n\treturn COLORS.content.primaryInverse;\n};\n\nconst TooltipStyled = styled.div<{ variant: 'light' \| 'dark' }>`\n\tbox-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);\n\tborder-radius: 4px;\n\tpadding: 8px;\n\tbackground-color: ${(props) =>\n\t\tprops.variant === 'light'\n\t\t\t? COLORS.surface.subdued\n\t\t\t: COLORS.content.primary};\n\tcolor: ${(props) => getTextColorBasedOnVariant(props.variant)};\n`;\n\nconst TooltipInternal: FunctionComponent<Props> = (props) => {\n\t// Todo (ashutosh) make sure that the button which is passed is inverse\n\treturn (\n\t\t<TooltipStyled variant={props.variant ?? 'dark'}>\n\t\t\t{props.title && (\n\t\t\t\t<TitleSmall\n\t\t\t\t\tcolor={getTextColorBasedOnVariant(props.variant)}\n\t\t\t\t\tstyle={{ marginBottom: '8px' }}\n\t\t\t\t>\n\t\t\t\t\t{props.title}\n\t\t\t\t</TitleSmall>\n\t\t\t)}\n\t\t\t<BodyCaption\n\t\t\t\tcolor={getTextColorBasedOnVariant(props.variant)}\n\t\t\t\tstyle={{ marginBottom: props.buttonProps ? '8px' : '0px' }}\n\t\t\t>\n\t\t\t\t{props.body}\n\t\t\t</BodyCaption>\n\t\t\t{props.buttonProps && <Button {...props.buttonProps} />}\n\t\t</TooltipStyled>\n\t);\n};\n\nexport default TooltipInternal;\n"],"names":["getTextColorBasedOnVariant","variant","COLORS","TooltipStyled","styled","props","TooltipInternal","jsxs","jsx","TitleSmall","BodyCaption","Button"],"mappings":"yVAmBMA,EAA8BC,GAC/BA,IAAY,QACRC,EAAAA,OAAO,QAAQ,QAEhBA,EAAAA,OAAO,QAAQ,eAGjBC,EAAgBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,qBAIPC,GACpBA,EAAM,UAAY,QACfH,SAAO,QAAQ,QACfA,SAAO,QAAQ,OAAO;AAAA,UAChBG,GAAUL,EAA2BK,EAAM,OAAO,CAAC;AAAA,EAGxDC,EAA6CD,GAGjDE,EAAAA,KAACJ,EAAA,CAAc,QAASE,EAAM,SAAW,OACvC,SAAA,CAAAA,EAAM,OACNG,EAAAA,IAACC,EAAAA,WAAA,CACA,MAAOT,EAA2BK,EAAM,OAAO,EAC/C,MAAO,CAAE,aAAc,KAAA,EAEtB,SAAAA,EAAM,KAAA,CAAA,EAGTG,EAAAA,IAACE,EAAAA,YAAA,CACA,MAAOV,EAA2BK,EAAM,OAAO,EAC/C,MAAO,CAAE,aAAcA,EAAM,YAAc,MAAQ,KAAA,EAElD,SAAAA,EAAM,IAAA,CAAA,EAEPA,EAAM,aAAeG,EAAAA,IAACG,EAAAA,OAAA,CAAQ,GAAGN,EAAM,WAAA,CAAa,CAAA,EACtD"}

package/dist/cjs/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.style.js CHANGED Viewed

@@ -1,22 +1,22 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),e=require("../../constants/Theme.js"),o=r.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),t=require("../../constants/Theme.js"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=r(o),l=i.default.div`
 	display: flex;
 	flex-direction: column;
 	min-height: 480px;
 	max-height: 504px;
 	padding: 24px;
 	gap: 16px;
-	border-top: 1px solid ${e.COLORS.stroke.primary};
+	border-top: 1px solid ${t.COLORS.stroke.primary};
 	.modal-table {
 		display: flex;
 		flex: 1;
 		height: calc(100% - 40px);
 		overflow-y: scroll;
 		flex-direction: column;
-		border: 1px solid ${e.COLORS.stroke.primary};
+		border: 1px solid ${t.COLORS.stroke.primary};
 		border-radius: 8px;
 		width: 100%;
 		.header {
-			background-color: ${e.COLORS.surface.subdued};
+			background-color: ${t.COLORS.surface.subdued};
 			border-radius: 8px;
 			border-top: none !important;
 			position: sticky;
@@ -30,7 +30,7 @@
 			display: grid;
 			grid-template-columns: auto 240px 100px;
 			align-items: center;
-			border-top: 1px solid ${e.COLORS.stroke.primary};
+			border-top: 1px solid ${t.COLORS.stroke.primary};
 			.table-cell {
 				height: 48px !important;
 				align-items: center;
@@ -39,5 +39,5 @@
 			}
 		}
 	}
-`;exports.ModalBody=o;
+`;exports.ModalBody=l;
 //# sourceMappingURL=UnsatisfactoryCountIntentWiseModal.style.js.map

package/dist/cjs/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UnsatisfactoryCountIntentWiseModal.style.js","sources":["../../../../src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.style.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const ModalBody = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tmin-height: 480px;\n\tmax-height: 504px;\n\tpadding: 24px;\n\tgap: 16px;\n\tborder-top: 1px solid ${COLORS.stroke.primary};\n\t.modal-table {\n\t\tdisplay: flex;\n\t\tflex: 1;\n\t\theight: calc(100% - 40px);\n\t\toverflow-y: scroll;\n\t\tflex-direction: column;\n\t\tborder: 1px solid ${COLORS.stroke.primary};\n\t\tborder-radius: 8px;\n\t\twidth: 100%;\n\t\t.header {\n\t\t\tbackground-color: ${COLORS.surface.subdued};\n\t\t\tborder-radius: 8px;\n\t\t\tborder-top: none !important;\n\t\t\tposition: sticky;\n\t\t\ttop: 0;\n\t\t}\n\t\t.center-align {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t}\n\t\t.table-row {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: auto 240px 100px;\n\t\t\talign-items: center;\n\t\t\tborder-top: 1px solid ${COLORS.stroke.primary};\n\t\t\t.table-cell {\n\t\t\t\theight: 48px !important;\n\t\t\t\talign-items: center;\n\t\t\t\tdisplay: flex;\n\t\t\t\tpadding: 0 16px;\n\t\t\t}\n\t\t}\n\t}\n`;\n"],"names":["ModalBody","styled","COLORS"],"mappings":"~~2JAGaA~~,EAAYC,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAOPC,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAOxBA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,uBAIpBA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAclBA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"UnsatisfactoryCountIntentWiseModal.style.js","sources":["../../../../src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.style.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const ModalBody = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tmin-height: 480px;\n\tmax-height: 504px;\n\tpadding: 24px;\n\tgap: 16px;\n\tborder-top: 1px solid ${COLORS.stroke.primary};\n\t.modal-table {\n\t\tdisplay: flex;\n\t\tflex: 1;\n\t\theight: calc(100% - 40px);\n\t\toverflow-y: scroll;\n\t\tflex-direction: column;\n\t\tborder: 1px solid ${COLORS.stroke.primary};\n\t\tborder-radius: 8px;\n\t\twidth: 100%;\n\t\t.header {\n\t\t\tbackground-color: ${COLORS.surface.subdued};\n\t\t\tborder-radius: 8px;\n\t\t\tborder-top: none !important;\n\t\t\tposition: sticky;\n\t\t\ttop: 0;\n\t\t}\n\t\t.center-align {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t}\n\t\t.table-row {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: auto 240px 100px;\n\t\t\talign-items: center;\n\t\t\tborder-top: 1px solid ${COLORS.stroke.primary};\n\t\t\t.table-cell {\n\t\t\t\theight: 48px !important;\n\t\t\t\talign-items: center;\n\t\t\t\tdisplay: flex;\n\t\t\t\tpadding: 0 16px;\n\t\t\t}\n\t\t}\n\t}\n`;\n"],"names":["ModalBody","styled","COLORS"],"mappings":"0NAGaA,EAAYC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAOPC,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAOxBA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,uBAIpBA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAclBA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/unsatisfactory-response-list/UnsatisfactoryResponseList.style.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),e=require("../../constants/Theme.js"),l=r.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("styled-components"),r=require("../../constants/Theme.js"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=o(l),d=t.default.div`
 	min-width: 100%;
 	padding: 20px;
 	display: flex;
@@ -30,10 +30,10 @@
 		border-radius: 12px;
 		row-gap: 4px;
 		cursor: pointer;
-		background-color: ${e.COLORS.surface.subdued};
+		background-color: ${r.COLORS.surface.subdued};
 	}
 	.bubble:hover {
-		background-color: ${e.COLORS.surface.hovered};
+		background-color: ${r.COLORS.surface.hovered};
 	}
-`;exports.IncorrectRepliesStyle=l;
+`;exports.IncorrectRepliesStyle=d;
 //# sourceMappingURL=UnsatisfactoryResponseList.style.js.map

package/dist/cjs/components/unsatisfactory-response-list/UnsatisfactoryResponseList.style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UnsatisfactoryResponseList.style.js","sources":["../../../../src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.style.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const IncorrectRepliesStyle = styled.div`\n\tmin-width: 100%;\n\tpadding: 20px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n\theight: 100%;\n\toverflow-y: scroll;\n\tflex: 1 1 0;\n\t.wrapper {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 8px;\n\t\theight: 100%; //calc(100% - 92px);\n\t\toverflow-y: scroll;\n\t\tpadding-right: 8px;\n\t\t&::-webkit-scrollbar-thumb {\n\t\t\tbackground: #888;\n\t\t\tborder-radius: 8px;\n\t\t}\n\t\t&::-webkit-scrollbar {\n\t\t\twidth: 6px;\n\t\t\tdisplay: block;\n\t\t}\n\t}\n\t.bubble {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tpadding: 12px;\n\t\tborder-radius: 12px;\n\t\trow-gap: 4px;\n\t\tcursor: pointer;\n\t\tbackground-color: ${COLORS.surface.subdued};\n\t}\n\t.bubble:hover {\n\t\tbackground-color: ${COLORS.surface.hovered};\n\t}\n`;\n"],"names":["IncorrectRepliesStyle","styled","COLORS"],"mappings":"~~2JAGaA~~,EAAwBC,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAgCtBC,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA,sBAGtBA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA"}
1	+ {"version":3,"file":"UnsatisfactoryResponseList.style.js","sources":["../../../../src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.style.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const IncorrectRepliesStyle = styled.div`\n\tmin-width: 100%;\n\tpadding: 20px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n\theight: 100%;\n\toverflow-y: scroll;\n\tflex: 1 1 0;\n\t.wrapper {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 8px;\n\t\theight: 100%; //calc(100% - 92px);\n\t\toverflow-y: scroll;\n\t\tpadding-right: 8px;\n\t\t&::-webkit-scrollbar-thumb {\n\t\t\tbackground: #888;\n\t\t\tborder-radius: 8px;\n\t\t}\n\t\t&::-webkit-scrollbar {\n\t\t\twidth: 6px;\n\t\t\tdisplay: block;\n\t\t}\n\t}\n\t.bubble {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tpadding: 12px;\n\t\tborder-radius: 12px;\n\t\trow-gap: 4px;\n\t\tcursor: pointer;\n\t\tbackground-color: ${COLORS.surface.subdued};\n\t}\n\t.bubble:hover {\n\t\tbackground-color: ${COLORS.surface.hovered};\n\t}\n`;\n"],"names":["IncorrectRepliesStyle","styled","COLORS"],"mappings":"0NAGaA,EAAwBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAgCtBC,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA,sBAGtBA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA"}

package/dist/cjs/components/variable-picker-v3/NoResult.js CHANGED Viewed

@@ -1,18 +1,18 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("../../assets/icons/search.svg.js"),o=require("styled-components"),r=require("../../constants/Theme.js"),n=require("../TypographyStyle.js"),c=t=>e.jsxs(s,{height:t.height,children:[e.jsx(d,{children:e.jsx(i.default,{width:24,height:24,color:r.COLORS.background.brand})}),e.jsxs("div",{style:{textAlign:"center"},children:[e.jsx(n.TitleMedium,{children:"No results found"}),t.searchText?e.jsx(n.BodySecondary,{style:{color:r.COLORS.content.secondary,marginTop:8},children:`Sorry we could not find any results for "${t.searchText}"`}):e.jsx(n.BodySecondary,{style:{color:r.COLORS.content.secondary,marginTop:8},children:"Sorry we could not find any variables"})]})]}),s=o.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),i=require("../../assets/icons/search.svg.js"),c=require("styled-components"),n=require("../../constants/Theme.js"),r=require("../TypographyStyle.js"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=d(c),l=e=>t.jsxs(s,{height:e.height,children:[t.jsx(a,{children:t.jsx(i.default,{width:24,height:24,color:n.COLORS.background.brand})}),t.jsxs("div",{style:{textAlign:"center"},children:[t.jsx(r.TitleMedium,{children:"No results found"}),e.searchText?t.jsx(r.BodySecondary,{style:{color:n.COLORS.content.secondary,marginTop:8},children:`Sorry we could not find any results for "${e.searchText}"`}):t.jsx(r.BodySecondary,{style:{color:n.COLORS.content.secondary,marginTop:8},children:"Sorry we could not find any variables"})]})]}),s=o.default.div`
 	display: flex;
 	gap: 16px;
 	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	padding: 0 16px;
-	height: ${t=>t.height};
-`,d=o.div`
+	height: ${e=>e.height};
+`,a=o.default.div`
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	background-color: ${r.COLORS.background.brandLight};
+	background-color: ${n.COLORS.background.brandLight};
 	width: 48px;
 	height: 48px;
 	border-radius: 24px;
-`;exports.default=c;
+`;exports.default=l;
 //# sourceMappingURL=NoResult.js.map

package/dist/cjs/components/variable-picker-v3/NoResult.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NoResult.js","sources":["../../../../src/components/variable-picker-v3/NoResult.tsx"],"sourcesContent":["import SearchIcon from '@src/assets/icons/search.svg';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodySecondary, TitleMedium } from '../TypographyStyle';\n\ntype Props = {\n\theight: string;\n\tsearchText?: string;\n};\n\nconst NoResult = (props: Props) => {\n\treturn (\n\t\t<Container height={props.height}>\n\t\t\t<IconWrapper>\n\t\t\t\t<SearchIcon width={24} height={24} color={COLORS.background.brand} />\n\t\t\t</IconWrapper>\n\t\t\t<div style={{ textAlign: 'center' }}>\n\t\t\t\t<TitleMedium>No results found</TitleMedium>\n\t\t\t\t{props.searchText ? (\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginTop: 8 }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{`Sorry we could not find any results for \"${props.searchText}\"`}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t) : (\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginTop: 8 }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{`Sorry we could not find any variables`}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</Container>\n\t);\n};\n\nexport default NoResult;\n\nconst Container = styled.div<{ height: string }>`\n\tdisplay: flex;\n\tgap: 16px;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 0 16px;\n\theight: ${(props) => props.height};\n`;\n\nconst IconWrapper = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground-color: ${COLORS.background.brandLight};\n\twidth: 48px;\n\theight: 48px;\n\tborder-radius: 24px;\n`;\n"],"names":["NoResult","props","jsxs","Container","jsx","IconWrapper","SearchIcon","COLORS","TitleMedium","BodySecondary","styled"],"mappings":"~~uSAUMA~~,EAAYC,GAEhBC,EAAAA,KAACC,EAAA,CAAU,OAAQF,EAAM,OACxB,SAAA,CAAAG,EAAAA,IAACC,EAAA,CACA,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAW,MAAO,GAAI,OAAQ,GAAI,MAAOC,EAAAA,OAAO,WAAW,KAAA,CAAO,EACpE,SACC,MAAA,CAAI,MAAO,CAAE,UAAW,UACxB,SAAA,CAAAH,EAAAA,IAACI,EAAAA,aAAY,SAAA,kBAAA,CAAgB,EAC5BP,EAAM,WACNG,EAAAA,IAACK,EAAAA,cAAA,CACA,MAAO,CAAE,MAAOF,EAAAA,OAAO,QAAQ,UAAW,UAAW,CAAA,EAEpD,SAAA,4CAA4CN,EAAM,UAAU,GAAA,CAAA,EAG9DG,EAAAA,IAACK,EAAAA,cAAA,CACA,MAAO,CAAE,MAAOF,EAAAA,OAAO,QAAQ,UAAW,UAAW,CAAA,EAEpD,SAAA,uCAAA,CAAA,CACF,CAAA,CAEF,CAAA,EACD,EAMIJ,EAAYO,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAObT,GAAUA,EAAM,MAAM;AAAA,EAG5BI,EAAcK,~~EAAO~~;AAAA;AAAA;AAAA;AAAA,qBAINH,EAAAA,OAAO,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"NoResult.js","sources":["../../../../src/components/variable-picker-v3/NoResult.tsx"],"sourcesContent":["import SearchIcon from '@src/assets/icons/search.svg';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodySecondary, TitleMedium } from '../TypographyStyle';\n\ntype Props = {\n\theight: string;\n\tsearchText?: string;\n};\n\nconst NoResult = (props: Props) => {\n\treturn (\n\t\t<Container height={props.height}>\n\t\t\t<IconWrapper>\n\t\t\t\t<SearchIcon width={24} height={24} color={COLORS.background.brand} />\n\t\t\t</IconWrapper>\n\t\t\t<div style={{ textAlign: 'center' }}>\n\t\t\t\t<TitleMedium>No results found</TitleMedium>\n\t\t\t\t{props.searchText ? (\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginTop: 8 }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{`Sorry we could not find any results for \"${props.searchText}\"`}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t) : (\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginTop: 8 }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{`Sorry we could not find any variables`}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</Container>\n\t);\n};\n\nexport default NoResult;\n\nconst Container = styled.div<{ height: string }>`\n\tdisplay: flex;\n\tgap: 16px;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 0 16px;\n\theight: ${(props) => props.height};\n`;\n\nconst IconWrapper = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground-color: ${COLORS.background.brandLight};\n\twidth: 48px;\n\theight: 48px;\n\tborder-radius: 24px;\n`;\n"],"names":["NoResult","props","jsxs","Container","jsx","IconWrapper","SearchIcon","COLORS","TitleMedium","BodySecondary","styled"],"mappings":"sWAUMA,EAAYC,GAEhBC,EAAAA,KAACC,EAAA,CAAU,OAAQF,EAAM,OACxB,SAAA,CAAAG,EAAAA,IAACC,EAAA,CACA,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAW,MAAO,GAAI,OAAQ,GAAI,MAAOC,EAAAA,OAAO,WAAW,KAAA,CAAO,EACpE,SACC,MAAA,CAAI,MAAO,CAAE,UAAW,UACxB,SAAA,CAAAH,EAAAA,IAACI,EAAAA,aAAY,SAAA,kBAAA,CAAgB,EAC5BP,EAAM,WACNG,EAAAA,IAACK,EAAAA,cAAA,CACA,MAAO,CAAE,MAAOF,EAAAA,OAAO,QAAQ,UAAW,UAAW,CAAA,EAEpD,SAAA,4CAA4CN,EAAM,UAAU,GAAA,CAAA,EAG9DG,EAAAA,IAACK,EAAAA,cAAA,CACA,MAAO,CAAE,MAAOF,EAAAA,OAAO,QAAQ,UAAW,UAAW,CAAA,EAEpD,SAAA,uCAAA,CAAA,CACF,CAAA,CAEF,CAAA,EACD,EAMIJ,EAAYO,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAObT,GAAUA,EAAM,MAAM;AAAA,EAG5BI,EAAcK,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,qBAINH,EAAAA,OAAO,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/variable-picker-v3/SubHeaderItems.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),q=require("../../assets/icons/chevronRight.svg.js"),I=require("../../assets/icons/plus.svg.js"),L=require("../../assets/icons/sub_category.svg.js"),O=require("../../assets/icons/triangle_error.svg.js"),R=require("lodash/cloneDeep"),o=require("../../constants/Theme.js"),x=require("../TypographyStyle.js"),N=require("./context.js"),b=require("./highlightSearchText.js"),V=require("./recommendVaribles.js"),n=require("../tooltips/Tooltip.js"),y=require("../list-item/ListItem.js"),a=l=>l.contextQ?.join(" > ")||"",w=l=>{const{onSelect:f,variable:i,searchText:c,disabled:d,parentVariable:u}=l,{subHeaderStack:g,setSubHeaderStack:j,setVariables:h,showRecommended:v,containerRef:s,scrollPositionStack:S}=N.useVariablePickerContext();return e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:4},children:Object.keys(i).map((r,m)=>{if(typeof i[r].variables>"u"||Object.keys(i[r]?.variables||{}).length===0){const t=i[r];return e.jsx(n.Tooltip,{body:a(t),placement:"bottom",children:e.jsx(y.ListItem,{variant:d?"readonly":t?.selected?"selected":"default",version:"2.0",leadingIcon:t?.selected||d?e.jsx(e.Fragment,{}):e.jsx("div",{style:{flexShrink:0},children:e.jsx(I.default,{width:14,height:14})}),customListItemLabel:e.jsxs("div",{style:{display:"flex",gap:4},children:[e.jsx(x.BodySecondary,{style:{fontSize:"14px",color:o.COLORS.text.primary},children:b.highlightSearchText(t.displayName,c)}),!t.isAvailable&&e.jsx(n.Tooltip,{body:"Not Recommended",children:e.jsx("div",{style:{display:"flex",marginTop:2},children:e.jsx(O.default,{width:16,height:16,color:o.COLORS.content.secondary})})})]}),listItem:{label:t.displayName,value:t.displayName},subText:t.description||"",onClick:()=>{f(t)}})},m)}return e.jsx(n.Tooltip,{body:a(i[r]),placement:"bottom",children:e.jsx(y.ListItem,{variant:"default",version:"2.0",listItem:{label:i[r].displayName,value:i[r].displayName},customListItemLabel:e.jsx("div",{style:{display:"flex",alignItems:"center"},children:e.jsx(x.BodySecondary,{style:{fontSize:"14px",color:o.COLORS.text.primary},children:b.highlightSearchText(i[r].displayName,c)})}),leadingIcon:e.jsx(L.default,{width:14,height:14}),subText:i[r].description||"",trailingIcon:e.jsx(q.default,{width:10,height:10,color:"#212121"}),onClick:()=>{s.current&&(S.current.push(s.current.scrollTop),s.current.scrollTop=0);const t=R(i[r]);typeof u<"u"&&(t.contextQ=[u.displayName]);const p=[...g,t];if(j(p),v){const T=V.showOnlyRecommendedVariables([t.variables],p);h(T)}else h([t.variables])}})},m)})})};exports.default=w;exports.renderTooltipBody=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),q=require("../../assets/icons/chevronRight.svg.js"),I=require("../../assets/icons/plus.svg.js"),L=require("../../assets/icons/sub_category.svg.js"),O=require("../../assets/icons/triangle_error.svg.js"),R=require("lodash/cloneDeep"),s=require("../../constants/Theme.js"),x=require("../TypographyStyle.js"),N=require("./context.js"),b=require("./highlightSearchText.js"),C=require("./recommendVaribles.js"),n=require("../tooltips/Tooltip.js"),y=require("../list-item/ListItem.js"),V=r=>r&&typeof r=="object"&&"default"in r?r:{default:r},_=V(R),a=r=>r.contextQ?.join(" > ")||"",w=r=>{const{onSelect:f,variable:i,searchText:c,disabled:d,parentVariable:u}=r,{subHeaderStack:g,setSubHeaderStack:j,setVariables:h,showRecommended:v,containerRef:o,scrollPositionStack:S}=N.useVariablePickerContext();return e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:4},children:Object.keys(i).map((l,p)=>{if(typeof i[l].variables>"u"||Object.keys(i[l]?.variables||{}).length===0){const t=i[l];return e.jsx(n.Tooltip,{body:a(t),placement:"bottom",children:e.jsx(y.ListItem,{variant:d?"readonly":t?.selected?"selected":"default",version:"2.0",leadingIcon:t?.selected||d?e.jsx(e.Fragment,{}):e.jsx("div",{style:{flexShrink:0},children:e.jsx(I.default,{width:14,height:14})}),customListItemLabel:e.jsxs("div",{style:{display:"flex",gap:4},children:[e.jsx(x.BodySecondary,{style:{fontSize:"14px",color:s.COLORS.text.primary},children:b.highlightSearchText(t.displayName,c)}),!t.isAvailable&&e.jsx(n.Tooltip,{body:"Not Recommended",children:e.jsx("div",{style:{display:"flex",marginTop:2},children:e.jsx(O.default,{width:16,height:16,color:s.COLORS.content.secondary})})})]}),listItem:{label:t.displayName,value:t.displayName},subText:t.description||"",onClick:()=>{f(t)}})},p)}return e.jsx(n.Tooltip,{body:a(i[l]),placement:"bottom",children:e.jsx(y.ListItem,{variant:"default",version:"2.0",listItem:{label:i[l].displayName,value:i[l].displayName},customListItemLabel:e.jsx("div",{style:{display:"flex",alignItems:"center"},children:e.jsx(x.BodySecondary,{style:{fontSize:"14px",color:s.COLORS.text.primary},children:b.highlightSearchText(i[l].displayName,c)})}),leadingIcon:e.jsx(L.default,{width:14,height:14}),subText:i[l].description||"",trailingIcon:e.jsx(q.default,{width:10,height:10,color:"#212121"}),onClick:()=>{o.current&&(S.current.push(o.current.scrollTop),o.current.scrollTop=0);const t=_.default(i[l]);typeof u<"u"&&(t.contextQ=[u.displayName]);const m=[...g,t];if(j(m),v){const T=C.showOnlyRecommendedVariables([t.variables],m);h(T)}else h([t.variables])}})},p)})})};exports.default=w;exports.renderTooltipBody=a;
 //# sourceMappingURL=SubHeaderItems.js.map