@bikdotai/bik-component-library 0.0.805-beta.5 → 0.0.805-beta.9

package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.js

@@ -1,8 +1,7 @@
 import o from"styled-components";import{COLORS as r}from"../../../../constants/Theme.js";const e=o.div`
 	border-radius: ${o=>"2.0"===o.version?8:4}px;
-	border: ${o=>"2.0"===o.version||"3.0"===o.version?0:1}px
-		solid ${r.stroke.primary};
-	box-shadow: ${o=>"3.0"===o.version?"0px 2px 8px 0px rgba(0, 0, 0, 0.12)":"none"};
+	border: ${o=>"2.0"===o.version?0:1}px solid
+		${r.stroke.primary};
 	max-height: 480px;
 	overflow: hidden;
 	display: flex;

package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpennedDropdown.styled.js","sources":["../../../../../../src/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const OpennedDropdownContainer = styled.div<{\n\tversion?: '1.0' | '2.0' | '3.0';\n}>`\n\tborder-radius: ${(props) => (props.version === '2.0' ? 8 : 4)}px;\n\tborder: ${(props) =>\n\t\t\tprops.version === '2.0' || props.version === '3.0' ? 0 : 1}px\n\t\tsolid ${COLORS.stroke.primary};\n\tbox-shadow: ${(props) =>\n\t\tprops.version === '3.0' ? '0px 2px 8px 0px rgba(0, 0, 0, 0.12)' : 'none'};\n\tmax-height: 480px;\n\toverflow: hidden;\n\tdisplay: flex;\n\tflex-direction: row;\n\tposition: relative;\n\tpadding: ${(props) => (props.version === '2.0' ? 4 : 0)}px;\n\tbackground-color: ${COLORS.surface.standard};\n`;\n\nexport const ItemContainer = styled.div`\n\tpadding: 14px 16px 14px 18px;\n\tflex-direction: row;\n\talign-items: center;\n\tborder-bottom-width: 1px;\n\tborder-bottom-style: solid;\n\tborder-bottom-color: ${COLORS.stroke.primary};\n\twidth: 100%;\n\theight: 100%;\n`;\n\nexport const MenuListContainer = styled.div<{\n\tmaxHeight: number | string;\n\tminHeight: number | string;\n}>`\n\tmax-height: ${(props) =>\n\t\ttypeof props.maxHeight === 'number'\n\t\t\t? `${props.maxHeight}px`\n\t\t\t: props.maxHeight};\n\toverflow-y: auto;\n\tposition: relative;\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground: #e0e0e0;\n\t\tborder-radius: 8px;\n\t}\n\t&::-webkit-scrollbar {\n\t\theight: 5px;\n\t\tdisplay: block;\n\t\twidth: 8px;\n\t}\n\t&::-webkit-scrollbar-thumb:horizontal {\n\t\twidth: 8px;\n\t}\n`;\n"],"names":["OpennedDropdownContainer","styled","div","props","version","COLORS","stroke","primary","surface","standard","MenuListContainer","maxHeight"],"mappings":"yFAGaA,MAAAA,EAA2BC,EAAOC,GAE7C;kBACiBC,GAA6B,QAAlBA,EAAMC,QAAoB,EAAI;WAChDD,GACS,QAAlBA,EAAMC,SAAuC,QAAlBD,EAAMC,QAAoB,EAAI;UAClDC,EAAOC,OAAOC;eACRJ,GACI,QAAlBA,EAAMC,QAAoB,sCAAwC;;;;;;YAMvDD,GAA6B,QAAlBA,EAAMC,QAAoB,EAAI;qBACjCC,EAAOG,QAAQC;EAGPR,EAAOC,GAAG;;;;;;wBAMfG,EAAOC,OAAOC;;;EAKzBG,MAAAA,EAAoBT,EAAOC,GAGtC;eACcC,GACa,iBAApBA,EAAMQ,UACV,GAAGR,EAAMQ,cACTR,EAAMQ;;;;;;;;;;;;;;;"}
+{"version":3,"file":"OpennedDropdown.styled.js","sources":["../../../../../../src/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const OpennedDropdownContainer = styled.div<{ version?: '1.0' | '2.0' }>`\n\tborder-radius: ${(props) => (props.version === '2.0' ? 8 : 4)}px;\n\tborder: ${(props) => (props.version === '2.0' ? 0 : 1)}px solid\n\t\t${COLORS.stroke.primary};\n\tmax-height: 480px;\n\toverflow: hidden;\n\tdisplay: flex;\n\tflex-direction: row;\n\tposition: relative;\n\tpadding: ${(props) => (props.version === '2.0' ? 4 : 0)}px;\n\tbackground-color: ${COLORS.surface.standard};\n`;\n\nexport const ItemContainer = styled.div`\n\tpadding: 14px 16px 14px 18px;\n\tflex-direction: row;\n\talign-items: center;\n\tborder-bottom-width: 1px;\n\tborder-bottom-style: solid;\n\tborder-bottom-color: ${COLORS.stroke.primary};\n\twidth: 100%;\n\theight: 100%;\n`;\n\nexport const MenuListContainer = styled.div<{\n\tmaxHeight: number | string;\n\tminHeight: number | string;\n}>`\n\tmax-height: ${(props) =>\n\t\ttypeof props.maxHeight === 'number'\n\t\t\t? `${props.maxHeight}px`\n\t\t\t: props.maxHeight};\n\toverflow-y: auto;\n\tposition: relative;\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground: #e0e0e0;\n\t\tborder-radius: 8px;\n\t}\n\t&::-webkit-scrollbar {\n\t\theight: 5px;\n\t\tdisplay: block;\n\t\twidth: 8px;\n\t}\n\t&::-webkit-scrollbar-thumb:horizontal {\n\t\twidth: 8px;\n\t}\n`;\n"],"names":["OpennedDropdownContainer","styled","div","props","version","COLORS","stroke","primary","surface","standard","MenuListContainer","maxHeight"],"mappings":"yFAGaA,MAAAA,EAA2BC,EAAOC,GAAgC;kBAC5DC,GAA6B,QAAlBA,EAAMC,QAAoB,EAAI;WAChDD,GAA6B,QAAlBA,EAAMC,QAAoB,EAAI;IACjDC,EAAOC,OAAOC;;;;;;YAMLJ,GAA6B,QAAlBA,EAAMC,QAAoB,EAAI;qBACjCC,EAAOG,QAAQC;EAGPR,EAAOC,GAAG;;;;;;wBAMfG,EAAOC,OAAOC;;;EAKzBG,MAAAA,EAAoBT,EAAOC,GAGtC;eACcC,GACa,iBAApBA,EAAMQ,UACV,GAAGR,EAAMQ,cACTR,EAAMQ;;;;;;;;;;;;;;;"}

package/dist/esm/components/dropdown/OpenedDropdown/components/description/Description.js.map

@@ -1 +1 @@
-{"version":3,"file":"Description.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/description/Description.tsx"],"sourcesContent":["import React from 'react';\nimport { BodySecondary, TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { DescriptionContainer } from './Description.styled';\n\nexport const Description: React.FC<{\n\ttitle: string;\n\tdescription: string;\n\tversion?: '1.0' | '2.0' | '3.0';\n}> = ({ title, description, version }) => {\n\treturn (\n\t\t<DescriptionContainer version={version}>\n\t\t\t<div style={{ padding: version === '2.0' ? 12 : 24 }}>\n\t\t\t\t<TitleRegular\n\t\t\t\t\tstyle={{ color: COLORS.content.primary, marginBottom: 4 }}\n\t\t\t\t>\n\t\t\t\t\t{title}\n\t\t\t\t</TitleRegular>\n\t\t\t\t<BodySecondary style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t{description}\n\t\t\t\t</BodySecondary>\n\t\t\t</div>\n\t\t</DescriptionContainer>\n\t);\n};\n"],"names":["Description","_ref","title","description","version","_jsx","DescriptionContainer","Object","assign","children","_jsxs","style","padding","TitleRegular","color","COLORS","content","primary","marginBottom","BodySecondary","secondary"],"mappings":"6PAKaA,MAAAA,EAIRC,IAAoC,IAAnCC,MAAEA,EAAKC,YAAEA,EAAWC,QAAEA,GAASH,EACpC,OACCI,EAACC,EAAoBC,OAAAC,OAAA,CAACJ,QAASA,GAC9B,CAAAK,SAAAC,EAAA,MAAAH,OAAAC,OAAA,CAAKG,MAAO,CAAEC,QAAqB,QAAZR,EAAoB,GAAK,KAAI,CAAAK,SAAA,CACnDJ,EAACQ,EACAN,OAAAC,OAAA,CAAAG,MAAO,CAAEG,MAAOC,EAAOC,QAAQC,QAASC,aAAc,IAErD,CAAAT,SAAAP,KAEFG,EAACc,EAAaZ,OAAAC,OAAA,CAACG,MAAO,CAAEG,MAAOC,EAAOC,QAAQI,sBAC5CjB,WAGmB"}
+{"version":3,"file":"Description.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/description/Description.tsx"],"sourcesContent":["import React from 'react';\nimport { BodySecondary, TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { DescriptionContainer } from './Description.styled';\n\nexport const Description: React.FC<{\n\ttitle: string;\n\tdescription: string;\n\tversion?: '1.0' | '2.0';\n}> = ({ title, description, version }) => {\n\treturn (\n\t\t<DescriptionContainer version={version}>\n\t\t\t<div style={{ padding: version === '2.0' ? 12 : 24 }}>\n\t\t\t\t<TitleRegular\n\t\t\t\t\tstyle={{ color: COLORS.content.primary, marginBottom: 4 }}\n\t\t\t\t>\n\t\t\t\t\t{title}\n\t\t\t\t</TitleRegular>\n\t\t\t\t<BodySecondary style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t{description}\n\t\t\t\t</BodySecondary>\n\t\t\t</div>\n\t\t</DescriptionContainer>\n\t);\n};\n"],"names":["Description","_ref","title","description","version","_jsx","DescriptionContainer","Object","assign","children","_jsxs","style","padding","TitleRegular","color","COLORS","content","primary","marginBottom","BodySecondary","secondary"],"mappings":"6PAKaA,MAAAA,EAIRC,IAAoC,IAAnCC,MAAEA,EAAKC,YAAEA,EAAWC,QAAEA,GAASH,EACpC,OACCI,EAACC,EAAoBC,OAAAC,OAAA,CAACJ,QAASA,GAC9B,CAAAK,SAAAC,EAAA,MAAAH,OAAAC,OAAA,CAAKG,MAAO,CAAEC,QAAqB,QAAZR,EAAoB,GAAK,KAAI,CAAAK,SAAA,CACnDJ,EAACQ,EACAN,OAAAC,OAAA,CAAAG,MAAO,CAAEG,MAAOC,EAAOC,QAAQC,QAASC,aAAc,IAErD,CAAAT,SAAAP,KAEFG,EAACc,EAAaZ,OAAAC,OAAA,CAACG,MAAO,CAAEG,MAAOC,EAAOC,QAAQI,sBAC5CjB,WAGmB"}

package/dist/esm/components/dropdown/OpenedDropdown/components/description/Description.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Description.styled.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/description/Description.styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const DescriptionContainer = styled.div<{\n\tversion?: '1.0' | '2.0' | '3.0';\n}>`\n\tbackground: ${COLORS.surface.standard};\n\tborder-left: ${(props) => (props.version === '2.0' ? 0.5 : 1)}px solid\n\t\t${COLORS.stroke.primary};\n\twidth: 50%;\n`;\n"],"names":["DescriptionContainer","styled","div","COLORS","surface","standard","props","version","stroke","primary"],"mappings":"4FAGaA,MAAAA,EAAuBC,EAAOC,GAEzC;eACaC,EAAOC,QAAQC;gBACbC,GAA6B,QAAlBA,EAAMC,QAAoB,GAAM;IACxDJ,EAAOK,OAAOC;;"}
+{"version":3,"file":"Description.styled.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/description/Description.styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const DescriptionContainer = styled.div<{ version?: '1.0' | '2.0' }>`\n\tbackground: ${COLORS.surface.standard};\n\tborder-left: ${(props) => (props.version === '2.0' ? 0.5 : 1)}px solid\n\t\t${COLORS.stroke.primary};\n\twidth: 50%;\n`;\n"],"names":["DescriptionContainer","styled","div","COLORS","surface","standard","props","version","stroke","primary"],"mappings":"4FAGaA,MAAAA,EAAuBC,EAAOC,GAAgC;eAC5DC,EAAOC,QAAQC;gBACbC,GAA6B,QAAlBA,EAAMC,QAAoB,GAAM;IACxDJ,EAAOK,OAAOC;;"}

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"FreeFormMenu.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { CheckBox } from '@src/components/checkBox';\nimport { ListItem } from '@src/components/list-item';\nimport { BodyCaption } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { FreeFormContainer } from './FreeFormMenu.styled';\n\nexport const FreeFormMenu: React.FC<{\n\tisMultiSelect?: boolean;\n\tsearchedString: string;\n\tonSelect: (isChecked: boolean) => void;\n\tversion?: '1.0' | '2.0' | '3.0';\n}> = ({ searchedString, onSelect, isMultiSelect, version }) => {\n\tconst [isChecked, setChecked] = useState(false);\n\tfunction onCheckHandler() {\n\t\tsetChecked(!isChecked);\n\t\tonSelect(!isChecked);\n\t}\n\n\treturn (\n\t\t<ListItem\n\t\t\tversion={version}\n\t\t\tonClick={(e) => {\n\t\t\t\te.preventDefault();\n\t\t\t\tonCheckHandler();\n\t\t\t}}\n\t\t\tlistItem={{\n\t\t\t\tlabel: searchedString,\n\t\t\t\tvalue: searchedString,\n\t\t\t}}\n\t\t\tleadingIcon={\n\t\t\t\tisMultiSelect ? (\n\t\t\t\t\t<CheckBox\n\t\t\t\t\t\tsize={version === '2.0' ? 'SMALL' : 'DEFAULT'}\n\t\t\t\t\t\tisChecked={isChecked}\n\t\t\t\t\t\tonValueChange={onCheckHandler}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<></>\n\t\t\t\t)\n\t\t\t}\n\t\t\ttrailingIcon={\n\t\t\t\t<FreeFormContainer>\n\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\tFreeform\n\t\t\t\t\t</BodyCaption>\n\t\t\t\t</FreeFormContainer>\n\t\t\t}\n\t\t/>\n\t);\n};\n"],"names":["FreeFormMenu","_ref","searchedString","onSelect","isMultiSelect","version","isChecked","setChecked","useState","onCheckHandler","_jsx","ListItem","onClick","e","preventDefault","listItem","label","value","leadingIcon","CheckBox","size","onValueChange","trailingIcon","FreeFormContainer","BodyCaption","Object","assign","style","color","COLORS","content","secondary","children"],"mappings":"qYAOaA,MAAAA,EAKRC,IAAyD,IAAxDC,eAAEA,EAAcC,SAAEA,EAAQC,cAAEA,EAAaC,QAAEA,GAASJ,EACzD,MAAOK,EAAWC,GAAcC,GAAS,GACzC,SAASC,IACRF,GAAYD,GACZH,GAAUG,EACX,CAEA,OACCI,EAACC,EAAQ,CACRN,QAASA,EACTO,QAAUC,IACTA,EAAEC,iBACFL,GAAgB,EAEjBM,SAAU,CACTC,MAAOd,EACPe,MAAOf,GAERgB,YACCd,EACCM,EAACS,EACA,CAAAC,KAAkB,QAAZf,EAAoB,QAAU,UACpCC,UAAWA,EACXe,cAAeZ,IAGhBC,QAGFY,aACCZ,EAACa,YACAb,EAACc,EACAC,OAAAC,OAAA,CAAAC,MAAO,CACNC,MAAOC,EAAOC,QAAQC,YAIV,CAAAC,SAAA,iBAGf"}
+{"version":3,"file":"FreeFormMenu.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { CheckBox } from '@src/components/checkBox';\nimport { ListItem } from '@src/components/list-item';\nimport { BodyCaption } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { FreeFormContainer } from './FreeFormMenu.styled';\n\nexport const FreeFormMenu: React.FC<{\n\tisMultiSelect?: boolean;\n\tsearchedString: string;\n\tonSelect: (isChecked: boolean) => void;\n\tversion?: '1.0' | '2.0';\n}> = ({ searchedString, onSelect, isMultiSelect, version }) => {\n\tconst [isChecked, setChecked] = useState(false);\n\tfunction onCheckHandler() {\n\t\tsetChecked(!isChecked);\n\t\tonSelect(!isChecked);\n\t}\n\n\treturn (\n\t\t<ListItem\n\t\t\tversion={version}\n\t\t\tonClick={(e) => {\n\t\t\t\te.preventDefault();\n\t\t\t\tonCheckHandler();\n\t\t\t}}\n\t\t\tlistItem={{\n\t\t\t\tlabel: searchedString,\n\t\t\t\tvalue: searchedString,\n\t\t\t}}\n\t\t\tleadingIcon={\n\t\t\t\tisMultiSelect ? (\n\t\t\t\t\t<CheckBox\n\t\t\t\t\t\tsize={version === '2.0' ? 'SMALL' : 'DEFAULT'}\n\t\t\t\t\t\tisChecked={isChecked}\n\t\t\t\t\t\tonValueChange={onCheckHandler}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<></>\n\t\t\t\t)\n\t\t\t}\n\t\t\ttrailingIcon={\n\t\t\t\t<FreeFormContainer>\n\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\tFreeform\n\t\t\t\t\t</BodyCaption>\n\t\t\t\t</FreeFormContainer>\n\t\t\t}\n\t\t/>\n\t);\n};\n"],"names":["FreeFormMenu","_ref","searchedString","onSelect","isMultiSelect","version","isChecked","setChecked","useState","onCheckHandler","_jsx","ListItem","onClick","e","preventDefault","listItem","label","value","leadingIcon","CheckBox","size","onValueChange","trailingIcon","FreeFormContainer","BodyCaption","Object","assign","style","color","COLORS","content","secondary","children"],"mappings":"qYAOaA,MAAAA,EAKRC,IAAyD,IAAxDC,eAAEA,EAAcC,SAAEA,EAAQC,cAAEA,EAAaC,QAAEA,GAASJ,EACzD,MAAOK,EAAWC,GAAcC,GAAS,GACzC,SAASC,IACRF,GAAYD,GACZH,GAAUG,EACX,CAEA,OACCI,EAACC,EAAQ,CACRN,QAASA,EACTO,QAAUC,IACTA,EAAEC,iBACFL,GAAgB,EAEjBM,SAAU,CACTC,MAAOd,EACPe,MAAOf,GAERgB,YACCd,EACCM,EAACS,EACA,CAAAC,KAAkB,QAAZf,EAAoB,QAAU,UACpCC,UAAWA,EACXe,cAAeZ,IAGhBC,QAGFY,aACCZ,EAACa,YACAb,EAACc,EACAC,OAAAC,OAAA,CAAAC,MAAO,CACNC,MAAOC,EAAOC,QAAQC,YAIV,CAAAC,SAAA,iBAGf"}

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.js

@@ -1,5 +1,5 @@
 import{jsx as e,Fragment as o,jsxs as n}from"react/jsx-runtime";import t from"../../../../../assets/icons/chevronRight.svg.js";import{forwardRef as r,useState as i}from"react";import s from"styled-components";import{CheckBox as l}from"../../../../checkBox/CheckBox.js";import{ListItem as a}from"../../../../list-item/ListItem.js";import{Tooltip as d}from"../../../../tooltips/Tooltip.js";import{BodyCaption as c}from"../../../../TypographyStyle.js";import{DEFAULT_THEME as p,COLORS as g}from"../../../../../constants/Theme.js";import{FreeFormContainer as m}from"./FreeFormMenu.styled.js";const u=s(a)`
-	padding: ${e=>"3.0"===e.version?"8px":"2.0"===e.version?"8px 12px":"14px 16px"} !important;
+	padding: ${e=>"2.0"===e.version?"8px 12px":"14px 16px"} !important;
 	cursor: pointer;
 	margin-top: ${e=>"2.0"===e.version?"2px":"0"};
 `,h=s.div`

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx"],"sourcesContent":["import ChevronRightIcon from '@src/assets/icons/chevronRight.svg';\nimport { forwardRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { CheckBox } from '@src/components/checkBox';\nimport { ListItem } from '@src/components/list-item';\nimport { Tooltip } from '@src/components/tooltips';\nimport { BodyCaption } from '@src/components/TypographyStyle';\nimport { COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { MultiSelectOption, SingleOption } from '../../../type';\nimport { FreeFormContainer } from './FreeFormMenu.styled';\n\nconst StyledListItem = styled(ListItem)<{ version?: '1.0' | '2.0' | '3.0' }>`\n\tpadding: ${(props) =>\n\t\tprops.version === '3.0'\n\t\t\t? '8px'\n\t\t\t: props.version === '2.0'\n\t\t\t? '8px 12px'\n\t\t\t: '14px 16px'} !important;\n\tcursor: pointer;\n\tmargin-top: ${(props) => (props.version === '2.0' ? '2px' : '0')};\n`;\n\nconst StyledChildDropdownContainer = styled.div<{ version: string }>`\n\tbox-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);\n\tborder-radius: ${({ version }) => (version === '1.0' ? '0' : '8px')};\n\tpadding: ${({ version }) => (version === '1.0' ? '0' : '4px')};\n\tmin-width: 148px;\n\tborder: ${({ version }) =>\n\t\tversion === '1.0'\n\t\t\t? `1px solid ${DEFAULT_THEME.colorsV2.stroke.primary}`\n\t\t\t: 'none'};\n\tmax-height: 248px;\n\toverflow-y: auto;\n`;\n\nconst DragHandleContainer = styled.div`\n\tdisplay: grid;\n\tgrid-template-columns: repeat(2, 2.86px);\n\tgrid-template-rows: repeat(3, 2.86px);\n\tcolumn-gap: 3.8px;\n\trow-gap: 4px;\n\tmargin-right: 8px;\n\tcursor: move;\n\tflex-shrink: 0;\n\talign-self: center;\n\theight: fit-content;\n\tmin-height: 18px;\n`;\n\nconst DragDot = styled.div`\n\twidth: 2.86px;\n\theight: 2.86px;\n\tborder-radius: 50%;\n\tbackground-color: ${COLORS.content.inactive};\n\tflex-shrink: 0;\n`;\n\nconst MultiSelectLeadingContainer = styled.div`\n\tdisplay: flex;\n\talign-content: center;\n\tjustify-content: center;\n\tgap: 8px;\n`;\n\nconst LeadingIconWrapper = styled.div`\n\tmargin-right: -4px;\n`;\n\nconst SingleSelectDragContainer = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tflex: 1;\n`;\n\ninterface DragHandleIconProps {\n\tonDragStart?: (e: React.DragEvent<HTMLDivElement>) => void;\n\tonDragEnd?: (e: React.DragEvent<HTMLDivElement>) => void;\n}\n\nconst DragHandleIcon = ({ onDragStart, onDragEnd }: DragHandleIconProps) => (\n\t<DragHandleContainer\n\t\tdraggable\n\t\tonDragStart={onDragStart}\n\t\tonDragEnd={onDragEnd}\n\t>\n\t\t<DragDot />\n\t\t<DragDot />\n\t\t<DragDot />\n\t\t<DragDot />\n\t\t<DragDot />\n\t\t<DragDot />\n\t</DragHandleContainer>\n);\n\ninterface MenuItemProps {\n\toption: SingleOption | MultiSelectOption;\n\tisMultiSelect?: boolean;\n\tshowDescription: (title?: string, description?: string) => void;\n\tonSelect: (option: SingleOption) => void;\n\tonDropdownItemClick?: (option: SingleOption) => void;\n\tlast?: boolean;\n\tversion?: '1.0' | '2.0' | '3.0';\n\tuseDefaultCursor?: boolean;\n\tisFocused?: boolean;\n\tdataIndex?: number;\n\tisDraggable?: boolean;\n\tonDragStart?: (e: React.DragEvent<HTMLDivElement>) => void;\n\tonDragOver?: (e: React.DragEvent<HTMLDivElement>) => void;\n\tonDrop?: (e: React.DragEvent<HTMLDivElement>) => void;\n\tonDragEnd?: (e: React.DragEvent<HTMLDivElement>) => void;\n\tisDraggedOver?: boolean;\n\tshowCheckboxForCustomElement?: boolean;\n}\n// eslint-disable-next-line react/display-name\nexport const MenuItem = forwardRef<HTMLDivElement, MenuItemProps>(\n\t(\n\t\t{\n\t\t\toption,\n\t\t\tisMultiSelect,\n\t\t\tshowDescription,\n\t\t\tonSelect,\n\t\t\tlast,\n\t\t\tversion,\n\t\t\tonDropdownItemClick,\n\t\t\tuseDefaultCursor,\n\t\t\tisFocused = false,\n\t\t\tdataIndex = -1,\n\t\t\tisDraggable = false,\n\t\t\tonDragStart,\n\t\t\tonDragOver,\n\t\t\tonDrop,\n\t\t\tonDragEnd,\n\t\t\tisDraggedOver = false,\n\t\t\tshowCheckboxForCustomElement = false,\n\t\t},\n\t\tchildRef,\n\t) => {\n\t\tconst [isChildOptionHovered, setIsChildOptionHovered] = useState(\n\t\t\toption.selected,\n\t\t);\n\n\t\tconst handleOptionClick = (option: SingleOption, parent?: SingleOption) => {\n\t\t\tif (!option.children) {\n\t\t\t\tonCheckHandler(!option.selected);\n\t\t\t\tconst updatedOption = parent ? { ...option, parent } : option;\n\t\t\t\tonDropdownItemClick?.(updatedOption);\n\t\t\t}\n\t\t};\n\n\t\tconst onCheckHandler = (checked: boolean) => {\n\t\t\tif (!option.disabled) {\n\t\t\t\tonSelect({ ...option, selected: checked });\n\t\t\t}\n\t\t};\n\n\t\tconst onHoverIn = () => {\n\t\t\tif (option.description) {\n\t\t\t\tshowDescription(option.label, option.description);\n\t\t\t} else {\n\t\t\t\tshowDescription();\n\t\t\t}\n\t\t};\n\n\t\tconst cursorConfig = useDefaultCursor ? { cursor: 'default' } : {};\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Tooltip\n\t\t\t\t\tbody={''}\n\t\t\t\t\ttooltipContent={\n\t\t\t\t\t\toption.children ? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tbackgroundColor: DEFAULT_THEME.colorsV2.surface.standard,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tref={childRef}\n\t\t\t\t\t\t\t\tonMouseEnter={() => setIsChildOptionHovered(true)}\n\t\t\t\t\t\t\t\tonMouseLeave={() => setIsChildOptionHovered(false)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<StyledChildDropdownContainer version={version ?? '2.0'}>\n\t\t\t\t\t\t\t\t\t{option.children.map((child) => (\n\t\t\t\t\t\t\t\t\t\t<StyledListItem\n\t\t\t\t\t\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\t\t\t\t\t\tkey={child.value}\n\t\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\t\tversion !== '1.0' && (option?.children ?? []).length - 1\n\t\t\t\t\t\t\t\t\t\t\t\t\t? { borderBottom: 0 }\n\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\thandleOptionClick(child, option);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tlistItem={{ value: child.value, label: child.label }}\n\t\t\t\t\t\t\t\t\t\t\tsubText={child.subText}\n\t\t\t\t\t\t\t\t\t\t\tleadingIcon={child.leadingIcon || undefined}\n\t\t\t\t\t\t\t\t\t\t\tcustomComponent={child.customComponent}\n\t\t\t\t\t\t\t\t\t\t\ttrailingIcon={child.trailingIcon || undefined}\n\t\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\t\toption.disabled\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'inactive'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: child.selected\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'selected'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 'default'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</StyledChildDropdownContainer>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\tplacement={'right-start'}\n\t\t\t\t\thideArrow={true}\n\t\t\t\t>\n\t\t\t\t\t<StyledListItem\n\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\tlast\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\tborderBottom: 0,\n\t\t\t\t\t\t\t\t\t\t...cursorConfig,\n\t\t\t\t\t\t\t\t\t\t...(isDraggedOver\n\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\tborderTop: `2px solid ${COLORS.content.brand}`,\n\t\t\t\t\t\t\t\t\t\t\t\t\topacity: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\t\t\t...cursorConfig,\n\t\t\t\t\t\t\t\t\t\t...(isDraggedOver\n\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\tborderTop: `2px solid ${COLORS.content.brand}`,\n\t\t\t\t\t\t\t\t\t\t\t\t\topacity: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\thandleOptionClick(option);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonMouseOver={onHoverIn}\n\t\t\t\t\t\tlistItem={{ value: option.value, label: option.label }}\n\t\t\t\t\t\tsubText={option.subText}\n\t\t\t\t\t\tdata-option-index={dataIndex}\n\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\tid={`dropdown-option-${dataIndex}`}\n\t\t\t\t\t\taria-selected={!!option.selected}\n\t\t\t\t\t\tonDragOver={isDraggable ? onDragOver : undefined}\n\t\t\t\t\t\tonDrop={isDraggable ? onDrop : undefined}\n\t\t\t\t\t\tleadingIcon={\n\t\t\t\t\t\t\tisMultiSelect &&\n\t\t\t\t\t\t\t!(showCheckboxForCustomElement && option.customComponent) ? (\n\t\t\t\t\t\t\t\t<MultiSelectLeadingContainer>\n\t\t\t\t\t\t\t\t\t{isDraggable && (\n\t\t\t\t\t\t\t\t\t\t<DragHandleIcon\n\t\t\t\t\t\t\t\t\t\t\tonDragStart={onDragStart}\n\t\t\t\t\t\t\t\t\t\t\tonDragEnd={onDragEnd}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<CheckBox\n\t\t\t\t\t\t\t\t\t\tsize={version === '2.0' ? 'SMALL' : 'DEFAULT'}\n\t\t\t\t\t\t\t\t\t\tisDisabled={option.disabled ?? false}\n\t\t\t\t\t\t\t\t\t\tisChecked={!!option.selected}\n\t\t\t\t\t\t\t\t\t\tonValueChange={onCheckHandler}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<LeadingIconWrapper>{option.leadingIcon}</LeadingIconWrapper>\n\t\t\t\t\t\t\t\t</MultiSelectLeadingContainer>\n\t\t\t\t\t\t\t) : isDraggable ? (\n\t\t\t\t\t\t\t\t<SingleSelectDragContainer>\n\t\t\t\t\t\t\t\t\t<DragHandleIcon\n\t\t\t\t\t\t\t\t\t\tonDragStart={onDragStart}\n\t\t\t\t\t\t\t\t\t\tonDragEnd={onDragEnd}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{option.leadingIcon && <div>{option.leadingIcon}</div>}\n\t\t\t\t\t\t\t\t</SingleSelectDragContainer>\n\t\t\t\t\t\t\t) : option.leadingIcon ? (\n\t\t\t\t\t\t\t\t<>{option.leadingIcon}</>\n\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcustomComponent={\n\t\t\t\t\t\t\tisMultiSelect &&\n\t\t\t\t\t\t\tshowCheckboxForCustomElement &&\n\t\t\t\t\t\t\toption.customComponent ? (\n\t\t\t\t\t\t\t\t<MultiSelectLeadingContainer>\n\t\t\t\t\t\t\t\t\t{isDraggable && (\n\t\t\t\t\t\t\t\t\t\t<DragHandleIcon\n\t\t\t\t\t\t\t\t\t\t\tonDragStart={onDragStart}\n\t\t\t\t\t\t\t\t\t\t\tonDragEnd={onDragEnd}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<CheckBox\n\t\t\t\t\t\t\t\t\t\tsize={version === '2.0' ? 'SMALL' : 'DEFAULT'}\n\t\t\t\t\t\t\t\t\t\tisDisabled={option.disabled ?? false}\n\t\t\t\t\t\t\t\t\t\tisChecked={!!option.selected}\n\t\t\t\t\t\t\t\t\t\tonValueChange={onCheckHandler}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{option.customComponent}\n\t\t\t\t\t\t\t\t</MultiSelectLeadingContainer>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\toption.customComponent\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttrailingIcon={\n\t\t\t\t\t\t\toption.isFreeForm ? (\n\t\t\t\t\t\t\t\t<FreeFormContainer>\n\t\t\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t\t\tFreeform\n\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t</FreeFormContainer>\n\t\t\t\t\t\t\t) : option.children ? (\n\t\t\t\t\t\t\t\t<ChevronRightIcon width={12} height={12} />\n\t\t\t\t\t\t\t) : option.trailingIcon ? (\n\t\t\t\t\t\t\t\t<>{option.trailingIcon}</>\n\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\toption.disabled\n\t\t\t\t\t\t\t\t? 'inactive'\n\t\t\t\t\t\t\t\t: isFocused ||\n\t\t\t\t\t\t\t\t  option.selected ||\n\t\t\t\t\t\t\t\t  (!isMultiSelect && isChildOptionHovered)\n\t\t\t\t\t\t\t\t? 'selected'\n\t\t\t\t\t\t\t\t: 'default'\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</Tooltip>\n\t\t\t</>\n\t\t);\n\t},\n);\n"],"names":["StyledListItem","styled","ListItem","props","version","StyledChildDropdownContainer","div","_ref","_ref2","_ref3","DEFAULT_THEME","colorsV2","stroke","primary","DragHandleContainer","DragDot","COLORS","content","inactive","MultiSelectLeadingContainer","LeadingIconWrapper","SingleSelectDragContainer","DragHandleIcon","_ref4","onDragStart","onDragEnd","_jsxs","Object","assign","draggable","children","_jsx","MenuItem","forwardRef","_ref5","childRef","option","isMultiSelect","showDescription","onSelect","last","onDropdownItemClick","useDefaultCursor","isFocused","dataIndex","isDraggable","onDragOver","onDrop","isDraggedOver","showCheckboxForCustomElement","isChildOptionHovered","setIsChildOptionHovered","useState","selected","handleOptionClick","parent","onCheckHandler","updatedOption","checked","disabled","cursorConfig","cursor","Tooltip","body","tooltipContent","style","backgroundColor","surface","standard","ref","onMouseEnter","onMouseLeave","map","child","_a","length","borderBottom","onClick","e","preventDefault","listItem","value","label","subText","leadingIcon","undefined","customComponent","trailingIcon","variant","_Fragment","placement","hideArrow","borderTop","brand","opacity","onMouseOver","onHoverIn","description","role","id","CheckBox","size","isDisabled","isChecked","onValueChange","_b","isFreeForm","FreeFormContainer","BodyCaption","color","secondary","ChevronRightIcon","width","height"],"mappings":"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"}
+{"version":3,"file":"MenuItem.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx"],"sourcesContent":["import ChevronRightIcon from '@src/assets/icons/chevronRight.svg';\nimport { forwardRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { CheckBox } from '@src/components/checkBox';\nimport { ListItem } from '@src/components/list-item';\nimport { Tooltip } from '@src/components/tooltips';\nimport { BodyCaption } from '@src/components/TypographyStyle';\nimport { COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { MultiSelectOption, SingleOption } from '../../../type';\nimport { FreeFormContainer } from './FreeFormMenu.styled';\n\nconst StyledListItem = styled(ListItem)<{ version?: '1.0' | '2.0' }>`\n\tpadding: ${(props) =>\n\t\tprops.version === '2.0' ? '8px 12px' : '14px 16px'} !important;\n\tcursor: pointer;\n\tmargin-top: ${(props) => (props.version === '2.0' ? '2px' : '0')};\n`;\n\nconst StyledChildDropdownContainer = styled.div<{ version: string }>`\n\tbox-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);\n\tborder-radius: ${({ version }) => (version === '1.0' ? '0' : '8px')};\n\tpadding: ${({ version }) => (version === '1.0' ? '0' : '4px')};\n\tmin-width: 148px;\n\tborder: ${({ version }) =>\n\t\tversion === '1.0'\n\t\t\t? `1px solid ${DEFAULT_THEME.colorsV2.stroke.primary}`\n\t\t\t: 'none'};\n\tmax-height: 248px;\n\toverflow-y: auto;\n`;\n\nconst DragHandleContainer = styled.div`\n\tdisplay: grid;\n\tgrid-template-columns: repeat(2, 2.86px);\n\tgrid-template-rows: repeat(3, 2.86px);\n\tcolumn-gap: 3.8px;\n\trow-gap: 4px;\n\tmargin-right: 8px;\n\tcursor: move;\n\tflex-shrink: 0;\n\talign-self: center;\n\theight: fit-content;\n\tmin-height: 18px;\n`;\n\nconst DragDot = styled.div`\n\twidth: 2.86px;\n\theight: 2.86px;\n\tborder-radius: 50%;\n\tbackground-color: ${COLORS.content.inactive};\n\tflex-shrink: 0;\n`;\n\nconst MultiSelectLeadingContainer = styled.div`\n\tdisplay: flex;\n\talign-content: center;\n\tjustify-content: center;\n\tgap: 8px;\n`;\n\nconst LeadingIconWrapper = styled.div`\n\tmargin-right: -4px;\n`;\n\nconst SingleSelectDragContainer = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tflex: 1;\n`;\n\ninterface DragHandleIconProps {\n\tonDragStart?: (e: React.DragEvent<HTMLDivElement>) => void;\n\tonDragEnd?: (e: React.DragEvent<HTMLDivElement>) => void;\n}\n\nconst DragHandleIcon = ({ onDragStart, onDragEnd }: DragHandleIconProps) => (\n\t<DragHandleContainer\n\t\tdraggable\n\t\tonDragStart={onDragStart}\n\t\tonDragEnd={onDragEnd}\n\t>\n\t\t<DragDot />\n\t\t<DragDot />\n\t\t<DragDot />\n\t\t<DragDot />\n\t\t<DragDot />\n\t\t<DragDot />\n\t</DragHandleContainer>\n);\n\ninterface MenuItemProps {\n\toption: SingleOption | MultiSelectOption;\n\tisMultiSelect?: boolean;\n\tshowDescription: (title?: string, description?: string) => void;\n\tonSelect: (option: SingleOption) => void;\n\tonDropdownItemClick?: (option: SingleOption) => void;\n\tlast?: boolean;\n\tversion?: '1.0' | '2.0';\n\tuseDefaultCursor?: boolean;\n\tisFocused?: boolean;\n\tdataIndex?: number;\n\tisDraggable?: boolean;\n\tonDragStart?: (e: React.DragEvent<HTMLDivElement>) => void;\n\tonDragOver?: (e: React.DragEvent<HTMLDivElement>) => void;\n\tonDrop?: (e: React.DragEvent<HTMLDivElement>) => void;\n\tonDragEnd?: (e: React.DragEvent<HTMLDivElement>) => void;\n\tisDraggedOver?: boolean;\n\tshowCheckboxForCustomElement?: boolean;\n}\n// eslint-disable-next-line react/display-name\nexport const MenuItem = forwardRef<HTMLDivElement, MenuItemProps>(\n\t(\n\t\t{\n\t\t\toption,\n\t\t\tisMultiSelect,\n\t\t\tshowDescription,\n\t\t\tonSelect,\n\t\t\tlast,\n\t\t\tversion,\n\t\t\tonDropdownItemClick,\n\t\t\tuseDefaultCursor,\n\t\t\tisFocused = false,\n\t\t\tdataIndex = -1,\n\t\t\tisDraggable = false,\n\t\t\tonDragStart,\n\t\t\tonDragOver,\n\t\t\tonDrop,\n\t\t\tonDragEnd,\n\t\t\tisDraggedOver = false,\n\t\t\tshowCheckboxForCustomElement = false,\n\t\t},\n\t\tchildRef,\n\t) => {\n\t\tconst [isChildOptionHovered, setIsChildOptionHovered] = useState(\n\t\t\toption.selected,\n\t\t);\n\n\t\tconst handleOptionClick = (option: SingleOption, parent?: SingleOption) => {\n\t\t\tif (!option.children) {\n\t\t\t\tonCheckHandler(!option.selected);\n\t\t\t\tconst updatedOption = parent ? { ...option, parent } : option;\n\t\t\t\tonDropdownItemClick?.(updatedOption);\n\t\t\t}\n\t\t};\n\n\t\tconst onCheckHandler = (checked: boolean) => {\n\t\t\tif (!option.disabled) {\n\t\t\t\tonSelect({ ...option, selected: checked });\n\t\t\t}\n\t\t};\n\n\t\tconst onHoverIn = () => {\n\t\t\tif (option.description) {\n\t\t\t\tshowDescription(option.label, option.description);\n\t\t\t} else {\n\t\t\t\tshowDescription();\n\t\t\t}\n\t\t};\n\n\t\tconst cursorConfig = useDefaultCursor ? { cursor: 'default' } : {};\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Tooltip\n\t\t\t\t\tbody={''}\n\t\t\t\t\ttooltipContent={\n\t\t\t\t\t\toption.children ? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tbackgroundColor: DEFAULT_THEME.colorsV2.surface.standard,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tref={childRef}\n\t\t\t\t\t\t\t\tonMouseEnter={() => setIsChildOptionHovered(true)}\n\t\t\t\t\t\t\t\tonMouseLeave={() => setIsChildOptionHovered(false)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<StyledChildDropdownContainer version={version ?? '2.0'}>\n\t\t\t\t\t\t\t\t\t{option.children.map((child) => (\n\t\t\t\t\t\t\t\t\t\t<StyledListItem\n\t\t\t\t\t\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\t\t\t\t\t\tkey={child.value}\n\t\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\t\tversion !== '1.0' && (option?.children ?? []).length - 1\n\t\t\t\t\t\t\t\t\t\t\t\t\t? { borderBottom: 0 }\n\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\thandleOptionClick(child, option);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tlistItem={{ value: child.value, label: child.label }}\n\t\t\t\t\t\t\t\t\t\t\tsubText={child.subText}\n\t\t\t\t\t\t\t\t\t\t\tleadingIcon={child.leadingIcon || undefined}\n\t\t\t\t\t\t\t\t\t\t\tcustomComponent={child.customComponent}\n\t\t\t\t\t\t\t\t\t\t\ttrailingIcon={child.trailingIcon || undefined}\n\t\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\t\toption.disabled\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'inactive'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: child.selected\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'selected'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 'default'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</StyledChildDropdownContainer>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\tplacement={'right-start'}\n\t\t\t\t\thideArrow={true}\n\t\t\t\t>\n\t\t\t\t\t<StyledListItem\n\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\tlast\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\tborderBottom: 0,\n\t\t\t\t\t\t\t\t\t\t...cursorConfig,\n\t\t\t\t\t\t\t\t\t\t...(isDraggedOver\n\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\tborderTop: `2px solid ${COLORS.content.brand}`,\n\t\t\t\t\t\t\t\t\t\t\t\t\topacity: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\t\t\t...cursorConfig,\n\t\t\t\t\t\t\t\t\t\t...(isDraggedOver\n\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\tborderTop: `2px solid ${COLORS.content.brand}`,\n\t\t\t\t\t\t\t\t\t\t\t\t\topacity: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\thandleOptionClick(option);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonMouseOver={onHoverIn}\n\t\t\t\t\t\tlistItem={{ value: option.value, label: option.label }}\n\t\t\t\t\t\tsubText={option.subText}\n\t\t\t\t\t\tdata-option-index={dataIndex}\n\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\tid={`dropdown-option-${dataIndex}`}\n\t\t\t\t\t\taria-selected={!!option.selected}\n\t\t\t\t\t\tonDragOver={isDraggable ? onDragOver : undefined}\n\t\t\t\t\t\tonDrop={isDraggable ? onDrop : undefined}\n\t\t\t\t\t\tleadingIcon={\n\t\t\t\t\t\t\tisMultiSelect &&\n\t\t\t\t\t\t\t!(showCheckboxForCustomElement && option.customComponent) ? (\n\t\t\t\t\t\t\t\t<MultiSelectLeadingContainer>\n\t\t\t\t\t\t\t\t\t{isDraggable && (\n\t\t\t\t\t\t\t\t\t\t<DragHandleIcon\n\t\t\t\t\t\t\t\t\t\t\tonDragStart={onDragStart}\n\t\t\t\t\t\t\t\t\t\t\tonDragEnd={onDragEnd}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<CheckBox\n\t\t\t\t\t\t\t\t\t\tsize={version === '2.0' ? 'SMALL' : 'DEFAULT'}\n\t\t\t\t\t\t\t\t\t\tisDisabled={option.disabled ?? false}\n\t\t\t\t\t\t\t\t\t\tisChecked={!!option.selected}\n\t\t\t\t\t\t\t\t\t\tonValueChange={onCheckHandler}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<LeadingIconWrapper>{option.leadingIcon}</LeadingIconWrapper>\n\t\t\t\t\t\t\t\t</MultiSelectLeadingContainer>\n\t\t\t\t\t\t\t) : isDraggable ? (\n\t\t\t\t\t\t\t\t<SingleSelectDragContainer>\n\t\t\t\t\t\t\t\t\t<DragHandleIcon\n\t\t\t\t\t\t\t\t\t\tonDragStart={onDragStart}\n\t\t\t\t\t\t\t\t\t\tonDragEnd={onDragEnd}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{option.leadingIcon && <div>{option.leadingIcon}</div>}\n\t\t\t\t\t\t\t\t</SingleSelectDragContainer>\n\t\t\t\t\t\t\t) : option.leadingIcon ? (\n\t\t\t\t\t\t\t\t<>{option.leadingIcon}</>\n\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcustomComponent={\n\t\t\t\t\t\t\tisMultiSelect &&\n\t\t\t\t\t\t\tshowCheckboxForCustomElement &&\n\t\t\t\t\t\t\toption.customComponent ? (\n\t\t\t\t\t\t\t\t<MultiSelectLeadingContainer>\n\t\t\t\t\t\t\t\t\t{isDraggable && (\n\t\t\t\t\t\t\t\t\t\t<DragHandleIcon\n\t\t\t\t\t\t\t\t\t\t\tonDragStart={onDragStart}\n\t\t\t\t\t\t\t\t\t\t\tonDragEnd={onDragEnd}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<CheckBox\n\t\t\t\t\t\t\t\t\t\tsize={version === '2.0' ? 'SMALL' : 'DEFAULT'}\n\t\t\t\t\t\t\t\t\t\tisDisabled={option.disabled ?? false}\n\t\t\t\t\t\t\t\t\t\tisChecked={!!option.selected}\n\t\t\t\t\t\t\t\t\t\tonValueChange={onCheckHandler}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{option.customComponent}\n\t\t\t\t\t\t\t\t</MultiSelectLeadingContainer>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\toption.customComponent\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttrailingIcon={\n\t\t\t\t\t\t\toption.isFreeForm ? (\n\t\t\t\t\t\t\t\t<FreeFormContainer>\n\t\t\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t\t\tFreeform\n\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t</FreeFormContainer>\n\t\t\t\t\t\t\t) : option.children ? (\n\t\t\t\t\t\t\t\t<ChevronRightIcon width={12} height={12} />\n\t\t\t\t\t\t\t) : option.trailingIcon ? (\n\t\t\t\t\t\t\t\t<>{option.trailingIcon}</>\n\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\toption.disabled\n\t\t\t\t\t\t\t\t? 'inactive'\n\t\t\t\t\t\t\t\t: isFocused ||\n\t\t\t\t\t\t\t\t  option.selected ||\n\t\t\t\t\t\t\t\t  (!isMultiSelect && isChildOptionHovered)\n\t\t\t\t\t\t\t\t? 'selected'\n\t\t\t\t\t\t\t\t: 'default'\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</Tooltip>\n\t\t\t</>\n\t\t);\n\t},\n);\n"],"names":["StyledListItem","styled","ListItem","props","version","StyledChildDropdownContainer","div","_ref","_ref2","_ref3","DEFAULT_THEME","colorsV2","stroke","primary","DragHandleContainer","DragDot","COLORS","content","inactive","MultiSelectLeadingContainer","LeadingIconWrapper","SingleSelectDragContainer","DragHandleIcon","_ref4","onDragStart","onDragEnd","_jsxs","Object","assign","draggable","children","_jsx","MenuItem","forwardRef","_ref5","childRef","option","isMultiSelect","showDescription","onSelect","last","onDropdownItemClick","useDefaultCursor","isFocused","dataIndex","isDraggable","onDragOver","onDrop","isDraggedOver","showCheckboxForCustomElement","isChildOptionHovered","setIsChildOptionHovered","useState","selected","handleOptionClick","parent","onCheckHandler","updatedOption","checked","disabled","cursorConfig","cursor","Tooltip","body","tooltipContent","style","backgroundColor","surface","standard","ref","onMouseEnter","onMouseLeave","map","child","_a","length","borderBottom","onClick","e","preventDefault","listItem","value","label","subText","leadingIcon","undefined","customComponent","trailingIcon","variant","_Fragment","placement","hideArrow","borderTop","brand","opacity","onMouseOver","onHoverIn","description","role","id","CheckBox","size","isDisabled","isChecked","onValueChange","_b","isFreeForm","FreeFormContainer","BodyCaption","color","secondary","ChevronRightIcon","width","height"],"mappings":"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"}

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.js

@@ -1,2 +1,2 @@
-import{jsx as e,Fragment as n,jsxs as t}from"react/jsx-runtime";import{forwardRef as r,useRef as o,useState as s,useCallback as l,useEffect as i}from"react";import{MenuItem as c}from"./MenuItem.js";import{StyledGroupedLabel as u,Divider as a}from"./MenuList.styled.js";const d=r(((r,d)=>{let{options:p,isMultiSelect:f,showDescription:m,onSelect:g,version:h,onInfiniteScroll:D,onDropdownItemClick:b,useDefaultCursor:v,focusedIndex:w=-1,isDraggable:C=!1,onOptionsReorder:I,showCheckboxForCustomElement:j=!1}=r;const x=o(null),S=o(null),[E,O]=s(null),[k,M]=s(null),y=l((()=>{x.current&&x.current.disconnect(),x.current=new IntersectionObserver((e=>{e[0].isIntersecting&&(null==D||D())})),S.current&&x.current.observe(S.current)}),[D]);i((()=>(y(),()=>{x.current&&x.current.disconnect()})),[y,p]);const F=l((e=>n=>{C&&(O(e),n.dataTransfer.effectAllowed="move")}),[C]),T=l((e=>n=>{C&&(n.preventDefault(),n.dataTransfer.dropEffect="move",M(e))}),[C]),R=l((e=>n=>{if(C&&null!==E){if(n.preventDefault(),E!==e){const n=[...p],[t]=n.splice(E,1);n.splice(e,0,t),null==I||I(n)}O(null),M(null)}}),[C,E,p,I]),$=l((()=>{O(null),M(null)}),[]),A=new Map;let L=-1;return p.forEach((e=>{if(e.options)e.options.forEach((e=>{e.disabled||(L++,A.set(e,L))}));else{const n=e;n.disabled||(L++,A.set(n,L))}})),e(n,{children:p.map(((n,r)=>{const o=r===p.length-1;if(n.options){const s=n;return t("div",Object.assign({style:{marginTop:"2.0"===h?2:0}},{children:[t(u,Object.assign({version:h},{children:[s.leadingIcon?e("span",Object.assign({style:{marginRight:8}},{children:s.leadingIcon})):null,s.label]})),s.options.map(((n,t)=>{const o=A.get(n),l=o===w&&!n.disabled;return e(c,{version:h,last:t===s.options.length-1,onSelect:g,showDescription:m,onDropdownItemClick:b,isMultiSelect:f,option:n,useDefaultCursor:v,isFocused:l,dataIndex:o,isDraggable:!1,showCheckboxForCustomElement:j,ref:e=>{d&&"object"==typeof d&&d.current&&e&&e&&e&&e&&(d.current[r]=e)}},`${r}-${t}`)})),o?e("span",{ref:S}):null]}),r)}const s=n,l=A.get(s),i=l===w&&!s.disabled;return t("div",{children:[s.hasDivider&&e(a,{}),e(c,{version:h,last:o,onSelect:g,showDescription:m,onDropdownItemClick:b,isMultiSelect:f,option:s,useDefaultCursor:v,isFocused:i,dataIndex:l,isDraggable:C,onDragStart:F(r),onDragOver:T(r),onDrop:R(r),onDragEnd:$,isDraggedOver:k===r,showCheckboxForCustomElement:j,ref:e=>{d&&"object"==typeof d&&d.current&&e&&(d.current[r]=e)}},s.value),o?e("span",{ref:S}):null]},r)}))})}));export{d as MenuList};
+import{jsx as e,Fragment as n,jsxs as t}from"react/jsx-runtime";import{forwardRef as r,useRef as o,useState as s,useCallback as l,useEffect as i}from"react";import{MenuItem as c}from"./MenuItem.js";import{StyledGroupedLabel as u}from"./MenuList.styled.js";const a=r(((r,a)=>{let{options:d,isMultiSelect:p,showDescription:f,onSelect:m,version:g,onInfiniteScroll:h,onDropdownItemClick:D,useDefaultCursor:b,focusedIndex:v=-1,isDraggable:w=!1,onOptionsReorder:C,showCheckboxForCustomElement:I=!1}=r;const j=o(null),x=o(null),[S,E]=s(null),[O,k]=s(null),M=l((()=>{j.current&&j.current.disconnect(),j.current=new IntersectionObserver((e=>{e[0].isIntersecting&&(null==h||h())})),x.current&&j.current.observe(x.current)}),[h]);i((()=>(M(),()=>{j.current&&j.current.disconnect()})),[M,d]);const y=l((e=>n=>{w&&(E(e),n.dataTransfer.effectAllowed="move")}),[w]),F=l((e=>n=>{w&&(n.preventDefault(),n.dataTransfer.dropEffect="move",k(e))}),[w]),T=l((e=>n=>{if(w&&null!==S){if(n.preventDefault(),S!==e){const n=[...d],[t]=n.splice(S,1);n.splice(e,0,t),null==C||C(n)}E(null),k(null)}}),[w,S,d,C]),R=l((()=>{E(null),k(null)}),[]),$=new Map;let A=-1;return d.forEach((e=>{if(e.options)e.options.forEach((e=>{e.disabled||(A++,$.set(e,A))}));else{const n=e;n.disabled||(A++,$.set(n,A))}})),e(n,{children:d.map(((n,r)=>{const o=r===d.length-1;if(n.options){const s=n;return t("div",Object.assign({style:{marginTop:"2.0"===g?2:0}},{children:[t(u,Object.assign({version:g},{children:[s.leadingIcon?e("span",Object.assign({style:{marginRight:8}},{children:s.leadingIcon})):null,s.label]})),s.options.map(((n,t)=>{const o=$.get(n),l=o===v&&!n.disabled;return e(c,{version:g,last:t===s.options.length-1,onSelect:m,showDescription:f,onDropdownItemClick:D,isMultiSelect:p,option:n,useDefaultCursor:b,isFocused:l,dataIndex:o,isDraggable:!1,showCheckboxForCustomElement:I,ref:e=>{a&&"object"==typeof a&&a.current&&e&&e&&e&&e&&(a.current[r]=e)}},`${r}-${t}`)})),o?e("span",{ref:x}):null]}),r)}const s=n,l=$.get(s),i=l===v&&!s.disabled;return t("div",{children:[e(c,{version:g,last:o,onSelect:m,showDescription:f,onDropdownItemClick:D,isMultiSelect:p,option:s,useDefaultCursor:b,isFocused:i,dataIndex:l,isDraggable:w,onDragStart:y(r),onDragOver:F(r),onDrop:T(r),onDragEnd:R,isDraggedOver:O===r,showCheckboxForCustomElement:I,ref:e=>{a&&"object"==typeof a&&a.current&&e&&(a.current[r]=e)}},s.value),o?e("span",{ref:x}):null]},r)}))})}));export{a as MenuList};
 //# sourceMappingURL=MenuList.js.map

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx"],"sourcesContent":["import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\nimport { DropdownOption, GroupedOption, SingleOption } from '../../../type';\nimport { MenuItem } from './MenuItem';\nimport { Divider, StyledGroupedLabel } from './MenuList.styled';\n\ninterface MenuListProps {\n\toptions: DropdownOption[];\n\tisMultiSelect?: boolean;\n\tshowDescription: (title?: string, description?: string) => void;\n\tonSelect: (optionSelect: SingleOption) => void;\n\tversion?: '1.0' | '2.0' | '3.0';\n\tonInfiniteScroll?: () => void;\n\tonDropdownItemClick?: (option: DropdownOption) => void;\n\tuseDefaultCursor?: boolean;\n\tfocusedIndex?: number;\n\tisDraggable?: boolean;\n\tonOptionsReorder?: (reorderedOptions: DropdownOption[]) => void;\n\tshowCheckboxForCustomElement?: boolean;\n}\n// eslint-disable-next-line react/display-name\nexport const MenuList = forwardRef<HTMLDivElement[], MenuListProps>(\n\t(\n\t\t{\n\t\t\toptions,\n\t\t\tisMultiSelect,\n\t\t\tshowDescription,\n\t\t\tonSelect,\n\t\t\tversion,\n\t\t\tonInfiniteScroll,\n\t\t\tonDropdownItemClick,\n\t\t\tuseDefaultCursor,\n\t\t\tfocusedIndex = -1,\n\t\t\tisDraggable = false,\n\t\t\tonOptionsReorder,\n\t\t\tshowCheckboxForCustomElement = false,\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst observer = useRef<IntersectionObserver | null>(null);\n\t\tconst spanRef = useRef<HTMLSpanElement | null>(null);\n\t\tconst [draggedIndex, setDraggedIndex] = useState<number | null>(null);\n\t\tconst [draggedOverIndex, setDraggedOverIndex] = useState<number | null>(\n\t\t\tnull,\n\t\t);\n\n\t\tconst setupObserver = useCallback(() => {\n\t\t\tif (observer.current) {\n\t\t\t\tobserver.current.disconnect();\n\t\t\t}\n\t\t\tobserver.current = new IntersectionObserver((entries) => {\n\t\t\t\tif (entries[0].isIntersecting) {\n\t\t\t\t\tonInfiniteScroll?.();\n\t\t\t\t}\n\t\t\t});\n\t\t\tif (spanRef.current) {\n\t\t\t\tobserver.current.observe(spanRef.current);\n\t\t\t}\n\t\t}, [onInfiniteScroll]);\n\n\t\tuseEffect(() => {\n\t\t\tsetupObserver();\n\t\t\treturn () => {\n\t\t\t\tif (observer.current) {\n\t\t\t\t\tobserver.current.disconnect();\n\t\t\t\t}\n\t\t\t};\n\t\t}, [setupObserver, options]);\n\n\t\tconst handleDragStart = useCallback(\n\t\t\t(index: number) => (e: React.DragEvent<HTMLDivElement>) => {\n\t\t\t\tif (!isDraggable) return;\n\t\t\t\tsetDraggedIndex(index);\n\t\t\t\te.dataTransfer.effectAllowed = 'move';\n\t\t\t},\n\t\t\t[isDraggable],\n\t\t);\n\n\t\tconst handleDragOver = useCallback(\n\t\t\t(index: number) => (e: React.DragEvent<HTMLDivElement>) => {\n\t\t\t\tif (!isDraggable) return;\n\t\t\t\te.preventDefault();\n\t\t\t\te.dataTransfer.dropEffect = 'move';\n\t\t\t\tsetDraggedOverIndex(index);\n\t\t\t},\n\t\t\t[isDraggable],\n\t\t);\n\n\t\tconst handleDrop = useCallback(\n\t\t\t(dropIndex: number) => (e: React.DragEvent<HTMLDivElement>) => {\n\t\t\t\tif (!isDraggable || draggedIndex === null) return;\n\t\t\t\te.preventDefault();\n\n\t\t\t\tif (draggedIndex !== dropIndex) {\n\t\t\t\t\tconst newOptions = [...options];\n\t\t\t\t\tconst [item] = newOptions.splice(draggedIndex, 1);\n\t\t\t\t\tnewOptions.splice(dropIndex, 0, item);\n\t\t\t\t\tonOptionsReorder?.(newOptions);\n\t\t\t\t}\n\n\t\t\t\tsetDraggedIndex(null);\n\t\t\t\tsetDraggedOverIndex(null);\n\t\t\t},\n\t\t\t[isDraggable, draggedIndex, options, onOptionsReorder],\n\t\t);\n\n\t\tconst handleDragEnd = useCallback(() => {\n\t\t\tsetDraggedIndex(null);\n\t\t\tsetDraggedOverIndex(null);\n\t\t}, []);\n\n\t\t// Calculate flat indices for all options\n\t\tconst flatIndices = new Map<SingleOption, number>();\n\t\tlet currentIndex = -1;\n\t\toptions.forEach((option) => {\n\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t(option as GroupedOption).options.forEach((menuOption) => {\n\t\t\t\t\tif (!menuOption.disabled) {\n\t\t\t\t\t\tcurrentIndex++;\n\t\t\t\t\t\tflatIndices.set(menuOption, currentIndex);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\tif (!singleOption.disabled) {\n\t\t\t\t\tcurrentIndex++;\n\t\t\t\t\tflatIndices.set(singleOption, currentIndex);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{options.map((option, i) => {\n\t\t\t\t\tconst last = i === options.length - 1;\n\t\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t\tconst groupedOption = option as GroupedOption;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={i} style={{ marginTop: version === '2.0' ? 2 : 0 }}>\n\t\t\t\t\t\t\t\t<StyledGroupedLabel version={version}>\n\t\t\t\t\t\t\t\t\t{groupedOption.leadingIcon ? (\n\t\t\t\t\t\t\t\t\t\t<span style={{ marginRight: 8 }}>\n\t\t\t\t\t\t\t\t\t\t\t{groupedOption.leadingIcon}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t{groupedOption.label}\n\t\t\t\t\t\t\t\t</StyledGroupedLabel>\n\t\t\t\t\t\t\t\t{groupedOption.options.map((menuOption, idx) => {\n\t\t\t\t\t\t\t\t\tconst currentFlatIndex = flatIndices.get(menuOption);\n\t\t\t\t\t\t\t\t\tconst isFocused =\n\t\t\t\t\t\t\t\t\t\tcurrentFlatIndex === focusedIndex && !menuOption.disabled;\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\t\t\t\t\t\tlast={idx === groupedOption.options.length - 1}\n\t\t\t\t\t\t\t\t\t\t\tonSelect={onSelect}\n\t\t\t\t\t\t\t\t\t\t\tshowDescription={showDescription}\n\t\t\t\t\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\t\t\t\t\tisMultiSelect={isMultiSelect}\n\t\t\t\t\t\t\t\t\t\t\toption={menuOption}\n\t\t\t\t\t\t\t\t\t\t\tuseDefaultCursor={useDefaultCursor}\n\t\t\t\t\t\t\t\t\t\t\tkey={`${i}-${idx}`}\n\t\t\t\t\t\t\t\t\t\t\tisFocused={isFocused}\n\t\t\t\t\t\t\t\t\t\t\tdataIndex={currentFlatIndex}\n\t\t\t\t\t\t\t\t\t\t\tisDraggable={false}\n\t\t\t\t\t\t\t\t\t\t\tshowCheckboxForCustomElement={\n\t\t\t\t\t\t\t\t\t\t\t\tshowCheckboxForCustomElement\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tref={(el) => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (ref && typeof ref === 'object' && ref.current) {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) ref.current[i] = el;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t{last ? <span ref={spanRef} /> : null}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\t\tconst currentFlatIndex = flatIndices.get(singleOption);\n\t\t\t\t\tconst isFocused =\n\t\t\t\t\t\tcurrentFlatIndex === focusedIndex && !singleOption.disabled;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div key={i}>\n\t\t\t\t\t\t\t{singleOption.hasDivider && <Divider />}\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\t\t\tlast={last}\n\t\t\t\t\t\t\t\tonSelect={onSelect}\n\t\t\t\t\t\t\t\tshowDescription={showDescription}\n\t\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\t\tisMultiSelect={isMultiSelect}\n\t\t\t\t\t\t\t\toption={singleOption}\n\t\t\t\t\t\t\t\tuseDefaultCursor={useDefaultCursor}\n\t\t\t\t\t\t\t\tkey={singleOption.value}\n\t\t\t\t\t\t\t\tisFocused={isFocused}\n\t\t\t\t\t\t\t\tdataIndex={currentFlatIndex}\n\t\t\t\t\t\t\t\tisDraggable={isDraggable}\n\t\t\t\t\t\t\t\tonDragStart={handleDragStart(i)}\n\t\t\t\t\t\t\t\tonDragOver={handleDragOver(i)}\n\t\t\t\t\t\t\t\tonDrop={handleDrop(i)}\n\t\t\t\t\t\t\t\tonDragEnd={handleDragEnd}\n\t\t\t\t\t\t\t\tisDraggedOver={draggedOverIndex === i}\n\t\t\t\t\t\t\t\tshowCheckboxForCustomElement={showCheckboxForCustomElement}\n\t\t\t\t\t\t\t\tref={(el) => {\n\t\t\t\t\t\t\t\t\tif (ref && typeof ref === 'object' && ref.current && el) {\n\t\t\t\t\t\t\t\t\t\tref.current[i] = el;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{last ? <span ref={spanRef} /> : null}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</>\n\t\t);\n\t},\n);\n"],"names":["MenuList","forwardRef","_ref","ref","options","isMultiSelect","showDescription","onSelect","version","onInfiniteScroll","onDropdownItemClick","useDefaultCursor","focusedIndex","isDraggable","onOptionsReorder","showCheckboxForCustomElement","observer","useRef","spanRef","draggedIndex","setDraggedIndex","useState","draggedOverIndex","setDraggedOverIndex","setupObserver","useCallback","current","disconnect","IntersectionObserver","entries","isIntersecting","observe","useEffect","handleDragStart","index","e","dataTransfer","effectAllowed","handleDragOver","preventDefault","dropEffect","handleDrop","dropIndex","newOptions","item","splice","handleDragEnd","flatIndices","Map","currentIndex","forEach","option","menuOption","disabled","set","singleOption","_jsx","_Fragment","children","map","i","last","length","groupedOption","_jsxs","Object","assign","style","marginTop","StyledGroupedLabel","leadingIcon","marginRight","label","idx","currentFlatIndex","get","isFocused","MenuItem","dataIndex","el","hasDivider","Divider","onDragStart","onDragOver","onDrop","onDragEnd","isDraggedOver","value"],"mappings":"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"}
+{"version":3,"file":"MenuList.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx"],"sourcesContent":["import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\nimport { DropdownOption, GroupedOption, SingleOption } from '../../../type';\nimport { MenuItem } from './MenuItem';\nimport { StyledGroupedLabel } from './MenuList.styled';\n\ninterface MenuListProps {\n\toptions: DropdownOption[];\n\tisMultiSelect?: boolean;\n\tshowDescription: (title?: string, description?: string) => void;\n\tonSelect: (optionSelect: SingleOption) => void;\n\tversion?: '1.0' | '2.0';\n\tonInfiniteScroll?: () => void;\n\tonDropdownItemClick?: (option: DropdownOption) => void;\n\tuseDefaultCursor?: boolean;\n\tfocusedIndex?: number;\n\tisDraggable?: boolean;\n\tonOptionsReorder?: (reorderedOptions: DropdownOption[]) => void;\n\tshowCheckboxForCustomElement?: boolean;\n}\n// eslint-disable-next-line react/display-name\nexport const MenuList = forwardRef<HTMLDivElement[], MenuListProps>(\n\t(\n\t\t{\n\t\t\toptions,\n\t\t\tisMultiSelect,\n\t\t\tshowDescription,\n\t\t\tonSelect,\n\t\t\tversion,\n\t\t\tonInfiniteScroll,\n\t\t\tonDropdownItemClick,\n\t\t\tuseDefaultCursor,\n\t\t\tfocusedIndex = -1,\n\t\t\tisDraggable = false,\n\t\t\tonOptionsReorder,\n\t\t\tshowCheckboxForCustomElement = false,\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst observer = useRef<IntersectionObserver | null>(null);\n\t\tconst spanRef = useRef<HTMLSpanElement | null>(null);\n\t\tconst [draggedIndex, setDraggedIndex] = useState<number | null>(null);\n\t\tconst [draggedOverIndex, setDraggedOverIndex] = useState<number | null>(\n\t\t\tnull,\n\t\t);\n\n\t\tconst setupObserver = useCallback(() => {\n\t\t\tif (observer.current) {\n\t\t\t\tobserver.current.disconnect();\n\t\t\t}\n\t\t\tobserver.current = new IntersectionObserver((entries) => {\n\t\t\t\tif (entries[0].isIntersecting) {\n\t\t\t\t\tonInfiniteScroll?.();\n\t\t\t\t}\n\t\t\t});\n\t\t\tif (spanRef.current) {\n\t\t\t\tobserver.current.observe(spanRef.current);\n\t\t\t}\n\t\t}, [onInfiniteScroll]);\n\n\t\tuseEffect(() => {\n\t\t\tsetupObserver();\n\t\t\treturn () => {\n\t\t\t\tif (observer.current) {\n\t\t\t\t\tobserver.current.disconnect();\n\t\t\t\t}\n\t\t\t};\n\t\t}, [setupObserver, options]);\n\n\t\tconst handleDragStart = useCallback(\n\t\t\t(index: number) => (e: React.DragEvent<HTMLDivElement>) => {\n\t\t\t\tif (!isDraggable) return;\n\t\t\t\tsetDraggedIndex(index);\n\t\t\t\te.dataTransfer.effectAllowed = 'move';\n\t\t\t},\n\t\t\t[isDraggable],\n\t\t);\n\n\t\tconst handleDragOver = useCallback(\n\t\t\t(index: number) => (e: React.DragEvent<HTMLDivElement>) => {\n\t\t\t\tif (!isDraggable) return;\n\t\t\t\te.preventDefault();\n\t\t\t\te.dataTransfer.dropEffect = 'move';\n\t\t\t\tsetDraggedOverIndex(index);\n\t\t\t},\n\t\t\t[isDraggable],\n\t\t);\n\n\t\tconst handleDrop = useCallback(\n\t\t\t(dropIndex: number) => (e: React.DragEvent<HTMLDivElement>) => {\n\t\t\t\tif (!isDraggable || draggedIndex === null) return;\n\t\t\t\te.preventDefault();\n\n\t\t\t\tif (draggedIndex !== dropIndex) {\n\t\t\t\t\tconst newOptions = [...options];\n\t\t\t\t\tconst [item] = newOptions.splice(draggedIndex, 1);\n\t\t\t\t\tnewOptions.splice(dropIndex, 0, item);\n\t\t\t\t\tonOptionsReorder?.(newOptions);\n\t\t\t\t}\n\n\t\t\t\tsetDraggedIndex(null);\n\t\t\t\tsetDraggedOverIndex(null);\n\t\t\t},\n\t\t\t[isDraggable, draggedIndex, options, onOptionsReorder],\n\t\t);\n\n\t\tconst handleDragEnd = useCallback(() => {\n\t\t\tsetDraggedIndex(null);\n\t\t\tsetDraggedOverIndex(null);\n\t\t}, []);\n\n\t\t// Calculate flat indices for all options\n\t\tconst flatIndices = new Map<SingleOption, number>();\n\t\tlet currentIndex = -1;\n\t\toptions.forEach((option) => {\n\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t(option as GroupedOption).options.forEach((menuOption) => {\n\t\t\t\t\tif (!menuOption.disabled) {\n\t\t\t\t\t\tcurrentIndex++;\n\t\t\t\t\t\tflatIndices.set(menuOption, currentIndex);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\tif (!singleOption.disabled) {\n\t\t\t\t\tcurrentIndex++;\n\t\t\t\t\tflatIndices.set(singleOption, currentIndex);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{options.map((option, i) => {\n\t\t\t\t\tconst last = i === options.length - 1;\n\t\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t\tconst groupedOption = option as GroupedOption;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={i} style={{ marginTop: version === '2.0' ? 2 : 0 }}>\n\t\t\t\t\t\t\t\t<StyledGroupedLabel version={version}>\n\t\t\t\t\t\t\t\t\t{groupedOption.leadingIcon ? (\n\t\t\t\t\t\t\t\t\t\t<span style={{ marginRight: 8 }}>\n\t\t\t\t\t\t\t\t\t\t\t{groupedOption.leadingIcon}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t{groupedOption.label}\n\t\t\t\t\t\t\t\t</StyledGroupedLabel>\n\t\t\t\t\t\t\t\t{groupedOption.options.map((menuOption, idx) => {\n\t\t\t\t\t\t\t\t\tconst currentFlatIndex = flatIndices.get(menuOption);\n\t\t\t\t\t\t\t\t\tconst isFocused =\n\t\t\t\t\t\t\t\t\t\tcurrentFlatIndex === focusedIndex && !menuOption.disabled;\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\t\t\t\t\t\tlast={idx === groupedOption.options.length - 1}\n\t\t\t\t\t\t\t\t\t\t\tonSelect={onSelect}\n\t\t\t\t\t\t\t\t\t\t\tshowDescription={showDescription}\n\t\t\t\t\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\t\t\t\t\tisMultiSelect={isMultiSelect}\n\t\t\t\t\t\t\t\t\t\t\toption={menuOption}\n\t\t\t\t\t\t\t\t\t\t\tuseDefaultCursor={useDefaultCursor}\n\t\t\t\t\t\t\t\t\t\t\tkey={`${i}-${idx}`}\n\t\t\t\t\t\t\t\t\t\t\tisFocused={isFocused}\n\t\t\t\t\t\t\t\t\t\t\tdataIndex={currentFlatIndex}\n\t\t\t\t\t\t\t\t\t\t\tisDraggable={false}\n\t\t\t\t\t\t\t\t\t\t\tshowCheckboxForCustomElement={\n\t\t\t\t\t\t\t\t\t\t\t\tshowCheckboxForCustomElement\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tref={(el) => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (ref && typeof ref === 'object' && ref.current) {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) ref.current[i] = el;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t{last ? <span ref={spanRef} /> : null}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tconst singleOption = option as SingleOption;\n\t\t\t\t\tconst currentFlatIndex = flatIndices.get(singleOption);\n\t\t\t\t\tconst isFocused =\n\t\t\t\t\t\tcurrentFlatIndex === focusedIndex && !singleOption.disabled;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div key={i}>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\t\t\tlast={last}\n\t\t\t\t\t\t\t\tonSelect={onSelect}\n\t\t\t\t\t\t\t\tshowDescription={showDescription}\n\t\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\t\tisMultiSelect={isMultiSelect}\n\t\t\t\t\t\t\t\toption={singleOption}\n\t\t\t\t\t\t\t\tuseDefaultCursor={useDefaultCursor}\n\t\t\t\t\t\t\t\tkey={singleOption.value}\n\t\t\t\t\t\t\t\tisFocused={isFocused}\n\t\t\t\t\t\t\t\tdataIndex={currentFlatIndex}\n\t\t\t\t\t\t\t\tisDraggable={isDraggable}\n\t\t\t\t\t\t\t\tonDragStart={handleDragStart(i)}\n\t\t\t\t\t\t\t\tonDragOver={handleDragOver(i)}\n\t\t\t\t\t\t\t\tonDrop={handleDrop(i)}\n\t\t\t\t\t\t\t\tonDragEnd={handleDragEnd}\n\t\t\t\t\t\t\t\tisDraggedOver={draggedOverIndex === i}\n\t\t\t\t\t\t\t\tshowCheckboxForCustomElement={showCheckboxForCustomElement}\n\t\t\t\t\t\t\t\tref={(el) => {\n\t\t\t\t\t\t\t\t\tif (ref && typeof ref === 'object' && ref.current && el) {\n\t\t\t\t\t\t\t\t\t\tref.current[i] = el;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{last ? <span ref={spanRef} /> : null}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</>\n\t\t);\n\t},\n);\n"],"names":["MenuList","forwardRef","_ref","ref","options","isMultiSelect","showDescription","onSelect","version","onInfiniteScroll","onDropdownItemClick","useDefaultCursor","focusedIndex","isDraggable","onOptionsReorder","showCheckboxForCustomElement","observer","useRef","spanRef","draggedIndex","setDraggedIndex","useState","draggedOverIndex","setDraggedOverIndex","setupObserver","useCallback","current","disconnect","IntersectionObserver","entries","isIntersecting","observe","useEffect","handleDragStart","index","e","dataTransfer","effectAllowed","handleDragOver","preventDefault","dropEffect","handleDrop","dropIndex","newOptions","item","splice","handleDragEnd","flatIndices","Map","currentIndex","forEach","option","menuOption","disabled","set","singleOption","_jsx","_Fragment","children","map","i","last","length","groupedOption","_jsxs","Object","assign","style","marginTop","StyledGroupedLabel","leadingIcon","marginRight","label","idx","currentFlatIndex","get","isFocused","MenuItem","dataIndex","el","onDragStart","onDragOver","onDrop","onDragEnd","isDraggedOver","value"],"mappings":"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"}

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.js

@@ -1,11 +1,7 @@
-import o from"styled-components";import{BodyCaption as r}from"../../../../TypographyStyle.js";import{COLORS as n}from"../../../../../constants/Theme.js";const e=o.div`
-	height: 1px;
-	background-color: ${n.stroke.primary};
-	margin: 4px 8px;
-`,t=o(r)`
+import o from"styled-components";import{BodyCaption as r}from"../../../../TypographyStyle.js";import{COLORS as n}from"../../../../../constants/Theme.js";const e=o(r)`
 	padding: 8px ${o=>"2.0"===o.version?12:16}px;
 	color: ${o=>"2.0"===o.version?n.content.placeholder:n.content.secondary};
 	background-color: ${o=>"2.0"===o.version?n.surface.standard:n.background.base};
 	font-size: ${o=>"2.0"===o.version?10:12}px;
-`;export{e as Divider,t as StyledGroupedLabel};
+`;export{e as StyledGroupedLabel};
 //# sourceMappingURL=MenuList.styled.js.map

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.styled.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BodyCaption } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const Divider = styled.div`\n\theight: 1px;\n\tbackground-color: ${COLORS.stroke.primary};\n\tmargin: 4px 8px;\n`;\n\nexport const StyledGroupedLabel = styled(BodyCaption)<{\n\tversion?: '1.0' | '2.0' | '3.0';\n}>`\n\tpadding: 8px ${(props) => (props.version === '2.0' ? 12 : 16)}px;\n\tcolor: ${(props) =>\n\t\tprops.version === '2.0'\n\t\t\t? COLORS.content.placeholder\n\t\t\t: COLORS.content.secondary};\n\tbackground-color: ${(props) =>\n\t\tprops.version === '2.0' ? COLORS.surface.standard : COLORS.background.base};\n\tfont-size: ${(props) => (props.version === '2.0' ? 10 : 12)}px;\n`;\n"],"names":["Divider","styled","div","COLORS","stroke","primary","StyledGroupedLabel","BodyCaption","props","version","content","placeholder","secondary","surface","standard","background","base"],"mappings":"yJAIaA,MAAAA,EAAUC,EAAOC,GAAG;;qBAEZC,EAAOC,OAAOC;;EAItBC,EAAqBL,EAAOM,EAEvC;gBACeC,GAA6B,QAAlBA,EAAMC,QAAoB,GAAK;UAChDD,GACS,QAAlBA,EAAMC,QACHN,EAAOO,QAAQC,YACfR,EAAOO,QAAQE;qBACEJ,GACF,QAAlBA,EAAMC,QAAoBN,EAAOU,QAAQC,SAAWX,EAAOY,WAAWC;cACzDR,GAA6B,QAAlBA,EAAMC,QAAoB,GAAK;"}
+{"version":3,"file":"MenuList.styled.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BodyCaption } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const StyledGroupedLabel = styled(BodyCaption)<{\n\tversion?: '1.0' | '2.0';\n}>`\n\tpadding: 8px ${(props) => (props.version === '2.0' ? 12 : 16)}px;\n\tcolor: ${(props) =>\n\t\tprops.version === '2.0'\n\t\t\t? COLORS.content.placeholder\n\t\t\t: COLORS.content.secondary};\n\tbackground-color: ${(props) =>\n\t\tprops.version === '2.0' ? COLORS.surface.standard : COLORS.background.base};\n\tfont-size: ${(props) => (props.version === '2.0' ? 10 : 12)}px;\n`;\n"],"names":["StyledGroupedLabel","styled","BodyCaption","props","version","COLORS","content","placeholder","secondary","surface","standard","background","base"],"mappings":"+JAIaA,EAAqBC,EAAOC,EAEvC;gBACeC,GAA6B,QAAlBA,EAAMC,QAAoB,GAAK;UAChDD,GACS,QAAlBA,EAAMC,QACHC,EAAOC,QAAQC,YACfF,EAAOC,QAAQE;qBACEL,GACF,QAAlBA,EAAMC,QAAoBC,EAAOI,QAAQC,SAAWL,EAAOM,WAAWC;cACzDT,GAA6B,QAAlBA,EAAMC,QAAoB,GAAK;"}

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectAllMenu.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { CheckBox } from '@src/components/checkBox';\nimport { ListItem } from '@src/components/list-item';\nimport { DropdownOption, GroupedOption, SingleOption } from '../../../type';\n\nexport type SelectAllCheckboxState =\n\t| 'notSelected'\n\t| 'selectAll'\n\t| 'partiallySelected';\n\nexport const SelectAllMenu: React.FC<{\n\toptions: DropdownOption[];\n\tonSelect: (newState: SelectAllCheckboxState) => void;\n\tversion?: '1.0' | '2.0' | '3.0';\n}> = ({ options, onSelect, version }) => {\n\tconst [checkStatus, setCheckStatus] =\n\t\tuseState<SelectAllCheckboxState>('notSelected');\n\n\tfunction onCheckHandler() {\n\t\tif (checkStatus === 'partiallySelected') {\n\t\t\tonSelect('notSelected');\n\t\t}\n\n\t\tif (checkStatus === 'selectAll') {\n\t\t\tonSelect('notSelected');\n\t\t}\n\n\t\tif (checkStatus === 'notSelected') {\n\t\t\tonSelect('selectAll');\n\t\t}\n\t}\n\n\tuseEffect(() => {\n\t\tconst allOptions: boolean[] = [];\n\n\t\toptions\n\t\t\t.filter((option) => !(option as SingleOption).disabled)\n\t\t\t.forEach((option) => {\n\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t(option as GroupedOption).options\n\t\t\t\t\t\t.filter((op) => !op.disabled)\n\t\t\t\t\t\t.forEach((nestedOption) => {\n\t\t\t\t\t\t\tallOptions.push(nestedOption.selected || false);\n\t\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tallOptions.push((option as SingleOption).selected || false);\n\t\t\t\t}\n\t\t\t});\n\n\t\tif (allOptions.every(Boolean)) {\n\t\t\tsetCheckStatus('selectAll');\n\t\t} else if (allOptions.filter(Boolean).length > 0) {\n\t\t\tsetCheckStatus('partiallySelected');\n\t\t} else {\n\t\t\tsetCheckStatus('notSelected');\n\t\t}\n\t}, [options]);\n\n\treturn (\n\t\t<ListItem\n\t\t\tversion={version}\n\t\t\tonClick={(e) => {\n\t\t\t\te.preventDefault();\n\t\t\t\tonCheckHandler();\n\t\t\t}}\n\t\t\tlistItem={{\n\t\t\t\tlabel: 'Select All',\n\t\t\t\tvalue: 'All',\n\t\t\t}}\n\t\t\tleadingIcon={\n\t\t\t\t<div style={{ width: 18, height: 18 }}>\n\t\t\t\t\t<CheckBox\n\t\t\t\t\t\tsize={version === '2.0' ? 'SMALL' : 'DEFAULT'}\n\t\t\t\t\t\tisChecked={\n\t\t\t\t\t\t\tcheckStatus === 'selectAll' || checkStatus === 'partiallySelected'\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisPartiallyChecked={checkStatus === 'partiallySelected'}\n\t\t\t\t\t\tonValueChange={onCheckHandler}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t}\n\t\t\tvariant={'default'}\n\t\t/>\n\t);\n};\n"],"names":["SelectAllMenu","_ref","options","onSelect","version","checkStatus","setCheckStatus","useState","onCheckHandler","useEffect","allOptions","filter","option","disabled","forEach","op","nestedOption","push","selected","every","Boolean","length","_jsx","ListItem","onClick","e","preventDefault","listItem","label","value","leadingIcon","Object","assign","style","width","height","children","CheckBox","size","isChecked","isPartiallyChecked","onValueChange","variant"],"mappings":"iNAUaA,MAAAA,EAIRC,IAAmC,IAAlCC,QAAEA,EAAOC,SAAEA,EAAQC,QAAEA,GAASH,EACnC,MAAOI,EAAaC,GACnBC,EAAiC,eAElC,SAASC,IACY,sBAAhBH,GACHF,EAAS,eAGU,cAAhBE,GACHF,EAAS,eAGU,gBAAhBE,GACHF,EAAS,YAEX,CA4BA,OA1BAM,GAAU,KACT,MAAMC,EAAwB,GAE9BR,EACES,QAAQC,IAAaA,EAAwBC,WAC7CC,SAASF,IACJA,EAAyBV,QAC5BU,EAAyBV,QACxBS,QAAQI,IAAQA,EAAGF,WACnBC,SAASE,IACTN,EAAWO,KAAKD,EAAaE,WAAY,EAAM,IAGjDR,EAAWO,KAAML,EAAwBM,WAAY,EACrD,IAGCR,EAAWS,MAAMC,SACpBd,EAAe,aACLI,EAAWC,OAAOS,SAASC,OAAS,EAC9Cf,EAAe,qBAEfA,EAAe,cACf,GACC,CAACJ,IAGHoB,EAACC,EAAQ,CACRnB,QAASA,EACToB,QAAUC,IACTA,EAAEC,iBACFlB,GAAgB,EAEjBmB,SAAU,CACTC,MAAO,aACPC,MAAO,OAERC,YACCR,EAAA,MAAAS,OAAAC,OAAA,CAAKC,MAAO,CAAEC,MAAO,GAAIC,OAAQ,KAAI,CAAAC,SACpCd,EAACe,EACA,CAAAC,KAAkB,QAAZlC,EAAoB,QAAU,UACpCmC,UACiB,cAAhBlC,GAA+C,sBAAhBA,EAEhCmC,mBAAoC,sBAAhBnC,EACpBoC,cAAejC,OAIlBkC,QAAS,WACR"}
+{"version":3,"file":"SelectAllMenu.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { CheckBox } from '@src/components/checkBox';\nimport { ListItem } from '@src/components/list-item';\nimport { DropdownOption, GroupedOption, SingleOption } from '../../../type';\n\nexport type SelectAllCheckboxState =\n\t| 'notSelected'\n\t| 'selectAll'\n\t| 'partiallySelected';\n\nexport const SelectAllMenu: React.FC<{\n\toptions: DropdownOption[];\n\tonSelect: (newState: SelectAllCheckboxState) => void;\n\tversion?: '1.0' | '2.0';\n}> = ({ options, onSelect, version }) => {\n\tconst [checkStatus, setCheckStatus] =\n\t\tuseState<SelectAllCheckboxState>('notSelected');\n\n\tfunction onCheckHandler() {\n\t\tif (checkStatus === 'partiallySelected') {\n\t\t\tonSelect('notSelected');\n\t\t}\n\n\t\tif (checkStatus === 'selectAll') {\n\t\t\tonSelect('notSelected');\n\t\t}\n\n\t\tif (checkStatus === 'notSelected') {\n\t\t\tonSelect('selectAll');\n\t\t}\n\t}\n\n\tuseEffect(() => {\n\t\tconst allOptions: boolean[] = [];\n\n\t\toptions\n\t\t\t.filter((option) => !(option as SingleOption).disabled)\n\t\t\t.forEach((option) => {\n\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t(option as GroupedOption).options\n\t\t\t\t\t\t.filter((op) => !op.disabled)\n\t\t\t\t\t\t.forEach((nestedOption) => {\n\t\t\t\t\t\t\tallOptions.push(nestedOption.selected || false);\n\t\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tallOptions.push((option as SingleOption).selected || false);\n\t\t\t\t}\n\t\t\t});\n\n\t\tif (allOptions.every(Boolean)) {\n\t\t\tsetCheckStatus('selectAll');\n\t\t} else if (allOptions.filter(Boolean).length > 0) {\n\t\t\tsetCheckStatus('partiallySelected');\n\t\t} else {\n\t\t\tsetCheckStatus('notSelected');\n\t\t}\n\t}, [options]);\n\n\treturn (\n\t\t<ListItem\n\t\t\tversion={version}\n\t\t\tonClick={(e) => {\n\t\t\t\te.preventDefault();\n\t\t\t\tonCheckHandler();\n\t\t\t}}\n\t\t\tlistItem={{\n\t\t\t\tlabel: 'Select All',\n\t\t\t\tvalue: 'All',\n\t\t\t}}\n\t\t\tleadingIcon={\n\t\t\t\t<div style={{ width: 18, height: 18 }}>\n\t\t\t\t\t<CheckBox\n\t\t\t\t\t\tsize={version === '2.0' ? 'SMALL' : 'DEFAULT'}\n\t\t\t\t\t\tisChecked={\n\t\t\t\t\t\t\tcheckStatus === 'selectAll' || checkStatus === 'partiallySelected'\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisPartiallyChecked={checkStatus === 'partiallySelected'}\n\t\t\t\t\t\tonValueChange={onCheckHandler}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t}\n\t\t\tvariant={'default'}\n\t\t/>\n\t);\n};\n"],"names":["SelectAllMenu","_ref","options","onSelect","version","checkStatus","setCheckStatus","useState","onCheckHandler","useEffect","allOptions","filter","option","disabled","forEach","op","nestedOption","push","selected","every","Boolean","length","_jsx","ListItem","onClick","e","preventDefault","listItem","label","value","leadingIcon","Object","assign","style","width","height","children","CheckBox","size","isChecked","isPartiallyChecked","onValueChange","variant"],"mappings":"iNAUaA,MAAAA,EAIRC,IAAmC,IAAlCC,QAAEA,EAAOC,SAAEA,EAAQC,QAAEA,GAASH,EACnC,MAAOI,EAAaC,GACnBC,EAAiC,eAElC,SAASC,IACY,sBAAhBH,GACHF,EAAS,eAGU,cAAhBE,GACHF,EAAS,eAGU,gBAAhBE,GACHF,EAAS,YAEX,CA4BA,OA1BAM,GAAU,KACT,MAAMC,EAAwB,GAE9BR,EACES,QAAQC,IAAaA,EAAwBC,WAC7CC,SAASF,IACJA,EAAyBV,QAC5BU,EAAyBV,QACxBS,QAAQI,IAAQA,EAAGF,WACnBC,SAASE,IACTN,EAAWO,KAAKD,EAAaE,WAAY,EAAM,IAGjDR,EAAWO,KAAML,EAAwBM,WAAY,EACrD,IAGCR,EAAWS,MAAMC,SACpBd,EAAe,aACLI,EAAWC,OAAOS,SAASC,OAAS,EAC9Cf,EAAe,qBAEfA,EAAe,cACf,GACC,CAACJ,IAGHoB,EAACC,EAAQ,CACRnB,QAASA,EACToB,QAAUC,IACTA,EAAEC,iBACFlB,GAAgB,EAEjBmB,SAAU,CACTC,MAAO,aACPC,MAAO,OAERC,YACCR,EAAA,MAAAS,OAAAC,OAAA,CAAKC,MAAO,CAAEC,MAAO,GAAIC,OAAQ,KAAI,CAAAC,SACpCd,EAACe,EACA,CAAAC,KAAkB,QAAZlC,EAAoB,QAAU,UACpCmC,UACiB,cAAhBlC,GAA+C,sBAAhBA,EAEhCmC,mBAAoC,sBAAhBnC,EACpBoC,cAAejC,OAIlBkC,QAAS,WACR"}

package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js

@@ -1,2 +1,2 @@
-import{jsx as o,Fragment as r}from"react/jsx-runtime";import{useState as t}from"react";import{IconButton as e}from"../../../../icon-button/IconButton.js";import{Input as n}from"../../../../input/Input.js";import{InputStyleContext as i}from"../../../../input/context/InputStyleProvider.js";import{COLORS as s}from"../../../../../constants/Theme.js";import c from"../../../../../assets/icons/cross.svg.js";import p from"../../../../../assets/icons/search.svg.js";const a=a=>{let{onSearch:m,version:l}=a;const[h,d]=t(""),[u,f]=t(!1);return o(i.Provider,Object.assign({value:{InputWrapper:{borderRadius:0,border:0,borderBottom:`${"2.0"===l||"3.0"===l?.5:1}px solid ${s.stroke.primary}`,padding:""+("2.0"===l||"3.0"===l?"6px 8px":"14px 16px")},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}}},{children:o(n,{noKeyDownChange:!0,skipFocus:!0,placeholder:"Search",variant:"2.0"===l||"3.0"===l?"small":"default",leftIcon:{icon:()=>o(p,{width:"2.0"===l||"3.0"===l?18:24,height:"2.0"===l||"3.0"===l?18:24,color:s.content.placeholder})},rightIcon:{icon:()=>h?o(e,{onClick:()=>{f(!0),m(""),d("")},Icon:c,width:"2.0"===l||"3.0"===l?18:24,height:"2.0"===l||"3.0"===l?18:24,iconColor:s.content.placeholder}):o(r,{})},reset:u,onChangeText:o=>{f(!1),d(o),m(o)}})}))};export{a as SearchBox};
+import{jsx as o,Fragment as r}from"react/jsx-runtime";import{useState as t}from"react";import{IconButton as e}from"../../../../icon-button/IconButton.js";import{Input as n}from"../../../../input/Input.js";import{InputStyleContext as i}from"../../../../input/context/InputStyleProvider.js";import{COLORS as s}from"../../../../../constants/Theme.js";import c from"../../../../../assets/icons/cross.svg.js";import p from"../../../../../assets/icons/search.svg.js";const a=a=>{let{onSearch:m,version:l}=a;const[h,d]=t(""),[u,f]=t(!1);return o(i.Provider,Object.assign({value:{InputWrapper:{borderRadius:0,border:0,borderBottom:`${"2.0"===l?.5:1}px solid ${s.stroke.primary}`,padding:""+("2.0"===l?"6px 8px":"14px 16px")},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}}},{children:o(n,{noKeyDownChange:!0,skipFocus:!0,placeholder:"Search",variant:"2.0"===l?"small":"default",leftIcon:{icon:()=>o(p,{width:"2.0"===l?18:24,height:"2.0"===l?18:24,color:s.content.placeholder})},rightIcon:{icon:()=>h?o(e,{onClick:()=>{f(!0),m(""),d("")},Icon:c,width:"2.0"===l?18:24,height:"2.0"===l?18:24,iconColor:s.content.placeholder}):o(r,{})},reset:u,onChangeText:o=>{f(!1),d(o),m(o)}})}))};export{a as SearchBox};
 //# sourceMappingURL=SearchBox.js.map

package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBox.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { IconButton } from '@src/components/icon-button';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../../../../assets/icons/cross.svg';\nimport SearchIcon from '../../../../../assets/icons/search.svg';\n\nexport const SearchBox: React.FC<{\n\tonSearch: (searchString: string) => void;\n\tversion?: '1.0' | '2.0' | '3.0';\n}> = ({ onSearch, version }) => {\n\tconst [val, setVal] = useState('');\n\tconst [reset, setReset] = useState(false);\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\tborderRadius: 0,\n\t\t\t\t\tborder: 0,\n\t\t\t\t\tborderBottom: `${\n\t\t\t\t\t\tversion === '2.0' || version === '3.0' ? 0.5 : 1\n\t\t\t\t\t}px solid ${COLORS.stroke.primary}`,\n\t\t\t\t\tpadding: `${\n\t\t\t\t\t\tversion === '2.0' || version === '3.0' ? '6px 8px' : '14px 16px'\n\t\t\t\t\t}`,\n\t\t\t\t},\n\t\t\t\tIconHolder: {\n\t\t\t\t\tmarginLeft: 0,\n\t\t\t\t},\n\t\t\t\tinput: {\n\t\t\t\t\tmarginLeft: 4,\n\t\t\t\t\tminHeight: '100%',\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<Input\n\t\t\t\tnoKeyDownChange\n\t\t\t\tskipFocus={true}\n\t\t\t\tplaceholder=\"Search\"\n\t\t\t\tvariant={version === '2.0' || version === '3.0' ? 'small' : 'default'}\n\t\t\t\tleftIcon={{\n\t\t\t\t\ticon: () => (\n\t\t\t\t\t\t<SearchIcon\n\t\t\t\t\t\t\twidth={version === '2.0' || version === '3.0' ? 18 : 24}\n\t\t\t\t\t\t\theight={version === '2.0' || version === '3.0' ? 18 : 24}\n\t\t\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t}}\n\t\t\t\trightIcon={{\n\t\t\t\t\ticon: () =>\n\t\t\t\t\t\t!val ? (\n\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tsetReset(true);\n\t\t\t\t\t\t\t\t\tonSearch('');\n\t\t\t\t\t\t\t\t\tsetVal('');\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tIcon={CrossIcon}\n\t\t\t\t\t\t\t\twidth={version === '2.0' || version === '3.0' ? 18 : 24}\n\t\t\t\t\t\t\t\theight={version === '2.0' || version === '3.0' ? 18 : 24}\n\t\t\t\t\t\t\t\ticonColor={COLORS.content.placeholder}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t),\n\t\t\t\t}}\n\t\t\t\treset={reset}\n\t\t\t\tonChangeText={(text) => {\n\t\t\t\t\tsetReset(false);\n\t\t\t\t\tsetVal(text);\n\t\t\t\t\tonSearch(text);\n\t\t\t\t}}\n\t\t\t/>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n"],"names":["SearchBox","_ref","onSearch","version","val","setVal","useState","reset","setReset","_jsx","InputStyleContext","Provider","Object","assign","value","InputWrapper","borderRadius","border","borderBottom","COLORS","stroke","primary","padding","IconHolder","marginLeft","input","minHeight","children","Input","noKeyDownChange","skipFocus","placeholder","variant","leftIcon","icon","SearchIcon","width","height","color","content","rightIcon","IconButton","onClick","Icon","CrossIcon","iconColor","_Fragment","onChangeText","text"],"mappings":"6cAQaA,MAAAA,EAGRC,IAA0B,IAAzBC,SAAEA,EAAQC,QAAEA,GAASF,EAC1B,MAAOG,EAAKC,GAAUC,EAAS,KACxBC,EAAOC,GAAYF,GAAS,GAEnC,OACCG,EAACC,EAAkBC,SAAQC,OAAAC,OAAA,CAC1BC,MAAO,CACNC,aAAc,CACbC,aAAc,EACdC,OAAQ,EACRC,gBACa,QAAZf,GAAiC,QAAZA,EAAoB,GAAM,aACpCgB,EAAOC,OAAOC,UAC1BC,QACC,IAAY,QAAZnB,GAAiC,QAAZA,EAAoB,UAAY,cAGvDoB,WAAY,CACXC,WAAY,GAEbC,MAAO,CACND,WAAY,EACZE,UAAW,UAEZ,CAAAC,SAEDlB,EAACmB,EACA,CAAAC,mBACAC,WAAW,EACXC,YAAY,SACZC,QAAqB,QAAZ7B,GAAiC,QAAZA,EAAoB,QAAU,UAC5D8B,SAAU,CACTC,KAAMA,IACLzB,EAAC0B,EAAU,CACVC,MAAmB,QAAZjC,GAAiC,QAAZA,EAAoB,GAAK,GACrDkC,OAAoB,QAAZlC,GAAiC,QAAZA,EAAoB,GAAK,GACtDmC,MAAOnB,EAAOoB,QAAQR,eAIzBS,UAAW,CACVN,KAAMA,IACJ9B,EAGAK,EAACgC,EACA,CAAAC,QAASA,KACRlC,GAAS,GACTN,EAAS,IACTG,EAAO,GAAG,EAEXsC,KAAMC,EACNR,MAAmB,QAAZjC,GAAiC,QAAZA,EAAoB,GAAK,GACrDkC,OAAoB,QAAZlC,GAAiC,QAAZA,EAAoB,GAAK,GACtD0C,UAAW1B,EAAOoB,QAAQR,cAX3BtB,EAAAqC,EAAA,KAeHvC,MAAOA,EACPwC,aAAeC,IACdxC,GAAS,GACTH,EAAO2C,GACP9C,EAAS8C,EAAK,MAGY"}
+{"version":3,"file":"SearchBox.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { IconButton } from '@src/components/icon-button';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../../../../assets/icons/cross.svg';\nimport SearchIcon from '../../../../../assets/icons/search.svg';\n\nexport const SearchBox: React.FC<{\n\tonSearch: (searchString: string) => void;\n\tversion?: '1.0' | '2.0';\n}> = ({ onSearch, version }) => {\n\tconst [val, setVal] = useState('');\n\tconst [reset, setReset] = useState(false);\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\tborderRadius: 0,\n\t\t\t\t\tborder: 0,\n\t\t\t\t\tborderBottom: `${version === '2.0' ? 0.5 : 1}px solid ${\n\t\t\t\t\t\tCOLORS.stroke.primary\n\t\t\t\t\t}`,\n\t\t\t\t\tpadding: `${version === '2.0' ? '6px 8px' : '14px 16px'}`,\n\t\t\t\t},\n\t\t\t\tIconHolder: {\n\t\t\t\t\tmarginLeft: 0,\n\t\t\t\t},\n\t\t\t\tinput: {\n\t\t\t\t\tmarginLeft: 4,\n\t\t\t\t\tminHeight: '100%',\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<Input\n\t\t\t\tnoKeyDownChange\n\t\t\t\tskipFocus={true}\n\t\t\t\tplaceholder=\"Search\"\n\t\t\t\tvariant={version === '2.0' ? 'small' : 'default'}\n\t\t\t\tleftIcon={{\n\t\t\t\t\ticon: () => (\n\t\t\t\t\t\t<SearchIcon\n\t\t\t\t\t\t\twidth={version === '2.0' ? 18 : 24}\n\t\t\t\t\t\t\theight={version === '2.0' ? 18 : 24}\n\t\t\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t}}\n\t\t\t\trightIcon={{\n\t\t\t\t\ticon: () =>\n\t\t\t\t\t\t!val ? (\n\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tsetReset(true);\n\t\t\t\t\t\t\t\t\tonSearch('');\n\t\t\t\t\t\t\t\t\tsetVal('');\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tIcon={CrossIcon}\n\t\t\t\t\t\t\t\twidth={version === '2.0' ? 18 : 24}\n\t\t\t\t\t\t\t\theight={version === '2.0' ? 18 : 24}\n\t\t\t\t\t\t\t\ticonColor={COLORS.content.placeholder}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t),\n\t\t\t\t}}\n\t\t\t\treset={reset}\n\t\t\t\tonChangeText={(text) => {\n\t\t\t\t\tsetReset(false);\n\t\t\t\t\tsetVal(text);\n\t\t\t\t\tonSearch(text);\n\t\t\t\t}}\n\t\t\t/>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n"],"names":["SearchBox","_ref","onSearch","version","val","setVal","useState","reset","setReset","_jsx","InputStyleContext","Provider","Object","assign","value","InputWrapper","borderRadius","border","borderBottom","COLORS","stroke","primary","padding","IconHolder","marginLeft","input","minHeight","children","Input","noKeyDownChange","skipFocus","placeholder","variant","leftIcon","icon","SearchIcon","width","height","color","content","rightIcon","IconButton","onClick","Icon","CrossIcon","iconColor","_Fragment","onChangeText","text"],"mappings":"6cAQaA,MAAAA,EAGRC,IAA0B,IAAzBC,SAAEA,EAAQC,QAAEA,GAASF,EAC1B,MAAOG,EAAKC,GAAUC,EAAS,KACxBC,EAAOC,GAAYF,GAAS,GAEnC,OACCG,EAACC,EAAkBC,SAAQC,OAAAC,OAAA,CAC1BC,MAAO,CACNC,aAAc,CACbC,aAAc,EACdC,OAAQ,EACRC,aAAiB,GAAY,QAAZf,EAAoB,GAAM,aAC1CgB,EAAOC,OAAOC,UAEfC,QAAS,IAAe,QAAZnB,EAAoB,UAAY,cAE7CoB,WAAY,CACXC,WAAY,GAEbC,MAAO,CACND,WAAY,EACZE,UAAW,UAEZ,CAAAC,SAEDlB,EAACmB,EACA,CAAAC,iBACA,EAAAC,WAAW,EACXC,YAAY,SACZC,QAAqB,QAAZ7B,EAAoB,QAAU,UACvC8B,SAAU,CACTC,KAAMA,IACLzB,EAAC0B,GACAC,MAAmB,QAAZjC,EAAoB,GAAK,GAChCkC,OAAoB,QAAZlC,EAAoB,GAAK,GACjCmC,MAAOnB,EAAOoB,QAAQR,eAIzBS,UAAW,CACVN,KAAMA,IACJ9B,EAGAK,EAACgC,EACA,CAAAC,QAASA,KACRlC,GAAS,GACTN,EAAS,IACTG,EAAO,GAAG,EAEXsC,KAAMC,EACNR,MAAmB,QAAZjC,EAAoB,GAAK,GAChCkC,OAAoB,QAAZlC,EAAoB,GAAK,GACjC0C,UAAW1B,EAAOoB,QAAQR,cAX3BtB,EAAAqC,EAAA,KAeHvC,MAAOA,EACPwC,aAAeC,IACdxC,GAAS,GACTH,EAAO2C,GACP9C,EAAS8C,EAAK,MAGY"}

package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{ZeroState as e}from"../../../../zeroState/ZeroState.js";import{COLORS as n}from"../../../../../constants/Theme.js";const o=o=>{let{searchedString:i,height:r,isLoading:s,containerWidth:l,errorMessage:a,onRetry:c,version:d}=o;const h=!!a&&!s;return t("div","3.0"!==d||h||s?Object.assign({style:{height:r,display:"flex",alignItems:"center"}},{children:t(e,{isLoading:s,title:h?"Failed to load options":"No results found",subTitle:h?a:`Sorry we could not find any results for "${null!=i?i:""}"`,actionButton:h?{buttonText:"Try again",buttonType:"text",onClick:c}:void 0,containerWidth:l})}):Object.assign({style:{height:r,display:"flex",alignItems:"center",justifyContent:"center"}},{children:t("span",Object.assign({style:{fontFamily:"Inter",fontSize:"12px",fontWeight:400,lineHeight:"16px",color:n.content.placeholder,whiteSpace:"nowrap"}},{children:"No results found!"}))}))};export{o as SearchZeroState};
+import{jsx as t}from"react/jsx-runtime";import{ZeroState as e}from"../../../../zeroState/ZeroState.js";const o=o=>{let{searchedString:i,height:n,isLoading:r,containerWidth:s,errorMessage:a,onRetry:l}=o;const d=!!a&&!r;return t("div",Object.assign({style:{height:n,display:"flex",alignItems:"center"}},{children:t(e,{isLoading:r,title:d?"Failed to load options":"No results found",subTitle:d?a:`Sorry we could not find any results for "${null!=i?i:""}"`,actionButton:d?{buttonText:"Try again",buttonType:"text",onClick:l}:void 0,containerWidth:s})}))};export{o as SearchZeroState};
 //# sourceMappingURL=SearchZeroState.js.map

package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchZeroState.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.tsx"],"sourcesContent":["import React from 'react';\nimport { ZeroState } from '@src/components/zeroState/ZeroState';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const SearchZeroState: React.FC<{\n\tsearchedString: string;\n\theight: number;\n\tisLoading?: boolean;\n\tcontainerWidth?: string;\n\terrorMessage?: string;\n\tonRetry?: () => void;\n\tversion?: '1.0' | '2.0' | '3.0';\n}> = ({\n\tsearchedString,\n\theight,\n\tisLoading,\n\tcontainerWidth,\n\terrorMessage,\n\tonRetry,\n\tversion,\n}) => {\n\tconst isErrorState = !!errorMessage && !isLoading;\n\n\tif (version === '3.0' && !isErrorState && !isLoading) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\theight: height,\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tfontFamily: 'Inter',\n\t\t\t\t\t\tfontSize: '12px',\n\t\t\t\t\t\tfontWeight: 400,\n\t\t\t\t\t\tlineHeight: '16px',\n\t\t\t\t\t\tcolor: COLORS.content.placeholder,\n\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\tNo results found!\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\theight: height,\n\t\t\t\tdisplay: 'flex',\n\t\t\t\talignItems: 'center',\n\t\t\t}}\n\t\t>\n\t\t\t<ZeroState\n\t\t\t\tisLoading={isLoading}\n\t\t\t\ttitle={isErrorState ? 'Failed to load options' : 'No results found'}\n\t\t\t\tsubTitle={\n\t\t\t\t\tisErrorState\n\t\t\t\t\t\t? errorMessage\n\t\t\t\t\t\t: `Sorry we could not find any results for \"${\n\t\t\t\t\t\t\t\tsearchedString ?? ''\n\t\t\t\t\t\t  }\"`\n\t\t\t\t}\n\t\t\t\tactionButton={\n\t\t\t\t\tisErrorState\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tbuttonText: 'Try again',\n\t\t\t\t\t\t\t\tbuttonType: 'text',\n\t\t\t\t\t\t\t\tonClick: onRetry,\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\tcontainerWidth={containerWidth}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n"],"names":["SearchZeroState","_ref","searchedString","height","isLoading","containerWidth","errorMessage","onRetry","version","isErrorState","_jsx","Object","assign","style","display","alignItems","children","ZeroState","title","subTitle","actionButton","buttonText","buttonType","onClick","undefined","justifyContent","fontFamily","fontSize","fontWeight","lineHeight","color","COLORS","content","placeholder","whiteSpace"],"mappings":"kKAIaA,MAAAA,EAQRC,IAQA,IARCC,eACLA,EAAcC,OACdA,EAAMC,UACNA,EAASC,eACTA,EAAcC,aACdA,EAAYC,QACZA,EAAOC,QACPA,GACAP,EACA,MAAMQ,IAAiBH,IAAiBF,EAExC,OA2BCM,EACC,MA5Bc,QAAZF,GAAsBC,GAAiBL,EA4BzCO,OAAAC,OAAA,CAAAC,MAAO,CACNV,OAAQA,EACRW,QAAS,OACTC,WAAY,WAGb,CAAAC,SAAAN,EAACO,EACA,CAAAb,UAAWA,EACXc,MAAOT,EAAe,yBAA2B,mBACjDU,SACCV,EACGH,EACA,4CACAJ,QAAAA,EAAkB,MAGtBkB,aACCX,EACG,CACAY,WAAY,YACZC,WAAY,OACZC,QAAShB,QAETiB,EAEJnB,eAAgBA,MAlDhBM,OAAAC,OAAA,CAAAC,MAAO,CACNV,OAAQA,EACRW,QAAS,OACTC,WAAY,SACZU,eAAgB,WAGjB,CAAAT,SAAAN,EAAA,OAAAC,OAAAC,OAAA,CACCC,MAAO,CACNa,WAAY,QACZC,SAAU,OACVC,WAAY,IACZC,WAAY,OACZC,MAAOC,EAAOC,QAAQC,YACtBC,WAAY,WAIP,CAAAlB,SAAA,yBAkCH"}
+{"version":3,"file":"SearchZeroState.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.tsx"],"sourcesContent":["import React from 'react';\nimport { ZeroState } from '@src/components/zeroState/ZeroState';\n\nexport const SearchZeroState: React.FC<{\n\tsearchedString: string;\n\theight: number;\n\tisLoading?: boolean;\n\tcontainerWidth?: string;\n\terrorMessage?: string;\n\tonRetry?: () => void;\n}> = ({\n\tsearchedString,\n\theight,\n\tisLoading,\n\tcontainerWidth,\n\terrorMessage,\n\tonRetry,\n}) => {\n\tconst isErrorState = !!errorMessage && !isLoading;\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\theight: height,\n\t\t\t\tdisplay: 'flex',\n\t\t\t\talignItems: 'center',\n\t\t\t}}\n\t\t>\n\t\t\t<ZeroState\n\t\t\t\tisLoading={isLoading}\n\t\t\t\ttitle={isErrorState ? 'Failed to load options' : 'No results found'}\n\t\t\t\tsubTitle={\n\t\t\t\t\tisErrorState\n\t\t\t\t\t\t? errorMessage\n\t\t\t\t\t\t: `Sorry we could not find any results for \"${\n\t\t\t\t\t\t\t\tsearchedString ?? ''\n\t\t\t\t\t\t  }\"`\n\t\t\t\t}\n\t\t\t\tactionButton={\n\t\t\t\t\tisErrorState\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tbuttonText: 'Try again',\n\t\t\t\t\t\t\t\tbuttonType: 'text',\n\t\t\t\t\t\t\t\tonClick: onRetry,\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\tcontainerWidth={containerWidth}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n"],"names":["SearchZeroState","_ref","searchedString","height","isLoading","containerWidth","errorMessage","onRetry","isErrorState","_jsx","Object","assign","style","display","alignItems","children","ZeroState","title","subTitle","actionButton","buttonText","buttonType","onClick","undefined"],"mappings":"uGAGaA,MAAAA,EAORC,IAOA,IAPCC,eACLA,EAAcC,OACdA,EAAMC,UACNA,EAASC,eACTA,EAAcC,aACdA,EAAYC,QACZA,GACAN,EACA,MAAMO,IAAiBF,IAAiBF,EAExC,OACCK,EACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNT,OAAQA,EACRU,QAAS,OACTC,WAAY,WAGb,CAAAC,SAAAN,EAACO,EACA,CAAAZ,UAAWA,EACXa,MAAOT,EAAe,yBAA2B,mBACjDU,SACCV,EACGF,EACA,4CACAJ,QAAAA,EAAkB,MAGtBiB,aACCX,EACG,CACAY,WAAY,YACZC,WAAY,OACZC,QAASf,QAETgB,EAEJlB,eAAgBA,MAEZ"}

package/dist/esm/components/dropdown-button/DropdownButton.js

@@ -1,2 +1,2 @@
-import{__rest as o}from"../../_virtual/_tslib.js";import{jsxs as t,jsx as n}from"react/jsx-runtime";import{DropdownPopover as i}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"react";import"../zeroState/ZeroState.js";import"../../constants/Theme.js";import"lodash/debounce";import"../TypographyStyle.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import{Button as e}from"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import{IconButton as r}from"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{SpinnerColorMap as s}from"../button/themes.js";import{Spinner as d}from"../spinner/Spinner.js";import{DropdownButtonStyle as p,LoaderContainer as u}from"./DropdownButton.style.js";const l=l=>{var m,a,c,b,j,y,v,g,x;const w=!!l.iconButtonProps,P=w?null===(m=l.iconButtonProps)||void 0===m?void 0:m.disabled:null===(a=l.buttonProps)||void 0===a?void 0:a.disabled;if(w){const{iconButtonProps:o}=l;return t(p,Object.assign({type:void 0,disabled:P,isIconButton:!0,iconButtonType:null!==(c=null==o?void 0:o.iconButtonType)&&void 0!==c?c:"primary",iconButtonSize:null!==(b=null==o?void 0:o.size)&&void 0!==b?b:"default"},{children:[n(r,Object.assign({},o,{style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px"}})),n("div",{className:"dd-button-divider"}),n("div",Object.assign({style:{display:"flex",alignItems:"center"}},{children:n(i,Object.assign({},l.dropdownProps,{isChildLoading:!1},{children:n(r,{Icon:l.iconProps,iconButtonType:null!==(j=null==o?void 0:o.iconButtonType)&&void 0!==j?j:"primary",size:null==o?void 0:o.size,disabled:P,style:{display:"flex",borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}})}))}))]}))}const h=l.buttonProps,B=o(h,["onClick","LeadingIcon","LeadingIconStyles","IconComponent","TrailingIcon"]);return t(p,Object.assign({type:l.buttonProps.buttonType,disabled:l.buttonProps.disabled,size:l.buttonProps.size},{children:[(null===(y=l.buttonProps)||void 0===y?void 0:y.isLoading)&&n(u,Object.assign({type:l.buttonProps.buttonType},{children:n(d,{className:"spinner",size:"small",color:s(l.buttonProps.buttonType||"primary",l.buttonProps.inverse)})})),n(e,Object.assign({},l.buttonProps,{isLoading:!1,style:Object.assign({borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px",borderRight:"0px"},"xs"===(null===(v=l.buttonProps)||void 0===v?void 0:v.size)?{border:"none",borderRadius:"0px"}:{})})),n("div",{className:"dd-button-divider"}),n(i,Object.assign({},l.dropdownProps,{isChildLoading:null===(g=l.buttonProps)||void 0===g?void 0:g.isLoading},{children:n(e,Object.assign({},B,{isLoading:!1,buttonText:"",TrailingIcon:l.iconProps,style:Object.assign({borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"},"xs"===(null===(x=l.buttonProps)||void 0===x?void 0:x.size)?{border:"none",borderRadius:"0px"}:{})}))}))]}))};export{l as DropdownButton};
+import{__rest as o}from"../../_virtual/_tslib.js";import{jsxs as t,jsx as n}from"react/jsx-runtime";import{DropdownPopover as r}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"react";import"../zeroState/ZeroState.js";import"../../constants/Theme.js";import"lodash/debounce";import"../TypographyStyle.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import{Button as e}from"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{SpinnerColorMap as p}from"../button/themes.js";import{Spinner as s}from"../spinner/Spinner.js";import{DropdownButtonStyle as i,LoaderContainer as d}from"./DropdownButton.style.js";const m=m=>{var u,l;const a=m.buttonProps,c=o(a,["onClick"]);return t(i,Object.assign({type:m.buttonProps.buttonType,disabled:m.buttonProps.disabled},{children:[(null===(u=m.buttonProps)||void 0===u?void 0:u.isLoading)&&n(d,{children:n(s,{className:"spinner",size:"small",color:p(m.buttonProps.buttonType||"primary",m.buttonProps.inverse)})}),n(e,Object.assign({},m.buttonProps,{isLoading:!1,style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px",borderRight:"0px"}})),n("div",{className:"dd-button-divider"}),n(r,Object.assign({},m.dropdownProps,{isChildLoading:null===(l=m.buttonProps)||void 0===l?void 0:l.isLoading},{children:n(e,Object.assign({},c,{isLoading:!1,buttonText:"",TrailingIcon:m.iconProps,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}}))}))]}))};export{m as DropdownButton};
 //# sourceMappingURL=DropdownButton.js.map

package/dist/esm/components/dropdown-button/DropdownButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.js","sources":["../../../../src/components/dropdown-button/DropdownButton.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownPopover, DropdownProps } from '@src/components/dropdown';\nimport { Button } from '../button';\nimport { ButtonProps } from '../button/model';\nimport { SpinnerColorMap } from '../button/themes';\nimport { IconButton } from '../icon-button';\nimport { IconButtonProps } from '../icon-button/model';\nimport { Spinner } from '../spinner';\nimport { DropdownButtonStyle, LoaderContainer } from './DropdownButton.style';\n\nexport interface DropdownButtonProps {\n\tdropdownProps: DropdownProps;\n\ticonProps: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\tbuttonProps?: ButtonProps;\n\ticonButtonProps?: IconButtonProps;\n}\n\nexport const DropdownButton: React.FC<DropdownButtonProps> = (props) => {\n\tconst isIconMode = !!props.iconButtonProps;\n\tconst disabled = isIconMode\n\t\t? props.iconButtonProps?.disabled\n\t\t: props.buttonProps?.disabled;\n\n\tif (isIconMode) {\n\t\tconst { iconButtonProps } = props;\n\t\treturn (\n\t\t\t<DropdownButtonStyle\n\t\t\t\ttype={undefined}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tisIconButton\n\t\t\t\ticonButtonType={iconButtonProps?.iconButtonType ?? 'primary'}\n\t\t\t\ticonButtonSize={iconButtonProps?.size ?? 'default'}\n\t\t\t>\n\t\t\t\t<IconButton\n\t\t\t\t\t{...iconButtonProps!}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: '0px',\n\t\t\t\t\t\tborderTopLeftRadius: '4px',\n\t\t\t\t\t\tborderBottomLeftRadius: '4px',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<div className=\"dd-button-divider\"></div>\n\t\t\t\t<div style={{ display: 'flex', alignItems: 'center' }}>\n\t\t\t\t\t<DropdownPopover {...props.dropdownProps} isChildLoading={false}>\n\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\tIcon={props.iconProps}\n\t\t\t\t\t\t\ticonButtonType={iconButtonProps?.iconButtonType ?? 'primary'}\n\t\t\t\t\t\t\tsize={iconButtonProps?.size}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tborderRadius: '0px',\n\t\t\t\t\t\t\t\tborderTopRightRadius: '4px',\n\t\t\t\t\t\t\t\tborderBottomRightRadius: '4px',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</DropdownPopover>\n\t\t\t\t</div>\n\t\t\t</DropdownButtonStyle>\n\t\t);\n\t}\n\n\tconst {\n\t\tonClick,\n\t\tLeadingIcon,\n\t\tLeadingIconStyles,\n\t\tIconComponent,\n\t\tTrailingIcon,\n\t\t...childButtonProps\n\t} = props.buttonProps!;\n\n\treturn (\n\t\t<DropdownButtonStyle\n\t\t\ttype={props.buttonProps!.buttonType}\n\t\t\tdisabled={props.buttonProps!.disabled}\n\t\t\tsize={props.buttonProps!.size}\n\t\t>\n\t\t\t{props.buttonProps?.isLoading && (\n\t\t\t\t<LoaderContainer type={props.buttonProps.buttonType}>\n\t\t\t\t\t<Spinner\n\t\t\t\t\t\tclassName=\"spinner\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tcolor={SpinnerColorMap(\n\t\t\t\t\t\t\tprops.buttonProps.buttonType || 'primary',\n\t\t\t\t\t\t\tprops.buttonProps.inverse,\n\t\t\t\t\t\t)}\n\t\t\t\t\t/>\n\t\t\t\t</LoaderContainer>\n\t\t\t)}\n\n\t\t\t<Button\n\t\t\t\t{...props.buttonProps!}\n\t\t\t\tisLoading={false}\n\t\t\t\tstyle={{\n\t\t\t\t\tborderRadius: '0px',\n\t\t\t\t\tborderTopLeftRadius: '4px',\n\t\t\t\t\tborderBottomLeftRadius: '4px',\n\t\t\t\t\tborderRight: '0px',\n\t\t\t\t\t...(props.buttonProps?.size === 'xs'\n\t\t\t\t\t\t? { border: 'none', borderRadius: '0px' }\n\t\t\t\t\t\t: {}),\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<div className=\"dd-button-divider\"></div>\n\t\t\t<DropdownPopover\n\t\t\t\t{...props.dropdownProps}\n\t\t\t\tisChildLoading={props.buttonProps?.isLoading}\n\t\t\t>\n\t\t\t\t<Button\n\t\t\t\t\t{...childButtonProps}\n\t\t\t\t\tisLoading={false}\n\t\t\t\t\tbuttonText={''}\n\t\t\t\t\tTrailingIcon={props.iconProps}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: '0px',\n\t\t\t\t\t\tborderTopRightRadius: '4px',\n\t\t\t\t\t\tborderBottomRightRadius: '4px',\n\t\t\t\t\t\t...(props.buttonProps?.size === 'xs'\n\t\t\t\t\t\t\t? { border: 'none', borderRadius: '0px' }\n\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</DropdownPopover>\n\t\t</DropdownButtonStyle>\n\t);\n};\n"],"names":["DropdownButton","props","isIconMode","iconButtonProps","disabled","_a","_b","buttonProps","_jsxs","DropdownButtonStyle","Object","assign","type","undefined","isIconButton","iconButtonType","_c","iconButtonSize","size","_d","children","_jsx","IconButton","style","borderRadius","borderTopLeftRadius","borderBottomLeftRadius","className","display","alignItems","DropdownPopover","dropdownProps","isChildLoading","Icon","iconProps","_e","borderTopRightRadius","borderBottomRightRadius","_k","childButtonProps","__rest","buttonType","_f","isLoading","LoaderContainer","Spinner","color","SpinnerColorMap","inverse","Button","borderRight","_g","border","_h","buttonText","TrailingIcon","_j"],"mappings":"2uCAiBaA,MAAAA,EAAiDC,0BAC7D,MAAMC,IAAeD,EAAME,gBACrBC,EAAWF,UACdG,EAAAJ,EAAME,sCAAiBC,SACN,QAAjBE,EAAAL,EAAMM,mBAAW,IAAAD,OAAA,EAAAA,EAAEF,SAEtB,GAAIF,EAAY,CACf,MAAMC,gBAAEA,GAAoBF,EAC5B,OACCO,EAACC,EAAmBC,OAAAC,OAAA,CACnBC,UAAMC,EACNT,SAAUA,EACVU,gBACAC,eAAmD,UAAnCZ,aAAe,EAAfA,EAAiBY,sBAAkB,IAAAC,EAAAA,EAAA,UACnDC,eAAqC,UAArBd,aAAA,EAAAA,EAAiBe,YAAI,IAAAC,EAAAA,EAAI,WAEzC,CAAAC,SAAA,CAAAC,EAACC,EACIZ,OAAAC,OAAA,CAAA,EAAAR,EACJ,CAAAoB,MAAO,CACNC,aAAc,MACdC,oBAAqB,MACrBC,uBAAwB,UAG1BL,EAAA,MAAA,CAAKM,UAAU,sBACfN,EAAK,MAAAX,OAAAC,OAAA,CAAAY,MAAO,CAAEK,QAAS,OAAQC,WAAY,WAAU,CAAAT,SACpDC,EAACS,mBAAoB7B,EAAM8B,cAAa,CAAEC,gBAAgB,GAAK,CAAAZ,SAC9DC,EAACC,EAAU,CACVW,KAAMhC,EAAMiC,UACZnB,eAAmD,QAAnCoB,EAAAhC,aAAe,EAAfA,EAAiBY,sBAAkB,IAAAoB,EAAAA,EAAA,UACnDjB,KAAMf,eAAAA,EAAiBe,KACvBd,SAAUA,EACVmB,MAAO,CACNK,QAAS,OACTJ,aAAc,MACdY,qBAAsB,MACtBC,wBAAyB,kBAO/B,CAED,MAAMC,EAOFrC,EAAMM,YADNgC,EAAgBC,EAAAF,EANd,CAOL,UAAA,cAAA,oBAAA,gBAAA,iBAED,OACC9B,EAACC,EACAC,OAAAC,OAAA,CAAAC,KAAMX,EAAMM,YAAakC,WACzBrC,SAAUH,EAAMM,YAAaH,SAC7Bc,KAAMjB,EAAMM,YAAaW,MAAI,CAAAE,SAAA,EAET,QAAnBsB,EAAAzC,EAAMM,mBAAa,IAAAmC,OAAA,EAAAA,EAAAC,YACnBtB,EAACuB,EAAgBlC,OAAAC,OAAA,CAAAC,KAAMX,EAAMM,YAAYkC,YACxC,CAAArB,SAAAC,EAACwB,EAAO,CACPlB,UAAU,UACVT,KAAK,QACL4B,MAAOC,EACN9C,EAAMM,YAAYkC,YAAc,UAChCxC,EAAMM,YAAYyC,cAMtB3B,EAAC4B,EAAMvC,OAAAC,OAAA,CAAA,EACFV,EAAMM,YAAY,CACtBoC,WAAW,EACXpB,MACCb,OAAAC,OAAA,CAAAa,aAAc,MACdC,oBAAqB,MACrBC,uBAAwB,MACxBwB,YAAa,OACmB,QAAX,QAAjBC,EAAAlD,EAAMM,mBAAW,IAAA4C,OAAA,EAAAA,EAAEjC,MACpB,CAAEkC,OAAQ,OAAQ5B,aAAc,OAChC,OAGLH,EAAK,MAAA,CAAAM,UAAU,sBACfN,EAACS,mBACI7B,EAAM8B,cAAa,CACvBC,eAAiC,QAAjBqB,EAAApD,EAAMM,mBAAW,IAAA8C,OAAA,EAAAA,EAAEV,WAAS,CAAAvB,SAE5CC,EAAC4B,EACIvC,OAAAC,OAAA,CAAA,EAAA4B,GACJI,WAAW,EACXW,WAAY,GACZC,aAActD,EAAMiC,UACpBX,MACCb,OAAAC,OAAA,CAAAa,aAAc,MACdY,qBAAsB,MACtBC,wBAAyB,OACO,QAAT,QAAnBmB,EAAAvD,EAAMM,mBAAa,IAAAiD,OAAA,EAAAA,EAAAtC,MACpB,CAAEkC,OAAQ,OAAQ5B,aAAc,OAChC,aAIe"}
+{"version":3,"file":"DropdownButton.js","sources":["../../../../src/components/dropdown-button/DropdownButton.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownPopover, DropdownProps } from '@src/components/dropdown';\nimport { Button } from '../button';\nimport { ButtonProps } from '../button/model';\nimport { SpinnerColorMap } from '../button/themes';\nimport { Spinner } from '../spinner';\nimport { DropdownButtonStyle, LoaderContainer } from './DropdownButton.style';\n\nexport interface DropdownButtonProps {\n\tdropdownProps: DropdownProps;\n\tbuttonProps: ButtonProps;\n\ticonProps: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n}\n\nexport const DropdownButton: React.FC<DropdownButtonProps> = (props) => {\n\tconst { onClick, ...childButtonProps } = props.buttonProps;\n\n\treturn (\n\t\t<DropdownButtonStyle\n\t\t\ttype={props.buttonProps.buttonType}\n\t\t\tdisabled={props.buttonProps.disabled}\n\t\t>\n\t\t\t{props.buttonProps?.isLoading && (\n\t\t\t\t<LoaderContainer>\n\t\t\t\t\t<Spinner\n\t\t\t\t\t\tclassName=\"spinner\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tcolor={SpinnerColorMap(\n\t\t\t\t\t\t\tprops.buttonProps.buttonType || 'primary',\n\t\t\t\t\t\t\tprops.buttonProps.inverse,\n\t\t\t\t\t\t)}\n\t\t\t\t\t/>\n\t\t\t\t</LoaderContainer>\n\t\t\t)}\n\n\t\t\t<Button\n\t\t\t\t{...props.buttonProps}\n\t\t\t\tisLoading={false}\n\t\t\t\tstyle={{\n\t\t\t\t\tborderRadius: '0px',\n\t\t\t\t\tborderTopLeftRadius: '4px',\n\t\t\t\t\tborderBottomLeftRadius: '4px',\n\t\t\t\t\tborderRight: '0px',\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<div className=\"dd-button-divider\"></div>\n\t\t\t<DropdownPopover\n\t\t\t\t{...props.dropdownProps}\n\t\t\t\tisChildLoading={props.buttonProps?.isLoading}\n\t\t\t>\n\t\t\t\t<Button\n\t\t\t\t\t{...childButtonProps}\n\t\t\t\t\tisLoading={false}\n\t\t\t\t\tbuttonText={''}\n\t\t\t\t\tTrailingIcon={props.iconProps}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: '0px',\n\t\t\t\t\t\tborderTopRightRadius: '4px',\n\t\t\t\t\t\tborderBottomRightRadius: '4px',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</DropdownPopover>\n\t\t</DropdownButtonStyle>\n\t);\n};\n"],"names":["DropdownButton","props","_c","buttonProps","childButtonProps","__rest","_jsxs","DropdownButtonStyle","Object","assign","type","buttonType","disabled","children","_a","isLoading","_jsx","LoaderContainer","Spinner","className","size","color","SpinnerColorMap","inverse","Button","style","borderRadius","borderTopLeftRadius","borderBottomLeftRadius","borderRight","DropdownPopover","dropdownProps","isChildLoading","_b","buttonText","TrailingIcon","iconProps","borderTopRightRadius","borderBottomRightRadius"],"mappings":"stCAcaA,MAAAA,EAAiDC,YAC7D,MAAMC,EAAmCD,EAAME,YAA3BC,EAAdC,EAAAH,EAAA,CAAA,YAEN,OACCI,EAACC,EACAC,OAAAC,OAAA,CAAAC,KAAMT,EAAME,YAAYQ,WACxBC,SAAUX,EAAME,YAAYS,UAAQ,CAAAC,SAAA,UAEnCC,EAAAb,EAAME,kCAAaY,YACnBC,EAACC,EACA,CAAAJ,SAAAG,EAACE,EAAO,CACPC,UAAU,UACVC,KAAK,QACLC,MAAOC,EACNrB,EAAME,YAAYQ,YAAc,UAChCV,EAAME,YAAYoB,aAMtBP,EAACQ,EAAMhB,OAAAC,OAAA,CAAA,EACFR,EAAME,YACV,CAAAY,WAAW,EACXU,MAAO,CACNC,aAAc,MACdC,oBAAqB,MACrBC,uBAAwB,MACxBC,YAAa,UAGfb,EAAK,MAAA,CAAAG,UAAU,sBACfH,EAACc,mBACI7B,EAAM8B,cACV,CAAAC,eAAiC,QAAjBC,EAAAhC,EAAME,mBAAW,IAAA8B,OAAA,EAAAA,EAAElB,WAEnC,CAAAF,SAAAG,EAACQ,EACIhB,OAAAC,OAAA,CAAA,EAAAL,GACJW,WAAW,EACXmB,WAAY,GACZC,aAAclC,EAAMmC,UACpBX,MAAO,CACNC,aAAc,MACdW,qBAAsB,MACtBC,wBAAyB,gBAIP"}

package/dist/esm/components/dropdown-button/DropdownButton.style.js

@@ -1,16 +1,12 @@
-import t from"styled-components";import{COLORS as e}from"../../constants/Theme.js";const n=t.div`
+import t from"styled-components";import{BASE_COLORS as e,COLORS as i}from"../../constants/Theme.js";const n=t.div`
 	display: flex;
 	flex-direction: row;
 	width: max-content;
 	position: relative;
 	align-items: stretch;
-	${t=>{var n,r,i;return t.isIconButton&&`\n\t\tborder-radius: 4px;\n\t\tbackground: ${r=null!==(n=t.iconButtonType)&&void 0!==n?n:"primary",i=t.disabled,i?e.background.inactive:"primary"===r?e.background.inverseLight:"transparent"};\n\t\theight: ${"xs"===t.iconButtonSize?"24px":"32px"};\n\t\talign-items: center;\n\t`}}
-	${t=>("xs"===t.size||"xs"===t.iconButtonSize)&&`\n\t\theight: 24px;\n\t\talign-items: center;\n\t\tborder-radius: 4px;\n\t\t${!t.isIconButton&&t.type?`border: 1px solid ${t.disabled||"secondaryGray"===t.type?e.stroke.primary:"secondary"===t.type?e.stroke.brand:"transparent"};`:""}\n\t`}
 	.dd-button-divider {
-		width: ${t=>["primary","destructive"].includes(t.type)||t.isIconButton||"xs"===t.size?"1px":"0px"};
-		height: ${t=>t.isIconButton||"xs"===t.size?"12px":"auto"};
-		flex-shrink: 0;
-		background-color: ${t=>{return t.isIconButton?"rgba(255, 255, 255, 0.3)":"xs"===t.size?e.stroke.primary:(n=t.type,(null==t?void 0:t.disabled)?e.content.inactive:"primary"===n?"#CDA2FC":e.content.primaryInverse);var n}};
+		width: ${t=>["primary","destructive"].includes(t.type)?"1px":"0px"};
+		background-color: ${t=>{return e=t.type,(null==t?void 0:t.disabled)?i.content.inactive:"primary"===e?"#CDA2FC":i.content.primaryInverse;var e}};
 	}
 `,r=t.div`
 	position: absolute;
@@ -21,7 +17,7 @@ import t from"styled-components";import{COLORS as e}from"../../constants/Theme.j
 	justify-content: center;
 	width: 100%;
 	border-radius: 4px;
-	background: ${t=>(t=>{switch(t){case"destructive":return e.background.negative.light;case"secondaryGray":return e.surface.subdued;default:return e.background.brandLight}})(t.type)};
+	background: ${e.brand[50]};
 	z-index: 3;
 `;export{n as DropdownButtonStyle,r as LoaderContainer};
 //# sourceMappingURL=DropdownButton.style.js.map

package/dist/esm/components/dropdown-button/DropdownButton.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.style.js","sources":["../../../../src/components/dropdown-button/DropdownButton.style.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '../../constants/Theme';\nimport { Size, Type } from '../button/model';\nimport { IconButtonType } from '../icon-button/model';\n\nconst getColor = (type: Type | undefined, disabled: boolean | undefined) => {\n\tif (disabled) return COLORS.content.inactive;\n\tswitch (type) {\n\t\tcase 'primary':\n\t\t\treturn '#CDA2FC';\n\t\tdefault:\n\t\t\treturn COLORS.content.primaryInverse;\n\t}\n};\n\nconst getLoaderBackground = (type: Type | undefined): string => {\n\tswitch (type) {\n\t\tcase 'destructive':\n\t\t\treturn COLORS.background.negative.light;\n\t\tcase 'secondaryGray':\n\t\t\treturn COLORS.surface.subdued;\n\t\tdefault:\n\t\t\treturn COLORS.background.brandLight;\n\t}\n};\n\nconst getIconButtonBackground = (\n\ticonButtonType: IconButtonType,\n\tdisabled: boolean | undefined,\n): string => {\n\tif (disabled) return COLORS.background.inactive;\n\tswitch (iconButtonType) {\n\t\tcase 'primary':\n\t\t\treturn COLORS.background.inverseLight;\n\t\tdefault:\n\t\t\treturn 'transparent';\n\t}\n};\n\nexport const DropdownButtonStyle = styled.div<{\n\ttype: Type | undefined;\n\tdisabled: boolean | undefined;\n\tisIconButton?: boolean;\n\ticonButtonType?: IconButtonType;\n\ticonButtonSize?: 'xs' | 'default';\n\tsize?: Size;\n}>`\n\tdisplay: flex;\n\tflex-direction: row;\n\twidth: max-content;\n\tposition: relative;\n\talign-items: stretch;\n\t${(props) =>\n\t\tprops.isIconButton &&\n\t\t`\n\t\tborder-radius: 4px;\n\t\tbackground: ${getIconButtonBackground(\n\t\t\tprops.iconButtonType ?? 'primary',\n\t\t\tprops.disabled,\n\t\t)};\n\t\theight: ${props.iconButtonSize === 'xs' ? '24px' : '32px'};\n\t\talign-items: center;\n\t`}\n\t${(props) =>\n\t\t(props.size === 'xs' || props.iconButtonSize === 'xs') &&\n\t\t`\n\t\theight: 24px;\n\t\talign-items: center;\n\t\tborder-radius: 4px;\n\t\t${\n\t\t\t!props.isIconButton && props.type\n\t\t\t\t? `border: 1px solid ${\n\t\t\t\t\t\tprops.disabled\n\t\t\t\t\t\t\t? COLORS.stroke.primary\n\t\t\t\t\t\t\t: props.type === 'secondaryGray'\n\t\t\t\t\t\t\t? COLORS.stroke.primary\n\t\t\t\t\t\t\t: props.type === 'secondary'\n\t\t\t\t\t\t\t? COLORS.stroke.brand\n\t\t\t\t\t\t\t: 'transparent'\n\t\t\t\t  };`\n\t\t\t\t: ''\n\t\t}\n\t`}\n\t.dd-button-divider {\n\t\twidth: ${(props) =>\n\t\t\t['primary', 'destructive'].includes(props.type!) ||\n\t\t\tprops.isIconButton ||\n\t\t\tprops.size === 'xs'\n\t\t\t\t? '1px'\n\t\t\t\t: '0px'};\n\t\theight: ${(props) =>\n\t\t\tprops.isIconButton || props.size === 'xs' ? '12px' : 'auto'};\n\t\tflex-shrink: 0;\n\t\tbackground-color: ${(props) =>\n\t\t\tprops.isIconButton\n\t\t\t\t? 'rgba(255, 255, 255, 0.3)'\n\t\t\t\t: props.size === 'xs'\n\t\t\t\t? COLORS.stroke.primary\n\t\t\t\t: getColor(props.type, props?.disabled)};\n\t}\n`;\n\nexport const LoaderContainer = styled.div<{ type: Type | undefined }>`\n\tposition: absolute;\n\tinset: 0;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 100%;\n\tborder-radius: 4px;\n\tbackground: ${(props) => getLoaderBackground(props.type)};\n\tz-index: 3;\n`;\n"],"names":["DropdownButtonStyle","styled","div","props","iconButtonType","disabled","isIconButton","_a","COLORS","background","inactive","inverseLight","iconButtonSize","size","type","stroke","primary","brand","includes","content","primaryInverse","getColor","LoaderContainer","negative","light","surface","subdued","brandLight","getLoaderBackground"],"mappings":"mFAKA,MAkCaA,EAAsBC,EAAOC,GAOxC;;;;;;GAMEC,UAzBHC,EACAC,EAyBC,OAAAF,EAAMG,cACN,8CA3BDF,EA8B0B,QAAxBG,EAAAJ,EAAMC,sBAAkB,IAAAG,EAAAA,EAAA,UA7B1BF,EA8BEF,EAAME,SA5BJA,EAAiBG,EAAOC,WAAWC,SAEjC,YADEN,EAECI,EAAOC,WAAWE,aAElB,+BAyB2B,OAAzBR,EAAMS,eAA0B,OAAS,uCAEnD;GACET,IACc,OAAfA,EAAMU,MAA0C,OAAzBV,EAAMS,iBAC9B,gFAKET,EAAMG,cAAgBH,EAAMW,KAC1B,qBACAX,EAAME,UAEY,kBAAfF,EAAMW,KADNN,EAAOO,OAAOC,QAGC,cAAfb,EAAMW,KACNN,EAAOO,OAAOE,MACd,iBAEH;;WAIMd,GACT,CAAC,UAAW,eAAee,SAASf,EAAMW,OAC1CX,EAAMG,cACS,OAAfH,EAAMU,KACH,MACA;YACOV,GACVA,EAAMG,cAA+B,OAAfH,EAAMU,KAAgB,OAAS;;sBAEjCV,IACpBA,SAAMG,aACH,2BACe,OAAfH,EAAMU,KACNL,EAAOO,OAAOC,SA5FFF,EA6FHX,EAAMW,MAAMX,aAAK,EAALA,EAAOE,UA5FZG,EAAOW,QAAQT,SAE9B,YADEI,EAEC,UAEAN,EAAOW,QAAQC,gBANRC,IAACP,CA6FyB;;EAI9BQ,EAAkBrB,EAAOC,GAA+B;;;;;;;;;eASrDC,GAhGaW,KAC5B,OAAQA,GACP,IAAK,cACJ,OAAON,EAAOC,WAAWc,SAASC,MACnC,IAAK,gBACJ,OAAOhB,EAAOiB,QAAQC,QACvB,QACC,OAAOlB,EAAOC,WAAWkB,WAC1B,EAwFwBC,CAAoBzB,EAAMW;;"}
+{"version":3,"file":"DropdownButton.style.js","sources":["../../../../src/components/dropdown-button/DropdownButton.style.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { BASE_COLORS, COLORS } from '../../constants/Theme';\nimport { Type } from '../button/model';\n\nconst getColor = (type: Type | undefined, disabled: boolean | undefined) => {\n\tif (disabled) return COLORS.content.inactive;\n\tswitch (type) {\n\t\tcase 'primary':\n\t\t\treturn '#CDA2FC';\n\t\tdefault:\n\t\t\treturn COLORS.content.primaryInverse;\n\t}\n};\n\nexport const DropdownButtonStyle = styled.div<{\n\ttype: Type | undefined;\n\tdisabled: boolean | undefined;\n}>`\n\tdisplay: flex;\n\tflex-direction: row;\n\twidth: max-content;\n\tposition: relative;\n\talign-items: stretch;\n\t.dd-button-divider {\n\t\twidth: ${(props) =>\n\t\t\t['primary', 'destructive'].includes(props.type!) ? '1px' : '0px'};\n\t\tbackground-color: ${(props) => getColor(props.type, props?.disabled)};\n\t}\n`;\n\nexport const LoaderContainer = styled.div`\n\tposition: absolute;\n\tinset: 0;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 100%;\n\tborder-radius: 4px;\n\tbackground: ${BASE_COLORS.brand['50']};\n\tz-index: 3;\n`;\n"],"names":["DropdownButtonStyle","styled","div","props","includes","type","getColor","disabled","COLORS","content","inactive","primaryInverse","LoaderContainer","BASE_COLORS","brand"],"mappings":"oGAIA,MAUaA,EAAsBC,EAAOC,GAGxC;;;;;;;WAOUC,GACT,CAAC,UAAW,eAAeC,SAASD,EAAME,MAAS,MAAQ;sBACvCF,IAAUG,OAtBfD,EAsBwBF,EAAME,MAAMF,eAAAA,EAAOI,UArBvCC,EAAOC,QAAQC,SAE9B,YADEL,EAEC,UAEAG,EAAOC,QAAQE,eANRL,IAACD,CAsBoD;;EAIzDO,EAAkBX,EAAOC,GAAG;;;;;;;;;eAS1BW,EAAYC,MAAM;;"}

package/dist/esm/components/fab-menu/FABMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"FABMenu.js","sources":["../../../../src/components/fab-menu/FABMenu.tsx"],"sourcesContent":["import React from 'react';\nimport { OpenedDropdown } from '../dropdown/OpenedDropdown';\nimport { DropdownOption } from '../dropdown/type';\nimport { FloatingActionButton } from '../floating-action-button';\nimport {\n\tDROP_POSITION,\n\tFAB_POSITION,\n\tMENU_ALIGNMENT,\n} from '../floating-action-button/FloatingActionButton.styles';\nimport { Placement } from '../tooltips';\n\nexport const FABMenu: React.FC<{\n\tonSelect: (selected: DropdownOption | DropdownOption[]) => void;\n\tmenuOptions: DropdownOption[];\n\tbuttonWidth?: number;\n\tbuttonHeight?: number;\n\tbuttonColor?: string;\n\tbuttonPosition?: FAB_POSITION;\n\tmenuWidth?: number;\n\tmenuHeight?: number;\n\tbuttonIcon?: JSX.Element;\n\tbuttonPaddingHorizontal?: number;\n\tbuttonPaddingVertical?: number;\n\ttooltipPlacement?: Placement;\n\ttooltipText?: string;\n\ttooltipWidth?: number;\n\tzIndex?: number;\n\tisRound?: boolean;\n\tdropPosition?: DROP_POSITION;\n\tmenuAligment?: MENU_ALIGNMENT;\n\tversion?: '1.0' | '2.0' | '3.0';\n}> = (props) => {\n\tconst {\n\t\tonSelect,\n\t\tmenuOptions,\n\t\tbuttonWidth,\n\t\tbuttonHeight,\n\t\tbuttonColor,\n\t\tbuttonPosition,\n\t\tmenuWidth,\n\t\tmenuHeight,\n\t\tbuttonIcon,\n\t\tbuttonPaddingHorizontal,\n\t\tbuttonPaddingVertical,\n\t\ttooltipPlacement,\n\t\ttooltipText,\n\t\tzIndex,\n\t\tisRound,\n\t\tdropPosition,\n\t\tmenuAligment,\n\t\ttooltipWidth,\n\t} = props;\n\treturn (\n\t\t<div>\n\t\t\t<FloatingActionButton\n\t\t\t\ticon={buttonIcon}\n\t\t\t\twidth={buttonWidth}\n\t\t\t\theight={buttonHeight}\n\t\t\t\tcolor={buttonColor}\n\t\t\t\tposition={buttonPosition}\n\t\t\t\tbuttonPaddingHorizontal={buttonPaddingHorizontal}\n\t\t\t\tbuttonPaddingVertical={buttonPaddingVertical}\n\t\t\t\ttooltipPlacement={tooltipPlacement}\n\t\t\t\ttooltipText={tooltipText}\n\t\t\t\tzIndex={zIndex}\n\t\t\t\tisRound={isRound}\n\t\t\t\tdropPosition={dropPosition}\n\t\t\t\tmenuAligment={menuAligment}\n\t\t\t\ttootipWidth={tooltipWidth}\n\t\t\t>\n\t\t\t\t<OpenedDropdown\n\t\t\t\t\toptions={menuOptions}\n\t\t\t\t\theight={menuHeight || 90}\n\t\t\t\t\twidth={`${menuWidth}px`}\n\t\t\t\t\tonSelect={onSelect}\n\t\t\t\t\tversion={props.version}\n\t\t\t\t/>\n\t\t\t</FloatingActionButton>\n\t\t</div>\n\t);\n};\n"],"names":["FABMenu","props","onSelect","menuOptions","buttonWidth","buttonHeight","buttonColor","buttonPosition","menuWidth","menuHeight","buttonIcon","buttonPaddingHorizontal","buttonPaddingVertical","tooltipPlacement","tooltipText","zIndex","isRound","dropPosition","menuAligment","tooltipWidth","_jsx","FloatingActionButton","icon","width","height","color","position","tootipWidth","children","OpenedDropdown","options","version"],"mappings":"4RAWaA,MAAAA,EAoBPC,IACL,MAAMC,SACLA,EAAQC,YACRA,EAAWC,YACXA,EAAWC,aACXA,EAAYC,YACZA,EAAWC,eACXA,EAAcC,UACdA,EAASC,WACTA,EAAUC,WACVA,EAAUC,wBACVA,EAAuBC,sBACvBA,EAAqBC,iBACrBA,EAAgBC,YAChBA,EAAWC,OACXA,EAAMC,QACNA,EAAOC,aACPA,EAAYC,aACZA,EAAYC,aACZA,GACGlB,EACJ,OACCmB,kBACCA,EAACC,iBACAC,KAAMZ,EACNa,MAAOnB,EACPoB,OAAQnB,EACRoB,MAAOnB,EACPoB,SAAUnB,EACVI,wBAAyBA,EACzBC,sBAAuBA,EACvBC,iBAAkBA,EAClBC,YAAaA,EACbC,OAAQA,EACRC,QAASA,EACTC,aAAcA,EACdC,aAAcA,EACdS,YAAaR,GAAY,CAAAS,SAEzBR,EAACS,EAAc,CACdC,QAAS3B,EACTqB,OAAQf,GAAc,GACtBc,SAAUf,MACVN,SAAUA,EACV6B,QAAS9B,EAAM8B,cAGZ"}
+{"version":3,"file":"FABMenu.js","sources":["../../../../src/components/fab-menu/FABMenu.tsx"],"sourcesContent":["import React from 'react';\nimport { OpenedDropdown } from '../dropdown/OpenedDropdown';\nimport { DropdownOption } from '../dropdown/type';\nimport { FloatingActionButton } from '../floating-action-button';\nimport {\n\tDROP_POSITION,\n\tFAB_POSITION,\n\tMENU_ALIGNMENT,\n} from '../floating-action-button/FloatingActionButton.styles';\nimport { Placement } from '../tooltips';\n\nexport const FABMenu: React.FC<{\n\tonSelect: (selected: DropdownOption | DropdownOption[]) => void;\n\tmenuOptions: DropdownOption[];\n\tbuttonWidth?: number;\n\tbuttonHeight?: number;\n\tbuttonColor?: string;\n\tbuttonPosition?: FAB_POSITION;\n\tmenuWidth?: number;\n\tmenuHeight?: number;\n\tbuttonIcon?: JSX.Element;\n\tbuttonPaddingHorizontal?: number;\n\tbuttonPaddingVertical?: number;\n\ttooltipPlacement?: Placement;\n\ttooltipText?: string;\n\ttooltipWidth?: number;\n\tzIndex?: number;\n\tisRound?: boolean;\n\tdropPosition?: DROP_POSITION;\n\tmenuAligment?: MENU_ALIGNMENT;\n\tversion?: '1.0' | '2.0';\n}> = (props) => {\n\tconst {\n\t\tonSelect,\n\t\tmenuOptions,\n\t\tbuttonWidth,\n\t\tbuttonHeight,\n\t\tbuttonColor,\n\t\tbuttonPosition,\n\t\tmenuWidth,\n\t\tmenuHeight,\n\t\tbuttonIcon,\n\t\tbuttonPaddingHorizontal,\n\t\tbuttonPaddingVertical,\n\t\ttooltipPlacement,\n\t\ttooltipText,\n\t\tzIndex,\n\t\tisRound,\n\t\tdropPosition,\n\t\tmenuAligment,\n\t\ttooltipWidth,\n\t} = props;\n\treturn (\n\t\t<div>\n\t\t\t<FloatingActionButton\n\t\t\t\ticon={buttonIcon}\n\t\t\t\twidth={buttonWidth}\n\t\t\t\theight={buttonHeight}\n\t\t\t\tcolor={buttonColor}\n\t\t\t\tposition={buttonPosition}\n\t\t\t\tbuttonPaddingHorizontal={buttonPaddingHorizontal}\n\t\t\t\tbuttonPaddingVertical={buttonPaddingVertical}\n\t\t\t\ttooltipPlacement={tooltipPlacement}\n\t\t\t\ttooltipText={tooltipText}\n\t\t\t\tzIndex={zIndex}\n\t\t\t\tisRound={isRound}\n\t\t\t\tdropPosition={dropPosition}\n\t\t\t\tmenuAligment={menuAligment}\n\t\t\t\ttootipWidth={tooltipWidth}\n\t\t\t>\n\t\t\t\t<OpenedDropdown\n\t\t\t\t\toptions={menuOptions}\n\t\t\t\t\theight={menuHeight || 90}\n\t\t\t\t\twidth={`${menuWidth}px`}\n\t\t\t\t\tonSelect={onSelect}\n\t\t\t\t\tversion={props.version}\n\t\t\t\t/>\n\t\t\t</FloatingActionButton>\n\t\t</div>\n\t);\n};\n"],"names":["FABMenu","props","onSelect","menuOptions","buttonWidth","buttonHeight","buttonColor","buttonPosition","menuWidth","menuHeight","buttonIcon","buttonPaddingHorizontal","buttonPaddingVertical","tooltipPlacement","tooltipText","zIndex","isRound","dropPosition","menuAligment","tooltipWidth","_jsx","FloatingActionButton","icon","width","height","color","position","tootipWidth","children","OpenedDropdown","options","version"],"mappings":"4RAWaA,MAAAA,EAoBPC,IACL,MAAMC,SACLA,EAAQC,YACRA,EAAWC,YACXA,EAAWC,aACXA,EAAYC,YACZA,EAAWC,eACXA,EAAcC,UACdA,EAASC,WACTA,EAAUC,WACVA,EAAUC,wBACVA,EAAuBC,sBACvBA,EAAqBC,iBACrBA,EAAgBC,YAChBA,EAAWC,OACXA,EAAMC,QACNA,EAAOC,aACPA,EAAYC,aACZA,EAAYC,aACZA,GACGlB,EACJ,OACCmB,kBACCA,EAACC,iBACAC,KAAMZ,EACNa,MAAOnB,EACPoB,OAAQnB,EACRoB,MAAOnB,EACPoB,SAAUnB,EACVI,wBAAyBA,EACzBC,sBAAuBA,EACvBC,iBAAkBA,EAClBC,YAAaA,EACbC,OAAQA,EACRC,QAASA,EACTC,aAAcA,EACdC,aAAcA,EACdS,YAAaR,GAAY,CAAAS,SAEzBR,EAACS,EAAc,CACdC,QAAS3B,EACTqB,OAAQf,GAAc,GACtBc,SAAUf,MACVN,SAAUA,EACV6B,QAAS9B,EAAM8B,cAGZ"}