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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CountryCodePicker.js","sources":["../../../../src/components/country-code-picker/CountryCodePicker.tsx"],"sourcesContent":["import { Placement, PositioningStrategy } from '@popperjs/core';\nimport DownIcon from '@src/assets/icons/chevronDown.svg';\nimport React, { useEffect, useState } from 'react';\nimport {\n\tCountriesData,\n\tCountryCode,\n} from '@src/components/country-code-picker/CountryCodePicker.modal';\nimport {\n\tStyledCountryPickerOption,\n\tStyledCountryPickerWrapper,\n} from '@src/components/country-code-picker/CountryCodePicker.styled';\nimport { DropdownPopover } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const CountryCodePicker: React.FC<{\n\tversion: '1.0' | '2.0';\n\tonCountrySelect: (country: CountryCode) => void;\n\tselectedCountry: CountryCode;\n\tpopoverWidth?: string;\n\theight?: string;\n\tplacement?: Placement;\n\tplacementStrategy?: PositioningStrategy;\n\tdisabled?: boolean;\n\thideFlagImage?: boolean;\n\tcontainerStyles?: React.CSSProperties;\n\tcodeColor?: string;\n\tdialColor?: string;\n\tcountryTextStyle?: React.CSSProperties;\n\tonDropdownClick?: () => void;\n}> = (props) => {\n\tconst [selectedCountry, setSelectedCountry] = useState<{\n\t\tname: string;\n\t\tdial: string;\n\t\tcode: string;\n\t}>(\n\t\tprops.selectedCountry ?? {\n\t\t\tname: 'India',\n\t\t\tdial: '+91',\n\t\t\tcode: 'IN',\n\t\t},\n\t);\n\tconst selectedFlag = `https://flagcdn.com/${selectedCountry.code?.toLowerCase()}.svg`;\n\n\tuseEffect(() => {\n\t\tif (props.selectedCountry) {\n\t\t\tsetSelectedCountry(props.selectedCountry);\n\t\t}\n\t}, [props.selectedCountry?.code]);\n\n\tconst getCountryOptions = (): DropdownOption[] => {\n\t\treturn CountriesData.map((country) => {\n\t\t\tconst flag = `https://flagcdn.com/${country.code?.toLowerCase()}.svg`;\n\t\t\treturn {\n\t\t\t\tvalue: country.code,\n\t\t\t\tlabel: country.dial,\n\t\t\t\tsearchKey: country.name,\n\t\t\t\tcustomComponent: (\n\t\t\t\t\t<StyledCountryPickerOption>\n\t\t\t\t\t\t{!props.hideFlagImage && (\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc={flag}\n\t\t\t\t\t\t\t\tclassName=\"country-flag__option\"\n\t\t\t\t\t\t\t\talt={country.name}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<BodySecondary style={props.countryTextStyle ?? {}}>\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: props.codeColor ?? COLORS.text.primary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{country.code}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t{'  '}\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: props.dialColor ?? COLORS.text.primary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{country.dial}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t</StyledCountryPickerOption>\n\t\t\t\t),\n\t\t\t\tselected: selectedCountry.code === country.code,\n\t\t\t};\n\t\t});\n\t};\n\n\treturn (\n\t\t<DropdownPopover\n\t\t\tversion={props.version}\n\t\t\tisSearchable\n\t\t\twidth={props.popoverWidth ?? '200px'}\n\t\t\tplacement={props.placement ?? 'bottom-start'}\n\t\t\tstrategy={props.placementStrategy ?? 'absolute'}\n\t\t\toptions={getCountryOptions()}\n\t\t\tdisabled={props.disabled}\n\t\t\tonSelect={(option) => {\n\t\t\t\tconst matchingOption = CountriesData.filter(\n\t\t\t\t\t(country) => country.code === (option as SingleOption).value,\n\t\t\t\t);\n\t\t\t\tsetSelectedCountry(matchingOption[0]);\n\t\t\t\tprops.onCountrySelect(matchingOption[0]);\n\t\t\t}}\n\t\t>\n\t\t\t<StyledCountryPickerWrapper\n\t\t\t\theight={props.height}\n\t\t\t\tstyle={props.containerStyles}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tconsole.log('hello');\n\t\t\t\t\tprops.onDropdownClick?.();\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div className=\"content__wrapper\">\n\t\t\t\t\t{!props.hideFlagImage && (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={selectedFlag}\n\t\t\t\t\t\t\tclassName=\"country-flag__selected-option\"\n\t\t\t\t\t\t\talt={selectedCountry.name}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<BodySecondary style={props.countryTextStyle ?? {}}>\n\t\t\t\t\t\t{selectedCountry.dial}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t</div>\n\t\t\t\t<DownIcon width={24} height={24} color={COLORS.content.primary} />\n\t\t\t</StyledCountryPickerWrapper>\n\t\t</DropdownPopover>\n\t);\n};\n"],"names":["CountryCodePicker","props","selectedCountry","setSelectedCountry","useState","selectedFlag","useEffect","getCountryOptions","CountriesData","country","flag","StyledCountryPickerOption","jsxDEV","this","BodySecondary","COLORS","DropdownPopover","option","matchingOption","StyledCountryPickerWrapper","DownIcon"],"mappings":"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"}
+{"version":3,"file":"CountryCodePicker.js","sources":["../../../../src/components/country-code-picker/CountryCodePicker.tsx"],"sourcesContent":["import { Placement, PositioningStrategy } from '@popperjs/core';\nimport DownIcon from '@src/assets/icons/chevronDown.svg';\nimport React, { useEffect, useState } from 'react';\nimport {\n\tCountriesData,\n\tCountryCode,\n} from '@src/components/country-code-picker/CountryCodePicker.modal';\nimport {\n\tStyledCountryPickerOption,\n\tStyledCountryPickerWrapper,\n} from '@src/components/country-code-picker/CountryCodePicker.styled';\nimport { DropdownPopover } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const CountryCodePicker: React.FC<{\n\tversion: '1.0' | '2.0';\n\tonCountrySelect: (country: CountryCode) => void;\n\tselectedCountry: CountryCode;\n\tpopoverWidth?: string;\n\theight?: string;\n\tplacement?: Placement;\n\tplacementStrategy?: PositioningStrategy;\n\tdisabled?: boolean;\n\thideFlagImage?: boolean;\n\tcontainerStyles?: React.CSSProperties;\n\tcodeColor?: string;\n\tdialColor?: string;\n\tcountryTextStyle?: React.CSSProperties;\n\tonDropdownClick?: () => void;\n}> = (props) => {\n\tconst [selectedCountry, setSelectedCountry] = useState<{\n\t\tname: string;\n\t\tdial: string;\n\t\tcode: string;\n\t}>(\n\t\tprops.selectedCountry ?? {\n\t\t\tname: 'India',\n\t\t\tdial: '+91',\n\t\t\tcode: 'IN',\n\t\t},\n\t);\n\tconst selectedFlag = `https://flagcdn.com/${selectedCountry.code?.toLowerCase()}.svg`;\n\n\tuseEffect(() => {\n\t\tif (props.selectedCountry) {\n\t\t\tsetSelectedCountry(props.selectedCountry);\n\t\t}\n\t}, [props.selectedCountry?.code]);\n\n\tconst getCountryOptions = (): DropdownOption[] => {\n\t\treturn CountriesData.map((country) => {\n\t\t\tconst flag = `https://flagcdn.com/${country.code?.toLowerCase()}.svg`;\n\t\t\treturn {\n\t\t\t\tvalue: country.code,\n\t\t\t\tlabel: country.dial,\n\t\t\t\tsearchKey: country.name,\n\t\t\t\tcustomComponent: (\n\t\t\t\t\t<StyledCountryPickerOption>\n\t\t\t\t\t\t{!props.hideFlagImage && (\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc={flag}\n\t\t\t\t\t\t\t\tclassName=\"country-flag__option\"\n\t\t\t\t\t\t\t\talt={country.name}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<BodySecondary style={props.countryTextStyle ?? {}}>\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: props.codeColor ?? COLORS.text.primary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{country.code}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t{'  '}\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: props.dialColor ?? COLORS.text.primary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{country.dial}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t</StyledCountryPickerOption>\n\t\t\t\t),\n\t\t\t\tselected: selectedCountry.code === country.code,\n\t\t\t};\n\t\t});\n\t};\n\n\treturn (\n\t\t<DropdownPopover\n\t\t\tversion={props.version}\n\t\t\tisSearchable\n\t\t\twidth={props.popoverWidth ?? '200px'}\n\t\t\tplacement={props.placement ?? 'bottom-start'}\n\t\t\tstrategy={props.placementStrategy ?? 'absolute'}\n\t\t\toptions={getCountryOptions()}\n\t\t\tdisabled={props.disabled}\n\t\t\tonSelect={(option) => {\n\t\t\t\tconst matchingOption = CountriesData.filter(\n\t\t\t\t\t(country) => country.code === (option as SingleOption).value,\n\t\t\t\t);\n\t\t\t\tsetSelectedCountry(matchingOption[0]);\n\t\t\t\tprops.onCountrySelect(matchingOption[0]);\n\t\t\t}}\n\t\t>\n\t\t\t<StyledCountryPickerWrapper\n\t\t\t\theight={props.height}\n\t\t\t\tstyle={props.containerStyles}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tconsole.log('hello');\n\t\t\t\t\tprops.onDropdownClick?.();\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div className=\"content__wrapper\">\n\t\t\t\t\t{!props.hideFlagImage && (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={selectedFlag}\n\t\t\t\t\t\t\tclassName=\"country-flag__selected-option\"\n\t\t\t\t\t\t\talt={selectedCountry.name}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<BodySecondary style={props.countryTextStyle ?? {}}>\n\t\t\t\t\t\t{selectedCountry.dial}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t</div>\n\t\t\t\t<DownIcon width={24} height={24} color={COLORS.content.primary} />\n\t\t\t</StyledCountryPickerWrapper>\n\t\t</DropdownPopover>\n\t);\n};\n"],"names":["CountryCodePicker","props","selectedCountry","setSelectedCountry","useState","selectedFlag","useEffect","getCountryOptions","CountriesData","country","flag","StyledCountryPickerOption","jsxDEV","this","BodySecondary","COLORS","DropdownPopover","option","matchingOption","StyledCountryPickerWrapper","DownIcon"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CountryPicker.js","sources":["../../../../src/components/country-code-picker/CountryPicker.tsx"],"sourcesContent":["import { Placement, PositioningStrategy } from '@popperjs/core';\nimport DownIcon from '@src/assets/icons/chevronDown.svg';\nimport React, { useMemo, useState } from 'react';\nimport {\n\tCountriesData,\n\tCountryCode,\n} from '@src/components/country-code-picker/CountryCodePicker.modal';\nimport {\n\tStyledCountryOption,\n\tStyledCountryPickerContainer,\n} from '@src/components/country-code-picker/CountryPicker.styled';\nimport { DropdownPopover } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\n/**\n * Props for the CountryPicker component\n */\nexport interface CountryPickerProps {\n\t/**\n\t * Version of the dropdown popover to use\n\t */\n\tversion: '1.0' | '2.0';\n\t/**\n\t * Callback function when a country is selected\n\t */\n\tonCountrySelect: (country: CountryCode) => void;\n\t/**\n\t * Currently selected country\n\t */\n\tselectedCountry?: CountryCode;\n\t/**\n\t * Width of the popover dropdown\n\t * @default \"300px\"\n\t */\n\tpopoverWidth?: string;\n\t/**\n\t * Height of the picker container\n\t */\n\theight?: string;\n\t/**\n\t * Placement of the dropdown relative to the trigger\n\t * @default \"bottom-start\"\n\t */\n\tplacement?: Placement;\n\t/**\n\t * Positioning strategy for the dropdown\n\t * @default \"absolute\"\n\t */\n\tplacementStrategy?: PositioningStrategy;\n\t/**\n\t * Whether the picker is disabled\n\t * @default false\n\t */\n\tdisabled?: boolean;\n\t/**\n\t * Whether to hide the flag image\n\t * @default false\n\t */\n\thideFlagImage?: boolean;\n\t/**\n\t * Custom styles for the container\n\t */\n\tcontainerStyles?: React.CSSProperties;\n\t/**\n\t * Placeholder text when no country is selected\n\t * @default \"Select a country\"\n\t */\n\tplaceholder?: string;\n\t/**\n\t * Whether to show country code alongside name\n\t * @default true\n\t */\n\tshowCountryCode?: boolean;\n\t/**\n\t * Custom text style for the country name\n\t */\n\tcountryTextStyle?: React.CSSProperties;\n\t/**\n\t * Callback when dropdown is clicked\n\t */\n\tonDropdownClick?: () => void;\n}\n\nexport const CountryPicker: React.FC<CountryPickerProps> = ({\n\tversion,\n\tonCountrySelect,\n\tselectedCountry,\n\tpopoverWidth = '300px',\n\theight,\n\tplacement = 'bottom-start',\n\tplacementStrategy = 'absolute',\n\tdisabled = false,\n\thideFlagImage = false,\n\tcontainerStyles,\n\tplaceholder = 'Select a country',\n\tshowCountryCode = true,\n\tcountryTextStyle,\n\tonDropdownClick,\n}) => {\n\tconst [internalSelectedCountry, setInternalSelectedCountry] = useState<\n\t\tCountryCode | undefined\n\t>(selectedCountry);\n\n\t// Derive the current selected country (controlled vs uncontrolled)\n\tconst currentCountry = selectedCountry ?? internalSelectedCountry;\n\n\tconst selectedFlag = currentCountry\n\t\t? `https://flagcdn.com/${currentCountry.code?.toLowerCase()}.svg`\n\t\t: undefined;\n\n\tconst getCountryOptions = useMemo((): DropdownOption[] => {\n\t\treturn CountriesData.map((country) => {\n\t\t\tconst flag = `https://flagcdn.com/${country.code?.toLowerCase()}.svg`;\n\t\t\treturn {\n\t\t\t\tvalue: country.code,\n\t\t\t\tlabel: country.name,\n\t\t\t\tsearchKey: country.name,\n\t\t\t\tcustomComponent: (\n\t\t\t\t\t<StyledCountryOption>\n\t\t\t\t\t\t{!hideFlagImage && (\n\t\t\t\t\t\t\t<img src={flag} className=\"country-flag\" alt={country.name} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div className=\"country-info\">\n\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: COLORS.text.primary,\n\t\t\t\t\t\t\t\t\t...countryTextStyle,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{country.name}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t{showCountryCode && (\n\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor: COLORS.text.secondary,\n\t\t\t\t\t\t\t\t\t\tfontSize: '12px',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{country.code}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</StyledCountryOption>\n\t\t\t\t),\n\t\t\t\tselected: currentCountry?.code === country.code,\n\t\t\t};\n\t\t});\n\t}, [currentCountry?.code, hideFlagImage, showCountryCode, countryTextStyle]);\n\n\tconst handleCountrySelect = (option: SingleOption) => {\n\t\tconst matchingCountry = CountriesData.find(\n\t\t\t(country) => country.code === option.value,\n\t\t);\n\t\tif (matchingCountry) {\n\t\t\t// Only update internal state if in uncontrolled mode\n\t\t\tif (selectedCountry === undefined) {\n\t\t\t\tsetInternalSelectedCountry(matchingCountry);\n\t\t\t}\n\t\t\tonCountrySelect(matchingCountry);\n\t\t}\n\t};\n\n\treturn (\n\t\t<DropdownPopover\n\t\t\tversion={version}\n\t\t\tisSearchable\n\t\t\twidth={popoverWidth}\n\t\t\tplacement={placement}\n\t\t\tstrategy={placementStrategy}\n\t\t\toptions={getCountryOptions}\n\t\t\tdisabled={disabled}\n\t\t\tonSelect={(option) => handleCountrySelect(option as SingleOption)}\n\t\t>\n\t\t\t<StyledCountryPickerContainer\n\t\t\t\theight={height}\n\t\t\t\tstyle={containerStyles}\n\t\t\t\tonClick={onDropdownClick}\n\t\t\t\tdisabled={disabled}\n\t\t\t>\n\t\t\t\t<div className=\"content__wrapper\">\n\t\t\t\t\t{currentCountry ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{!hideFlagImage && selectedFlag && (\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc={selectedFlag}\n\t\t\t\t\t\t\t\t\tclassName=\"country-flag\"\n\t\t\t\t\t\t\t\t\talt={currentCountry.name}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<BodySecondary style={countryTextStyle}>\n\t\t\t\t\t\t\t\t{currentCountry.name}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tcolor: COLORS.text.disabled,\n\t\t\t\t\t\t\t\t...countryTextStyle,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{placeholder}\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<DownIcon\n\t\t\t\t\twidth={24}\n\t\t\t\t\theight={24}\n\t\t\t\t\tcolor={disabled ? COLORS.text.disabled : COLORS.content.primary}\n\t\t\t\t/>\n\t\t\t</StyledCountryPickerContainer>\n\t\t</DropdownPopover>\n\t);\n};\n"],"names":["CountryPicker","version","onCountrySelect","selectedCountry","popoverWidth","height","placement","placementStrategy","disabled","hideFlagImage","containerStyles","placeholder","showCountryCode","countryTextStyle","onDropdownClick","internalSelectedCountry","setInternalSelectedCountry","useState","currentCountry","selectedFlag","getCountryOptions","useMemo","CountriesData","country","flag","StyledCountryOption","this","jsxDEV","BodySecondary","COLORS","handleCountrySelect","option","matchingCountry","DropdownPopover","StyledCountryPickerContainer","Fragment","DownIcon"],"mappings":"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"}
+{"version":3,"file":"CountryPicker.js","sources":["../../../../src/components/country-code-picker/CountryPicker.tsx"],"sourcesContent":["import { Placement, PositioningStrategy } from '@popperjs/core';\nimport DownIcon from '@src/assets/icons/chevronDown.svg';\nimport React, { useMemo, useState } from 'react';\nimport {\n\tCountriesData,\n\tCountryCode,\n} from '@src/components/country-code-picker/CountryCodePicker.modal';\nimport {\n\tStyledCountryOption,\n\tStyledCountryPickerContainer,\n} from '@src/components/country-code-picker/CountryPicker.styled';\nimport { DropdownPopover } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\n/**\n * Props for the CountryPicker component\n */\nexport interface CountryPickerProps {\n\t/**\n\t * Version of the dropdown popover to use\n\t */\n\tversion: '1.0' | '2.0';\n\t/**\n\t * Callback function when a country is selected\n\t */\n\tonCountrySelect: (country: CountryCode) => void;\n\t/**\n\t * Currently selected country\n\t */\n\tselectedCountry?: CountryCode;\n\t/**\n\t * Width of the popover dropdown\n\t * @default \"300px\"\n\t */\n\tpopoverWidth?: string;\n\t/**\n\t * Height of the picker container\n\t */\n\theight?: string;\n\t/**\n\t * Placement of the dropdown relative to the trigger\n\t * @default \"bottom-start\"\n\t */\n\tplacement?: Placement;\n\t/**\n\t * Positioning strategy for the dropdown\n\t * @default \"absolute\"\n\t */\n\tplacementStrategy?: PositioningStrategy;\n\t/**\n\t * Whether the picker is disabled\n\t * @default false\n\t */\n\tdisabled?: boolean;\n\t/**\n\t * Whether to hide the flag image\n\t * @default false\n\t */\n\thideFlagImage?: boolean;\n\t/**\n\t * Custom styles for the container\n\t */\n\tcontainerStyles?: React.CSSProperties;\n\t/**\n\t * Placeholder text when no country is selected\n\t * @default \"Select a country\"\n\t */\n\tplaceholder?: string;\n\t/**\n\t * Whether to show country code alongside name\n\t * @default true\n\t */\n\tshowCountryCode?: boolean;\n\t/**\n\t * Custom text style for the country name\n\t */\n\tcountryTextStyle?: React.CSSProperties;\n\t/**\n\t * Callback when dropdown is clicked\n\t */\n\tonDropdownClick?: () => void;\n}\n\nexport const CountryPicker: React.FC<CountryPickerProps> = ({\n\tversion,\n\tonCountrySelect,\n\tselectedCountry,\n\tpopoverWidth = '300px',\n\theight,\n\tplacement = 'bottom-start',\n\tplacementStrategy = 'absolute',\n\tdisabled = false,\n\thideFlagImage = false,\n\tcontainerStyles,\n\tplaceholder = 'Select a country',\n\tshowCountryCode = true,\n\tcountryTextStyle,\n\tonDropdownClick,\n}) => {\n\tconst [internalSelectedCountry, setInternalSelectedCountry] = useState<\n\t\tCountryCode | undefined\n\t>(selectedCountry);\n\n\t// Derive the current selected country (controlled vs uncontrolled)\n\tconst currentCountry = selectedCountry ?? internalSelectedCountry;\n\n\tconst selectedFlag = currentCountry\n\t\t? `https://flagcdn.com/${currentCountry.code?.toLowerCase()}.svg`\n\t\t: undefined;\n\n\tconst getCountryOptions = useMemo((): DropdownOption[] => {\n\t\treturn CountriesData.map((country) => {\n\t\t\tconst flag = `https://flagcdn.com/${country.code?.toLowerCase()}.svg`;\n\t\t\treturn {\n\t\t\t\tvalue: country.code,\n\t\t\t\tlabel: country.name,\n\t\t\t\tsearchKey: country.name,\n\t\t\t\tcustomComponent: (\n\t\t\t\t\t<StyledCountryOption>\n\t\t\t\t\t\t{!hideFlagImage && (\n\t\t\t\t\t\t\t<img src={flag} className=\"country-flag\" alt={country.name} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div className=\"country-info\">\n\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: COLORS.text.primary,\n\t\t\t\t\t\t\t\t\t...countryTextStyle,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{country.name}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t{showCountryCode && (\n\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor: COLORS.text.secondary,\n\t\t\t\t\t\t\t\t\t\tfontSize: '12px',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{country.code}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</StyledCountryOption>\n\t\t\t\t),\n\t\t\t\tselected: currentCountry?.code === country.code,\n\t\t\t};\n\t\t});\n\t}, [currentCountry?.code, hideFlagImage, showCountryCode, countryTextStyle]);\n\n\tconst handleCountrySelect = (option: SingleOption) => {\n\t\tconst matchingCountry = CountriesData.find(\n\t\t\t(country) => country.code === option.value,\n\t\t);\n\t\tif (matchingCountry) {\n\t\t\t// Only update internal state if in uncontrolled mode\n\t\t\tif (selectedCountry === undefined) {\n\t\t\t\tsetInternalSelectedCountry(matchingCountry);\n\t\t\t}\n\t\t\tonCountrySelect(matchingCountry);\n\t\t}\n\t};\n\n\treturn (\n\t\t<DropdownPopover\n\t\t\tversion={version}\n\t\t\tisSearchable\n\t\t\twidth={popoverWidth}\n\t\t\tplacement={placement}\n\t\t\tstrategy={placementStrategy}\n\t\t\toptions={getCountryOptions}\n\t\t\tdisabled={disabled}\n\t\t\tonSelect={(option) => handleCountrySelect(option as SingleOption)}\n\t\t>\n\t\t\t<StyledCountryPickerContainer\n\t\t\t\theight={height}\n\t\t\t\tstyle={containerStyles}\n\t\t\t\tonClick={onDropdownClick}\n\t\t\t\tdisabled={disabled}\n\t\t\t>\n\t\t\t\t<div className=\"content__wrapper\">\n\t\t\t\t\t{currentCountry ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{!hideFlagImage && selectedFlag && (\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc={selectedFlag}\n\t\t\t\t\t\t\t\t\tclassName=\"country-flag\"\n\t\t\t\t\t\t\t\t\talt={currentCountry.name}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<BodySecondary style={countryTextStyle}>\n\t\t\t\t\t\t\t\t{currentCountry.name}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tcolor: COLORS.text.disabled,\n\t\t\t\t\t\t\t\t...countryTextStyle,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{placeholder}\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<DownIcon\n\t\t\t\t\twidth={24}\n\t\t\t\t\theight={24}\n\t\t\t\t\tcolor={disabled ? COLORS.text.disabled : COLORS.content.primary}\n\t\t\t\t/>\n\t\t\t</StyledCountryPickerContainer>\n\t\t</DropdownPopover>\n\t);\n};\n"],"names":["CountryPicker","version","onCountrySelect","selectedCountry","popoverWidth","height","placement","placementStrategy","disabled","hideFlagImage","containerStyles","placeholder","showCountryCode","countryTextStyle","onDropdownClick","internalSelectedCountry","setInternalSelectedCountry","useState","currentCountry","selectedFlag","getCountryOptions","useMemo","CountriesData","country","flag","StyledCountryOption","this","jsxDEV","BodySecondary","COLORS","handleCountrySelect","option","matchingCountry","DropdownPopover","StyledCountryPickerContainer","Fragment","DownIcon"],"mappings":"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"}

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

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

package/dist/cjs/components/curtain/Curtain.js.map

@@ -1 +1 @@
-{"version":3,"file":"Curtain.js","sources":["../../../../src/components/curtain/Curtain.tsx"],"sourcesContent":["import React, { ComponentType, useState } from 'react';\nimport {\n\tCurtainStyle,\n\tRightWrapper,\n\tSeparator,\n} from '@src/components/curtain/Curtain.styled';\nimport {\n\tCURTAIN_COLOR_CONFIG_MAP,\n\tCURTAIN_MODE,\n\tCURTAIN_TYPES,\n} from '@src/components/curtain/CurtainHelper';\nimport {\n\tBodySecondary,\n\tBodySecondaryLink,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { Button } from '../button';\n\nexport type CurtainProps = {\n\ttype: CURTAIN_TYPES;\n\tmode: CURTAIN_MODE;\n\ttext: string;\n\ticon?: React.FC<{ width: number; height: number; color: string }>;\n\tactionButtonText?: string;\n\tactionButtonClickHandler?: () => void;\n\thideCrossIcon?: boolean;\n\tonCloseHandler?: () => void;\n\tstrokeAtTop?: boolean; // only for CURTAIN_MODE.LIGHT\n\tstrokeAtBottom?: boolean; // only for CURTAIN_MODE.LIGHT\n\tcustomComponent?: ComponentType<any>;\n\tposition?: 'sticky' | 'absolute' | 'fixed';\n\ttertiaryButtonText?: string;\n\ttertiaryButtonClickHandler?: () => void;\n};\n\nexport const Curtain: React.FC<CurtainProps> = (props) => {\n\tconst [hideCurtain, setHideCurtain] = useState(false);\n\n\tif (hideCurtain) {\n\t\treturn <></>;\n\t}\n\n\tconst onCloseHandler = () => {\n\t\tsetHideCurtain(true);\n\t\tprops.onCloseHandler && props.onCloseHandler();\n\t};\n\n\treturn (\n\t\t<CurtainStyle\n\t\t\tisTeritaryButton={!!props.tertiaryButtonText}\n\t\t\tposition={props.position}\n\t\t\tmode={props.mode}\n\t\t\ttype={props.type}\n\t\t\tstrokeAtTop={props.strokeAtTop}\n\t\t\tstrokeAtBottom={props.strokeAtBottom}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\tflex: 1,\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div>\n\t\t\t\t\t{props.icon && (\n\t\t\t\t\t\t<props.icon\n\t\t\t\t\t\t\tcolor={CURTAIN_COLOR_CONFIG_MAP[props.mode][props.type].textColor}\n\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<div style={{ display: 'flex', textAlign: 'center' }}>\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: CURTAIN_COLOR_CONFIG_MAP[props.mode][props.type].textColor,\n\t\t\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.text}\n\t\t\t\t\t\t{props.actionButtonText && (\n\t\t\t\t\t\t\t<BodySecondaryLink\n\t\t\t\t\t\t\t\tonClick={props.actionButtonClickHandler}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'inline',\n\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\tprops.mode === CURTAIN_MODE.DARK\n\t\t\t\t\t\t\t\t\t\t\t? CURTAIN_COLOR_CONFIG_MAP[props.mode][props.type]\n\t\t\t\t\t\t\t\t\t\t\t\t\t.textColor\n\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.brand,\n\t\t\t\t\t\t\t\t\tmarginLeft: 6,\n\t\t\t\t\t\t\t\t\ttextDecoration: 'underline',\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{props.actionButtonText}\n\t\t\t\t\t\t\t</BodySecondaryLink>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t{props.customComponent && <props.customComponent />}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<RightWrapper>\n\t\t\t\t{props.tertiaryButtonText && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"tertiary-button\"\n\t\t\t\t\t\t\tbuttonText={props.tertiaryButtonText}\n\t\t\t\t\t\t\tonClick={props.tertiaryButtonClickHandler}\n\t\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Separator mode={props.mode} type={props.type} />\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{!props.hideCrossIcon && (\n\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\tonClick={onCloseHandler}\n\t\t\t\t\t\tcursor=\"pointer\"\n\t\t\t\t\t\theight={20}\n\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\tCURTAIN_COLOR_CONFIG_MAP[props.mode][props.type].crossIconColor\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</RightWrapper>\n\t\t</CurtainStyle>\n\t);\n};\n"],"names":["Curtain","props","hideCurtain","setHideCurtain","useState","jsxDEV","Fragment","this","onCloseHandler","CurtainStyle","CURTAIN_COLOR_CONFIG_MAP","BodySecondary","BodySecondaryLink","CURTAIN_MODE","COLORS","RightWrapper","Button","Separator","CrossIcon"],"mappings":"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"}
+{"version":3,"file":"Curtain.js","sources":["../../../../src/components/curtain/Curtain.tsx"],"sourcesContent":["import React, { ComponentType, useState } from 'react';\nimport {\n\tCurtainStyle,\n\tRightWrapper,\n\tSeparator,\n} from '@src/components/curtain/Curtain.styled';\nimport {\n\tCURTAIN_COLOR_CONFIG_MAP,\n\tCURTAIN_MODE,\n\tCURTAIN_TYPES,\n} from '@src/components/curtain/CurtainHelper';\nimport {\n\tBodySecondary,\n\tBodySecondaryLink,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { Button } from '../button';\n\nexport type CurtainProps = {\n\ttype: CURTAIN_TYPES;\n\tmode: CURTAIN_MODE;\n\ttext: string;\n\ticon?: React.FC<{ width: number; height: number; color: string }>;\n\tactionButtonText?: string;\n\tactionButtonClickHandler?: () => void;\n\thideCrossIcon?: boolean;\n\tonCloseHandler?: () => void;\n\tstrokeAtTop?: boolean; // only for CURTAIN_MODE.LIGHT\n\tstrokeAtBottom?: boolean; // only for CURTAIN_MODE.LIGHT\n\tcustomComponent?: ComponentType<any>;\n\tposition?: 'sticky' | 'absolute' | 'fixed';\n\ttertiaryButtonText?: string;\n\ttertiaryButtonClickHandler?: () => void;\n};\n\nexport const Curtain: React.FC<CurtainProps> = (props) => {\n\tconst [hideCurtain, setHideCurtain] = useState(false);\n\n\tif (hideCurtain) {\n\t\treturn <></>;\n\t}\n\n\tconst onCloseHandler = () => {\n\t\tsetHideCurtain(true);\n\t\tprops.onCloseHandler && props.onCloseHandler();\n\t};\n\n\treturn (\n\t\t<CurtainStyle\n\t\t\tisTeritaryButton={!!props.tertiaryButtonText}\n\t\t\tposition={props.position}\n\t\t\tmode={props.mode}\n\t\t\ttype={props.type}\n\t\t\tstrokeAtTop={props.strokeAtTop}\n\t\t\tstrokeAtBottom={props.strokeAtBottom}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\tflex: 1,\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div>\n\t\t\t\t\t{props.icon && (\n\t\t\t\t\t\t<props.icon\n\t\t\t\t\t\t\tcolor={CURTAIN_COLOR_CONFIG_MAP[props.mode][props.type].textColor}\n\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<div style={{ display: 'flex', textAlign: 'center' }}>\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: CURTAIN_COLOR_CONFIG_MAP[props.mode][props.type].textColor,\n\t\t\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.text}\n\t\t\t\t\t\t{props.actionButtonText && (\n\t\t\t\t\t\t\t<BodySecondaryLink\n\t\t\t\t\t\t\t\tonClick={props.actionButtonClickHandler}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'inline',\n\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\tprops.mode === CURTAIN_MODE.DARK\n\t\t\t\t\t\t\t\t\t\t\t? CURTAIN_COLOR_CONFIG_MAP[props.mode][props.type]\n\t\t\t\t\t\t\t\t\t\t\t\t\t.textColor\n\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.brand,\n\t\t\t\t\t\t\t\t\tmarginLeft: 6,\n\t\t\t\t\t\t\t\t\ttextDecoration: 'underline',\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{props.actionButtonText}\n\t\t\t\t\t\t\t</BodySecondaryLink>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t{props.customComponent && <props.customComponent />}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<RightWrapper>\n\t\t\t\t{props.tertiaryButtonText && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"tertiary-button\"\n\t\t\t\t\t\t\tbuttonText={props.tertiaryButtonText}\n\t\t\t\t\t\t\tonClick={props.tertiaryButtonClickHandler}\n\t\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Separator mode={props.mode} type={props.type} />\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{!props.hideCrossIcon && (\n\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\tonClick={onCloseHandler}\n\t\t\t\t\t\tcursor=\"pointer\"\n\t\t\t\t\t\theight={20}\n\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\tCURTAIN_COLOR_CONFIG_MAP[props.mode][props.type].crossIconColor\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</RightWrapper>\n\t\t</CurtainStyle>\n\t);\n};\n"],"names":["Curtain","props","hideCurtain","setHideCurtain","useState","jsxDEV","Fragment","this","onCloseHandler","CurtainStyle","CURTAIN_COLOR_CONFIG_MAP","BodySecondary","BodySecondaryLink","CURTAIN_MODE","COLORS","RightWrapper","Button","Separator","CrossIcon"],"mappings":"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"}

package/dist/cjs/components/custom-date-time/CustomDateTime.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),a=require("date-fns"),c=require("react"),b=require("./DateSelector/DateSelector.js"),y=require("../dropdown/DropdownPopover/index.js"),T=require("../TypographyStyle.js"),d=require("../../utils/DateUtils.js"),v=require("../../assets/icons/chevronDown.svg.js"),N=require("../../assets/icons/clock.svg.js"),x=require("./CustomDateTime.styled.js"),h=require("../input/Input.js"),C=e=>{const s=[];for(let r=0;r<2;r++)for(let o=0;o<12;o++){let i;o===0?i="12":i=o<10?`0${o}`:`${o}`;const m=`${i}:00 ${r===0?"AM":"PM"}`,t=`${i}:30 ${r===0?"AM":"PM"}`;s.push({label:m,value:m,selected:m===e},{label:t,value:t,selected:t===e})}return s},H=e=>{const[s,r]=c.useState(e.time),[o,i]=c.useState(e.date);c.useEffect(()=>{e.setError(void 0);const t=d.default.convert12HourTimeTo24Hour(s),f=a.format(new Date,"HH:mm:ss");if(a.isToday(o)&&t<f){e.setError("Selected time should be later than current time");return}else e.setError(void 0);const[u,l]=t.split(":"),D=new Date(o.getTime());D.setHours(+u,+l),e.onChange(D)},[o,s]);const m=t=>{if(d.default.timeFormatValidation(t)){const u=d.default.convert12HourTimeTo24Hour(t),l=a.format(new Date,"HH:mm:ss");if(a.isToday(o)&&u<l){e.setError("Selected time should be later than current time");return}e.setError(void 0),r(t)}else e.setError('Format of time should be "HH:MM AM" or "HH:MM PM"')};return n.jsxDEV(x.CustomDateTimeStyle,{children:[n.jsxDEV("div",{style:{display:"flex",gap:16},children:[n.jsxDEV("div",{style:{flex:1},children:n.jsxDEV(b.default,{customDate:o,setCustomDate:i,placement:e.placement,minDate:e.minDate},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:98,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:97,columnNumber:5},void 0),n.jsxDEV("div",{style:{flex:1},children:n.jsxDEV(y.DropdownPopover,{options:C(s),onSelect:t=>{r(t.value)},children:n.jsxDEV(h.Input,{value:s,leftIcon:{icon:N.default},rightIcon:{icon:v.default},onChangeText:t=>m(t)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:112,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:106,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:105,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:96,columnNumber:4},void 0),e.error&&n.jsxDEV(T.BodySecondary,{style:{paddingTop:8},children:e.error},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:122,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:95,columnNumber:3},void 0)};exports.CustomDateTime=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),u=require("date-fns"),l=require("react"),h=require("./DateSelector/DateSelector.js"),D=require("../dropdown/DropdownPopover/index.js"),T=require("../TypographyStyle.js"),d=require("../../utils/DateUtils.js"),v=require("../../assets/icons/chevronDown.svg.js"),y=require("../../assets/icons/clock.svg.js"),N=require("./CustomDateTime.styled.js"),x=require("../input/Input.js"),j=e=>{const n=[];for(let s=0;s<2;s++)for(let o=0;o<12;o++){let i;o===0?i="12":i=o<10?`0${o}`:`${o}`;const m=`${i}:00 ${s===0?"AM":"PM"}`,t=`${i}:30 ${s===0?"AM":"PM"}`;n.push({label:m,value:m,selected:m===e},{label:t,value:t,selected:t===e})}return n},k=e=>{const[n,s]=l.useState(e.time),[o,i]=l.useState(e.date);l.useEffect(()=>{e.setError(void 0);const t=d.default.convert12HourTimeTo24Hour(n),f=u.format(new Date,"HH:mm:ss");if(u.isToday(o)&&t<f){e.setError("Selected time should be later than current time");return}else e.setError(void 0);const[c,a]=t.split(":"),b=new Date(o.getTime());b.setHours(+c,+a),e.onChange(b)},[o,n]);const m=t=>{if(d.default.timeFormatValidation(t)){const c=d.default.convert12HourTimeTo24Hour(t),a=u.format(new Date,"HH:mm:ss");if(u.isToday(o)&&c<a){e.setError("Selected time should be later than current time");return}e.setError(void 0),s(t)}else e.setError('Format of time should be "HH:MM AM" or "HH:MM PM"')};return r.jsxDEV(N.CustomDateTimeStyle,{children:[r.jsxDEV("div",{style:{display:"flex",gap:16},children:[r.jsxDEV("div",{style:{flex:1},children:r.jsxDEV(h.default,{customDate:o,setCustomDate:i,placement:e.placement,minDate:e.minDate},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:98,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:97,columnNumber:5},void 0),r.jsxDEV("div",{style:{flex:1},children:r.jsxDEV(D.DropdownPopover,{options:j(n),onSelect:t=>{s(t.value)},children:r.jsxDEV(x.Input,{value:n,leftIcon:{icon:y.default},rightIcon:{icon:v.default},onChangeText:t=>m(t)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:112,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:106,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:105,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:96,columnNumber:4},void 0),e.error&&r.jsxDEV(T.BodySecondary,{style:{paddingTop:8},children:e.error},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:122,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/custom-date-time/CustomDateTime.tsx",lineNumber:95,columnNumber:3},void 0)};exports.CustomDateTime=k;
 //# sourceMappingURL=CustomDateTime.js.map

package/dist/cjs/components/custom-date-time/CustomDateTime.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomDateTime.js","sources":["../../../../src/components/custom-date-time/CustomDateTime.tsx"],"sourcesContent":["import { Placement } from '@popperjs/core';\nimport { format, isToday } from 'date-fns';\nimport React, { useEffect, useState } from 'react';\nimport DateSelector from '@src/components/custom-date-time/DateSelector/DateSelector';\nimport { DropdownPopover } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport DateUtils from '@src/utils/DateUtils';\nimport CaratDown from '../../assets/icons/chevronDown.svg';\nimport ClockIcon from '../../assets/icons/clock.svg';\nimport { CustomDateTimeStyle } from './CustomDateTime.styled';\n\nexport interface CustomTimeProps {\n\ttime: string;\n\tdate: Date;\n\tminDate?: Date;\n\tonChange: (date: Date) => void;\n\terror: string | undefined;\n\tsetError: (error: string | undefined) => void;\n\tplacement: Placement;\n}\n\nconst getTimingList = (selectedTime: string) => {\n\tconst timeList: DropdownOption[] = [];\n\tfor (let i = 0; i < 2; i++) {\n\t\tfor (let hrs = 0; hrs < 12; hrs++) {\n\t\t\tlet hrsStr;\n\t\t\tif (hrs === 0) {\n\t\t\t\thrsStr = '12';\n\t\t\t} else {\n\t\t\t\thrsStr = hrs < 10 ? `0${hrs}` : `${hrs}`;\n\t\t\t}\n\t\t\tconst time1 = `${hrsStr}:00 ${i === 0 ? 'AM' : 'PM'}`;\n\t\t\tconst time2 = `${hrsStr}:30 ${i === 0 ? 'AM' : 'PM'}`;\n\t\t\ttimeList.push(\n\t\t\t\t...[\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: time1,\n\t\t\t\t\t\tvalue: time1,\n\t\t\t\t\t\tselected: time1 === selectedTime,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: time2,\n\t\t\t\t\t\tvalue: time2,\n\t\t\t\t\t\tselected: time2 === selectedTime,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t);\n\t\t}\n\t}\n\treturn timeList;\n};\n\nexport const CustomDateTime: React.FC<CustomTimeProps> = (props) => {\n\tconst [customTime, setCustomTime] = useState(props.time);\n\tconst [customDate, setCustomDate] = useState(props.date);\n\n\tuseEffect(() => {\n\t\tprops.setError(undefined);\n\t\tconst customTimeIn24HourFormat =\n\t\t\tDateUtils.convert12HourTimeTo24Hour(customTime);\n\t\tconst currentTime = format(new Date(), 'HH:mm:ss');\n\t\tif (isToday(customDate) && customTimeIn24HourFormat < currentTime) {\n\t\t\tprops.setError('Selected time should be later than current time');\n\t\t\treturn;\n\t\t} else {\n\t\t\tprops.setError(undefined);\n\t\t}\n\t\tconst [hours, minutes] = customTimeIn24HourFormat.split(':');\n\t\tconst newDate = new Date(customDate.getTime());\n\t\tnewDate.setHours(+hours, +minutes);\n\t\tprops.onChange(newDate);\n\t}, [customDate, customTime]);\n\n\tconst customTimeChangeHandler = (time: string) => {\n\t\tconst isValid = DateUtils.timeFormatValidation(time);\n\t\tif (isValid) {\n\t\t\tconst customTimeIn24HourFormat =\n\t\t\t\tDateUtils.convert12HourTimeTo24Hour(time);\n\n\t\t\tconst currentTime = format(new Date(), 'HH:mm:ss');\n\t\t\tif (isToday(customDate) && customTimeIn24HourFormat < currentTime) {\n\t\t\t\tprops.setError('Selected time should be later than current time');\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tprops.setError(undefined);\n\t\t\tsetCustomTime(time);\n\t\t} else {\n\t\t\tprops.setError('Format of time should be \"HH:MM AM\" or \"HH:MM PM\"');\n\t\t}\n\t};\n\n\treturn (\n\t\t<CustomDateTimeStyle>\n\t\t\t<div style={{ display: 'flex', gap: 16 }}>\n\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t<DateSelector\n\t\t\t\t\t\tcustomDate={customDate}\n\t\t\t\t\t\tsetCustomDate={setCustomDate}\n\t\t\t\t\t\tplacement={props.placement}\n\t\t\t\t\t\tminDate={props.minDate}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t<DropdownPopover\n\t\t\t\t\t\toptions={getTimingList(customTime)}\n\t\t\t\t\t\tonSelect={(time) => {\n\t\t\t\t\t\t\tsetCustomTime((time as SingleOption).value);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tvalue={customTime}\n\t\t\t\t\t\t\tleftIcon={{ icon: ClockIcon }}\n\t\t\t\t\t\t\trightIcon={{ icon: CaratDown }}\n\t\t\t\t\t\t\tonChangeText={(time) => customTimeChangeHandler(time)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</DropdownPopover>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{props.error && (\n\t\t\t\t<BodySecondary style={{ paddingTop: 8 }}>{props.error}</BodySecondary>\n\t\t\t)}\n\t\t</CustomDateTimeStyle>\n\t);\n};\n"],"names":["getTimingList","selectedTime","timeList","i","hrs","hrsStr","time1","time2","CustomDateTime","props","customTime","setCustomTime","useState","customDate","setCustomDate","useEffect","customTimeIn24HourFormat","DateUtils","currentTime","format","isToday","hours","minutes","newDate","customTimeChangeHandler","time","CustomDateTimeStyle","jsxDEV","DateSelector","this","DropdownPopover","Input","ClockIcon","CaratDown","BodySecondary"],"mappings":"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"}
+{"version":3,"file":"CustomDateTime.js","sources":["../../../../src/components/custom-date-time/CustomDateTime.tsx"],"sourcesContent":["import { Placement } from '@popperjs/core';\nimport { format, isToday } from 'date-fns';\nimport React, { useEffect, useState } from 'react';\nimport DateSelector from '@src/components/custom-date-time/DateSelector/DateSelector';\nimport { DropdownPopover } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport DateUtils from '@src/utils/DateUtils';\nimport CaratDown from '../../assets/icons/chevronDown.svg';\nimport ClockIcon from '../../assets/icons/clock.svg';\nimport { CustomDateTimeStyle } from './CustomDateTime.styled';\n\nexport interface CustomTimeProps {\n\ttime: string;\n\tdate: Date;\n\tminDate?: Date;\n\tonChange: (date: Date) => void;\n\terror: string | undefined;\n\tsetError: (error: string | undefined) => void;\n\tplacement: Placement;\n}\n\nconst getTimingList = (selectedTime: string) => {\n\tconst timeList: DropdownOption[] = [];\n\tfor (let i = 0; i < 2; i++) {\n\t\tfor (let hrs = 0; hrs < 12; hrs++) {\n\t\t\tlet hrsStr;\n\t\t\tif (hrs === 0) {\n\t\t\t\thrsStr = '12';\n\t\t\t} else {\n\t\t\t\thrsStr = hrs < 10 ? `0${hrs}` : `${hrs}`;\n\t\t\t}\n\t\t\tconst time1 = `${hrsStr}:00 ${i === 0 ? 'AM' : 'PM'}`;\n\t\t\tconst time2 = `${hrsStr}:30 ${i === 0 ? 'AM' : 'PM'}`;\n\t\t\ttimeList.push(\n\t\t\t\t...[\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: time1,\n\t\t\t\t\t\tvalue: time1,\n\t\t\t\t\t\tselected: time1 === selectedTime,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: time2,\n\t\t\t\t\t\tvalue: time2,\n\t\t\t\t\t\tselected: time2 === selectedTime,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t);\n\t\t}\n\t}\n\treturn timeList;\n};\n\nexport const CustomDateTime: React.FC<CustomTimeProps> = (props) => {\n\tconst [customTime, setCustomTime] = useState(props.time);\n\tconst [customDate, setCustomDate] = useState(props.date);\n\n\tuseEffect(() => {\n\t\tprops.setError(undefined);\n\t\tconst customTimeIn24HourFormat =\n\t\t\tDateUtils.convert12HourTimeTo24Hour(customTime);\n\t\tconst currentTime = format(new Date(), 'HH:mm:ss');\n\t\tif (isToday(customDate) && customTimeIn24HourFormat < currentTime) {\n\t\t\tprops.setError('Selected time should be later than current time');\n\t\t\treturn;\n\t\t} else {\n\t\t\tprops.setError(undefined);\n\t\t}\n\t\tconst [hours, minutes] = customTimeIn24HourFormat.split(':');\n\t\tconst newDate = new Date(customDate.getTime());\n\t\tnewDate.setHours(+hours, +minutes);\n\t\tprops.onChange(newDate);\n\t}, [customDate, customTime]);\n\n\tconst customTimeChangeHandler = (time: string) => {\n\t\tconst isValid = DateUtils.timeFormatValidation(time);\n\t\tif (isValid) {\n\t\t\tconst customTimeIn24HourFormat =\n\t\t\t\tDateUtils.convert12HourTimeTo24Hour(time);\n\n\t\t\tconst currentTime = format(new Date(), 'HH:mm:ss');\n\t\t\tif (isToday(customDate) && customTimeIn24HourFormat < currentTime) {\n\t\t\t\tprops.setError('Selected time should be later than current time');\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tprops.setError(undefined);\n\t\t\tsetCustomTime(time);\n\t\t} else {\n\t\t\tprops.setError('Format of time should be \"HH:MM AM\" or \"HH:MM PM\"');\n\t\t}\n\t};\n\n\treturn (\n\t\t<CustomDateTimeStyle>\n\t\t\t<div style={{ display: 'flex', gap: 16 }}>\n\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t<DateSelector\n\t\t\t\t\t\tcustomDate={customDate}\n\t\t\t\t\t\tsetCustomDate={setCustomDate}\n\t\t\t\t\t\tplacement={props.placement}\n\t\t\t\t\t\tminDate={props.minDate}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t<DropdownPopover\n\t\t\t\t\t\toptions={getTimingList(customTime)}\n\t\t\t\t\t\tonSelect={(time) => {\n\t\t\t\t\t\t\tsetCustomTime((time as SingleOption).value);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tvalue={customTime}\n\t\t\t\t\t\t\tleftIcon={{ icon: ClockIcon }}\n\t\t\t\t\t\t\trightIcon={{ icon: CaratDown }}\n\t\t\t\t\t\t\tonChangeText={(time) => customTimeChangeHandler(time)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</DropdownPopover>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{props.error && (\n\t\t\t\t<BodySecondary style={{ paddingTop: 8 }}>{props.error}</BodySecondary>\n\t\t\t)}\n\t\t</CustomDateTimeStyle>\n\t);\n};\n"],"names":["getTimingList","selectedTime","timeList","i","hrs","hrsStr","time1","time2","CustomDateTime","props","customTime","setCustomTime","useState","customDate","setCustomDate","useEffect","customTimeIn24HourFormat","DateUtils","currentTime","format","isToday","hours","minutes","newDate","customTimeChangeHandler","time","CustomDateTimeStyle","jsxDEV","DateSelector","this","DropdownPopover","Input","ClockIcon","CaratDown","BodySecondary"],"mappings":"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"}

package/dist/cjs/components/custom-date-time/DateSelector/DateSelector.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-dev-runtime"),D=require("../../../assets/icons/calendar.svg.js"),f=require("../../../assets/icons/chevronDown.svg.js"),o=require("react"),b=require("react-popper"),p=require("../../dropdown/Common.styled.js"),y=require("../../../hooks/useOutside.js"),N=require("../../../utils/DateUtils.js"),S=require("../../dropShadow/DropShadow.js"),x=require("../../datePicker/DatePicker.js"),w=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},v=w(o),h=e=>{const[a,l]=o.useState(null),[i,c]=o.useState(null),[r,n]=o.useState(!1),{styles:m,attributes:d}=b.usePopper(a,i,{placement:e.placement}),s=v.default.useRef();return y.useOutside(s,()=>{n(!1)}),t.jsxDEV(t.Fragment,{children:[t.jsxDEV("div",{className:"date-preview",ref:l,onClick:()=>{n(!r)},children:[t.jsxDEV(D.default,{width:24,height:24},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:40,columnNumber:5},void 0),t.jsxDEV("span",{style:{marginLeft:8},children:N.default.onlyDateFormat(e.customDate,"dd MMM yyyy")},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:41,columnNumber:5},void 0),t.jsxDEV(f.default,{style:{marginLeft:"auto"},width:22,height:22},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:44,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:33,columnNumber:4},void 0),r&&t.jsxDEV(p.OpenDropdownContainer,{ref:c,style:{...m.popper,zIndex:3},...d.popper,children:t.jsxDEV("div",{ref:s,children:t.jsxDEV(S.DropShadow,{level:"z2",position:"down",style:{borderRadius:4},children:t.jsxDEV(x.DatePicker,{selectedDate:e.customDate||new Date,selectRange:!1,onSelectDate:u=>{n(!1),e.setCustomDate(u)},minDate:e.minDate},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:59,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:54,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:53,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:47,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:32,columnNumber:3},void 0)};exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-dev-runtime"),p=require("../../../assets/icons/calendar.svg.js"),f=require("../../../assets/icons/chevronDown.svg.js"),r=require("react"),D=require("react-popper"),b=require("../../dropdown/Common.styled.js"),h=require("../../../hooks/useOutside.js"),N=require("../../../utils/DateUtils.js"),S=require("../../dropShadow/DropShadow.js"),y=require("../../datePicker/DatePicker.js"),j=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},k=j(r),x=e=>{const[a,c]=r.useState(null),[l,i]=r.useState(null),[n,o]=r.useState(!1),{styles:u,attributes:m}=D.usePopper(a,l,{placement:e.placement}),s=k.default.useRef();return h.useOutside(s,()=>{o(!1)}),t.jsxDEV(t.Fragment,{children:[t.jsxDEV("div",{className:"date-preview",ref:c,onClick:()=>{o(!n)},children:[t.jsxDEV(p.default,{width:24,height:24},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:40,columnNumber:5},void 0),t.jsxDEV("span",{style:{marginLeft:8},children:N.default.onlyDateFormat(e.customDate,"dd MMM yyyy")},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:41,columnNumber:5},void 0),t.jsxDEV(f.default,{style:{marginLeft:"auto"},width:22,height:22},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:44,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:33,columnNumber:4},void 0),n&&t.jsxDEV(b.OpenDropdownContainer,{ref:i,style:{...u.popper,zIndex:3},...m.popper,children:t.jsxDEV("div",{ref:s,children:t.jsxDEV(S.DropShadow,{level:"z2",position:"down",style:{borderRadius:4},children:t.jsxDEV(y.DatePicker,{selectedDate:e.customDate||new Date,selectRange:!1,onSelectDate:d=>{o(!1),e.setCustomDate(d)},minDate:e.minDate},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:59,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:54,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:53,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:47,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/custom-date-time/DateSelector/DateSelector.tsx",lineNumber:32,columnNumber:3},void 0)};exports.default=x;
 //# sourceMappingURL=DateSelector.js.map

package/dist/cjs/components/custom-date-time/DateSelector/DateSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateSelector.js","sources":["../../../../../src/components/custom-date-time/DateSelector/DateSelector.tsx"],"sourcesContent":["import { Placement } from '@popperjs/core';\nimport CalendarIcon from '@src/assets/icons/calendar.svg';\nimport CaratDown from '@src/assets/icons/chevronDown.svg';\nimport React, { LegacyRef, Ref, SetStateAction, useState } from 'react';\nimport { usePopper } from 'react-popper';\nimport { DatePicker } from '@src/components/datePicker';\nimport { OpenDropdownContainer } from '@src/components/dropdown/Common.styled';\nimport { DropShadow } from '@src/components/dropShadow';\nimport { useOutside } from '@src/hooks/useOutside';\nimport DateUtils from '@src/utils/DateUtils';\n\nconst DateSelector: React.FC<{\n\tcustomDate: Date;\n\tminDate?: Date;\n\tsetCustomDate: React.Dispatch<SetStateAction<Date>>;\n\tplacement: Placement;\n}> = (props) => {\n\tconst [referenceElement, setReferenceElement] = useState(null);\n\tconst [popperElement, setPopperElement] = useState(null);\n\tconst [isCalendarOpen, setIsCalendarOpen] = useState(false);\n\n\tconst { styles, attributes } = usePopper(referenceElement, popperElement, {\n\t\tplacement: props.placement,\n\t});\n\n\tconst ref = React.useRef<HTMLInputElement>();\n\tuseOutside(ref, () => {\n\t\tsetIsCalendarOpen(false);\n\t});\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclassName={'date-preview'}\n\t\t\t\tref={setReferenceElement as LegacyRef<HTMLDivElement>}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tsetIsCalendarOpen(!isCalendarOpen);\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<CalendarIcon width={24} height={24} />\n\t\t\t\t<span style={{ marginLeft: 8 }}>\n\t\t\t\t\t{DateUtils.onlyDateFormat(props.customDate, 'dd MMM yyyy')}\n\t\t\t\t</span>\n\t\t\t\t<CaratDown style={{ marginLeft: 'auto' }} width={22} height={22} />\n\t\t\t</div>\n\t\t\t{isCalendarOpen && (\n\t\t\t\t<OpenDropdownContainer\n\t\t\t\t\t/** This assigment is mentioned as per react-popper's docs, so typecasting  */\n\t\t\t\t\tref={setPopperElement as Ref<HTMLDivElement>}\n\t\t\t\t\tstyle={{ ...styles['popper'], zIndex: 3 }}\n\t\t\t\t\t{...attributes['popper']}\n\t\t\t\t>\n\t\t\t\t\t<div ref={ref as LegacyRef<HTMLDivElement>}>\n\t\t\t\t\t\t<DropShadow\n\t\t\t\t\t\t\tlevel={'z2'}\n\t\t\t\t\t\t\tposition={'down'}\n\t\t\t\t\t\t\tstyle={{ borderRadius: 4 }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DatePicker\n\t\t\t\t\t\t\t\tselectedDate={props.customDate || new Date()}\n\t\t\t\t\t\t\t\tselectRange={false}\n\t\t\t\t\t\t\t\tonSelectDate={(val) => {\n\t\t\t\t\t\t\t\t\tsetIsCalendarOpen(false);\n\t\t\t\t\t\t\t\t\tprops.setCustomDate(val);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tminDate={props.minDate}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</DropShadow>\n\t\t\t\t\t</div>\n\t\t\t\t</OpenDropdownContainer>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default DateSelector;\n"],"names":["DateSelector","props","referenceElement","setReferenceElement","useState","popperElement","setPopperElement","isCalendarOpen","setIsCalendarOpen","styles","attributes","usePopper","ref","React","useOutside","jsxDEV","Fragment","CalendarIcon","this","DateUtils","CaratDown","OpenDropdownContainer","DropShadow","DatePicker","val"],"mappings":"kkBAWMA,EAKAC,GAAU,CACf,KAAM,CAACC,EAAkBC,CAAmB,EAAIC,EAAAA,SAAS,IAAI,EACvD,CAACC,EAAeC,CAAgB,EAAIF,EAAAA,SAAS,IAAI,EACjD,CAACG,EAAgBC,CAAiB,EAAIJ,EAAAA,SAAS,EAAK,EAEpD,CAAE,OAAAK,EAAQ,WAAAC,CAAA,EAAeC,EAAAA,UAAUT,EAAkBG,EAAe,CACzE,UAAWJ,EAAM,SAAA,CACjB,EAEKW,EAAMC,EAAAA,QAAM,OAAA,EAClBC,OAAAA,EAAAA,WAAWF,EAAK,IAAM,CACrBJ,EAAkB,EAAK,CACxB,CAAC,EAGAO,EAAAA,OAAAC,WAAA,CACC,SAAA,CAAAD,EAAAA,OAAC,MAAA,CACA,UAAW,eACX,IAAKZ,EACL,QAAS,IAAM,CACdK,EAAkB,CAACD,CAAc,CAClC,EAEA,SAAA,CAAAQ,SAACE,EAAAA,QAAA,CAAa,MAAO,GAAI,OAAQ,EAAA,EAAjC,OAAA,GAAA,CAAA,SAAA,oHAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAqC,EACrCH,EAAAA,OAAC,OAAA,CAAK,MAAO,CAAE,WAAY,CAAA,EACzB,SAAAI,EAAAA,QAAU,eAAelB,EAAM,WAAY,aAAa,CAAA,EAD1D,OAAA,GAAA,CAAA,SAAA,oHAAA,WAAA,GAAA,aAAA,CAAA,EAAAiB,MAEA,EACAH,EAAAA,OAACK,EAAAA,QAAA,CAAU,MAAO,CAAE,WAAY,QAAU,MAAO,GAAI,OAAQ,EAAA,EAA7D,OAAA,GAAA,CAAA,SAAA,oHAAA,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAiE,CAAA,CAAA,EAXlE,OAAA,GAAA,CAAA,SAAA,oHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAaCX,GACAQ,EAAAA,OAACM,EAAAA,sBAAA,CAEA,IAAKf,EACL,MAAO,CAAE,GAAGG,EAAO,OAAW,OAAQ,CAAA,EACrC,GAAGC,EAAW,OAEf,SAAAK,EAAAA,OAAC,OAAI,IAAAH,EACJ,SAAAG,EAAAA,OAACO,EAAAA,WAAA,CACA,MAAO,KACP,SAAU,OACV,MAAO,CAAE,aAAc,CAAA,EAEvB,SAAAP,EAAAA,OAACQ,EAAAA,WAAA,CACA,aAActB,EAAM,YAAc,IAAI,KACtC,YAAa,GACb,aAAeuB,GAAQ,CACtBhB,EAAkB,EAAK,EACvBP,EAAM,cAAcuB,CAAG,CACxB,EACA,QAASvB,EAAM,OAAA,EAPhB,OAAA,GAAA,CAAA,SAAA,oHAAA,WAAA,GAAA,aAAA,CAAA,EAAAiB,MAAA,CAQA,EAbD,OAAA,GAAA,CAAA,SAAA,oHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAcA,EAfD,OAAA,GAAA,CAAA,SAAA,oHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAgBA,CAAA,EAtBD,OAAA,GAAA,CAAA,SAAA,oHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAuBA,CAAA,EAtCF,OAAA,GAAA,CAAA,SAAA,oHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAwCA,CAEF"}
+{"version":3,"file":"DateSelector.js","sources":["../../../../../src/components/custom-date-time/DateSelector/DateSelector.tsx"],"sourcesContent":["import { Placement } from '@popperjs/core';\nimport CalendarIcon from '@src/assets/icons/calendar.svg';\nimport CaratDown from '@src/assets/icons/chevronDown.svg';\nimport React, { LegacyRef, Ref, SetStateAction, useState } from 'react';\nimport { usePopper } from 'react-popper';\nimport { DatePicker } from '@src/components/datePicker';\nimport { OpenDropdownContainer } from '@src/components/dropdown/Common.styled';\nimport { DropShadow } from '@src/components/dropShadow';\nimport { useOutside } from '@src/hooks/useOutside';\nimport DateUtils from '@src/utils/DateUtils';\n\nconst DateSelector: React.FC<{\n\tcustomDate: Date;\n\tminDate?: Date;\n\tsetCustomDate: React.Dispatch<SetStateAction<Date>>;\n\tplacement: Placement;\n}> = (props) => {\n\tconst [referenceElement, setReferenceElement] = useState(null);\n\tconst [popperElement, setPopperElement] = useState(null);\n\tconst [isCalendarOpen, setIsCalendarOpen] = useState(false);\n\n\tconst { styles, attributes } = usePopper(referenceElement, popperElement, {\n\t\tplacement: props.placement,\n\t});\n\n\tconst ref = React.useRef<HTMLInputElement>();\n\tuseOutside(ref, () => {\n\t\tsetIsCalendarOpen(false);\n\t});\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclassName={'date-preview'}\n\t\t\t\tref={setReferenceElement as LegacyRef<HTMLDivElement>}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tsetIsCalendarOpen(!isCalendarOpen);\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<CalendarIcon width={24} height={24} />\n\t\t\t\t<span style={{ marginLeft: 8 }}>\n\t\t\t\t\t{DateUtils.onlyDateFormat(props.customDate, 'dd MMM yyyy')}\n\t\t\t\t</span>\n\t\t\t\t<CaratDown style={{ marginLeft: 'auto' }} width={22} height={22} />\n\t\t\t</div>\n\t\t\t{isCalendarOpen && (\n\t\t\t\t<OpenDropdownContainer\n\t\t\t\t\t/** This assigment is mentioned as per react-popper's docs, so typecasting  */\n\t\t\t\t\tref={setPopperElement as Ref<HTMLDivElement>}\n\t\t\t\t\tstyle={{ ...styles['popper'], zIndex: 3 }}\n\t\t\t\t\t{...attributes['popper']}\n\t\t\t\t>\n\t\t\t\t\t<div ref={ref as LegacyRef<HTMLDivElement>}>\n\t\t\t\t\t\t<DropShadow\n\t\t\t\t\t\t\tlevel={'z2'}\n\t\t\t\t\t\t\tposition={'down'}\n\t\t\t\t\t\t\tstyle={{ borderRadius: 4 }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DatePicker\n\t\t\t\t\t\t\t\tselectedDate={props.customDate || new Date()}\n\t\t\t\t\t\t\t\tselectRange={false}\n\t\t\t\t\t\t\t\tonSelectDate={(val) => {\n\t\t\t\t\t\t\t\t\tsetIsCalendarOpen(false);\n\t\t\t\t\t\t\t\t\tprops.setCustomDate(val);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tminDate={props.minDate}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</DropShadow>\n\t\t\t\t\t</div>\n\t\t\t\t</OpenDropdownContainer>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default DateSelector;\n"],"names":["DateSelector","props","referenceElement","setReferenceElement","useState","popperElement","setPopperElement","isCalendarOpen","setIsCalendarOpen","styles","attributes","usePopper","ref","React","useOutside","jsxDEV","Fragment","CalendarIcon","this","DateUtils","CaratDown","OpenDropdownContainer","DropShadow","DatePicker","val"],"mappings":"kkBAWMA,EAKAC,GAAU,CACf,KAAM,CAACC,EAAkBC,CAAmB,EAAIC,EAAAA,SAAS,IAAI,EACvD,CAACC,EAAeC,CAAgB,EAAIF,EAAAA,SAAS,IAAI,EACjD,CAACG,EAAgBC,CAAiB,EAAIJ,EAAAA,SAAS,EAAK,EAEpD,CAAE,OAAAK,EAAQ,WAAAC,CAAA,EAAeC,EAAAA,UAAUT,EAAkBG,EAAe,CACzE,UAAWJ,EAAM,SAAA,CACjB,EAEKW,EAAMC,EAAAA,QAAM,OAAA,EAClBC,OAAAA,EAAAA,WAAWF,EAAK,IAAM,CACrBJ,EAAkB,EAAK,CACxB,CAAC,EAGAO,EAAAA,OAAAC,WAAA,CACC,SAAA,CAAAD,EAAAA,OAAC,MAAA,CACA,UAAW,eACX,IAAKZ,EACL,QAAS,IAAM,CACdK,EAAkB,CAACD,CAAc,CAClC,EAEA,SAAA,CAAAQ,SAACE,EAAAA,QAAA,CAAa,MAAO,GAAI,OAAQ,EAAA,EAAjC,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAqC,EACrCH,EAAAA,OAAC,OAAA,CAAK,MAAO,CAAE,WAAY,CAAA,EACzB,SAAAI,EAAAA,QAAU,eAAelB,EAAM,WAAY,aAAa,CAAA,EAD1D,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAiB,MAEA,EACAH,EAAAA,OAACK,EAAAA,QAAA,CAAU,MAAO,CAAE,WAAY,QAAU,MAAO,GAAI,OAAQ,EAAA,EAA7D,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAiE,CAAA,CAAA,EAXlE,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAaCX,GACAQ,EAAAA,OAACM,EAAAA,sBAAA,CAEA,IAAKf,EACL,MAAO,CAAE,GAAGG,EAAO,OAAW,OAAQ,CAAA,EACrC,GAAGC,EAAW,OAEf,SAAAK,EAAAA,OAAC,OAAI,IAAAH,EACJ,SAAAG,EAAAA,OAACO,EAAAA,WAAA,CACA,MAAO,KACP,SAAU,OACV,MAAO,CAAE,aAAc,CAAA,EAEvB,SAAAP,EAAAA,OAACQ,EAAAA,WAAA,CACA,aAActB,EAAM,YAAc,IAAI,KACtC,YAAa,GACb,aAAeuB,GAAQ,CACtBhB,EAAkB,EAAK,EACvBP,EAAM,cAAcuB,CAAG,CACxB,EACA,QAASvB,EAAM,OAAA,EAPhB,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAiB,MAAA,CAQA,EAbD,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAcA,EAfD,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAgBA,CAAA,EAtBD,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAuBA,CAAA,EAtCF,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAwCA,CAEF"}

package/dist/cjs/components/dashboard-review-popup/DashboardReviewPopUp.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),v=require("react"),w=require("../../assets/icons/cross.svg.js"),h=require("./components/FiveStar.js"),D=require("./components/Form.js"),f=require("./components/ZeroState.js"),a=require("./DashboardReviewPopUp.styled.js"),N=require("../dropShadow/DropShadow.js"),x=({onClose:i,onSubmit:n,quickAnswerOptions:d,titleMap:t,feedbackMap:p,fullStarSubmitText:l,onRatingChange:u,initialText:c,fiveStar:b})=>{const[o,m]=v.useState(0);function r(s){m(s),u?.(s)}return e.jsxDEV(N.DropShadow,{level:"z2",position:"down",children:e.jsxDEV(a.Container,{children:[e.jsxDEV(a.CrossIconHolder,{onClick:i,children:e.jsxDEV(w.default,{width:24,height:24},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:45,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:44,columnNumber:5},void 0),o===0?e.jsxDEV(f.ZeroState,{handleStarSelection:r,initialText:c},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:48,columnNumber:6},void 0):o===5?e.jsxDEV(h.FiveStar,{fullStarSubmitText:l,onSubmit:n,handleStarSelection:r,subtext:b?.subText},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:53,columnNumber:6},void 0):e.jsxDEV(D.Form,{titleMap:t,feedbackMap:p,stars:o,onStarChange:r,onSubmit:n,quickAnswerOptions:d},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:60,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:43,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:42,columnNumber:3},void 0)};exports.DashboardReviewPopUp=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),h=require("react"),v=require("../../assets/icons/cross.svg.js"),f=require("./components/FiveStar.js"),w=require("./components/Form.js"),N=require("./components/ZeroState.js"),a=require("./DashboardReviewPopUp.styled.js"),D=require("../dropShadow/DropShadow.js"),P=({onClose:i,onSubmit:s,quickAnswerOptions:t,titleMap:p,feedbackMap:c,fullStarSubmitText:d,onRatingChange:u,initialText:l,fiveStar:b})=>{const[o,m]=h.useState(0);function r(n){m(n),u?.(n)}return e.jsxDEV(D.DropShadow,{level:"z2",position:"down",children:e.jsxDEV(a.Container,{children:[e.jsxDEV(a.CrossIconHolder,{onClick:i,children:e.jsxDEV(v.default,{width:24,height:24},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:45,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:44,columnNumber:5},void 0),o===0?e.jsxDEV(N.ZeroState,{handleStarSelection:r,initialText:l},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:48,columnNumber:6},void 0):o===5?e.jsxDEV(f.FiveStar,{fullStarSubmitText:d,onSubmit:s,handleStarSelection:r,subtext:b?.subText},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:53,columnNumber:6},void 0):e.jsxDEV(w.Form,{titleMap:p,feedbackMap:c,stars:o,onStarChange:r,onSubmit:s,quickAnswerOptions:t},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:60,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:43,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/dashboard-review-popup/DashboardReviewPopUp.tsx",lineNumber:42,columnNumber:3},void 0)};exports.DashboardReviewPopUp=P;
 //# sourceMappingURL=DashboardReviewPopUp.js.map