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

package/dist/cjs/components/modals/Modal.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),l=require("react"),i=require("./modal.styled.js"),s=require("../../constants/Theme.js"),c=require("../../assets/icons/cross.svg.js"),h=require("../TypographyStyle.js"),b=e=>{const[t,d]=l.useState(e.timeOut||5);l.useEffect(()=>{if(!e.skipModalWithTimer)return;const o=setInterval(()=>{d(a=>{const r=a-1;return r<=0?(clearInterval(o),0):r})},1e3);return()=>clearInterval(o)},[e.skipModalWithTimer]),l.useEffect(()=>{if(!e.open||!e.onClose||!(e.closeOnEscapeKey??!0))return;const a=e.onClose,r=u=>{u.key==="Escape"&&(e.skipModalWithTimer&&t>0||a())};return document.addEventListener("keydown",r),()=>{document.removeEventListener("keydown",r)}},[e.open,e.onClose,e.closeOnEscapeKey,e.skipModalWithTimer,t]);const m=o=>{if(!e.closeOnOutsideClick||!e.onClose){o.stopPropagation();return}if(e.skipModalWithTimer&&t>0){o.stopPropagation();return}e.onClose()};return n.jsxDEV(n.Fragment,{children:e.open&&n.jsxDEV("div",{id:e.id||"bik-modal",children:n.jsxDEV(i.RootContainer,{"data-test":e["data-test"],zIndex:e.zIndex,onClick:m,children:n.jsxDEV(i.CentralContainer,{style:{...e.centralContainerStyles??{}},onClick:o=>{o.stopPropagation()},width:e.width,children:n.jsxDEV(n.Fragment,{children:[!e?.hideCrossButton&&!e.skipModalWithTimer&&n.jsxDEV(i.CloseButtonContainer,{"data-test":(e["data-test"]||"")+"-close-button",onClick:()=>e.onClose&&e.onClose(),children:n.jsxDEV(c.default,{height:20,width:20,color:s.COLORS.content.secondary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/Modal.tsx",lineNumber:116,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/Modal.tsx",lineNumber:112,columnNumber:10},void 0),e.skipModalWithTimer&&n.jsxDEV(i.CloseButtonWithTimer,{"data-test":(e["data-test"]||"")+"-timer-close-button",onClick:()=>{t>0||e.onClose&&e.onClose()},timerExists:t>0,children:[t>0?n.jsxDEV(h.BodySecondary,{children:["Skip in ",t," sec "]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/Modal.tsx",lineNumber:135,columnNumber:12},void 0):n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/Modal.tsx",lineNumber:137,columnNumber:12},void 0),n.jsxDEV(c.default,{height:20,width:20,color:t>0?s.COLORS.stroke.primary:s.COLORS.content.secondary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/Modal.tsx",lineNumber:139,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/Modal.tsx",lineNumber:124,columnNumber:10},void 0),e.children]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/Modal.tsx",lineNumber:110,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/Modal.tsx",lineNumber:103,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/Modal.tsx",lineNumber:98,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/Modal.tsx",lineNumber:97,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/Modal.tsx",lineNumber:95,columnNumber:3},void 0)};exports.Modal=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),s=require("react"),r=require("./modal.styled.js"),l=require("../../constants/Theme.js"),m=require("../../assets/icons/cross.svg.js"),b=require("../TypographyStyle.js"),k=e=>{const[o,c]=s.useState(e.timeOut||5);s.useEffect(()=>{if(!e.skipModalWithTimer)return;const i=setInterval(()=>{c(a=>{const t=a-1;return t<=0?(clearInterval(i),0):t})},1e3);return()=>clearInterval(i)},[e.skipModalWithTimer]),s.useEffect(()=>{if(!e.open||!e.onClose||!(e.closeOnEscapeKey??!0))return;const a=e.onClose,t=u=>{u.key==="Escape"&&(e.skipModalWithTimer&&o>0||a())};return document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}},[e.open,e.onClose,e.closeOnEscapeKey,e.skipModalWithTimer,o]);const d=i=>{if(!e.closeOnOutsideClick||!e.onClose){i.stopPropagation();return}if(e.skipModalWithTimer&&o>0){i.stopPropagation();return}e.onClose()};return n.jsxDEV(n.Fragment,{children:e.open&&n.jsxDEV("div",{id:e.id||"bik-modal",children:n.jsxDEV(r.RootContainer,{"data-test":e["data-test"],zIndex:e.zIndex,onClick:d,children:n.jsxDEV(r.CentralContainer,{style:{...e.centralContainerStyles??{}},onClick:i=>{i.stopPropagation()},width:e.width,children:n.jsxDEV(n.Fragment,{children:[!e?.hideCrossButton&&!e.skipModalWithTimer&&n.jsxDEV(r.CloseButtonContainer,{"data-test":(e["data-test"]||"")+"-close-button",onClick:()=>e.onClose&&e.onClose(),children:n.jsxDEV(m.default,{height:20,width:20,color:l.COLORS.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/Modal.tsx",lineNumber:116,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/Modal.tsx",lineNumber:112,columnNumber:10},void 0),e.skipModalWithTimer&&n.jsxDEV(r.CloseButtonWithTimer,{"data-test":(e["data-test"]||"")+"-timer-close-button",onClick:()=>{o>0||e.onClose&&e.onClose()},timerExists:o>0,children:[o>0?n.jsxDEV(b.BodySecondary,{children:["Skip in ",o," sec "]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/Modal.tsx",lineNumber:135,columnNumber:12},void 0):n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/Modal.tsx",lineNumber:137,columnNumber:12},void 0),n.jsxDEV(m.default,{height:20,width:20,color:o>0?l.COLORS.stroke.primary:l.COLORS.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/Modal.tsx",lineNumber:139,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/Modal.tsx",lineNumber:124,columnNumber:10},void 0),e.children]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/Modal.tsx",lineNumber:110,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/Modal.tsx",lineNumber:103,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/Modal.tsx",lineNumber:98,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/Modal.tsx",lineNumber:97,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/Modal.tsx",lineNumber:95,columnNumber:3},void 0)};exports.Modal=k;
 //# sourceMappingURL=Modal.js.map

package/dist/cjs/components/modals/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../../src/components/modals/Modal.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n\tCentralContainer,\n\tCloseButtonContainer,\n\tCloseButtonWithTimer,\n\tRootContainer,\n} from '@src/components/modals/modal.styled';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { BodySecondary } from '../TypographyStyle';\n\nexport const Modal: React.FC<{\n\t'data-test'?: string;\n\topen: boolean;\n\tonClose?: () => void;\n\tchildren?: React.ReactNode;\n\tcentralContainerStyles?: React.CSSProperties;\n\tcloseOnOutsideClick?: boolean;\n\tcloseOnEscapeKey?: boolean;\n\tzIndex?: number;\n\thideCrossButton?: boolean;\n\twidth?: string;\n\tid?: string;\n\tskipModalWithTimer?: boolean;\n\ttimeOut?: number;\n}> = (props) => {\n\tconst [timer, setTimer] = useState(props.timeOut || 5);\n\n\t// Timercountdown effect for skipModalWithTimer feature\n\tuseEffect(() => {\n\t\tif (!props.skipModalWithTimer) return;\n\n\t\tconst interval = setInterval(() => {\n\t\t\tsetTimer((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 0;\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.skipModalWithTimer]);\n\n\t// Escape key handler - enabled by default\n\tuseEffect(() => {\n\t\tif (!props.open) return;\n\t\tif (!props.onClose) return;\n\t\tconst escapeEnabled = props.closeOnEscapeKey ?? true;\n\t\tif (!escapeEnabled) return;\n\n\t\t// Capture onClose for use in handler (TypeScript knows it's defined here)\n\t\tconst onClose = props.onClose;\n\n\t\tconst handleEscapeKey = (event: KeyboardEvent) => {\n\t\t\tif (event.key !== 'Escape') return;\n\n\t\t\tif (props.skipModalWithTimer && timer > 0) return;\n\n\t\t\tonClose();\n\t\t};\n\n\t\tdocument.addEventListener('keydown', handleEscapeKey);\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('keydown', handleEscapeKey);\n\t\t};\n\t}, [\n\t\tprops.open,\n\t\tprops.onClose,\n\t\tprops.closeOnEscapeKey,\n\t\tprops.skipModalWithTimer,\n\t\ttimer,\n\t]);\n\n\tconst handleOverlayClickOnCancel = (\n\t\te: React.MouseEvent<HTMLDivElement, MouseEvent>,\n\t) => {\n\t\tif (!props.closeOnOutsideClick || !props.onClose) {\n\t\t\te.stopPropagation();\n\t\t\treturn;\n\t\t}\n\n\t\tif (props.skipModalWithTimer && timer > 0) {\n\t\t\te.stopPropagation();\n\t\t\treturn;\n\t\t}\n\n\t\tprops.onClose();\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{props.open && (\n\t\t\t\t<div id={props.id || 'bik-modal'}>\n\t\t\t\t\t<RootContainer\n\t\t\t\t\t\tdata-test={props['data-test']}\n\t\t\t\t\t\tzIndex={props.zIndex}\n\t\t\t\t\t\tonClick={handleOverlayClickOnCancel}\n\t\t\t\t\t>\n\t\t\t\t\t\t<CentralContainer\n\t\t\t\t\t\t\tstyle={{ ...(props.centralContainerStyles ?? {}) }}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\twidth={props.width}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{!props?.hideCrossButton && !props.skipModalWithTimer && (\n\t\t\t\t\t\t\t\t\t<CloseButtonContainer\n\t\t\t\t\t\t\t\t\t\tdata-test={(props['data-test'] || '') + '-close-button'}\n\t\t\t\t\t\t\t\t\t\tonClick={() => props.onClose && props.onClose()}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</CloseButtonContainer>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{props.skipModalWithTimer && (\n\t\t\t\t\t\t\t\t\t<CloseButtonWithTimer\n\t\t\t\t\t\t\t\t\t\tdata-test={\n\t\t\t\t\t\t\t\t\t\t\t(props['data-test'] || '') + '-timer-close-button'\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tif (timer > 0) return;\n\t\t\t\t\t\t\t\t\t\t\tprops.onClose && props.onClose();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\ttimerExists={timer > 0}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{timer > 0 ? (\n\t\t\t\t\t\t\t\t\t\t\t<BodySecondary>Skip in {timer} sec </BodySecondary>\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t\t\t\ttimer > 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.stroke.primary\n\t\t\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.secondary\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</CloseButtonWithTimer>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{props.children}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t</CentralContainer>\n\t\t\t\t\t</RootContainer>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["Modal","props","timer","setTimer","useState","useEffect","interval","prev","next","onClose","handleEscapeKey","event","handleOverlayClickOnCancel","e","jsxDEV","Fragment","RootContainer","CentralContainer","CloseButtonContainer","CrossIcon","COLORS","this","CloseButtonWithTimer","BodySecondary"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../../../src/components/modals/Modal.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n\tCentralContainer,\n\tCloseButtonContainer,\n\tCloseButtonWithTimer,\n\tRootContainer,\n} from '@src/components/modals/modal.styled';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { BodySecondary } from '../TypographyStyle';\n\nexport const Modal: React.FC<{\n\t'data-test'?: string;\n\topen: boolean;\n\tonClose?: () => void;\n\tchildren?: React.ReactNode;\n\tcentralContainerStyles?: React.CSSProperties;\n\tcloseOnOutsideClick?: boolean;\n\tcloseOnEscapeKey?: boolean;\n\tzIndex?: number;\n\thideCrossButton?: boolean;\n\twidth?: string;\n\tid?: string;\n\tskipModalWithTimer?: boolean;\n\ttimeOut?: number;\n}> = (props) => {\n\tconst [timer, setTimer] = useState(props.timeOut || 5);\n\n\t// Timercountdown effect for skipModalWithTimer feature\n\tuseEffect(() => {\n\t\tif (!props.skipModalWithTimer) return;\n\n\t\tconst interval = setInterval(() => {\n\t\t\tsetTimer((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 0;\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.skipModalWithTimer]);\n\n\t// Escape key handler - enabled by default\n\tuseEffect(() => {\n\t\tif (!props.open) return;\n\t\tif (!props.onClose) return;\n\t\tconst escapeEnabled = props.closeOnEscapeKey ?? true;\n\t\tif (!escapeEnabled) return;\n\n\t\t// Capture onClose for use in handler (TypeScript knows it's defined here)\n\t\tconst onClose = props.onClose;\n\n\t\tconst handleEscapeKey = (event: KeyboardEvent) => {\n\t\t\tif (event.key !== 'Escape') return;\n\n\t\t\tif (props.skipModalWithTimer && timer > 0) return;\n\n\t\t\tonClose();\n\t\t};\n\n\t\tdocument.addEventListener('keydown', handleEscapeKey);\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('keydown', handleEscapeKey);\n\t\t};\n\t}, [\n\t\tprops.open,\n\t\tprops.onClose,\n\t\tprops.closeOnEscapeKey,\n\t\tprops.skipModalWithTimer,\n\t\ttimer,\n\t]);\n\n\tconst handleOverlayClickOnCancel = (\n\t\te: React.MouseEvent<HTMLDivElement, MouseEvent>,\n\t) => {\n\t\tif (!props.closeOnOutsideClick || !props.onClose) {\n\t\t\te.stopPropagation();\n\t\t\treturn;\n\t\t}\n\n\t\tif (props.skipModalWithTimer && timer > 0) {\n\t\t\te.stopPropagation();\n\t\t\treturn;\n\t\t}\n\n\t\tprops.onClose();\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{props.open && (\n\t\t\t\t<div id={props.id || 'bik-modal'}>\n\t\t\t\t\t<RootContainer\n\t\t\t\t\t\tdata-test={props['data-test']}\n\t\t\t\t\t\tzIndex={props.zIndex}\n\t\t\t\t\t\tonClick={handleOverlayClickOnCancel}\n\t\t\t\t\t>\n\t\t\t\t\t\t<CentralContainer\n\t\t\t\t\t\t\tstyle={{ ...(props.centralContainerStyles ?? {}) }}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\twidth={props.width}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{!props?.hideCrossButton && !props.skipModalWithTimer && (\n\t\t\t\t\t\t\t\t\t<CloseButtonContainer\n\t\t\t\t\t\t\t\t\t\tdata-test={(props['data-test'] || '') + '-close-button'}\n\t\t\t\t\t\t\t\t\t\tonClick={() => props.onClose && props.onClose()}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</CloseButtonContainer>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{props.skipModalWithTimer && (\n\t\t\t\t\t\t\t\t\t<CloseButtonWithTimer\n\t\t\t\t\t\t\t\t\t\tdata-test={\n\t\t\t\t\t\t\t\t\t\t\t(props['data-test'] || '') + '-timer-close-button'\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tif (timer > 0) return;\n\t\t\t\t\t\t\t\t\t\t\tprops.onClose && props.onClose();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\ttimerExists={timer > 0}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{timer > 0 ? (\n\t\t\t\t\t\t\t\t\t\t\t<BodySecondary>Skip in {timer} sec </BodySecondary>\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t\t\t\ttimer > 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.stroke.primary\n\t\t\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.secondary\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</CloseButtonWithTimer>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{props.children}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t</CentralContainer>\n\t\t\t\t\t</RootContainer>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["Modal","props","timer","setTimer","useState","useEffect","interval","prev","next","onClose","handleEscapeKey","event","handleOverlayClickOnCancel","e","jsxDEV","Fragment","RootContainer","CentralContainer","CloseButtonContainer","CrossIcon","COLORS","this","CloseButtonWithTimer","BodySecondary"],"mappings":"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"}

package/dist/cjs/components/modals/styledModal.js

@@ -1,48 +1,48 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),s=require("../../assets/icons/arrow_back.svg.js"),c=require("react-dom"),u=require("styled-components"),m=require("./Modal.js"),o=require("../TypographyStyle.js"),l=require("../../constants/Theme.js"),d=require("../button/Button.js"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},f=a(c),n=a(u),h=n.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),d=require("../../assets/icons/arrow_back.svg.js"),m=require("react-dom"),c=require("styled-components"),u=require("./Modal.js"),o=require("../TypographyStyle.js"),i=require("../../constants/Theme.js"),l=require("../button/Button.js"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},b=s(m),n=s(c),y=n.default.div`
 	display: flex;
 	flex-direction: column;
 	flex: 1;
 	align-items: flex-start;
 	overflow: hidden;
 	max-width: 100%;
-`,b=n.default.div`
+`,f=n.default.div`
 	padding: 16px 24px;
 	width: 100%;
 	display: flex;
 	flex-direction: row;
 	gap: 12px;
 	justify-content: center;
-	background-color: ${e=>e.tintedHeader?l.COLORS.background.warning.light:"transparent"};
+	background-color: ${e=>e.tintedHeader?i.COLORS.background.warning.light:"transparent"};
 	border-top-left-radius: ${e=>e.tintedHeader?"4px":"none"};
-`,i=n.default.div`
+`,a=n.default.div`
 	display: flex;
 	flex-direction: column;
-`,y=n.default.div`
+`,h=n.default.div`
 	display: flex;
 	margin-left: auto;
 	justify-content: flex-end;
 	align-items: center;
-`,x=n.default(o.BodyPrimary)`
+`,k=n.default(o.BodyPrimary)`
 	margin-top: 4px;
-	color: ${l.COLORS.content.secondary} !important;
-`,N=n.default.div`
+	color: ${i.COLORS.content.secondary} !important;
+`,x=n.default.div`
 	padding: 16px 24px;
 	display: flex;
 	align-items: center;
 	justify-content: end;
 	margin-top: auto;
 	width: 100%;
-`,k=n.default.div`
+`,v=n.default.div`
 	margin-right: auto;
 	display: flex;
 	align-items: center;
 	justify-content: flex-end;
 	height: calc(100% - 32px);
-`,j=n.default.div`
+`,N=n.default.div`
 	width: 100%;
 	z-index: 1;
 	box-shadow: ${e=>e.showShadow?"inset 0 -3px 6px rgba(0, 0, 0, 0.12)":"none"};
-`,g=n.default(d.Button)`
+`,p=n.default(l.Button)`
 	margin-right: 8px;
-`,M=e=>typeof window>"u"?null:f.default.createPortal(t.jsxDEV(m.Modal,{"data-test":e["data-test"],id:e.id,zIndex:e.zIndex,open:e.open,onClose:e.onClose,closeOnOutsideClick:e.closeOnOutsideClick,closeOnEscapeKey:e.closeOnEscapeKey,centralContainerStyles:e.centralContainerStyles,hideCrossButton:e.hideCrossButton,width:e.width,skipModalWithTimer:e.skipModalWithTimer,timeOut:e.timeOut,children:t.jsxDEV(h,{style:e.wrapperStyle??{},id:e.innerModalId,children:[(e.headingTitle||e.headingSubtitle||e.headerRightCustomElement)&&t.jsxDEV(b,{style:e.modalHeaderStyles??{},tintedHeader:e.tintedHeader??!1,children:[e.onBackPress&&t.jsxDEV("div",{style:{cursor:"pointer"},onClick:r=>{e.onBackPress?e.onBackPress():r.stopPropagation()},children:t.jsxDEV(s.default,{width:18,height:18},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:145,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:139,columnNumber:8},void 0),t.jsxDEV("div",{style:{flex:1},children:[t.jsxDEV("div",{style:{display:"flex",gap:"8px",alignItems:"center"},children:[t.jsxDEV(i,{children:[" ",e.headingTitle&&t.jsxDEV(o.TitleMedium,{children:e.headingTitle},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:159,columnNumber:11},void 0)," "]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:156,columnNumber:9},void 0),e.isBeta&&t.jsxDEV("div",{style:{padding:"2px 8px",borderRadius:"16px",backgroundColor:"#1877f2",height:"fit-content",width:"fit-content"},children:t.jsxDEV(o.BodyCaption,{style:{color:l.COLORS.surface.standard},children:"BETA"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:172,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:163,columnNumber:10},void 0),e.headerLeftCustomElement]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:149,columnNumber:8},void 0),t.jsxDEV(i,{children:[" ",e.headingSubtitle&&t.jsxDEV(x,{children:e.headingSubtitle},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:182,columnNumber:10},void 0)," "]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:179,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:148,columnNumber:7},void 0),e.headerRightCustomElement&&t.jsxDEV(y,{children:[" ",e.headerRightCustomElement," "]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:187,columnNumber:8},void 0)," "]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:134,columnNumber:6},void 0),e.children&&t.jsxDEV(j,{style:e.modalBodyStyles??{},showShadow:e.footerShadow??!1,children:[e.children," "]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:195,columnNumber:6},void 0),(e.primaryButton||e.secondaryButton||e.footerLeftCustomElement)&&t.jsxDEV(N,{style:e.footerContainerStyle,children:[e.footerLeftCustomElement&&t.jsxDEV(k,{children:e.footerLeftCustomElement},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:207,columnNumber:8},void 0),e.secondaryButton&&t.jsxDEV(g,{...e.secondaryButton},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:212,columnNumber:8},void 0),e.primaryButton&&t.jsxDEV(d.Button,{...e.primaryButton},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:214,columnNumber:31},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:205,columnNumber:6},void 0)," "]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:130,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:116,columnNumber:3},void 0),document.body);exports.StyledModal=M;
+`,D=e=>typeof window>"u"?null:b.default.createPortal(t.jsxDEV(u.Modal,{"data-test":e["data-test"],id:e.id,zIndex:e.zIndex,open:e.open,onClose:e.onClose,closeOnOutsideClick:e.closeOnOutsideClick,closeOnEscapeKey:e.closeOnEscapeKey,centralContainerStyles:e.centralContainerStyles,hideCrossButton:e.hideCrossButton,width:e.width,skipModalWithTimer:e.skipModalWithTimer,timeOut:e.timeOut,children:t.jsxDEV(y,{style:e.wrapperStyle??{},id:e.innerModalId,children:[(e.headingTitle||e.headingSubtitle||e.headerRightCustomElement)&&t.jsxDEV(f,{style:e.modalHeaderStyles??{},tintedHeader:e.tintedHeader??!1,children:[e.onBackPress&&t.jsxDEV("div",{style:{cursor:"pointer"},onClick:r=>{e.onBackPress?e.onBackPress():r.stopPropagation()},children:t.jsxDEV(d.default,{width:18,height:18},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:145,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:139,columnNumber:8},void 0),t.jsxDEV("div",{style:{flex:1},children:[t.jsxDEV("div",{style:{display:"flex",gap:"8px",alignItems:"center"},children:[t.jsxDEV(a,{children:[" ",e.headingTitle&&t.jsxDEV(o.TitleMedium,{children:e.headingTitle},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:159,columnNumber:11},void 0)," "]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:156,columnNumber:9},void 0),e.isBeta&&t.jsxDEV("div",{style:{padding:"2px 8px",borderRadius:"16px",backgroundColor:"#1877f2",height:"fit-content",width:"fit-content"},children:t.jsxDEV(o.BodyCaption,{style:{color:i.COLORS.surface.standard},children:"BETA"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:172,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:163,columnNumber:10},void 0),e.headerLeftCustomElement]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:149,columnNumber:8},void 0),t.jsxDEV(a,{children:[" ",e.headingSubtitle&&t.jsxDEV(k,{children:e.headingSubtitle},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:182,columnNumber:10},void 0)," "]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:179,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:148,columnNumber:7},void 0),e.headerRightCustomElement&&t.jsxDEV(h,{children:[" ",e.headerRightCustomElement," "]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:187,columnNumber:8},void 0)," "]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:134,columnNumber:6},void 0),e.children&&t.jsxDEV(N,{style:e.modalBodyStyles??{},showShadow:e.footerShadow??!1,children:[e.children," "]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:195,columnNumber:6},void 0),(e.primaryButton||e.secondaryButton||e.footerLeftCustomElement)&&t.jsxDEV(x,{style:e.footerContainerStyle,children:[e.footerLeftCustomElement&&t.jsxDEV(v,{children:e.footerLeftCustomElement},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:207,columnNumber:8},void 0),e.secondaryButton&&t.jsxDEV(p,{...e.secondaryButton},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:212,columnNumber:8},void 0),e.primaryButton&&t.jsxDEV(l.Button,{...e.primaryButton},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:214,columnNumber:31},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:205,columnNumber:6},void 0)," "]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:130,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/modals/styledModal.tsx",lineNumber:116,columnNumber:3},void 0),document.body);exports.StyledModal=D;
 //# sourceMappingURL=styledModal.js.map

package/dist/cjs/components/modals/styledModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"styledModal.js","sources":["../../../../src/components/modals/styledModal.tsx"],"sourcesContent":["import BackIcon from '@src/assets/icons/arrow_back.svg';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport styled from 'styled-components';\nimport { Button } from '@src/components/button';\nimport { Modal } from '@src/components/modals/Modal';\nimport {\n\tBodyCaption,\n\tBodyPrimary,\n\tTitleMedium,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { ButtonProps } from '../button/model';\n\nconst ModalWrapper = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1;\n\talign-items: flex-start;\n\toverflow: hidden;\n\tmax-width: 100%;\n`;\nconst ModalHeader = styled.div<{\n\ttintedHeader: boolean;\n}>`\n\tpadding: 16px 24px;\n\twidth: 100%;\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 12px;\n\tjustify-content: center;\n\tbackground-color: ${(props) =>\n\t\tprops.tintedHeader ? COLORS.background.warning.light : 'transparent'};\n\tborder-top-left-radius: ${(props) => (props.tintedHeader ? '4px' : 'none')};\n`;\n\nconst ModalTitles = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n`;\n\nconst ModalCustomisation = styled.div`\n\tdisplay: flex;\n\tmargin-left: auto;\n\tjustify-content: flex-end;\n\talign-items: center;\n`;\n\nconst ModalSubtitle = styled(BodyPrimary)`\n\tmargin-top: 4px;\n\tcolor: ${COLORS.content.secondary} !important;\n`;\n\nconst ModalFooter = styled.div`\n\tpadding: 16px 24px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: end;\n\tmargin-top: auto;\n\twidth: 100%;\n`;\n\nconst ModalFooterRightCustomisation = styled.div`\n\tmargin-right: auto;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n\theight: calc(100% - 32px);\n`;\n\nconst ModalBody = styled.div<{\n\tshowShadow: boolean;\n}>`\n\twidth: 100%;\n\tz-index: 1;\n\tbox-shadow: ${(props) =>\n\t\tprops.showShadow ? 'inset 0 -3px 6px rgba(0, 0, 0, 0.12)' : 'none'};\n`;\nconst SecondaryButtonWrapper = styled(Button)`\n\tmargin-right: 8px;\n`;\nexport const StyledModal: React.FC<{\n\t'data-test'?: string;\n\topen: boolean;\n\tonClose?: () => void;\n\tchildren?: React.ReactNode;\n\tcentralContainerStyles?: React.CSSProperties;\n\tcloseOnOutsideClick?: boolean;\n\tcloseOnEscapeKey?: boolean;\n\theadingTitle?: string;\n\theadingSubtitle?: string;\n\ttintedHeader?: boolean;\n\tprimaryButton?: ButtonProps;\n\tsecondaryButton?: ButtonProps;\n\tfooterShadow?: boolean;\n\tfooterLeftCustomElement?: React.ReactNode;\n\theaderLeftCustomElement?: React.ReactNode;\n\theaderRightCustomElement?: React.ReactNode;\n\tzIndex?: number;\n\thideCrossButton?: boolean;\n\twidth?: string;\n\twrapperStyle?: React.CSSProperties;\n\tonBackPress?: () => void;\n\tfooterContainerStyle?: React.CSSProperties;\n\tid?: string;\n\tmodalHeaderStyles?: React.CSSProperties;\n\tinnerModalId?: string;\n\tisBeta?: boolean;\n\tmodalBodyStyles?: React.CSSProperties;\n\tskipModalWithTimer?: boolean;\n\ttimeOut?: number;\n}> = (props) => {\n\tif (typeof window === 'undefined') return null;\n\n\treturn ReactDOM.createPortal(\n\t\t<Modal\n\t\t\tdata-test={props['data-test']}\n\t\t\tid={props.id}\n\t\t\tzIndex={props.zIndex}\n\t\t\topen={props.open}\n\t\t\tonClose={props.onClose}\n\t\t\tcloseOnOutsideClick={props.closeOnOutsideClick}\n\t\t\tcloseOnEscapeKey={props.closeOnEscapeKey}\n\t\t\tcentralContainerStyles={props.centralContainerStyles}\n\t\t\thideCrossButton={props.hideCrossButton}\n\t\t\twidth={props.width}\n\t\t\tskipModalWithTimer={props.skipModalWithTimer}\n\t\t\ttimeOut={props.timeOut}\n\t\t>\n\t\t\t<ModalWrapper style={props.wrapperStyle ?? {}} id={props.innerModalId}>\n\t\t\t\t{(props.headingTitle ||\n\t\t\t\t\tprops.headingSubtitle ||\n\t\t\t\t\tprops.headerRightCustomElement) && (\n\t\t\t\t\t<ModalHeader\n\t\t\t\t\t\tstyle={props.modalHeaderStyles ?? {}}\n\t\t\t\t\t\ttintedHeader={props.tintedHeader ?? false}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.onBackPress && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\tprops.onBackPress ? props.onBackPress() : e.stopPropagation();\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<BackIcon width={18} height={18} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tgap: '8px',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<ModalTitles>\n\t\t\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t\t\t{props.headingTitle && (\n\t\t\t\t\t\t\t\t\t\t<TitleMedium>{props.headingTitle}</TitleMedium>\n\t\t\t\t\t\t\t\t\t)}{' '}\n\t\t\t\t\t\t\t\t</ModalTitles>\n\t\t\t\t\t\t\t\t{props.isBeta && (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tpadding: '2px 8px',\n\t\t\t\t\t\t\t\t\t\t\tborderRadius: '16px',\n\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: '#1877f2',\n\t\t\t\t\t\t\t\t\t\t\theight: 'fit-content',\n\t\t\t\t\t\t\t\t\t\t\twidth: 'fit-content',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.surface.standard }}>\n\t\t\t\t\t\t\t\t\t\t\tBETA\n\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{props.headerLeftCustomElement}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<ModalTitles>\n\t\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t\t{props.headingSubtitle && (\n\t\t\t\t\t\t\t\t\t<ModalSubtitle>{props.headingSubtitle}</ModalSubtitle>\n\t\t\t\t\t\t\t\t)}{' '}\n\t\t\t\t\t\t\t</ModalTitles>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{props.headerRightCustomElement && (\n\t\t\t\t\t\t\t<ModalCustomisation>\n\t\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t\t{props.headerRightCustomElement}{' '}\n\t\t\t\t\t\t\t</ModalCustomisation>\n\t\t\t\t\t\t)}{' '}\n\t\t\t\t\t</ModalHeader>\n\t\t\t\t)}\n\t\t\t\t{props.children && (\n\t\t\t\t\t<ModalBody\n\t\t\t\t\t\tstyle={props.modalBodyStyles ?? {}}\n\t\t\t\t\t\tshowShadow={props.footerShadow ?? false}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.children}{' '}\n\t\t\t\t\t</ModalBody>\n\t\t\t\t)}\n\t\t\t\t{(props.primaryButton ||\n\t\t\t\t\tprops.secondaryButton ||\n\t\t\t\t\tprops.footerLeftCustomElement) && (\n\t\t\t\t\t<ModalFooter style={props.footerContainerStyle}>\n\t\t\t\t\t\t{props.footerLeftCustomElement && (\n\t\t\t\t\t\t\t<ModalFooterRightCustomisation>\n\t\t\t\t\t\t\t\t{props.footerLeftCustomElement}\n\t\t\t\t\t\t\t</ModalFooterRightCustomisation>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{props.secondaryButton && (\n\t\t\t\t\t\t\t<SecondaryButtonWrapper {...props.secondaryButton} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{props.primaryButton && <Button {...props.primaryButton} />}\n\t\t\t\t\t</ModalFooter>\n\t\t\t\t)}{' '}\n\t\t\t</ModalWrapper>\n\t\t</Modal>,\n\t\tdocument.body,\n\t);\n};\n"],"names":["ModalWrapper","styled","ModalHeader","props","COLORS","ModalTitles","ModalCustomisation","ModalSubtitle","BodyPrimary","ModalFooter","ModalFooterRightCustomisation","ModalBody","SecondaryButtonWrapper","Button","StyledModal","ReactDOM","jsxDEV","Modal","e","BackIcon","this","TitleMedium","BodyCaption"],"mappings":"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"}
+{"version":3,"file":"styledModal.js","sources":["../../../../src/components/modals/styledModal.tsx"],"sourcesContent":["import BackIcon from '@src/assets/icons/arrow_back.svg';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport styled from 'styled-components';\nimport { Button } from '@src/components/button';\nimport { Modal } from '@src/components/modals/Modal';\nimport {\n\tBodyCaption,\n\tBodyPrimary,\n\tTitleMedium,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { ButtonProps } from '../button/model';\n\nconst ModalWrapper = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1;\n\talign-items: flex-start;\n\toverflow: hidden;\n\tmax-width: 100%;\n`;\nconst ModalHeader = styled.div<{\n\ttintedHeader: boolean;\n}>`\n\tpadding: 16px 24px;\n\twidth: 100%;\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 12px;\n\tjustify-content: center;\n\tbackground-color: ${(props) =>\n\t\tprops.tintedHeader ? COLORS.background.warning.light : 'transparent'};\n\tborder-top-left-radius: ${(props) => (props.tintedHeader ? '4px' : 'none')};\n`;\n\nconst ModalTitles = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n`;\n\nconst ModalCustomisation = styled.div`\n\tdisplay: flex;\n\tmargin-left: auto;\n\tjustify-content: flex-end;\n\talign-items: center;\n`;\n\nconst ModalSubtitle = styled(BodyPrimary)`\n\tmargin-top: 4px;\n\tcolor: ${COLORS.content.secondary} !important;\n`;\n\nconst ModalFooter = styled.div`\n\tpadding: 16px 24px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: end;\n\tmargin-top: auto;\n\twidth: 100%;\n`;\n\nconst ModalFooterRightCustomisation = styled.div`\n\tmargin-right: auto;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n\theight: calc(100% - 32px);\n`;\n\nconst ModalBody = styled.div<{\n\tshowShadow: boolean;\n}>`\n\twidth: 100%;\n\tz-index: 1;\n\tbox-shadow: ${(props) =>\n\t\tprops.showShadow ? 'inset 0 -3px 6px rgba(0, 0, 0, 0.12)' : 'none'};\n`;\nconst SecondaryButtonWrapper = styled(Button)`\n\tmargin-right: 8px;\n`;\nexport const StyledModal: React.FC<{\n\t'data-test'?: string;\n\topen: boolean;\n\tonClose?: () => void;\n\tchildren?: React.ReactNode;\n\tcentralContainerStyles?: React.CSSProperties;\n\tcloseOnOutsideClick?: boolean;\n\tcloseOnEscapeKey?: boolean;\n\theadingTitle?: string;\n\theadingSubtitle?: string;\n\ttintedHeader?: boolean;\n\tprimaryButton?: ButtonProps;\n\tsecondaryButton?: ButtonProps;\n\tfooterShadow?: boolean;\n\tfooterLeftCustomElement?: React.ReactNode;\n\theaderLeftCustomElement?: React.ReactNode;\n\theaderRightCustomElement?: React.ReactNode;\n\tzIndex?: number;\n\thideCrossButton?: boolean;\n\twidth?: string;\n\twrapperStyle?: React.CSSProperties;\n\tonBackPress?: () => void;\n\tfooterContainerStyle?: React.CSSProperties;\n\tid?: string;\n\tmodalHeaderStyles?: React.CSSProperties;\n\tinnerModalId?: string;\n\tisBeta?: boolean;\n\tmodalBodyStyles?: React.CSSProperties;\n\tskipModalWithTimer?: boolean;\n\ttimeOut?: number;\n}> = (props) => {\n\tif (typeof window === 'undefined') return null;\n\n\treturn ReactDOM.createPortal(\n\t\t<Modal\n\t\t\tdata-test={props['data-test']}\n\t\t\tid={props.id}\n\t\t\tzIndex={props.zIndex}\n\t\t\topen={props.open}\n\t\t\tonClose={props.onClose}\n\t\t\tcloseOnOutsideClick={props.closeOnOutsideClick}\n\t\t\tcloseOnEscapeKey={props.closeOnEscapeKey}\n\t\t\tcentralContainerStyles={props.centralContainerStyles}\n\t\t\thideCrossButton={props.hideCrossButton}\n\t\t\twidth={props.width}\n\t\t\tskipModalWithTimer={props.skipModalWithTimer}\n\t\t\ttimeOut={props.timeOut}\n\t\t>\n\t\t\t<ModalWrapper style={props.wrapperStyle ?? {}} id={props.innerModalId}>\n\t\t\t\t{(props.headingTitle ||\n\t\t\t\t\tprops.headingSubtitle ||\n\t\t\t\t\tprops.headerRightCustomElement) && (\n\t\t\t\t\t<ModalHeader\n\t\t\t\t\t\tstyle={props.modalHeaderStyles ?? {}}\n\t\t\t\t\t\ttintedHeader={props.tintedHeader ?? false}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.onBackPress && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\tprops.onBackPress ? props.onBackPress() : e.stopPropagation();\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<BackIcon width={18} height={18} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tgap: '8px',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<ModalTitles>\n\t\t\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t\t\t{props.headingTitle && (\n\t\t\t\t\t\t\t\t\t\t<TitleMedium>{props.headingTitle}</TitleMedium>\n\t\t\t\t\t\t\t\t\t)}{' '}\n\t\t\t\t\t\t\t\t</ModalTitles>\n\t\t\t\t\t\t\t\t{props.isBeta && (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tpadding: '2px 8px',\n\t\t\t\t\t\t\t\t\t\t\tborderRadius: '16px',\n\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: '#1877f2',\n\t\t\t\t\t\t\t\t\t\t\theight: 'fit-content',\n\t\t\t\t\t\t\t\t\t\t\twidth: 'fit-content',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.surface.standard }}>\n\t\t\t\t\t\t\t\t\t\t\tBETA\n\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{props.headerLeftCustomElement}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<ModalTitles>\n\t\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t\t{props.headingSubtitle && (\n\t\t\t\t\t\t\t\t\t<ModalSubtitle>{props.headingSubtitle}</ModalSubtitle>\n\t\t\t\t\t\t\t\t)}{' '}\n\t\t\t\t\t\t\t</ModalTitles>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{props.headerRightCustomElement && (\n\t\t\t\t\t\t\t<ModalCustomisation>\n\t\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t\t{props.headerRightCustomElement}{' '}\n\t\t\t\t\t\t\t</ModalCustomisation>\n\t\t\t\t\t\t)}{' '}\n\t\t\t\t\t</ModalHeader>\n\t\t\t\t)}\n\t\t\t\t{props.children && (\n\t\t\t\t\t<ModalBody\n\t\t\t\t\t\tstyle={props.modalBodyStyles ?? {}}\n\t\t\t\t\t\tshowShadow={props.footerShadow ?? false}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.children}{' '}\n\t\t\t\t\t</ModalBody>\n\t\t\t\t)}\n\t\t\t\t{(props.primaryButton ||\n\t\t\t\t\tprops.secondaryButton ||\n\t\t\t\t\tprops.footerLeftCustomElement) && (\n\t\t\t\t\t<ModalFooter style={props.footerContainerStyle}>\n\t\t\t\t\t\t{props.footerLeftCustomElement && (\n\t\t\t\t\t\t\t<ModalFooterRightCustomisation>\n\t\t\t\t\t\t\t\t{props.footerLeftCustomElement}\n\t\t\t\t\t\t\t</ModalFooterRightCustomisation>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{props.secondaryButton && (\n\t\t\t\t\t\t\t<SecondaryButtonWrapper {...props.secondaryButton} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{props.primaryButton && <Button {...props.primaryButton} />}\n\t\t\t\t\t</ModalFooter>\n\t\t\t\t)}{' '}\n\t\t\t</ModalWrapper>\n\t\t</Modal>,\n\t\tdocument.body,\n\t);\n};\n"],"names":["ModalWrapper","styled","ModalHeader","props","COLORS","ModalTitles","ModalCustomisation","ModalSubtitle","BodyPrimary","ModalFooter","ModalFooterRightCustomisation","ModalBody","SecondaryButtonWrapper","Button","StyledModal","ReactDOM","jsxDEV","Modal","e","BackIcon","this","TitleMedium","BodyCaption"],"mappings":"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"}

package/dist/cjs/components/multi-level-dropdown/GroupedMenuList.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),m=require("../../constants/Theme.js"),a=require("../TypographyStyle.js"),b=require("./MenuItem.js"),y=require("./MultiLevelDropdown.styled.js"),h=({width:n,onDropdownItemClick:o,option:r,parents:t,allowParentSelection:u,maxLevels:i,hideGroupLabel:s,currentLevel:l,renderNestedMenu:c})=>e.jsxDEV(y.GroupedMenuListContainer,{children:[!s&&e.jsxDEV(a.BodyTiny,{style:{padding:"4px 8px 4px 12px",cursor:"default"},color:m.COLORS.content.placeholder,children:r.label},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/GroupedMenuList.tsx",lineNumber:39,columnNumber:5},void 0),r.options.map((d,p)=>e.jsxDEV(b.MenuItem,{width:n,onDropdownItemClick:o,option:d,parents:t,allowParentSelection:u,maxLevels:i,currentLevel:l,renderNestedMenu:c},p,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/GroupedMenuList.tsx",lineNumber:50,columnNumber:5},void 0))]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/GroupedMenuList.tsx",lineNumber:37,columnNumber:3},void 0);exports.GroupedMenuList=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),d=require("../../constants/Theme.js"),c=require("../TypographyStyle.js"),b=require("./MenuItem.js"),y=require("./MultiLevelDropdown.styled.js"),v=({width:n,onDropdownItemClick:o,option:r,parents:i,allowParentSelection:t,maxLevels:s,hideGroupLabel:u,currentLevel:l,renderNestedMenu:m})=>e.jsxDEV(y.GroupedMenuListContainer,{children:[!u&&e.jsxDEV(c.BodyTiny,{style:{padding:"4px 8px 4px 12px",cursor:"default"},color:d.COLORS.content.placeholder,children:r.label},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/GroupedMenuList.tsx",lineNumber:39,columnNumber:5},void 0),r.options.map((p,a)=>e.jsxDEV(b.MenuItem,{width:n,onDropdownItemClick:o,option:p,parents:i,allowParentSelection:t,maxLevels:s,currentLevel:l,renderNestedMenu:m},a,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/GroupedMenuList.tsx",lineNumber:50,columnNumber:5},void 0))]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/GroupedMenuList.tsx",lineNumber:37,columnNumber:3},void 0);exports.GroupedMenuList=v;
 //# sourceMappingURL=GroupedMenuList.js.map

package/dist/cjs/components/multi-level-dropdown/GroupedMenuList.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupedMenuList.js","sources":["../../../../src/components/multi-level-dropdown/GroupedMenuList.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodyTiny } from '../TypographyStyle';\nimport { MenuItem } from './MenuItem';\nimport { GroupedMenuListContainer } from './MultiLevelDropdown.styled';\nimport {\n\tGroupedOption,\n\tMultiLevelDropdownOption,\n\tRenderNestedMenu,\n} from './type';\n\nexport const GroupedMenuList: React.FC<{\n\twidth: string;\n\tonDropdownItemClick?: (\n\t\toption: MultiLevelDropdownOption,\n\t\tparents: MultiLevelDropdownOption[],\n\t) => void;\n\toption: GroupedOption;\n\tparents: MultiLevelDropdownOption[];\n\tallowParentSelection?: boolean;\n\tmaxLevels?: number;\n\thideGroupLabel?: boolean;\n\tcurrentLevel: number;\n\trenderNestedMenu: RenderNestedMenu;\n}> = ({\n\twidth,\n\tonDropdownItemClick,\n\toption,\n\tparents,\n\tallowParentSelection,\n\tmaxLevels,\n\thideGroupLabel,\n\tcurrentLevel,\n\trenderNestedMenu,\n}) => {\n\treturn (\n\t\t<GroupedMenuListContainer>\n\t\t\t{!hideGroupLabel && (\n\t\t\t\t<BodyTiny\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tpadding: '4px 8px 4px 12px',\n\t\t\t\t\t\tcursor: 'default',\n\t\t\t\t\t}}\n\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t>\n\t\t\t\t\t{option.label}\n\t\t\t\t</BodyTiny>\n\t\t\t)}\n\t\t\t{option.options.map((option, index) => (\n\t\t\t\t<MenuItem\n\t\t\t\t\tkey={index}\n\t\t\t\t\twidth={width}\n\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\toption={option}\n\t\t\t\t\tparents={parents}\n\t\t\t\t\tallowParentSelection={allowParentSelection}\n\t\t\t\t\tmaxLevels={maxLevels}\n\t\t\t\t\tcurrentLevel={currentLevel}\n\t\t\t\t\trenderNestedMenu={renderNestedMenu}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</GroupedMenuListContainer>\n\t);\n};\n"],"names":["GroupedMenuList","width","onDropdownItemClick","option","parents","allowParentSelection","maxLevels","hideGroupLabel","currentLevel","renderNestedMenu","GroupedMenuListContainer","jsxDEV","BodyTiny","COLORS","this","index","MenuItem"],"mappings":"yQAWaA,EAaR,CAAC,CACL,MAAAC,EACA,oBAAAC,EACA,OAAAC,EACA,QAAAC,EACA,qBAAAC,EACA,UAAAC,EACA,eAAAC,EACA,aAAAC,EACA,iBAAAC,CACD,aAEGC,2BAAA,CACC,SAAA,CAAA,CAACH,GACDI,EAAAA,OAACC,EAAAA,SAAA,CACA,MAAO,CACN,QAAS,mBACT,OAAQ,SAAA,EAET,MAAOC,EAAAA,OAAO,QAAQ,YAErB,SAAAV,EAAO,KAAA,EAPT,OAAA,GAAA,CAAA,SAAA,+GAAA,WAAA,GAAA,aAAA,CAAA,EAAAW,MAAA,EAUAX,EAAO,QAAQ,IAAI,CAACA,EAAQY,IAC5BJ,EAAAA,OAACK,EAAAA,SAAA,CAEA,MAAAf,EACA,oBAAAC,EACA,OAAQC,EACR,QAAAC,EACA,qBAAAC,EACA,UAAAC,EACA,aAAAE,EACA,iBAAAC,CAAA,EARKM,EADN,GAAA,CAAA,SAAA,+GAAA,WAAA,GAAA,aAAA,CAAA,EAAAD,MAAA,CAWA,CAAA,CAAA,EAxBF,OAAA,GAAA,CAAA,SAAA,+GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAyBA"}
+{"version":3,"file":"GroupedMenuList.js","sources":["../../../../src/components/multi-level-dropdown/GroupedMenuList.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodyTiny } from '../TypographyStyle';\nimport { MenuItem } from './MenuItem';\nimport { GroupedMenuListContainer } from './MultiLevelDropdown.styled';\nimport {\n\tGroupedOption,\n\tMultiLevelDropdownOption,\n\tRenderNestedMenu,\n} from './type';\n\nexport const GroupedMenuList: React.FC<{\n\twidth: string;\n\tonDropdownItemClick?: (\n\t\toption: MultiLevelDropdownOption,\n\t\tparents: MultiLevelDropdownOption[],\n\t) => void;\n\toption: GroupedOption;\n\tparents: MultiLevelDropdownOption[];\n\tallowParentSelection?: boolean;\n\tmaxLevels?: number;\n\thideGroupLabel?: boolean;\n\tcurrentLevel: number;\n\trenderNestedMenu: RenderNestedMenu;\n}> = ({\n\twidth,\n\tonDropdownItemClick,\n\toption,\n\tparents,\n\tallowParentSelection,\n\tmaxLevels,\n\thideGroupLabel,\n\tcurrentLevel,\n\trenderNestedMenu,\n}) => {\n\treturn (\n\t\t<GroupedMenuListContainer>\n\t\t\t{!hideGroupLabel && (\n\t\t\t\t<BodyTiny\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tpadding: '4px 8px 4px 12px',\n\t\t\t\t\t\tcursor: 'default',\n\t\t\t\t\t}}\n\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t>\n\t\t\t\t\t{option.label}\n\t\t\t\t</BodyTiny>\n\t\t\t)}\n\t\t\t{option.options.map((option, index) => (\n\t\t\t\t<MenuItem\n\t\t\t\t\tkey={index}\n\t\t\t\t\twidth={width}\n\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\toption={option}\n\t\t\t\t\tparents={parents}\n\t\t\t\t\tallowParentSelection={allowParentSelection}\n\t\t\t\t\tmaxLevels={maxLevels}\n\t\t\t\t\tcurrentLevel={currentLevel}\n\t\t\t\t\trenderNestedMenu={renderNestedMenu}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</GroupedMenuListContainer>\n\t);\n};\n"],"names":["GroupedMenuList","width","onDropdownItemClick","option","parents","allowParentSelection","maxLevels","hideGroupLabel","currentLevel","renderNestedMenu","GroupedMenuListContainer","jsxDEV","BodyTiny","COLORS","this","index","MenuItem"],"mappings":"yQAWaA,EAaR,CAAC,CACL,MAAAC,EACA,oBAAAC,EACA,OAAAC,EACA,QAAAC,EACA,qBAAAC,EACA,UAAAC,EACA,eAAAC,EACA,aAAAC,EACA,iBAAAC,CACD,aAEGC,2BAAA,CACC,SAAA,CAAA,CAACH,GACDI,EAAAA,OAACC,EAAAA,SAAA,CACA,MAAO,CACN,QAAS,mBACT,OAAQ,SAAA,EAET,MAAOC,EAAAA,OAAO,QAAQ,YAErB,SAAAV,EAAO,KAAA,EAPT,OAAA,GAAA,CAAA,SAAA,6IAAA,WAAA,GAAA,aAAA,CAAA,EAAAW,MAAA,EAUAX,EAAO,QAAQ,IAAI,CAACA,EAAQY,IAC5BJ,EAAAA,OAACK,EAAAA,SAAA,CAEA,MAAAf,EACA,oBAAAC,EACA,OAAQC,EACR,QAAAC,EACA,qBAAAC,EACA,UAAAC,EACA,aAAAE,EACA,iBAAAC,CAAA,EARKM,EADN,GAAA,CAAA,SAAA,6IAAA,WAAA,GAAA,aAAA,CAAA,EAAAD,MAAA,CAWA,CAAA,CAAA,EAxBF,OAAA,GAAA,CAAA,SAAA,6IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAyBA"}

package/dist/cjs/components/multi-level-dropdown/MenuItem.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),O=require("../../assets/icons/chevronRight2.svg.js"),j=require("react"),t=require("../../constants/Theme.js"),M=require("../TypographyStyle.js"),r=require("./MultiLevelDropdown.styled.js"),g=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},a=g(j),P=({width:o,onDropdownItemClick:d,option:e,parents:m,allowParentSelection:x,maxLevels:b,currentLevel:f,renderNestedMenu:y})=>{const[p,h]=a.default.useState(!1),[s,v]=a.default.useState(!1),[N,k]=a.default.useState({top:0,left:0}),S=j.useRef({top:0,left:0}),u=!!e.children&&e.children.length>0,c=u&&(b===void 0||f<b),I=()=>{!d||(e.disabled??!1)||(!u||x)&&d(e,m)},C=l=>{const i=l.currentTarget.getBoundingClientRect();k({top:i.top,left:i.right}),S.current={top:i.top,left:i.right}};return n.jsxDEV(r.MenuItemWrapper,{onMouseEnter:l=>{c&&(h(!0),C(l))},onMouseLeave:()=>{h(!1)},onClick:l=>{l.stopPropagation(),I()},id:"menuItemWrapper",style:{cursor:e.disabled??!1?"not-allowed":"pointer",backgroundColor:e.disabled??!1?t.COLORS.surface.standard:"transparent"},children:[e.customComponent?e.customComponent:n.jsxDEV(r.MenuItemContainer,{isSelected:e.selected,isSubMenuOpen:p,isHovered:s,isDisabled:e.disabled??!1,children:[n.jsxDEV(r.ContentContainer,{children:[e.leadingIcon&&n.jsxDEV(r.LeadingIconContainer,{children:e.leadingIcon},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:109,columnNumber:8},void 0),n.jsxDEV("div",{children:[n.jsxDEV(M.BodyCaption,{style:{color:e.disabled??!1?t.COLORS.content.inactive:e.selected||s?t.COLORS.content.positive:t.COLORS.content.primary},children:e.label},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:112,columnNumber:8},void 0),e.subText&&n.jsxDEV(M.BodyTiny,{style:{color:e.disabled??!1?t.COLORS.content.inactive:e.selected||s?t.COLORS.content.positive:t.COLORS.content.secondary,marginTop:"2px"},children:e.subText},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:125,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:111,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:107,columnNumber:6},void 0),u?n.jsxDEV(r.TrailingIconContainer,{children:n.jsxDEV(O.default,{width:16,height:16,color:!c||(e.disabled??!1)?t.COLORS.content.inactive:e.selected||s?t.COLORS.content.positive:t.COLORS.content.primary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:143,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:142,columnNumber:7},void 0):e.trailingIcon?n.jsxDEV(r.TrailingIconContainer,{children:e.trailingIcon},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:156,columnNumber:7},void 0):n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:158,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:101,columnNumber:5},void 0),!(e.disabled??!1)&&e.children&&e.children.length>0&&c&&p&&n.jsxDEV(r.SubMenuContainer,{width:o,className:"submenu",onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),children:n.jsxDEV(r.StyledSubMenuWrapper,{width:o,top:N.top,left:N.left,children:n.jsxDEV(r.SubMenuListContainer,{children:y(e.children,[...m,e],f+1)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:179,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:174,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:168,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:77,columnNumber:3},void 0)};exports.MenuItem=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),O=require("../../assets/icons/chevronRight2.svg.js"),N=require("react"),r=require("../../constants/Theme.js"),y=require("../TypographyStyle.js"),t=require("./MultiLevelDropdown.styled.js"),g=s=>s&&typeof s=="object"&&"default"in s?s:{default:s},m=g(N),j=({width:s,onDropdownItemClick:c,option:e,parents:d,allowParentSelection:M,maxLevels:b,currentLevel:p,renderNestedMenu:D})=>{const[f,v]=m.default.useState(!1),[o,h]=m.default.useState(!1),[k,x]=m.default.useState({top:0,left:0}),S=N.useRef({top:0,left:0}),a=!!e.children&&e.children.length>0,u=a&&(b===void 0||p<b),I=()=>{!c||(e.disabled??!1)||(!a||M)&&c(e,d)},C=i=>{const l=i.currentTarget.getBoundingClientRect();x({top:l.top,left:l.right}),S.current={top:l.top,left:l.right}};return n.jsxDEV(t.MenuItemWrapper,{onMouseEnter:i=>{u&&(v(!0),C(i))},onMouseLeave:()=>{v(!1)},onClick:i=>{i.stopPropagation(),I()},id:"menuItemWrapper",style:{cursor:e.disabled??!1?"not-allowed":"pointer",backgroundColor:e.disabled??!1?r.COLORS.surface.standard:"transparent"},children:[e.customComponent?e.customComponent:n.jsxDEV(t.MenuItemContainer,{isSelected:e.selected,isSubMenuOpen:f,isHovered:o,isDisabled:e.disabled??!1,children:[n.jsxDEV(t.ContentContainer,{children:[e.leadingIcon&&n.jsxDEV(t.LeadingIconContainer,{children:e.leadingIcon},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:109,columnNumber:8},void 0),n.jsxDEV("div",{children:[n.jsxDEV(y.BodyCaption,{style:{color:e.disabled??!1?r.COLORS.content.inactive:e.selected||o?r.COLORS.content.positive:r.COLORS.content.primary},children:e.label},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:112,columnNumber:8},void 0),e.subText&&n.jsxDEV(y.BodyTiny,{style:{color:e.disabled??!1?r.COLORS.content.inactive:e.selected||o?r.COLORS.content.positive:r.COLORS.content.secondary,marginTop:"2px"},children:e.subText},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:125,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:111,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:107,columnNumber:6},void 0),a?n.jsxDEV(t.TrailingIconContainer,{children:n.jsxDEV(O.default,{width:16,height:16,color:!u||(e.disabled??!1)?r.COLORS.content.inactive:e.selected||o?r.COLORS.content.positive:r.COLORS.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:143,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:142,columnNumber:7},void 0):e.trailingIcon?n.jsxDEV(t.TrailingIconContainer,{children:e.trailingIcon},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:156,columnNumber:7},void 0):n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:158,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:101,columnNumber:5},void 0),!(e.disabled??!1)&&e.children&&e.children.length>0&&u&&f&&n.jsxDEV(t.SubMenuContainer,{width:s,className:"submenu",onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),children:n.jsxDEV(t.StyledSubMenuWrapper,{width:s,top:k.top,left:k.left,children:n.jsxDEV(t.SubMenuListContainer,{children:D(e.children,[...d,e],p+1)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:179,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:174,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:168,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MenuItem.tsx",lineNumber:77,columnNumber:3},void 0)};exports.MenuItem=j;
 //# sourceMappingURL=MenuItem.js.map

package/dist/cjs/components/multi-level-dropdown/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../../../src/components/multi-level-dropdown/MenuItem.tsx"],"sourcesContent":["import ChevronRightIcon from '@src/assets/icons/chevronRight2.svg';\nimport React, { useRef } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodyCaption, BodyTiny } from '../TypographyStyle';\nimport {\n\tContentContainer,\n\tLeadingIconContainer,\n\tMenuItemContainer,\n\tMenuItemWrapper,\n\tStyledSubMenuWrapper,\n\tSubMenuContainer,\n\tSubMenuListContainer,\n\tTrailingIconContainer,\n} from './MultiLevelDropdown.styled';\nimport {\n\tMultiLevelDropdownOption,\n\tRenderNestedMenu,\n\tSingleOption,\n} from './type';\n\nexport const MenuItem: React.FC<{\n\twidth: string;\n\tonDropdownItemClick?: (\n\t\toption: MultiLevelDropdownOption,\n\t\tparents: MultiLevelDropdownOption[],\n\t) => void;\n\toption: SingleOption;\n\tparents: MultiLevelDropdownOption[];\n\tallowParentSelection?: boolean;\n\tmaxLevels?: number;\n\tcurrentLevel: number;\n\trenderNestedMenu: RenderNestedMenu;\n}> = ({\n\twidth,\n\tonDropdownItemClick,\n\toption,\n\tparents,\n\tallowParentSelection,\n\tmaxLevels,\n\tcurrentLevel,\n\trenderNestedMenu,\n}) => {\n\tconst [isSubMenuOpen, setIsSubMenuOpen] = React.useState(false);\n\tconst [isSubMenuHovered, setIsSubMenuHovered] = React.useState(false);\n\tconst [subMenuPosition, setSubMenuPosition] = React.useState({\n\t\ttop: 0,\n\t\tleft: 0,\n\t});\n\tconst positionRef = useRef<any>({ top: 0, left: 0 });\n\tconst hasChildren = !!option.children && option.children.length > 0;\n\tconst canOpenSubMenu =\n\t\thasChildren && (maxLevels === undefined || currentLevel < maxLevels);\n\n\tconst handleDropdownOptionClick = () => {\n\t\tif (!onDropdownItemClick || (option.disabled ?? false)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!hasChildren || allowParentSelection) {\n\t\t\tonDropdownItemClick(option, parents);\n\t\t}\n\t};\n\n\tconst calculateSubMenuPosition = (event: React.MouseEvent) => {\n\t\tconst rect = (event.currentTarget as HTMLElement).getBoundingClientRect();\n\t\tsetSubMenuPosition({\n\t\t\ttop: rect.top,\n\t\t\tleft: rect.right,\n\t\t});\n\t\tpositionRef.current = {\n\t\t\ttop: rect.top,\n\t\t\tleft: rect.right,\n\t\t};\n\t};\n\n\treturn (\n\t\t<MenuItemWrapper\n\t\t\tonMouseEnter={(event) => {\n\t\t\t\tif (canOpenSubMenu) {\n\t\t\t\t\tsetIsSubMenuOpen(true);\n\t\t\t\t\tcalculateSubMenuPosition(event);\n\t\t\t\t}\n\t\t\t}}\n\t\t\tonMouseLeave={() => {\n\t\t\t\tsetIsSubMenuOpen(false);\n\t\t\t}}\n\t\t\tonClick={(e) => {\n\t\t\t\te.stopPropagation();\n\t\t\t\thandleDropdownOptionClick();\n\t\t\t}}\n\t\t\tid=\"menuItemWrapper\"\n\t\t\tstyle={{\n\t\t\t\tcursor: option.disabled ?? false ? 'not-allowed' : 'pointer',\n\t\t\t\tbackgroundColor:\n\t\t\t\t\toption.disabled ?? false ? COLORS.surface.standard : 'transparent',\n\t\t\t}}\n\t\t>\n\t\t\t{option.customComponent ? (\n\t\t\t\toption.customComponent\n\t\t\t) : (\n\t\t\t\t<MenuItemContainer\n\t\t\t\t\tisSelected={option.selected}\n\t\t\t\t\tisSubMenuOpen={isSubMenuOpen}\n\t\t\t\t\tisHovered={isSubMenuHovered}\n\t\t\t\t\tisDisabled={option.disabled ?? false}\n\t\t\t\t>\n\t\t\t\t\t<ContentContainer>\n\t\t\t\t\t\t{option.leadingIcon && (\n\t\t\t\t\t\t\t<LeadingIconContainer>{option.leadingIcon}</LeadingIconContainer>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\toption.disabled ?? false\n\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t\t: option.selected || isSubMenuHovered\n\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.positive\n\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.primary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t{option.subText && (\n\t\t\t\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\toption.disabled ?? false\n\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t\t\t: option.selected || isSubMenuHovered\n\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.positive\n\t\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t\t\tmarginTop: '2px',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{option.subText}\n\t\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ContentContainer>\n\t\t\t\t\t{hasChildren ? (\n\t\t\t\t\t\t<TrailingIconContainer>\n\t\t\t\t\t\t\t<ChevronRightIcon\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t!canOpenSubMenu || (option.disabled ?? false)\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t: option.selected || isSubMenuHovered\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.positive\n\t\t\t\t\t\t\t\t\t\t: COLORS.content.primary\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</TrailingIconContainer>\n\t\t\t\t\t) : option.trailingIcon ? (\n\t\t\t\t\t\t<TrailingIconContainer>{option.trailingIcon}</TrailingIconContainer>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</MenuItemContainer>\n\t\t\t)}\n\n\t\t\t{!(option.disabled ?? false) &&\n\t\t\t\toption.children &&\n\t\t\t\toption.children.length > 0 &&\n\t\t\t\tcanOpenSubMenu &&\n\t\t\t\tisSubMenuOpen && (\n\t\t\t\t\t<SubMenuContainer\n\t\t\t\t\t\twidth={width}\n\t\t\t\t\t\tclassName=\"submenu\"\n\t\t\t\t\t\tonMouseEnter={() => setIsSubMenuHovered(true)}\n\t\t\t\t\t\tonMouseLeave={() => setIsSubMenuHovered(false)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<StyledSubMenuWrapper\n\t\t\t\t\t\t\twidth={width}\n\t\t\t\t\t\t\ttop={subMenuPosition.top}\n\t\t\t\t\t\t\tleft={subMenuPosition.left}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SubMenuListContainer>\n\t\t\t\t\t\t\t\t{renderNestedMenu(\n\t\t\t\t\t\t\t\t\toption.children,\n\t\t\t\t\t\t\t\t\t[...parents, option],\n\t\t\t\t\t\t\t\t\tcurrentLevel + 1,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</SubMenuListContainer>\n\t\t\t\t\t\t</StyledSubMenuWrapper>\n\t\t\t\t\t</SubMenuContainer>\n\t\t\t\t)}\n\t\t</MenuItemWrapper>\n\t);\n};\n"],"names":["MenuItem","width","onDropdownItemClick","option","parents","allowParentSelection","maxLevels","currentLevel","renderNestedMenu","isSubMenuOpen","setIsSubMenuOpen","React","isSubMenuHovered","setIsSubMenuHovered","subMenuPosition","setSubMenuPosition","positionRef","useRef","hasChildren","canOpenSubMenu","handleDropdownOptionClick","calculateSubMenuPosition","event","rect","jsxDEV","MenuItemWrapper","e","COLORS","MenuItemContainer","ContentContainer","LeadingIconContainer","this","BodyCaption","BodyTiny","TrailingIconContainer","ChevronRightIcon","Fragment","SubMenuContainer","StyledSubMenuWrapper","SubMenuListContainer"],"mappings":"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"}
+{"version":3,"file":"MenuItem.js","sources":["../../../../src/components/multi-level-dropdown/MenuItem.tsx"],"sourcesContent":["import ChevronRightIcon from '@src/assets/icons/chevronRight2.svg';\nimport React, { useRef } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodyCaption, BodyTiny } from '../TypographyStyle';\nimport {\n\tContentContainer,\n\tLeadingIconContainer,\n\tMenuItemContainer,\n\tMenuItemWrapper,\n\tStyledSubMenuWrapper,\n\tSubMenuContainer,\n\tSubMenuListContainer,\n\tTrailingIconContainer,\n} from './MultiLevelDropdown.styled';\nimport {\n\tMultiLevelDropdownOption,\n\tRenderNestedMenu,\n\tSingleOption,\n} from './type';\n\nexport const MenuItem: React.FC<{\n\twidth: string;\n\tonDropdownItemClick?: (\n\t\toption: MultiLevelDropdownOption,\n\t\tparents: MultiLevelDropdownOption[],\n\t) => void;\n\toption: SingleOption;\n\tparents: MultiLevelDropdownOption[];\n\tallowParentSelection?: boolean;\n\tmaxLevels?: number;\n\tcurrentLevel: number;\n\trenderNestedMenu: RenderNestedMenu;\n}> = ({\n\twidth,\n\tonDropdownItemClick,\n\toption,\n\tparents,\n\tallowParentSelection,\n\tmaxLevels,\n\tcurrentLevel,\n\trenderNestedMenu,\n}) => {\n\tconst [isSubMenuOpen, setIsSubMenuOpen] = React.useState(false);\n\tconst [isSubMenuHovered, setIsSubMenuHovered] = React.useState(false);\n\tconst [subMenuPosition, setSubMenuPosition] = React.useState({\n\t\ttop: 0,\n\t\tleft: 0,\n\t});\n\tconst positionRef = useRef<any>({ top: 0, left: 0 });\n\tconst hasChildren = !!option.children && option.children.length > 0;\n\tconst canOpenSubMenu =\n\t\thasChildren && (maxLevels === undefined || currentLevel < maxLevels);\n\n\tconst handleDropdownOptionClick = () => {\n\t\tif (!onDropdownItemClick || (option.disabled ?? false)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!hasChildren || allowParentSelection) {\n\t\t\tonDropdownItemClick(option, parents);\n\t\t}\n\t};\n\n\tconst calculateSubMenuPosition = (event: React.MouseEvent) => {\n\t\tconst rect = (event.currentTarget as HTMLElement).getBoundingClientRect();\n\t\tsetSubMenuPosition({\n\t\t\ttop: rect.top,\n\t\t\tleft: rect.right,\n\t\t});\n\t\tpositionRef.current = {\n\t\t\ttop: rect.top,\n\t\t\tleft: rect.right,\n\t\t};\n\t};\n\n\treturn (\n\t\t<MenuItemWrapper\n\t\t\tonMouseEnter={(event) => {\n\t\t\t\tif (canOpenSubMenu) {\n\t\t\t\t\tsetIsSubMenuOpen(true);\n\t\t\t\t\tcalculateSubMenuPosition(event);\n\t\t\t\t}\n\t\t\t}}\n\t\t\tonMouseLeave={() => {\n\t\t\t\tsetIsSubMenuOpen(false);\n\t\t\t}}\n\t\t\tonClick={(e) => {\n\t\t\t\te.stopPropagation();\n\t\t\t\thandleDropdownOptionClick();\n\t\t\t}}\n\t\t\tid=\"menuItemWrapper\"\n\t\t\tstyle={{\n\t\t\t\tcursor: option.disabled ?? false ? 'not-allowed' : 'pointer',\n\t\t\t\tbackgroundColor:\n\t\t\t\t\toption.disabled ?? false ? COLORS.surface.standard : 'transparent',\n\t\t\t}}\n\t\t>\n\t\t\t{option.customComponent ? (\n\t\t\t\toption.customComponent\n\t\t\t) : (\n\t\t\t\t<MenuItemContainer\n\t\t\t\t\tisSelected={option.selected}\n\t\t\t\t\tisSubMenuOpen={isSubMenuOpen}\n\t\t\t\t\tisHovered={isSubMenuHovered}\n\t\t\t\t\tisDisabled={option.disabled ?? false}\n\t\t\t\t>\n\t\t\t\t\t<ContentContainer>\n\t\t\t\t\t\t{option.leadingIcon && (\n\t\t\t\t\t\t\t<LeadingIconContainer>{option.leadingIcon}</LeadingIconContainer>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\toption.disabled ?? false\n\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t\t: option.selected || isSubMenuHovered\n\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.positive\n\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.primary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t{option.subText && (\n\t\t\t\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\toption.disabled ?? false\n\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t\t\t: option.selected || isSubMenuHovered\n\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.positive\n\t\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t\t\tmarginTop: '2px',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{option.subText}\n\t\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ContentContainer>\n\t\t\t\t\t{hasChildren ? (\n\t\t\t\t\t\t<TrailingIconContainer>\n\t\t\t\t\t\t\t<ChevronRightIcon\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t!canOpenSubMenu || (option.disabled ?? false)\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t: option.selected || isSubMenuHovered\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.positive\n\t\t\t\t\t\t\t\t\t\t: COLORS.content.primary\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</TrailingIconContainer>\n\t\t\t\t\t) : option.trailingIcon ? (\n\t\t\t\t\t\t<TrailingIconContainer>{option.trailingIcon}</TrailingIconContainer>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</MenuItemContainer>\n\t\t\t)}\n\n\t\t\t{!(option.disabled ?? false) &&\n\t\t\t\toption.children &&\n\t\t\t\toption.children.length > 0 &&\n\t\t\t\tcanOpenSubMenu &&\n\t\t\t\tisSubMenuOpen && (\n\t\t\t\t\t<SubMenuContainer\n\t\t\t\t\t\twidth={width}\n\t\t\t\t\t\tclassName=\"submenu\"\n\t\t\t\t\t\tonMouseEnter={() => setIsSubMenuHovered(true)}\n\t\t\t\t\t\tonMouseLeave={() => setIsSubMenuHovered(false)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<StyledSubMenuWrapper\n\t\t\t\t\t\t\twidth={width}\n\t\t\t\t\t\t\ttop={subMenuPosition.top}\n\t\t\t\t\t\t\tleft={subMenuPosition.left}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SubMenuListContainer>\n\t\t\t\t\t\t\t\t{renderNestedMenu(\n\t\t\t\t\t\t\t\t\toption.children,\n\t\t\t\t\t\t\t\t\t[...parents, option],\n\t\t\t\t\t\t\t\t\tcurrentLevel + 1,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</SubMenuListContainer>\n\t\t\t\t\t\t</StyledSubMenuWrapper>\n\t\t\t\t\t</SubMenuContainer>\n\t\t\t\t)}\n\t\t</MenuItemWrapper>\n\t);\n};\n"],"names":["MenuItem","width","onDropdownItemClick","option","parents","allowParentSelection","maxLevels","currentLevel","renderNestedMenu","isSubMenuOpen","setIsSubMenuOpen","React","isSubMenuHovered","setIsSubMenuHovered","subMenuPosition","setSubMenuPosition","positionRef","useRef","hasChildren","canOpenSubMenu","handleDropdownOptionClick","calculateSubMenuPosition","event","rect","jsxDEV","MenuItemWrapper","e","COLORS","MenuItemContainer","ContentContainer","LeadingIconContainer","this","BodyCaption","BodyTiny","TrailingIconContainer","ChevronRightIcon","Fragment","SubMenuContainer","StyledSubMenuWrapper","SubMenuListContainer"],"mappings":"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"}

package/dist/cjs/components/multi-level-dropdown/MenuList.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),p=require("./GroupedMenuList.js"),f=require("./MenuItem.js"),M=require("./MultiLevelDropdown.styled.js"),d=({width:s,onDropdownItemClick:u,options:a,parents:o,allowParentSelection:t,maxLevels:i,hideGroupLabel:l,currentLevel:c})=>{const m=(e,n,b)=>r.jsxDEV(d,{width:s,onDropdownItemClick:u,options:e,parents:n,allowParentSelection:t,maxLevels:i,hideGroupLabel:l,currentLevel:b},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MenuList.tsx",lineNumber:34,columnNumber:3},void 0);return r.jsxDEV(M.StyledMenuList,{children:a.map((e,n)=>{if("value"in e)return r.jsxDEV(f.MenuItem,{width:s,onDropdownItemClick:u,option:e,parents:o,allowParentSelection:t,maxLevels:i,currentLevel:c,renderNestedMenu:m},n,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MenuList.tsx",lineNumber:51,columnNumber:7},void 0);if("options"in e&&e.options.length>0)return r.jsxDEV(p.GroupedMenuList,{width:s,onDropdownItemClick:u,option:e,parents:o,allowParentSelection:t,maxLevels:i,hideGroupLabel:l,currentLevel:c,renderNestedMenu:m},n,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MenuList.tsx",lineNumber:65,columnNumber:7},void 0)})},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MenuList.tsx",lineNumber:47,columnNumber:3},void 0)};exports.MenuList=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-dev-runtime"),p=require("./GroupedMenuList.js"),v=require("./MenuItem.js"),f=require("./MultiLevelDropdown.styled.js"),b=({width:r,onDropdownItemClick:i,options:c,parents:o,allowParentSelection:t,maxLevels:u,hideGroupLabel:m,currentLevel:l})=>{const a=(e,n,d)=>s.jsxDEV(b,{width:r,onDropdownItemClick:i,options:e,parents:n,allowParentSelection:t,maxLevels:u,hideGroupLabel:m,currentLevel:d},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MenuList.tsx",lineNumber:34,columnNumber:3},void 0);return s.jsxDEV(f.StyledMenuList,{children:c.map((e,n)=>{if("value"in e)return s.jsxDEV(v.MenuItem,{width:r,onDropdownItemClick:i,option:e,parents:o,allowParentSelection:t,maxLevels:u,currentLevel:l,renderNestedMenu:a},n,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MenuList.tsx",lineNumber:51,columnNumber:7},void 0);if("options"in e&&e.options.length>0)return s.jsxDEV(p.GroupedMenuList,{width:r,onDropdownItemClick:i,option:e,parents:o,allowParentSelection:t,maxLevels:u,hideGroupLabel:m,currentLevel:l,renderNestedMenu:a},n,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MenuList.tsx",lineNumber:65,columnNumber:7},void 0)})},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MenuList.tsx",lineNumber:47,columnNumber:3},void 0)};exports.MenuList=b;
 //# sourceMappingURL=MenuList.js.map

package/dist/cjs/components/multi-level-dropdown/MenuList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.js","sources":["../../../../src/components/multi-level-dropdown/MenuList.tsx"],"sourcesContent":["import React from 'react';\nimport { GroupedMenuList } from './GroupedMenuList';\nimport { MenuItem } from './MenuItem';\nimport { StyledMenuList } from './MultiLevelDropdown.styled';\nimport { MultiLevelDropdownOption, RenderNestedMenu } from './type';\n\nexport const MenuList: React.FC<{\n\twidth: string;\n\tonDropdownItemClick?: (\n\t\toption: MultiLevelDropdownOption,\n\t\tparents: MultiLevelDropdownOption[],\n\t) => void;\n\toptions: MultiLevelDropdownOption[];\n\tparents: MultiLevelDropdownOption[];\n\tallowParentSelection?: boolean;\n\tmaxLevels?: number;\n\thideGroupLabel?: boolean;\n\tcurrentLevel: number;\n}> = ({\n\twidth,\n\tonDropdownItemClick,\n\toptions,\n\tparents,\n\tallowParentSelection,\n\tmaxLevels,\n\thideGroupLabel,\n\tcurrentLevel,\n}) => {\n\tconst renderNestedMenu: RenderNestedMenu = (\n\t\tnestedOptions,\n\t\tnestedParents,\n\t\tnestedCurrentLevel,\n\t) => (\n\t\t<MenuList\n\t\t\twidth={width}\n\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\toptions={nestedOptions}\n\t\t\tparents={nestedParents}\n\t\t\tallowParentSelection={allowParentSelection}\n\t\t\tmaxLevels={maxLevels}\n\t\t\thideGroupLabel={hideGroupLabel}\n\t\t\tcurrentLevel={nestedCurrentLevel}\n\t\t/>\n\t);\n\n\treturn (\n\t\t<StyledMenuList>\n\t\t\t{options.map((option, index) => {\n\t\t\t\tif ('value' in option) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\twidth={width}\n\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\toption={option}\n\t\t\t\t\t\t\tparents={parents}\n\t\t\t\t\t\t\tallowParentSelection={allowParentSelection}\n\t\t\t\t\t\t\tmaxLevels={maxLevels}\n\t\t\t\t\t\t\tcurrentLevel={currentLevel}\n\t\t\t\t\t\t\trenderNestedMenu={renderNestedMenu}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} else if ('options' in option && option.options.length > 0) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<GroupedMenuList\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\twidth={width}\n\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\toption={option}\n\t\t\t\t\t\t\tparents={parents}\n\t\t\t\t\t\t\tallowParentSelection={allowParentSelection}\n\t\t\t\t\t\t\tmaxLevels={maxLevels}\n\t\t\t\t\t\t\thideGroupLabel={hideGroupLabel}\n\t\t\t\t\t\t\tcurrentLevel={currentLevel}\n\t\t\t\t\t\t\trenderNestedMenu={renderNestedMenu}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t})}\n\t\t</StyledMenuList>\n\t);\n};\n"],"names":["MenuList","width","onDropdownItemClick","options","parents","allowParentSelection","maxLevels","hideGroupLabel","currentLevel","renderNestedMenu","nestedOptions","nestedParents","nestedCurrentLevel","jsxDEV","this","StyledMenuList","option","index","MenuItem","GroupedMenuList"],"mappings":"kOAMaA,EAYR,CAAC,CACL,MAAAC,EACA,oBAAAC,EACA,QAAAC,EACA,QAAAC,EACA,qBAAAC,EACA,UAAAC,EACA,eAAAC,EACA,aAAAC,CACD,IAAM,CACL,MAAMC,EAAqC,CAC1CC,EACAC,EACAC,IAEAC,EAAAA,OAACb,EAAA,CACA,MAAAC,EACA,oBAAAC,EACA,QAASQ,EACT,QAASC,EACT,qBAAAN,EACA,UAAAC,EACA,eAAAC,EACA,aAAcK,CAAA,EARf,OAAA,GAAA,CAAA,SAAA,wGAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,EAYD,gBACEC,EAAAA,eAAA,CACC,SAAAZ,EAAQ,IAAI,CAACa,EAAQC,IAAU,CAC/B,GAAI,UAAWD,EACd,OACCH,EAAAA,OAACK,EAAAA,SAAA,CAEA,MAAAjB,EACA,oBAAAC,EACA,OAAAc,EACA,QAAAZ,EACA,qBAAAC,EACA,UAAAC,EACA,aAAAE,EACA,iBAAAC,CAAA,EARKQ,EADN,GAAA,CAAA,SAAA,wGAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAA,KAYS,YAAaE,GAAUA,EAAO,QAAQ,OAAS,EACzD,OACCH,EAAAA,OAACM,EAAAA,gBAAA,CAEA,MAAAlB,EACA,oBAAAC,EACA,OAAAc,EACA,QAAAZ,EACA,qBAAAC,EACA,UAAAC,EACA,eAAAC,EACA,aAAAC,EACA,iBAAAC,CAAA,EATKQ,EADN,GAAA,CAAA,SAAA,wGAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAA,CAcH,CAAC,CAAA,EAhCF,OAAA,GAAA,CAAA,SAAA,wGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiCA,CAEF"}
+{"version":3,"file":"MenuList.js","sources":["../../../../src/components/multi-level-dropdown/MenuList.tsx"],"sourcesContent":["import React from 'react';\nimport { GroupedMenuList } from './GroupedMenuList';\nimport { MenuItem } from './MenuItem';\nimport { StyledMenuList } from './MultiLevelDropdown.styled';\nimport { MultiLevelDropdownOption, RenderNestedMenu } from './type';\n\nexport const MenuList: React.FC<{\n\twidth: string;\n\tonDropdownItemClick?: (\n\t\toption: MultiLevelDropdownOption,\n\t\tparents: MultiLevelDropdownOption[],\n\t) => void;\n\toptions: MultiLevelDropdownOption[];\n\tparents: MultiLevelDropdownOption[];\n\tallowParentSelection?: boolean;\n\tmaxLevels?: number;\n\thideGroupLabel?: boolean;\n\tcurrentLevel: number;\n}> = ({\n\twidth,\n\tonDropdownItemClick,\n\toptions,\n\tparents,\n\tallowParentSelection,\n\tmaxLevels,\n\thideGroupLabel,\n\tcurrentLevel,\n}) => {\n\tconst renderNestedMenu: RenderNestedMenu = (\n\t\tnestedOptions,\n\t\tnestedParents,\n\t\tnestedCurrentLevel,\n\t) => (\n\t\t<MenuList\n\t\t\twidth={width}\n\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\toptions={nestedOptions}\n\t\t\tparents={nestedParents}\n\t\t\tallowParentSelection={allowParentSelection}\n\t\t\tmaxLevels={maxLevels}\n\t\t\thideGroupLabel={hideGroupLabel}\n\t\t\tcurrentLevel={nestedCurrentLevel}\n\t\t/>\n\t);\n\n\treturn (\n\t\t<StyledMenuList>\n\t\t\t{options.map((option, index) => {\n\t\t\t\tif ('value' in option) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\twidth={width}\n\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\toption={option}\n\t\t\t\t\t\t\tparents={parents}\n\t\t\t\t\t\t\tallowParentSelection={allowParentSelection}\n\t\t\t\t\t\t\tmaxLevels={maxLevels}\n\t\t\t\t\t\t\tcurrentLevel={currentLevel}\n\t\t\t\t\t\t\trenderNestedMenu={renderNestedMenu}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} else if ('options' in option && option.options.length > 0) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<GroupedMenuList\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\twidth={width}\n\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\toption={option}\n\t\t\t\t\t\t\tparents={parents}\n\t\t\t\t\t\t\tallowParentSelection={allowParentSelection}\n\t\t\t\t\t\t\tmaxLevels={maxLevels}\n\t\t\t\t\t\t\thideGroupLabel={hideGroupLabel}\n\t\t\t\t\t\t\tcurrentLevel={currentLevel}\n\t\t\t\t\t\t\trenderNestedMenu={renderNestedMenu}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t})}\n\t\t</StyledMenuList>\n\t);\n};\n"],"names":["MenuList","width","onDropdownItemClick","options","parents","allowParentSelection","maxLevels","hideGroupLabel","currentLevel","renderNestedMenu","nestedOptions","nestedParents","nestedCurrentLevel","jsxDEV","this","StyledMenuList","option","index","MenuItem","GroupedMenuList"],"mappings":"kOAMaA,EAYR,CAAC,CACL,MAAAC,EACA,oBAAAC,EACA,QAAAC,EACA,QAAAC,EACA,qBAAAC,EACA,UAAAC,EACA,eAAAC,EACA,aAAAC,CACD,IAAM,CACL,MAAMC,EAAqC,CAC1CC,EACAC,EACAC,IAEAC,EAAAA,OAACb,EAAA,CACA,MAAAC,EACA,oBAAAC,EACA,QAASQ,EACT,QAASC,EACT,qBAAAN,EACA,UAAAC,EACA,eAAAC,EACA,aAAcK,CAAA,EARf,OAAA,GAAA,CAAA,SAAA,sIAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,EAYD,gBACEC,EAAAA,eAAA,CACC,SAAAZ,EAAQ,IAAI,CAACa,EAAQC,IAAU,CAC/B,GAAI,UAAWD,EACd,OACCH,EAAAA,OAACK,EAAAA,SAAA,CAEA,MAAAjB,EACA,oBAAAC,EACA,OAAAc,EACA,QAAAZ,EACA,qBAAAC,EACA,UAAAC,EACA,aAAAE,EACA,iBAAAC,CAAA,EARKQ,EADN,GAAA,CAAA,SAAA,sIAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAA,KAYS,YAAaE,GAAUA,EAAO,QAAQ,OAAS,EACzD,OACCH,EAAAA,OAACM,EAAAA,gBAAA,CAEA,MAAAlB,EACA,oBAAAC,EACA,OAAAc,EACA,QAAAZ,EACA,qBAAAC,EACA,UAAAC,EACA,eAAAC,EACA,aAAAC,EACA,iBAAAC,CAAA,EATKQ,EADN,GAAA,CAAA,SAAA,sIAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAA,CAcH,CAAC,CAAA,EAhCF,OAAA,GAAA,CAAA,SAAA,sIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiCA,CAEF"}

package/dist/cjs/components/multi-level-dropdown/MultiLevelDropdown.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),s=require("react"),E=require("../zeroState/ZeroState.js"),S=require("../../constants/Theme.js"),g=require("../dropdown/OpenedDropdown/components/searchbox/SearchBox.js"),P=require("./MenuList.js"),p=require("./MultiLevelDropdown.styled.js"),q=require("../floater/floater.js"),U=r=>r&&typeof r=="object"&&"default"in r?r:{default:r},V=U(s),R=({options:r,width:o,isSearchable:x,onDropdownItemClick:w,refElement:j,topOffset:y,leftOffset:L,isDropdownOpen:c,onDropdownOutsideClick:i,allowParentSelection:D,maxLevels:k,hideGroupLabel:M})=>{const d=V.default.useRef(null),[a,h]=s.useState(r),b=m=>{const u=Array.isArray(r)?[...r]:[],N=[];for(;u.length>0;){const e=u.shift();e&&e.label.toLowerCase().includes(m.toLowerCase())&&N.push(e),e&&"children"in e&&e.children?u.push(...e.children):e&&"options"in e&&e.options&&u.push(...e.options)}const f=e=>e.map(n=>{if(N.includes(n))return n;if("children"in n&&n.children){const l=f(n.children);if(l.length>0)return{...n,children:l}}if("options"in n&&n.options){const l=f(n.options);if(l.length>0)return{...n,options:l}}return null}).filter(n=>n!==null);h(f(r))},v=m=>{d.current&&!d.current.contains(m.target)?i&&i(!0):i&&i(!1)};return s.useEffect(()=>{c&&b("")},[c]),s.useEffect(()=>(document.addEventListener("mousedown",v),()=>{document.removeEventListener("mousedown",v)}),[]),s.useEffect(()=>{h(r)},[r]),t.jsxDEV(q.Floater,{refElement:j,topOffset:y,leftOffset:L,children:c&&t.jsxDEV("div",{ref:d,style:{backgroundColor:S.COLORS.surface.standard,zIndex:99999,borderRadius:"8px",whiteSpace:"normal"},children:t.jsxDEV(p.DropdownContainer,{width:o,children:[x&&t.jsxDEV("div",{style:{padding:"4px",width:o??"200px"},children:t.jsxDEV(g.SearchBox,{onSearch:b,version:"2.0"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MultiLevelDropdown.tsx",lineNumber:132,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MultiLevelDropdown.tsx",lineNumber:131,columnNumber:8},void 0),t.jsxDEV(p.OptionsContainer,{width:o,children:(a??[]).length>0&&t.jsxDEV(P.MenuList,{width:o??"200px",onDropdownItemClick:w,options:a,parents:[],allowParentSelection:D,maxLevels:k,hideGroupLabel:M,currentLevel:1},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MultiLevelDropdown.tsx",lineNumber:137,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MultiLevelDropdown.tsx",lineNumber:135,columnNumber:7},void 0),(a??[]).length===0&&t.jsxDEV(p.NoResultsContainer,{style:{width:o??"200px"},children:t.jsxDEV(E.ZeroState,{title:"No results found!",subTitle:"Sorry, we are unable to find any results for your search."},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MultiLevelDropdown.tsx",lineNumber:152,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MultiLevelDropdown.tsx",lineNumber:151,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MultiLevelDropdown.tsx",lineNumber:129,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MultiLevelDropdown.tsx",lineNumber:120,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/multi-level-dropdown/MultiLevelDropdown.tsx",lineNumber:114,columnNumber:3},void 0)};exports.MultiLevelDropdown=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),s=require("react"),j=require("../zeroState/ZeroState.js"),S=require("../../constants/Theme.js"),g=require("../dropdown/OpenedDropdown/components/searchbox/SearchBox.js"),q=require("./MenuList.js"),f=require("./MultiLevelDropdown.styled.js"),U=require("../floater/floater.js"),V=r=>r&&typeof r=="object"&&"default"in r?r:{default:r},W=V(s),R=({options:r,width:t,isSearchable:y,onDropdownItemClick:N,refElement:D,topOffset:x,leftOffset:w,isDropdownOpen:a,onDropdownOutsideClick:l,allowParentSelection:L,maxLevels:M,hideGroupLabel:E})=>{const c=W.default.useRef(null),[d,b]=s.useState(r),v=m=>{const u=Array.isArray(r)?[...r]:[],k=[];for(;u.length>0;){const e=u.shift();e&&e.label.toLowerCase().includes(m.toLowerCase())&&k.push(e),e&&"children"in e&&e.children?u.push(...e.children):e&&"options"in e&&e.options&&u.push(...e.options)}const p=e=>e.map(n=>{if(k.includes(n))return n;if("children"in n&&n.children){const i=p(n.children);if(i.length>0)return{...n,children:i}}if("options"in n&&n.options){const i=p(n.options);if(i.length>0)return{...n,options:i}}return null}).filter(n=>n!==null);b(p(r))},h=m=>{c.current&&!c.current.contains(m.target)?l&&l(!0):l&&l(!1)};return s.useEffect(()=>{a&&v("")},[a]),s.useEffect(()=>(document.addEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)}),[]),s.useEffect(()=>{b(r)},[r]),o.jsxDEV(U.Floater,{refElement:D,topOffset:x,leftOffset:w,children:a&&o.jsxDEV("div",{ref:c,style:{backgroundColor:S.COLORS.surface.standard,zIndex:99999,borderRadius:"8px",whiteSpace:"normal"},children:o.jsxDEV(f.DropdownContainer,{width:t,children:[y&&o.jsxDEV("div",{style:{padding:"4px",width:t??"200px"},children:o.jsxDEV(g.SearchBox,{onSearch:v,version:"2.0"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MultiLevelDropdown.tsx",lineNumber:132,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MultiLevelDropdown.tsx",lineNumber:131,columnNumber:8},void 0),o.jsxDEV(f.OptionsContainer,{width:t,children:(d??[]).length>0&&o.jsxDEV(q.MenuList,{width:t??"200px",onDropdownItemClick:N,options:d,parents:[],allowParentSelection:L,maxLevels:M,hideGroupLabel:E,currentLevel:1},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MultiLevelDropdown.tsx",lineNumber:137,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MultiLevelDropdown.tsx",lineNumber:135,columnNumber:7},void 0),(d??[]).length===0&&o.jsxDEV(f.NoResultsContainer,{style:{width:t??"200px"},children:o.jsxDEV(j.ZeroState,{title:"No results found!",subTitle:"Sorry, we are unable to find any results for your search."},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MultiLevelDropdown.tsx",lineNumber:152,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MultiLevelDropdown.tsx",lineNumber:151,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MultiLevelDropdown.tsx",lineNumber:129,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MultiLevelDropdown.tsx",lineNumber:120,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/multi-level-dropdown/MultiLevelDropdown.tsx",lineNumber:114,columnNumber:3},void 0)};exports.MultiLevelDropdown=R;
 //# sourceMappingURL=MultiLevelDropdown.js.map

package/dist/cjs/components/multi-level-dropdown/MultiLevelDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiLevelDropdown.js","sources":["../../../../src/components/multi-level-dropdown/MultiLevelDropdown.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { ZeroState } from '@src/components/zeroState/ZeroState';\nimport { COLORS } from '@src/constants/Theme';\nimport { SearchBox } from '../dropdown/OpenedDropdown/components/searchbox/SearchBox';\nimport { Floater } from '../floater';\nimport { MenuList } from './MenuList';\nimport {\n\tDropdownContainer,\n\tNoResultsContainer,\n\tOptionsContainer,\n} from './MultiLevelDropdown.styled';\nimport { MultiLevelDropdownOption, MultiLevelDropdownProps } from './type';\n\nexport const MultiLevelDropdown: React.FC<MultiLevelDropdownProps> = ({\n\toptions,\n\twidth,\n\tisSearchable,\n\tonDropdownItemClick,\n\trefElement,\n\ttopOffset,\n\tleftOffset,\n\tisDropdownOpen,\n\tonDropdownOutsideClick,\n\tallowParentSelection,\n\tmaxLevels,\n\thideGroupLabel,\n}) => {\n\tconst dropdownRef = React.useRef<HTMLDivElement>(null);\n\tconst [filteredOptions, setFilteredOptions] =\n\t\tuseState<MultiLevelDropdownOption[]>(options);\n\n\tconst search = (searchString: string) => {\n\t\tconst queue = Array.isArray(options) ? [...options] : [];\n\t\tconst result: MultiLevelDropdownOption[] = [];\n\n\t\twhile (queue.length > 0) {\n\t\t\tconst current = queue.shift();\n\t\t\tif (\n\t\t\t\tcurrent &&\n\t\t\t\tcurrent.label.toLowerCase().includes(searchString.toLowerCase())\n\t\t\t) {\n\t\t\t\tresult.push(current);\n\t\t\t}\n\t\t\tif (current && 'children' in current && current.children) {\n\t\t\t\tqueue.push(...current.children);\n\t\t\t} else if (current && 'options' in current && current.options) {\n\t\t\t\tqueue.push(...current.options);\n\t\t\t}\n\t\t}\n\n\t\tconst filterOptions = (options: MultiLevelDropdownOption[]) => {\n\t\t\treturn options\n\t\t\t\t.map((option: MultiLevelDropdownOption) => {\n\t\t\t\t\tif (result.includes(option)) {\n\t\t\t\t\t\treturn option;\n\t\t\t\t\t}\n\t\t\t\t\tif ('children' in option && option.children) {\n\t\t\t\t\t\tconst filteredChildren = filterOptions(\n\t\t\t\t\t\t\toption.children as MultiLevelDropdownOption[],\n\t\t\t\t\t\t);\n\t\t\t\t\t\tif (filteredChildren.length > 0) {\n\t\t\t\t\t\t\treturn { ...option, children: filteredChildren };\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif ('options' in option && option.options) {\n\t\t\t\t\t\tconst filteredOptions = filterOptions(\n\t\t\t\t\t\t\toption.options as MultiLevelDropdownOption[],\n\t\t\t\t\t\t);\n\t\t\t\t\t\tif (filteredOptions.length > 0) {\n\t\t\t\t\t\t\treturn { ...option, options: filteredOptions };\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn null;\n\t\t\t\t})\n\t\t\t\t.filter((option) => option !== null);\n\t\t};\n\n\t\tsetFilteredOptions(filterOptions(options) as MultiLevelDropdownOption[]);\n\t};\n\n\tconst handleClickOutside = (event: MouseEvent) => {\n\t\tif (\n\t\t\tdropdownRef.current &&\n\t\t\t!dropdownRef.current.contains(event.target as Node)\n\t\t) {\n\t\t\tif (onDropdownOutsideClick) {\n\t\t\t\tonDropdownOutsideClick(true);\n\t\t\t}\n\t\t} else {\n\t\t\tif (onDropdownOutsideClick) {\n\t\t\t\tonDropdownOutsideClick(false);\n\t\t\t}\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tif (isDropdownOpen) {\n\t\t\tsearch('');\n\t\t}\n\t}, [isDropdownOpen]);\n\n\tuseEffect(() => {\n\t\tdocument.addEventListener('mousedown', handleClickOutside);\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('mousedown', handleClickOutside);\n\t\t};\n\t}, []);\n\n\tuseEffect(() => {\n\t\tsetFilteredOptions(options);\n\t}, [options]);\n\n\treturn (\n\t\t<Floater\n\t\t\trefElement={refElement}\n\t\t\ttopOffset={topOffset}\n\t\t\tleftOffset={leftOffset}\n\t\t>\n\t\t\t{isDropdownOpen && (\n\t\t\t\t<div\n\t\t\t\t\tref={dropdownRef}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundColor: COLORS.surface.standard,\n\t\t\t\t\t\tzIndex: 99999,\n\t\t\t\t\t\tborderRadius: '8px',\n\t\t\t\t\t\twhiteSpace: 'normal',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<DropdownContainer width={width}>\n\t\t\t\t\t\t{isSearchable && (\n\t\t\t\t\t\t\t<div style={{ padding: '4px', width: width ?? '200px' }}>\n\t\t\t\t\t\t\t\t<SearchBox onSearch={search} version={'2.0'} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<OptionsContainer width={width}>\n\t\t\t\t\t\t\t{(filteredOptions ?? []).length > 0 && (\n\t\t\t\t\t\t\t\t<MenuList\n\t\t\t\t\t\t\t\t\twidth={width ?? '200px'}\n\t\t\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\t\t\toptions={filteredOptions}\n\t\t\t\t\t\t\t\t\tparents={[]}\n\t\t\t\t\t\t\t\t\tallowParentSelection={allowParentSelection}\n\t\t\t\t\t\t\t\t\tmaxLevels={maxLevels}\n\t\t\t\t\t\t\t\t\thideGroupLabel={hideGroupLabel}\n\t\t\t\t\t\t\t\t\tcurrentLevel={1}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</OptionsContainer>\n\n\t\t\t\t\t\t{(filteredOptions ?? []).length === 0 && (\n\t\t\t\t\t\t\t<NoResultsContainer style={{ width: width ?? '200px' }}>\n\t\t\t\t\t\t\t\t<ZeroState\n\t\t\t\t\t\t\t\t\ttitle=\"No results found!\"\n\t\t\t\t\t\t\t\t\tsubTitle={`Sorry, we are unable to find any results for your search.`}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</NoResultsContainer>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</DropdownContainer>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Floater>\n\t);\n};\n"],"names":["MultiLevelDropdown","options","width","isSearchable","onDropdownItemClick","refElement","topOffset","leftOffset","isDropdownOpen","onDropdownOutsideClick","allowParentSelection","maxLevels","hideGroupLabel","dropdownRef","React","filteredOptions","setFilteredOptions","useState","search","searchString","queue","result","current","filterOptions","option","filteredChildren","handleClickOutside","event","useEffect","jsxDEV","Floater","COLORS","DropdownContainer","SearchBox","this","OptionsContainer","MenuList","NoResultsContainer","ZeroState"],"mappings":"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"}
+{"version":3,"file":"MultiLevelDropdown.js","sources":["../../../../src/components/multi-level-dropdown/MultiLevelDropdown.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { ZeroState } from '@src/components/zeroState/ZeroState';\nimport { COLORS } from '@src/constants/Theme';\nimport { SearchBox } from '../dropdown/OpenedDropdown/components/searchbox/SearchBox';\nimport { Floater } from '../floater';\nimport { MenuList } from './MenuList';\nimport {\n\tDropdownContainer,\n\tNoResultsContainer,\n\tOptionsContainer,\n} from './MultiLevelDropdown.styled';\nimport { MultiLevelDropdownOption, MultiLevelDropdownProps } from './type';\n\nexport const MultiLevelDropdown: React.FC<MultiLevelDropdownProps> = ({\n\toptions,\n\twidth,\n\tisSearchable,\n\tonDropdownItemClick,\n\trefElement,\n\ttopOffset,\n\tleftOffset,\n\tisDropdownOpen,\n\tonDropdownOutsideClick,\n\tallowParentSelection,\n\tmaxLevels,\n\thideGroupLabel,\n}) => {\n\tconst dropdownRef = React.useRef<HTMLDivElement>(null);\n\tconst [filteredOptions, setFilteredOptions] =\n\t\tuseState<MultiLevelDropdownOption[]>(options);\n\n\tconst search = (searchString: string) => {\n\t\tconst queue = Array.isArray(options) ? [...options] : [];\n\t\tconst result: MultiLevelDropdownOption[] = [];\n\n\t\twhile (queue.length > 0) {\n\t\t\tconst current = queue.shift();\n\t\t\tif (\n\t\t\t\tcurrent &&\n\t\t\t\tcurrent.label.toLowerCase().includes(searchString.toLowerCase())\n\t\t\t) {\n\t\t\t\tresult.push(current);\n\t\t\t}\n\t\t\tif (current && 'children' in current && current.children) {\n\t\t\t\tqueue.push(...current.children);\n\t\t\t} else if (current && 'options' in current && current.options) {\n\t\t\t\tqueue.push(...current.options);\n\t\t\t}\n\t\t}\n\n\t\tconst filterOptions = (options: MultiLevelDropdownOption[]) => {\n\t\t\treturn options\n\t\t\t\t.map((option: MultiLevelDropdownOption) => {\n\t\t\t\t\tif (result.includes(option)) {\n\t\t\t\t\t\treturn option;\n\t\t\t\t\t}\n\t\t\t\t\tif ('children' in option && option.children) {\n\t\t\t\t\t\tconst filteredChildren = filterOptions(\n\t\t\t\t\t\t\toption.children as MultiLevelDropdownOption[],\n\t\t\t\t\t\t);\n\t\t\t\t\t\tif (filteredChildren.length > 0) {\n\t\t\t\t\t\t\treturn { ...option, children: filteredChildren };\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif ('options' in option && option.options) {\n\t\t\t\t\t\tconst filteredOptions = filterOptions(\n\t\t\t\t\t\t\toption.options as MultiLevelDropdownOption[],\n\t\t\t\t\t\t);\n\t\t\t\t\t\tif (filteredOptions.length > 0) {\n\t\t\t\t\t\t\treturn { ...option, options: filteredOptions };\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn null;\n\t\t\t\t})\n\t\t\t\t.filter((option) => option !== null);\n\t\t};\n\n\t\tsetFilteredOptions(filterOptions(options) as MultiLevelDropdownOption[]);\n\t};\n\n\tconst handleClickOutside = (event: MouseEvent) => {\n\t\tif (\n\t\t\tdropdownRef.current &&\n\t\t\t!dropdownRef.current.contains(event.target as Node)\n\t\t) {\n\t\t\tif (onDropdownOutsideClick) {\n\t\t\t\tonDropdownOutsideClick(true);\n\t\t\t}\n\t\t} else {\n\t\t\tif (onDropdownOutsideClick) {\n\t\t\t\tonDropdownOutsideClick(false);\n\t\t\t}\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tif (isDropdownOpen) {\n\t\t\tsearch('');\n\t\t}\n\t}, [isDropdownOpen]);\n\n\tuseEffect(() => {\n\t\tdocument.addEventListener('mousedown', handleClickOutside);\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('mousedown', handleClickOutside);\n\t\t};\n\t}, []);\n\n\tuseEffect(() => {\n\t\tsetFilteredOptions(options);\n\t}, [options]);\n\n\treturn (\n\t\t<Floater\n\t\t\trefElement={refElement}\n\t\t\ttopOffset={topOffset}\n\t\t\tleftOffset={leftOffset}\n\t\t>\n\t\t\t{isDropdownOpen && (\n\t\t\t\t<div\n\t\t\t\t\tref={dropdownRef}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundColor: COLORS.surface.standard,\n\t\t\t\t\t\tzIndex: 99999,\n\t\t\t\t\t\tborderRadius: '8px',\n\t\t\t\t\t\twhiteSpace: 'normal',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<DropdownContainer width={width}>\n\t\t\t\t\t\t{isSearchable && (\n\t\t\t\t\t\t\t<div style={{ padding: '4px', width: width ?? '200px' }}>\n\t\t\t\t\t\t\t\t<SearchBox onSearch={search} version={'2.0'} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<OptionsContainer width={width}>\n\t\t\t\t\t\t\t{(filteredOptions ?? []).length > 0 && (\n\t\t\t\t\t\t\t\t<MenuList\n\t\t\t\t\t\t\t\t\twidth={width ?? '200px'}\n\t\t\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\t\t\toptions={filteredOptions}\n\t\t\t\t\t\t\t\t\tparents={[]}\n\t\t\t\t\t\t\t\t\tallowParentSelection={allowParentSelection}\n\t\t\t\t\t\t\t\t\tmaxLevels={maxLevels}\n\t\t\t\t\t\t\t\t\thideGroupLabel={hideGroupLabel}\n\t\t\t\t\t\t\t\t\tcurrentLevel={1}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</OptionsContainer>\n\n\t\t\t\t\t\t{(filteredOptions ?? []).length === 0 && (\n\t\t\t\t\t\t\t<NoResultsContainer style={{ width: width ?? '200px' }}>\n\t\t\t\t\t\t\t\t<ZeroState\n\t\t\t\t\t\t\t\t\ttitle=\"No results found!\"\n\t\t\t\t\t\t\t\t\tsubTitle={`Sorry, we are unable to find any results for your search.`}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</NoResultsContainer>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</DropdownContainer>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Floater>\n\t);\n};\n"],"names":["MultiLevelDropdown","options","width","isSearchable","onDropdownItemClick","refElement","topOffset","leftOffset","isDropdownOpen","onDropdownOutsideClick","allowParentSelection","maxLevels","hideGroupLabel","dropdownRef","React","filteredOptions","setFilteredOptions","useState","search","searchString","queue","result","current","filterOptions","option","filteredChildren","handleClickOutside","event","useEffect","jsxDEV","Floater","COLORS","DropdownContainer","SearchBox","this","OptionsContainer","MenuList","NoResultsContainer","ZeroState"],"mappings":"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"}

package/dist/cjs/components/navigation-hyperlink/NavigationHyperlink.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-dev-runtime"),c=require("styled-components"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},p=d(c),u=e=>{const{router:o,href:i,newTab:r}=e,l=t=>{if(i.includes("http")){const n=r||t.metaKey?"_blank":"_self";window.open(i,n)}else{const n=`${i.startsWith("/")?"":"/"}${i}`;t.metaKey?window.open(window.location.origin+n,"_blank"):o?o.push(window.location.origin+n):window.open(window.location.origin+n,"_self")}};return s.jsxDEV(a,{onClick:l,children:e.children},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/navigation-hyperlink/NavigationHyperlink.tsx",lineNumber:36,columnNumber:3},void 0)},a=p.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-dev-runtime"),c=require("styled-components"),d=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},p=d(c),u=n=>{const{router:o,href:i,newTab:r}=n,l=t=>{if(i.includes("http")){const e=r||t.metaKey?"_blank":"_self";window.open(i,e)}else{const e=`${i.startsWith("/")?"":"/"}${i}`;t.metaKey?window.open(window.location.origin+e,"_blank"):o?o.push(window.location.origin+e):window.open(window.location.origin+e,"_self")}};return s.jsxDEV(a,{onClick:l,children:n.children},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/navigation-hyperlink/NavigationHyperlink.tsx",lineNumber:36,columnNumber:3},void 0)},a=p.default.div`
 	//	display: inline-block;
 `;exports.NaLinkWrapper=a;exports.NavigationHyperlink=u;
 //# sourceMappingURL=NavigationHyperlink.js.map

package/dist/cjs/components/navigation-hyperlink/NavigationHyperlink.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationHyperlink.js","sources":["../../../../src/components/navigation-hyperlink/NavigationHyperlink.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport styled from 'styled-components';\n\nexport interface NavigationHyperlinkProps {\n\trouter: any;\n\thref: string;\n\tchildren?: ReactNode;\n\tnewTab?: boolean;\n}\n\nexport const NavigationHyperlink: React.FC<NavigationHyperlinkProps> = (\n\tnavigationHyperlinkProps,\n) => {\n\tconst { router, href, newTab } = navigationHyperlinkProps;\n\n\tconst onNavigation = (event) => {\n\t\tconst isExternal = href.includes('http');\n\t\tif (isExternal) {\n\t\t\tconst openInNewTab = newTab || event.metaKey ? '_blank' : '_self';\n\t\t\twindow.open(href, openInNewTab);\n\t\t} else {\n\t\t\tconst formattedHref = `${href.startsWith('/') ? '' : '/'}${href}`;\n\t\t\tif (!event.metaKey) {\n\t\t\t\tif (router) {\n\t\t\t\t\trouter.push(window.location.origin + formattedHref);\n\t\t\t\t} else {\n\t\t\t\t\twindow.open(window.location.origin + formattedHref, '_self');\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\twindow.open(window.location.origin + formattedHref, '_blank');\n\t\t\t}\n\t\t}\n\t};\n\n\treturn (\n\t\t<NaLinkWrapper onClick={onNavigation}>\n\t\t\t{navigationHyperlinkProps.children}\n\t\t</NaLinkWrapper>\n\t);\n};\n\nexport const NaLinkWrapper = styled.div`\n\t//\tdisplay: inline-block;\n`;\n"],"names":["NavigationHyperlink","navigationHyperlinkProps","router","href","newTab","onNavigation","event","openInNewTab","formattedHref","jsxDEV","NaLinkWrapper","this","styled"],"mappings":"uNAUaA,EACZC,GACI,CACJ,KAAM,CAAE,OAAAC,EAAQ,KAAAC,EAAM,OAAAC,CAAA,EAAWH,EAE3BI,EAAgBC,GAAU,CAE/B,GADmBH,EAAK,SAAS,MAAM,EACvB,CACf,MAAMI,EAAeH,GAAUE,EAAM,QAAU,SAAW,QAC1D,OAAO,KAAKH,EAAMI,CAAY,CAC/B,KAAO,CACN,MAAMC,EAAgB,GAAGL,EAAK,WAAW,GAAG,EAAI,GAAK,GAAG,GAAGA,CAAI,GAC1DG,EAAM,QAOV,OAAO,KAAK,OAAO,SAAS,OAASE,EAAe,QAAQ,EANxDN,EACHA,EAAO,KAAK,OAAO,SAAS,OAASM,CAAa,EAElD,OAAO,KAAK,OAAO,SAAS,OAASA,EAAe,OAAO,CAK9D,CACD,EAEA,OACCC,SAACC,EAAA,CAAc,QAASL,EACtB,WAAyB,QAAA,EAD3B,OAAA,GAAA,CAAA,SAAA,mHAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAEA,CAEF,EAEaD,EAAgBE,EAAAA,QAAO;AAAA;AAAA"}
+{"version":3,"file":"NavigationHyperlink.js","sources":["../../../../src/components/navigation-hyperlink/NavigationHyperlink.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport styled from 'styled-components';\n\nexport interface NavigationHyperlinkProps {\n\trouter: any;\n\thref: string;\n\tchildren?: ReactNode;\n\tnewTab?: boolean;\n}\n\nexport const NavigationHyperlink: React.FC<NavigationHyperlinkProps> = (\n\tnavigationHyperlinkProps,\n) => {\n\tconst { router, href, newTab } = navigationHyperlinkProps;\n\n\tconst onNavigation = (event) => {\n\t\tconst isExternal = href.includes('http');\n\t\tif (isExternal) {\n\t\t\tconst openInNewTab = newTab || event.metaKey ? '_blank' : '_self';\n\t\t\twindow.open(href, openInNewTab);\n\t\t} else {\n\t\t\tconst formattedHref = `${href.startsWith('/') ? '' : '/'}${href}`;\n\t\t\tif (!event.metaKey) {\n\t\t\t\tif (router) {\n\t\t\t\t\trouter.push(window.location.origin + formattedHref);\n\t\t\t\t} else {\n\t\t\t\t\twindow.open(window.location.origin + formattedHref, '_self');\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\twindow.open(window.location.origin + formattedHref, '_blank');\n\t\t\t}\n\t\t}\n\t};\n\n\treturn (\n\t\t<NaLinkWrapper onClick={onNavigation}>\n\t\t\t{navigationHyperlinkProps.children}\n\t\t</NaLinkWrapper>\n\t);\n};\n\nexport const NaLinkWrapper = styled.div`\n\t//\tdisplay: inline-block;\n`;\n"],"names":["NavigationHyperlink","navigationHyperlinkProps","router","href","newTab","onNavigation","event","openInNewTab","formattedHref","jsxDEV","NaLinkWrapper","this","styled"],"mappings":"uNAUaA,EACZC,GACI,CACJ,KAAM,CAAE,OAAAC,EAAQ,KAAAC,EAAM,OAAAC,CAAA,EAAWH,EAE3BI,EAAgBC,GAAU,CAE/B,GADmBH,EAAK,SAAS,MAAM,EACvB,CACf,MAAMI,EAAeH,GAAUE,EAAM,QAAU,SAAW,QAC1D,OAAO,KAAKH,EAAMI,CAAY,CAC/B,KAAO,CACN,MAAMC,EAAgB,GAAGL,EAAK,WAAW,GAAG,EAAI,GAAK,GAAG,GAAGA,CAAI,GAC1DG,EAAM,QAOV,OAAO,KAAK,OAAO,SAAS,OAASE,EAAe,QAAQ,EANxDN,EACHA,EAAO,KAAK,OAAO,SAAS,OAASM,CAAa,EAElD,OAAO,KAAK,OAAO,SAAS,OAASA,EAAe,OAAO,CAK9D,CACD,EAEA,OACCC,SAACC,EAAA,CAAc,QAASL,EACtB,WAAyB,QAAA,EAD3B,OAAA,GAAA,CAAA,SAAA,iJAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAEA,CAEF,EAEaD,EAAgBE,EAAAA,QAAO;AAAA;AAAA"}

package/dist/cjs/components/pagination/Pagination.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),m=require("react"),o=require("../TypographyStyle.js"),i=require("../../constants/Theme.js"),r=require("./Pagination.styled.js"),s=m.forwardRef(({id:c,onShowMore:a,isLoading:l,numberOfItemsLoaded:t,totalNumberOfItems:n,...u})=>e.jsxDEV(r.Pagination,{id:c,...u,children:l?e.jsxDEV(e.Fragment,{children:"loading..."},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/pagination/Pagination.tsx",lineNumber:27,columnNumber:6},void 0):e.jsxDEV("div",{children:t<n?e.jsxDEV(r.Pagination,{children:[e.jsxDEV(o.BodySecondary,{style:{color:i.COLORS.content.secondary},children:["Showing ",t," out of ",n," ","results"]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/pagination/Pagination.tsx",lineNumber:32,columnNumber:9},void 0),e.jsxDEV(o.ButtonRegular,{style:{color:i.COLORS.content.brand,cursor:"pointer"},onClick:()=>a&&a(),children:"Show more"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/pagination/Pagination.tsx",lineNumber:36,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/pagination/Pagination.tsx",lineNumber:31,columnNumber:8},void 0):e.jsxDEV(r.Pagination,{children:e.jsxDEV(o.BodySecondary,{style:{color:i.COLORS.content.secondary},children:["Showing all ",n," results"]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/pagination/Pagination.tsx",lineNumber:45,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/pagination/Pagination.tsx",lineNumber:44,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/pagination/Pagination.tsx",lineNumber:29,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/pagination/Pagination.tsx",lineNumber:24,columnNumber:4},void 0));s.displayName="Pagination";exports.Pagination=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),u=require("react"),e=require("../TypographyStyle.js"),o=require("../../constants/Theme.js"),r=require("./Pagination.styled.js"),t=u.forwardRef(({id:l,onShowMore:a,isLoading:c,numberOfItemsLoaded:s,totalNumberOfItems:i,...m})=>n.jsxDEV(r.Pagination,{id:l,...m,children:c?n.jsxDEV(n.Fragment,{children:"loading..."},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/pagination/Pagination.tsx",lineNumber:27,columnNumber:6},void 0):n.jsxDEV("div",{children:s<i?n.jsxDEV(r.Pagination,{children:[n.jsxDEV(e.BodySecondary,{style:{color:o.COLORS.content.secondary},children:["Showing ",s," out of ",i," ","results"]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/pagination/Pagination.tsx",lineNumber:32,columnNumber:9},void 0),n.jsxDEV(e.ButtonRegular,{style:{color:o.COLORS.content.brand,cursor:"pointer"},onClick:()=>a&&a(),children:"Show more"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/pagination/Pagination.tsx",lineNumber:36,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/pagination/Pagination.tsx",lineNumber:31,columnNumber:8},void 0):n.jsxDEV(r.Pagination,{children:n.jsxDEV(e.BodySecondary,{style:{color:o.COLORS.content.secondary},children:["Showing all ",i," results"]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/pagination/Pagination.tsx",lineNumber:45,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/pagination/Pagination.tsx",lineNumber:44,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/pagination/Pagination.tsx",lineNumber:29,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/pagination/Pagination.tsx",lineNumber:24,columnNumber:4},void 0));t.displayName="Pagination";exports.Pagination=t;
 //# sourceMappingURL=Pagination.js.map

package/dist/cjs/components/pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { BodySecondary, ButtonRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport * as Sc from './Pagination.styled';\n\nexport interface PaginationProps extends React.HTMLAttributes<HTMLDivElement> {\n\tnumberOfItemsLoaded: number;\n\ttotalNumberOfItems: number;\n\tisLoading?: boolean;\n\tonShowMore?: () => void;\n\twidth?: string;\n}\n\nexport const Pagination = forwardRef<HTMLButtonElement, PaginationProps>(\n\t({\n\t\tid,\n\t\tonShowMore,\n\t\tisLoading,\n\t\tnumberOfItemsLoaded,\n\t\ttotalNumberOfItems,\n\t\t...rest\n\t}) => {\n\t\treturn (\n\t\t\t<Sc.Pagination id={id} {...rest}>\n\t\t\t\t{isLoading ? (\n\t\t\t\t\t//TODO: @chinmayee replace with Spinner once done\n\t\t\t\t\t<>loading...</>\n\t\t\t\t) : (\n\t\t\t\t\t<div>\n\t\t\t\t\t\t{numberOfItemsLoaded < totalNumberOfItems ? (\n\t\t\t\t\t\t\t<Sc.Pagination>\n\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t\tShowing {numberOfItemsLoaded} out of {totalNumberOfItems}{' '}\n\t\t\t\t\t\t\t\t\tresults\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t<ButtonRegular\n\t\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.brand, cursor: 'pointer' }}\n\t\t\t\t\t\t\t\t\tonClick={() => onShowMore && onShowMore()}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tShow more\n\t\t\t\t\t\t\t\t</ButtonRegular>\n\t\t\t\t\t\t\t</Sc.Pagination>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Sc.Pagination>\n\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t\tShowing all {totalNumberOfItems} results\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t</Sc.Pagination>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Sc.Pagination>\n\t\t);\n\t},\n);\n\nPagination.displayName = 'Pagination';\n"],"names":["Pagination","forwardRef","id","onShowMore","isLoading","numberOfItemsLoaded","totalNumberOfItems","rest","Sc.Pagination","this","jsxDEV","BodySecondary","COLORS","ButtonRegular"],"mappings":"yPAaaA,EAAaC,EAAAA,WACzB,CAAC,CACA,GAAAC,EACA,WAAAC,EACA,UAAAC,EACA,oBAAAC,EACA,mBAAAC,EACA,GAAGC,CAAA,aAGDC,EAAAA,WAAA,CAAc,GAAAN,EAAS,GAAGK,EACzB,SAAAH,uBAEE,SAAA,YAAA,EAAF,OAAA,GAAA,CAAA,SAAA,gGAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAY,WAEX,MAAA,CACC,SAAAJ,EAAsBC,EACtBI,EAAAA,OAACF,aAAA,CACA,SAAA,CAAAE,SAACC,EAAAA,eAAc,MAAO,CAAE,MAAOC,EAAAA,OAAO,QAAQ,WAAa,SAAA,CAAA,WACjDP,EAAoB,WAASC,EAAoB,IAAI,SAAA,CAAA,EAD/D,OAAA,GAAA,CAAA,SAAA,gGAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAGA,EACAC,EAAAA,OAACG,EAAAA,cAAA,CACA,MAAO,CAAE,MAAOD,EAAAA,OAAO,QAAQ,MAAO,OAAQ,SAAA,EAC9C,QAAS,IAAMT,GAAcA,EAAA,EAC7B,SAAA,WAAA,EAHD,OAAA,GAAA,CAAA,SAAA,gGAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,CAKA,CAAA,EAVD,OAAA,GAAA,CAAA,SAAA,gGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAWA,EAEAC,EAAAA,OAACF,EAAAA,WAAA,CACA,SAAAE,EAAAA,OAACC,EAAAA,cAAA,CAAc,MAAO,CAAE,MAAOC,EAAAA,OAAO,QAAQ,WAAa,SAAA,CAAA,eAC7CN,EAAmB,UAAA,CAAA,EADjC,OAAA,GAAA,CAAA,SAAA,gGAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAEA,CAAA,EAHD,OAAA,GAAA,CAAA,SAAA,gGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAIA,CAAA,EAnBF,OAAA,GAAA,CAAA,SAAA,gGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAqBA,CAAA,EA1BF,OAAA,GAAA,CAAA,SAAA,gGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA4BA,CAGH,EAEAT,EAAW,YAAc"}
+{"version":3,"file":"Pagination.js","sources":["../../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { BodySecondary, ButtonRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport * as Sc from './Pagination.styled';\n\nexport interface PaginationProps extends React.HTMLAttributes<HTMLDivElement> {\n\tnumberOfItemsLoaded: number;\n\ttotalNumberOfItems: number;\n\tisLoading?: boolean;\n\tonShowMore?: () => void;\n\twidth?: string;\n}\n\nexport const Pagination = forwardRef<HTMLButtonElement, PaginationProps>(\n\t({\n\t\tid,\n\t\tonShowMore,\n\t\tisLoading,\n\t\tnumberOfItemsLoaded,\n\t\ttotalNumberOfItems,\n\t\t...rest\n\t}) => {\n\t\treturn (\n\t\t\t<Sc.Pagination id={id} {...rest}>\n\t\t\t\t{isLoading ? (\n\t\t\t\t\t//TODO: @chinmayee replace with Spinner once done\n\t\t\t\t\t<>loading...</>\n\t\t\t\t) : (\n\t\t\t\t\t<div>\n\t\t\t\t\t\t{numberOfItemsLoaded < totalNumberOfItems ? (\n\t\t\t\t\t\t\t<Sc.Pagination>\n\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t\tShowing {numberOfItemsLoaded} out of {totalNumberOfItems}{' '}\n\t\t\t\t\t\t\t\t\tresults\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t<ButtonRegular\n\t\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.brand, cursor: 'pointer' }}\n\t\t\t\t\t\t\t\t\tonClick={() => onShowMore && onShowMore()}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tShow more\n\t\t\t\t\t\t\t\t</ButtonRegular>\n\t\t\t\t\t\t\t</Sc.Pagination>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Sc.Pagination>\n\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t\tShowing all {totalNumberOfItems} results\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t</Sc.Pagination>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Sc.Pagination>\n\t\t);\n\t},\n);\n\nPagination.displayName = 'Pagination';\n"],"names":["Pagination","forwardRef","id","onShowMore","isLoading","numberOfItemsLoaded","totalNumberOfItems","rest","Sc.Pagination","this","jsxDEV","BodySecondary","COLORS","ButtonRegular"],"mappings":"yPAaaA,EAAaC,EAAAA,WACzB,CAAC,CACA,GAAAC,EACA,WAAAC,EACA,UAAAC,EACA,oBAAAC,EACA,mBAAAC,EACA,GAAGC,CAAA,aAGDC,EAAAA,WAAA,CAAc,GAAAN,EAAS,GAAGK,EACzB,SAAAH,uBAEE,SAAA,YAAA,EAAF,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAY,WAEX,MAAA,CACC,SAAAJ,EAAsBC,EACtBI,EAAAA,OAACF,aAAA,CACA,SAAA,CAAAE,SAACC,EAAAA,eAAc,MAAO,CAAE,MAAOC,EAAAA,OAAO,QAAQ,WAAa,SAAA,CAAA,WACjDP,EAAoB,WAASC,EAAoB,IAAI,SAAA,CAAA,EAD/D,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAGA,EACAC,EAAAA,OAACG,EAAAA,cAAA,CACA,MAAO,CAAE,MAAOD,EAAAA,OAAO,QAAQ,MAAO,OAAQ,SAAA,EAC9C,QAAS,IAAMT,GAAcA,EAAA,EAC7B,SAAA,WAAA,EAHD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,CAKA,CAAA,EAVD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAWA,EAEAC,EAAAA,OAACF,EAAAA,WAAA,CACA,SAAAE,EAAAA,OAACC,EAAAA,cAAA,CAAc,MAAO,CAAE,MAAOC,EAAAA,OAAO,QAAQ,WAAa,SAAA,CAAA,eAC7CN,EAAmB,UAAA,CAAA,EADjC,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAEA,CAAA,EAHD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAIA,CAAA,EAnBF,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAqBA,CAAA,EA1BF,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA4BA,CAGH,EAEAT,EAAW,YAAc"}