@bikdotai/bik-component-library 0.0.868-beta.11 → 0.0.868-beta.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.js +14 -10
  2. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.js.map +1 -1
  3. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.js +123 -119
  4. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.js.map +1 -1
  5. package/package.json +1 -1
package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.js CHANGED
@@ -1,8 +1,12 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),P=require("../../../../../assets/icons/chevronDownOutline.svg.js"),W=require("../../../../../assets/icons/chevronRight.svg.js"),G=require("../../../../../assets/icons/chevronUpOutline.svg.js"),T=require("react"),J=require("styled-components"),K=require("../../../../TypographyStyle.js"),l=require("../../../../../constants/Theme.js"),Q=require("./FreeFormMenu.styled.js"),X=require("../../../../tooltips/Tooltip.js"),F=require("../../../../checkBox/CheckBox.js"),Y=require("../../../../list-item/ListItem.js"),Z=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=Z(J),$=r.default(Y.ListItem)`
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),G=require("../../../../../assets/icons/chevronDownOutline.svg.js"),J=require("../../../../../assets/icons/chevronRight.svg.js"),K=require("../../../../../assets/icons/chevronUpOutline.svg.js"),S=require("react"),Q=require("styled-components"),X=require("../../../../TypographyStyle.js"),l=require("../../../../../constants/Theme.js"),Y=require("./FreeFormMenu.styled.js"),Z=require("../../../../tooltips/Tooltip.js"),k=require("../../../../checkBox/CheckBox.js"),ee=require("../../../../list-item/ListItem.js"),te=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=te(Q),m=r.default(ee.ListItem)`
2
2
  padding: ${e=>e.version==="3.0"?"8px":e.version==="2.0"?"8px 12px":"14px 16px"} !important;
3
3
  cursor: pointer;
4
4
  margin-top: ${e=>e.brandSelectedRow?"0":e.version==="2.0"?"2px":"0"};
5
- `,ee=r.default.div`
5
+ `,ne=r.default(m)`
6
+ padding: 8px !important;
7
+ margin-top: 0;
8
+ border-radius: 0;
9
+ `,re=r.default.div`
6
10
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
7
11
  border-radius: ${({version:e})=>e==="1.0"?"0":"8px"};
8
12
  padding: ${({version:e})=>e==="1.0"?"0":"4px"};
@@ -10,7 +14,7 @@
10
14
  border: ${({version:e})=>e==="1.0"?`1px solid ${l.DEFAULT_THEME.colorsV2.stroke.primary}`:"none"};
11
15
  max-height: 248px;
12
16
  overflow-y: auto;
13
- `,te=r.default.div`
17
+ `,le=r.default.div`
14
18
  display: grid;
15
19
  grid-template-columns: repeat(2, 2.86px);
16
20
  grid-template-rows: repeat(3, 2.86px);
@@ -22,18 +26,18 @@
22
26
  align-self: center;
23
27
  height: fit-content;
24
28
  min-height: 18px;
25
- `,d=r.default.div`
29
+ `,a=r.default.div`
26
30
  width: 2.86px;
27
31
  height: 2.86px;
28
32
  border-radius: 50%;
29
33
  background-color: ${l.COLORS.content.inactive};
30
34
  flex-shrink: 0;
31
- `,k=r.default.div`
35
+ `,w=r.default.div`
32
36
  display: flex;
33
37
  align-content: center;
34
38
  justify-content: center;
35
39
  gap: 8px;
36
- `,ne=r.default.span`
40
+ `,se=r.default.span`
37
41
  align-self: flex-start;
38
42
  flex-shrink: 0;
39
43
  width: 11px;
@@ -42,16 +46,16 @@
42
46
  border-left: 1px solid ${l.COLORS.content.placeholder};
43
47
  border-bottom: 1px solid ${l.COLORS.content.placeholder};
44
48
  border-bottom-left-radius: 4px;
45
- `,re=r.default.span`
49
+ `,de=r.default.span`
46
50
  display: flex;
47
51
  align-items: center;
48
52
  cursor: pointer;
49
- `,le=r.default.div`
53
+ `,ae=r.default.div`
50
54
  margin-right: -4px;
51
- `,se=r.default.div`
55
+ `,oe=r.default.div`
52
56
  display: flex;
53
57
  align-items: center;
54
58
  flex-direction: column;
55
59
  flex: 1;
56
- `,p=({onDragStart:e,onDragEnd:a})=>t.jsxs(te,{draggable:!0,onDragStart:e,onDragEnd:a,children:[t.jsx(d,{}),t.jsx(d,{}),t.jsx(d,{}),t.jsx(d,{}),t.jsx(d,{}),t.jsx(d,{})]}),de=T.forwardRef(({option:e,isMultiSelect:a,showDescription:g,onSelect:w,last:S,version:s,onDropdownItemClick:q,useDefaultCursor:M,isFocused:R=!1,dataIndex:m=-1,isDraggable:i=!1,onDragStart:u,onDragOver:D,onDrop:H,onDragEnd:x,isDraggedOver:v=!1,showCheckboxForCustomElement:j=!1,checkboxActiveColor:C,brandSelectedRow:b,childrenLayout:E="flyout",isChildRow:A=!1,isPartiallyChecked:y=!1,isCollapsible:B=!1,isCollapsed:f=!1,onToggleCollapse:_},U)=>{const[V,I]=T.useState(e.selected),o=E==="nested",L=(n,c)=>{if(!n.children||o){h(!n.selected);const N=c?{...n,parent:c}:n;q?.(N)}},h=n=>{e.disabled||w({...e,selected:n})},z=()=>{e.description?g(e.label,e.description):g()},O=M?{cursor:"default"}:{};return t.jsx(t.Fragment,{children:t.jsx(X.Tooltip,{body:"",tooltipContent:e.children&&!o?t.jsx("div",{style:{backgroundColor:l.DEFAULT_THEME.colorsV2.surface.standard},ref:U,onMouseEnter:()=>I(!0),onMouseLeave:()=>I(!1),children:t.jsx(ee,{version:s??"2.0",children:e.children.map(n=>t.jsx($,{version:s,brandSelectedRow:b,style:s!=="1.0"&&(e?.children??[]).length-1?{borderBottom:0}:{},onClick:c=>{c.preventDefault(),L(n,e)},listItem:{value:n.value,label:n.label},subText:n.subText,leadingIcon:n.leadingIcon||void 0,customComponent:n.customComponent,trailingIcon:n.trailingIcon||void 0,variant:e.disabled?"inactive":n.selected?"selected":"default"},n.value))})}):t.jsx(t.Fragment,{}),placement:"right-start",hideArrow:!0,children:t.jsx($,{version:s,brandSelectedRow:b,style:S?{borderBottom:0,...O,...v?{borderTop:`2px solid ${l.COLORS.content.brand}`,opacity:.5}:{}}:{...O,...v?{borderTop:`2px solid ${l.COLORS.content.brand}`,opacity:.5}:{}},onClick:n=>{n.preventDefault(),L(e)},onMouseOver:z,listItem:{value:e.value,label:e.label},subText:e.subText,"data-option-index":m,role:"option",id:`dropdown-option-${m}`,"aria-selected":!!e.selected,onDragOver:i?D:void 0,onDrop:i?H:void 0,leadingIcon:a&&!(j&&e.customComponent)?t.jsxs(k,{children:[A&&t.jsx(ne,{}),i&&t.jsx(p,{onDragStart:u,onDragEnd:x}),t.jsx(F.CheckBox,{size:s==="2.0"?"SMALL":"DEFAULT",isDisabled:e.disabled??!1,isChecked:!!e.selected||y,isPartiallyChecked:y,onValueChange:h,activeColor:C}),t.jsx(le,{children:e.leadingIcon})]}):i?t.jsxs(se,{children:[t.jsx(p,{onDragStart:u,onDragEnd:x}),e.leadingIcon&&t.jsx("div",{children:e.leadingIcon})]}):e.leadingIcon?t.jsx(t.Fragment,{children:e.leadingIcon}):void 0,customComponent:a&&j&&e.customComponent?t.jsxs(k,{children:[i&&t.jsx(p,{onDragStart:u,onDragEnd:x}),t.jsx(F.CheckBox,{size:s==="2.0"?"SMALL":"DEFAULT",isDisabled:e.disabled??!1,isChecked:!!e.selected,onValueChange:h,activeColor:C}),e.customComponent]}):e.customComponent,trailingIcon:e.isFreeForm?t.jsx(Q.FreeFormContainer,{children:t.jsx(K.BodyCaption,{style:{color:l.COLORS.content.secondary},children:"Freeform"})}):e.children&&o&&B?t.jsx(re,{role:"button","aria-expanded":!f,"aria-label":`${f?"Expand":"Collapse"} ${e.label}`,onClick:n=>{n.preventDefault(),n.stopPropagation(),_?.()},children:f?t.jsx(P.default,{width:16,height:16}):t.jsx(G.default,{width:16,height:16})}):e.children&&!o?t.jsx(W.default,{width:12,height:12}):e.trailingIcon?t.jsx(t.Fragment,{children:e.trailingIcon}):void 0,variant:e.disabled?"inactive":e.selected||!a&&V?"selected":R?"focused":"default"})})})});exports.MenuItem=de;
60
+ `,p=({onDragStart:e,onDragEnd:o})=>t.jsxs(le,{draggable:!0,onDragStart:e,onDragEnd:o,children:[t.jsx(a,{}),t.jsx(a,{}),t.jsx(a,{}),t.jsx(a,{}),t.jsx(a,{}),t.jsx(a,{})]}),ie=S.forwardRef(({option:e,isMultiSelect:o,showDescription:g,onSelect:F,last:$,version:s,onDropdownItemClick:q,useDefaultCursor:R,isFocused:M=!1,dataIndex:b=-1,isDraggable:i=!1,onDragStart:u,onDragOver:D,onDrop:H,onDragEnd:x,isDraggedOver:v=!1,showCheckboxForCustomElement:j=!1,checkboxActiveColor:C,brandSelectedRow:y,childrenLayout:E="flyout",isChildRow:A=!1,isPartiallyChecked:I=!1,isCollapsible:B=!1,isCollapsed:f=!1,onToggleCollapse:_},U)=>{const[V,L]=S.useState(e.selected),d=E==="nested",z=d?ne:m,N=!d&&s==="2.0"?"SMALL":"DEFAULT",O=(n,c)=>{if(!n.children||d){h(!n.selected);const W=c?{...n,parent:c}:n;q?.(W)}},h=n=>{e.disabled||F({...e,selected:n})},P=()=>{e.description?g(e.label,e.description):g()},T=R?{cursor:"default"}:{};return t.jsx(t.Fragment,{children:t.jsx(Z.Tooltip,{body:"",tooltipContent:e.children&&!d?t.jsx("div",{style:{backgroundColor:l.DEFAULT_THEME.colorsV2.surface.standard},ref:U,onMouseEnter:()=>L(!0),onMouseLeave:()=>L(!1),children:t.jsx(re,{version:s??"2.0",children:e.children.map(n=>t.jsx(m,{version:s,brandSelectedRow:y,style:s!=="1.0"&&(e?.children??[]).length-1?{borderBottom:0}:{},onClick:c=>{c.preventDefault(),O(n,e)},listItem:{value:n.value,label:n.label},subText:n.subText,leadingIcon:n.leadingIcon||void 0,customComponent:n.customComponent,trailingIcon:n.trailingIcon||void 0,variant:e.disabled?"inactive":n.selected?"selected":"default"},n.value))})}):t.jsx(t.Fragment,{}),placement:"right-start",hideArrow:!0,children:t.jsx(z,{version:s,brandSelectedRow:y,style:$?{borderBottom:0,...T,...v?{borderTop:`2px solid ${l.COLORS.content.brand}`,opacity:.5}:{}}:{...T,...v?{borderTop:`2px solid ${l.COLORS.content.brand}`,opacity:.5}:{}},onClick:n=>{n.preventDefault(),O(e)},onMouseOver:P,listItem:{value:e.value,label:e.label},subText:e.subText,"data-option-index":b,role:"option",id:`dropdown-option-${b}`,"aria-selected":!!e.selected,onDragOver:i?D:void 0,onDrop:i?H:void 0,leadingIcon:o&&!(j&&e.customComponent)?t.jsxs(w,{children:[A&&t.jsx(se,{}),i&&t.jsx(p,{onDragStart:u,onDragEnd:x}),t.jsx(k.CheckBox,{size:N,isDisabled:e.disabled??!1,isChecked:!!e.selected||I,isPartiallyChecked:I,onValueChange:h,activeColor:C}),t.jsx(ae,{children:e.leadingIcon})]}):i?t.jsxs(oe,{children:[t.jsx(p,{onDragStart:u,onDragEnd:x}),e.leadingIcon&&t.jsx("div",{children:e.leadingIcon})]}):e.leadingIcon?t.jsx(t.Fragment,{children:e.leadingIcon}):void 0,customComponent:o&&j&&e.customComponent?t.jsxs(w,{children:[i&&t.jsx(p,{onDragStart:u,onDragEnd:x}),t.jsx(k.CheckBox,{size:s==="2.0"?"SMALL":"DEFAULT",isDisabled:e.disabled??!1,isChecked:!!e.selected,onValueChange:h,activeColor:C}),e.customComponent]}):e.customComponent,trailingIcon:e.isFreeForm?t.jsx(Y.FreeFormContainer,{children:t.jsx(X.BodyCaption,{style:{color:l.COLORS.content.secondary},children:"Freeform"})}):e.children&&d&&B?t.jsx(de,{role:"button","aria-expanded":!f,"aria-label":`${f?"Expand":"Collapse"} ${e.label}`,onClick:n=>{n.preventDefault(),n.stopPropagation(),_?.()},children:f?t.jsx(G.default,{width:16,height:16}):t.jsx(K.default,{width:16,height:16})}):e.children&&!d?t.jsx(J.default,{width:12,height:12}):e.trailingIcon?t.jsx(t.Fragment,{children:e.trailingIcon}):void 0,variant:e.disabled?"inactive":e.selected||!o&&V?"selected":M?"focused":"default"})})})});exports.MenuItem=ie;
57
61
  //# sourceMappingURL=MenuItem.js.map
package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItem.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx"],"sourcesContent":["import ChevronDownIcon from '@src/assets/icons/chevronDownOutline.svg';\nimport ChevronRightIcon from '@src/assets/icons/chevronRight.svg';\nimport ChevronUpIcon from '@src/assets/icons/chevronUpOutline.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)<{\n\tversion?: '1.0' | '2.0' | '3.0';\n\tbrandSelectedRow?: boolean;\n}>`\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) =>\n\t\tprops.brandSelectedRow ? '0' : 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\n/** Elbow joining a nested child row back to its parent. */\nconst Connector = styled.span`\n\talign-self: flex-start;\n\tflex-shrink: 0;\n\twidth: 11px;\n\theight: 9px;\n\tmargin-left: 4px;\n\tborder-left: 1px solid ${COLORS.content.placeholder};\n\tborder-bottom: 1px solid ${COLORS.content.placeholder};\n\tborder-bottom-left-radius: 4px;\n`;\n\n/** Hit area for the collapse chevron, so clicking it never toggles selection. */\nconst CollapseToggle = styled.span`\n\tdisplay: flex;\n\talign-items: center;\n\tcursor: pointer;\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\tcheckboxActiveColor?: string;\n\tbrandSelectedRow?: boolean;\n\tchildrenLayout?: 'flyout' | 'nested';\n\t/** Indents the row under its parent and draws the elbow connector. */\n\tisChildRow?: boolean;\n\t/** Tri-state for a nested parent whose children are only partly selected. */\n\tisPartiallyChecked?: boolean;\n\t/** Shows the collapse chevron on a nested parent row. */\n\tisCollapsible?: boolean;\n\tisCollapsed?: boolean;\n\tonToggleCollapse?: () => void;\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\tcheckboxActiveColor,\n\t\t\tbrandSelectedRow,\n\t\t\tchildrenLayout = 'flyout',\n\t\t\tisChildRow = false,\n\t\t\tisPartiallyChecked = false,\n\t\t\tisCollapsible = false,\n\t\t\tisCollapsed = false,\n\t\t\tonToggleCollapse,\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\t// Nested children are rendered inline by MenuList, so there is no flyout\n\t\t// and — unlike the flyout layout — a parent row is itself selectable.\n\t\tconst isNested = childrenLayout === 'nested';\n\n\t\tconst handleOptionClick = (option: SingleOption, parent?: SingleOption) => {\n\t\t\tif (!option.children || isNested) {\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 && !isNested ? (\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\tbrandSelectedRow={brandSelectedRow}\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\tbrandSelectedRow={brandSelectedRow}\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{isChildRow && <Connector />}\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 || isPartiallyChecked}\n\t\t\t\t\t\t\t\t\t\tisPartiallyChecked={isPartiallyChecked}\n\t\t\t\t\t\t\t\t\t\tonValueChange={onCheckHandler}\n\t\t\t\t\t\t\t\t\t\tactiveColor={checkboxActiveColor}\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\tactiveColor={checkboxActiveColor}\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 && isNested && isCollapsible ? (\n\t\t\t\t\t\t\t\t<CollapseToggle\n\t\t\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\t\t\taria-expanded={!isCollapsed}\n\t\t\t\t\t\t\t\t\taria-label={`${isCollapsed ? 'Expand' : 'Collapse'} ${\n\t\t\t\t\t\t\t\t\t\toption.label\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\tonToggleCollapse?.();\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{isCollapsed ? (\n\t\t\t\t\t\t\t\t\t\t<ChevronDownIcon width={16} height={16} />\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<ChevronUpIcon width={16} height={16} />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</CollapseToggle>\n\t\t\t\t\t\t\t) : option.children && !isNested ? (\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: option.selected || (!isMultiSelect && isChildOptionHovered)\n\t\t\t\t\t\t\t\t? 'selected'\n\t\t\t\t\t\t\t\t: isFocused\n\t\t\t\t\t\t\t\t? 'focused'\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","StyledChildDropdownContainer","version","DEFAULT_THEME","DragHandleContainer","DragDot","COLORS","MultiSelectLeadingContainer","Connector","CollapseToggle","LeadingIconWrapper","SingleSelectDragContainer","DragHandleIcon","onDragStart","onDragEnd","jsxs","jsx","MenuItem","forwardRef","option","isMultiSelect","showDescription","onSelect","last","onDropdownItemClick","useDefaultCursor","isFocused","dataIndex","isDraggable","onDragOver","onDrop","isDraggedOver","showCheckboxForCustomElement","checkboxActiveColor","brandSelectedRow","childrenLayout","isChildRow","isPartiallyChecked","isCollapsible","isCollapsed","onToggleCollapse","childRef","isChildOptionHovered","setIsChildOptionHovered","useState","isNested","handleOptionClick","parent","onCheckHandler","updatedOption","checked","onHoverIn","cursorConfig","Fragment","Tooltip","child","e","CheckBox","FreeFormContainer","BodyCaption","ChevronDownIcon","ChevronUpIcon","ChevronRightIcon"],"mappings":"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"}
1
+ {"version":3,"file":"MenuItem.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx"],"sourcesContent":["import ChevronDownIcon from '@src/assets/icons/chevronDownOutline.svg';\nimport ChevronRightIcon from '@src/assets/icons/chevronRight.svg';\nimport ChevronUpIcon from '@src/assets/icons/chevronUpOutline.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)<{\n\tversion?: '1.0' | '2.0' | '3.0';\n\tbrandSelectedRow?: boolean;\n}>`\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) =>\n\t\tprops.brandSelectedRow ? '0' : props.version === '2.0' ? '2px' : '0'};\n`;\n\n/**\n * The nested layout pins its own row metrics — 8px padding, an 18px checkbox and\n * square, flush rows — so a group tree reads the same at every `version`. The\n * elbow connector geometry is fixed, so the rows it hangs off have to be too.\n */\nconst StyledNestedListItem = styled(StyledListItem)`\n\tpadding: 8px !important;\n\tmargin-top: 0;\n\tborder-radius: 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\n/** Elbow joining a nested child row back to its parent. */\nconst Connector = styled.span`\n\talign-self: flex-start;\n\tflex-shrink: 0;\n\twidth: 11px;\n\theight: 9px;\n\tmargin-left: 4px;\n\tborder-left: 1px solid ${COLORS.content.placeholder};\n\tborder-bottom: 1px solid ${COLORS.content.placeholder};\n\tborder-bottom-left-radius: 4px;\n`;\n\n/** Hit area for the collapse chevron, so clicking it never toggles selection. */\nconst CollapseToggle = styled.span`\n\tdisplay: flex;\n\talign-items: center;\n\tcursor: pointer;\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\tcheckboxActiveColor?: string;\n\tbrandSelectedRow?: boolean;\n\tchildrenLayout?: 'flyout' | 'nested';\n\t/** Indents the row under its parent and draws the elbow connector. */\n\tisChildRow?: boolean;\n\t/** Tri-state for a nested parent whose children are only partly selected. */\n\tisPartiallyChecked?: boolean;\n\t/** Shows the collapse chevron on a nested parent row. */\n\tisCollapsible?: boolean;\n\tisCollapsed?: boolean;\n\tonToggleCollapse?: () => void;\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\tcheckboxActiveColor,\n\t\t\tbrandSelectedRow,\n\t\t\tchildrenLayout = 'flyout',\n\t\t\tisChildRow = false,\n\t\t\tisPartiallyChecked = false,\n\t\t\tisCollapsible = false,\n\t\t\tisCollapsed = false,\n\t\t\tonToggleCollapse,\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\t// Nested children are rendered inline by MenuList, so there is no flyout\n\t\t// and — unlike the flyout layout — a parent row is itself selectable.\n\t\tconst isNested = childrenLayout === 'nested';\n\t\tconst RowListItem = isNested ? StyledNestedListItem : StyledListItem;\n\t\tconst checkboxSize = !isNested && version === '2.0' ? 'SMALL' : 'DEFAULT';\n\n\t\tconst handleOptionClick = (option: SingleOption, parent?: SingleOption) => {\n\t\t\tif (!option.children || isNested) {\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 && !isNested ? (\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\tbrandSelectedRow={brandSelectedRow}\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<RowListItem\n\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\tbrandSelectedRow={brandSelectedRow}\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{isChildRow && <Connector />}\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={checkboxSize}\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 || isPartiallyChecked}\n\t\t\t\t\t\t\t\t\t\tisPartiallyChecked={isPartiallyChecked}\n\t\t\t\t\t\t\t\t\t\tonValueChange={onCheckHandler}\n\t\t\t\t\t\t\t\t\t\tactiveColor={checkboxActiveColor}\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\tactiveColor={checkboxActiveColor}\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 && isNested && isCollapsible ? (\n\t\t\t\t\t\t\t\t<CollapseToggle\n\t\t\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\t\t\taria-expanded={!isCollapsed}\n\t\t\t\t\t\t\t\t\taria-label={`${isCollapsed ? 'Expand' : 'Collapse'} ${\n\t\t\t\t\t\t\t\t\t\toption.label\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\tonToggleCollapse?.();\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{isCollapsed ? (\n\t\t\t\t\t\t\t\t\t\t<ChevronDownIcon width={16} height={16} />\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<ChevronUpIcon width={16} height={16} />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</CollapseToggle>\n\t\t\t\t\t\t\t) : option.children && !isNested ? (\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: option.selected || (!isMultiSelect && isChildOptionHovered)\n\t\t\t\t\t\t\t\t? 'selected'\n\t\t\t\t\t\t\t\t: isFocused\n\t\t\t\t\t\t\t\t? 'focused'\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","StyledNestedListItem","StyledChildDropdownContainer","version","DEFAULT_THEME","DragHandleContainer","DragDot","COLORS","MultiSelectLeadingContainer","Connector","CollapseToggle","LeadingIconWrapper","SingleSelectDragContainer","DragHandleIcon","onDragStart","onDragEnd","jsxs","jsx","MenuItem","forwardRef","option","isMultiSelect","showDescription","onSelect","last","onDropdownItemClick","useDefaultCursor","isFocused","dataIndex","isDraggable","onDragOver","onDrop","isDraggedOver","showCheckboxForCustomElement","checkboxActiveColor","brandSelectedRow","childrenLayout","isChildRow","isPartiallyChecked","isCollapsible","isCollapsed","onToggleCollapse","childRef","isChildOptionHovered","setIsChildOptionHovered","useState","isNested","RowListItem","checkboxSize","handleOptionClick","parent","onCheckHandler","updatedOption","checked","onHoverIn","cursorConfig","Fragment","Tooltip","child","e","CheckBox","FreeFormContainer","BodyCaption","ChevronDownIcon","ChevronUpIcon","ChevronRightIcon"],"mappings":"qrBAaMA,EAAiBC,EAAAA,QAAOC,WAAQ;AAAA,YAIzBC,GACXA,EAAM,UAAY,MACf,MACAA,EAAM,UAAY,MAClB,WACA,WAAW;AAAA;AAAA,eAEAA,GACdA,EAAM,iBAAmB,IAAMA,EAAM,UAAY,MAAQ,MAAQ,GAAG;AAAA,EAQhEC,GAAuBH,EAAAA,QAAOD,CAAc;AAAA;AAAA;AAAA;AAAA,EAM5CK,GAA+BJ,EAAAA,QAAO;AAAA;AAAA,kBAE1B,CAAC,CAAE,QAAAK,CAAA,IAAeA,IAAY,MAAQ,IAAM,KAAM;AAAA,YACxD,CAAC,CAAE,QAAAA,CAAA,IAAeA,IAAY,MAAQ,IAAM,KAAM;AAAA;AAAA,WAEnD,CAAC,CAAE,QAAAA,CAAA,IACZA,IAAY,MACT,aAAaC,EAAAA,cAAc,SAAS,OAAO,OAAO,GAClD,MAAM;AAAA;AAAA;AAAA,EAKLC,GAAsBP,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAc7BQ,EAAUR,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,qBAIFS,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA,EAItCC,EAA8BV,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAQrCW,GAAYX,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMCS,EAAAA,OAAO,QAAQ,WAAW;AAAA,4BACxBA,EAAAA,OAAO,QAAQ,WAAW;AAAA;AAAA,EAKhDG,GAAiBZ,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,EAMxBa,GAAqBb,EAAAA,QAAO;AAAA;AAAA,EAI5Bc,GAA4Bd,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAYnCe,EAAiB,CAAC,CAAE,YAAAC,EAAa,UAAAC,KACtCC,EAAAA,KAACX,GAAA,CACA,UAAS,GACT,YAAAS,EACA,UAAAC,EAEA,SAAA,CAAAE,EAAAA,IAACX,EAAA,EAAQ,QACRA,EAAA,EAAQ,QACRA,EAAA,EAAQ,QACRA,EAAA,EAAQ,QACRA,EAAA,EAAQ,QACRA,EAAA,CAAA,CAAQ,CAAA,CAAA,CACV,EAkCYY,GAAWC,EAAAA,WACvB,CACC,CACC,OAAAC,EACA,cAAAC,EACA,gBAAAC,EACA,SAAAC,EACA,KAAAC,EACA,QAAArB,EACA,oBAAAsB,EACA,iBAAAC,EACA,UAAAC,EAAY,GACZ,UAAAC,EAAY,GACZ,YAAAC,EAAc,GACd,YAAAf,EACA,WAAAgB,EACA,OAAAC,EACA,UAAAhB,EACA,cAAAiB,EAAgB,GAChB,6BAAAC,EAA+B,GAC/B,oBAAAC,EACA,iBAAAC,EACA,eAAAC,EAAiB,SACjB,WAAAC,EAAa,GACb,mBAAAC,EAAqB,GACrB,cAAAC,EAAgB,GAChB,YAAAC,EAAc,GACd,iBAAAC,CAAA,EAEDC,IACI,CACJ,KAAM,CAACC,EAAsBC,CAAuB,EAAIC,EAAAA,SACvDzB,EAAO,QAAA,EAKF0B,EAAWV,IAAmB,SAC9BW,EAAcD,EAAW7C,GAAuBJ,EAChDmD,EAAe,CAACF,GAAY3C,IAAY,MAAQ,QAAU,UAE1D8C,EAAoB,CAAC7B,EAAsB8B,IAA0B,CAC1E,GAAI,CAAC9B,EAAO,UAAY0B,EAAU,CACjCK,EAAe,CAAC/B,EAAO,QAAQ,EAC/B,MAAMgC,EAAgBF,EAAS,CAAE,GAAG9B,EAAQ,OAAA8B,GAAW9B,EACvDK,IAAsB2B,CAAa,CACpC,CACD,EAEMD,EAAkBE,GAAqB,CACvCjC,EAAO,UACXG,EAAS,CAAE,GAAGH,EAAQ,SAAUiC,EAAS,CAE3C,EAEMC,EAAY,IAAM,CACnBlC,EAAO,YACVE,EAAgBF,EAAO,MAAOA,EAAO,WAAW,EAEhDE,EAAA,CAEF,EAEMiC,EAAe7B,EAAmB,CAAE,OAAQ,SAAA,EAAc,CAAA,EAEhE,OACCT,MAAAuC,EAAAA,SAAA,CACC,SAAAvC,EAAAA,IAACwC,EAAAA,QAAA,CACA,KAAM,GACN,eACCrC,EAAO,UAAY,CAAC0B,EACnB7B,EAAAA,IAAC,MAAA,CACA,MAAO,CACN,gBAAiBb,EAAAA,cAAc,SAAS,QAAQ,QAAA,EAEjD,IAAKsC,EACL,aAAc,IAAME,EAAwB,EAAI,EAChD,aAAc,IAAMA,EAAwB,EAAK,EAEjD,SAAA3B,EAAAA,IAACf,IAA6B,QAASC,GAAW,MAChD,SAAAiB,EAAO,SAAS,IAAKsC,GACrBzC,EAAAA,IAACpB,EAAA,CACA,QAAAM,EACA,iBAAAgC,EAEA,MACChC,IAAY,QAAUiB,GAAQ,UAAY,IAAI,OAAS,EACpD,CAAE,aAAc,CAAA,EAChB,CAAA,EAEJ,QAAUuC,GAAM,CACfA,EAAE,eAAA,EACFV,EAAkBS,EAAOtC,CAAM,CAChC,EACA,SAAU,CAAE,MAAOsC,EAAM,MAAO,MAAOA,EAAM,KAAA,EAC7C,QAASA,EAAM,QACf,YAAaA,EAAM,aAAe,OAClC,gBAAiBA,EAAM,gBACvB,aAAcA,EAAM,cAAgB,OACpC,QACCtC,EAAO,SACJ,WACAsC,EAAM,SACN,WACA,SAAA,EApBCA,EAAM,KAAA,CAuBZ,CAAA,CACF,CAAA,CAAA,EAGDzC,EAAAA,IAAAuC,EAAAA,SAAA,EAAE,EAGJ,UAAW,cACX,UAAW,GAEX,SAAAvC,EAAAA,IAAC8B,EAAA,CACA,QAAA5C,EACA,iBAAAgC,EACA,MACCX,EACG,CACA,aAAc,EACd,GAAG+B,EACH,GAAIvB,EACD,CACA,UAAW,aAAazB,EAAAA,OAAO,QAAQ,KAAK,GAC5C,QAAS,EAAA,EAET,CAAA,CAAC,EAEJ,CACA,GAAGgD,EACH,GAAIvB,EACD,CACA,UAAW,aAAazB,EAAAA,OAAO,QAAQ,KAAK,GAC5C,QAAS,EAAA,EAET,CAAA,CAAC,EAGR,QAAUoD,GAAM,CACfA,EAAE,eAAA,EACFV,EAAkB7B,CAAM,CACzB,EACA,YAAakC,EACb,SAAU,CAAE,MAAOlC,EAAO,MAAO,MAAOA,EAAO,KAAA,EAC/C,QAASA,EAAO,QAChB,oBAAmBQ,EACnB,KAAK,SACL,GAAI,mBAAmBA,CAAS,GAChC,gBAAe,CAAC,CAACR,EAAO,SACxB,WAAYS,EAAcC,EAAa,OACvC,OAAQD,EAAcE,EAAS,OAC/B,YACCV,GACA,EAAEY,GAAgCb,EAAO,wBACvCZ,EAAA,CACC,SAAA,CAAA6B,SAAe5B,GAAA,EAAU,EACzBoB,GACAZ,EAAAA,IAACJ,EAAA,CACA,YAAAC,EACA,UAAAC,CAAA,CAAA,EAGFE,EAAAA,IAAC2C,EAAAA,SAAA,CACA,KAAMZ,EACN,WAAY5B,EAAO,UAAY,GAC/B,UAAW,CAAC,CAACA,EAAO,UAAYkB,EAChC,mBAAAA,EACA,cAAea,EACf,YAAajB,CAAA,CAAA,EAEdjB,EAAAA,IAACN,GAAA,CAAoB,SAAAS,EAAO,WAAA,CAAY,CAAA,CAAA,CACzC,EACGS,EACHb,EAAAA,KAACJ,GAAA,CACA,SAAA,CAAAK,EAAAA,IAACJ,EAAA,CACA,YAAAC,EACA,UAAAC,CAAA,CAAA,EAEAK,EAAO,aAAeH,MAAC,MAAA,CAAK,WAAO,WAAA,CAAY,CAAA,CAAA,CACjD,EACGG,EAAO,YACVH,MAAAuC,EAAAA,SAAA,CAAG,SAAApC,EAAO,YAAY,EACnB,OAEL,gBACCC,GACAY,GACAb,EAAO,uBACLZ,EAAA,CACC,SAAA,CAAAqB,GACAZ,EAAAA,IAACJ,EAAA,CACA,YAAAC,EACA,UAAAC,CAAA,CAAA,EAGFE,EAAAA,IAAC2C,EAAAA,SAAA,CACA,KAAMzD,IAAY,MAAQ,QAAU,UACpC,WAAYiB,EAAO,UAAY,GAC/B,UAAW,CAAC,CAACA,EAAO,SACpB,cAAe+B,EACf,YAAajB,CAAA,CAAA,EAEbd,EAAO,eAAA,CAAA,CACT,EAEAA,EAAO,gBAGT,aACCA,EAAO,WACNH,EAAAA,IAAC4C,EAAAA,mBACA,SAAA5C,MAAC6C,EAAAA,YAAA,CAAY,MAAO,CAAE,MAAOvD,SAAO,QAAQ,SAAA,EAAa,SAAA,UAAA,CAEzD,EACD,EACGa,EAAO,UAAY0B,GAAYP,EAClCtB,EAAAA,IAACP,GAAA,CACA,KAAK,SACL,gBAAe,CAAC8B,EAChB,aAAY,GAAGA,EAAc,SAAW,UAAU,IACjDpB,EAAO,KACR,GACA,QAAUuC,GAAM,CACfA,EAAE,eAAA,EACFA,EAAE,gBAAA,EACFlB,IAAA,CACD,EAEC,SAAAD,EACAvB,EAAAA,IAAC8C,EAAAA,QAAA,CAAgB,MAAO,GAAI,OAAQ,EAAA,CAAI,EAExC9C,EAAAA,IAAC+C,UAAA,CAAc,MAAO,GAAI,OAAQ,EAAA,CAAI,CAAA,CAAA,EAGrC5C,EAAO,UAAY,CAAC0B,QACtBmB,EAAAA,QAAA,CAAiB,MAAO,GAAI,OAAQ,GAAI,EACtC7C,EAAO,aACVH,EAAAA,IAAAuC,EAAAA,SAAA,CAAG,SAAApC,EAAO,aAAa,EACpB,OAEL,QACCA,EAAO,SACJ,WACAA,EAAO,UAAa,CAACC,GAAiBsB,EACtC,WACAhB,EACA,UACA,SAAA,CAAA,CAEL,CAAA,EAEF,CAEF,CACD"}
package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.js CHANGED
@@ -1,20 +1,24 @@
1
- import { jsx as r, Fragment as m, jsxs as p } from "react/jsx-runtime";
2
- import J from "../../../../../assets/icons/chevronDownOutline.svg.js";
3
- import K from "../../../../../assets/icons/chevronRight.svg.js";
4
- import P from "../../../../../assets/icons/chevronUpOutline.svg.js";
5
- import { forwardRef as Q, useState as X } from "react";
1
+ import { jsx as t, Fragment as m, jsxs as p } from "react/jsx-runtime";
2
+ import P from "../../../../../assets/icons/chevronDownOutline.svg.js";
3
+ import Q from "../../../../../assets/icons/chevronRight.svg.js";
4
+ import X from "../../../../../assets/icons/chevronUpOutline.svg.js";
5
+ import { forwardRef as Y, useState as Z } from "react";
6
6
  import n from "styled-components";
7
- import { BodyCaption as Y } from "../../../../TypographyStyle.js";
8
- import { COLORS as d, DEFAULT_THEME as D } from "../../../../../constants/Theme.js";
9
- import { FreeFormContainer as Z } from "./FreeFormMenu.styled.js";
10
- import { Tooltip as ee } from "../../../../tooltips/Tooltip.js";
7
+ import { BodyCaption as ee } from "../../../../TypographyStyle.js";
8
+ import { COLORS as i, DEFAULT_THEME as D } from "../../../../../constants/Theme.js";
9
+ import { FreeFormContainer as te } from "./FreeFormMenu.styled.js";
10
+ import { Tooltip as re } from "../../../../tooltips/Tooltip.js";
11
11
  import { CheckBox as O } from "../../../../checkBox/CheckBox.js";
12
- import { ListItem as re } from "../../../../list-item/ListItem.js";
13
- const F = n(re)`
12
+ import { ListItem as ne } from "../../../../list-item/ListItem.js";
13
+ const v = n(ne)`
14
14
  padding: ${(e) => e.version === "3.0" ? "8px" : e.version === "2.0" ? "8px 12px" : "14px 16px"} !important;
15
15
  cursor: pointer;
16
16
  margin-top: ${(e) => e.brandSelectedRow ? "0" : e.version === "2.0" ? "2px" : "0"};
17
- `, te = n.div`
17
+ `, le = n(v)`
18
+ padding: 8px !important;
19
+ margin-top: 0;
20
+ border-radius: 0;
21
+ `, oe = n.div`
18
22
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
19
23
  border-radius: ${({ version: e }) => e === "1.0" ? "0" : "8px"};
20
24
  padding: ${({ version: e }) => e === "1.0" ? "0" : "4px"};
@@ -22,7 +26,7 @@ const F = n(re)`
22
26
  border: ${({ version: e }) => e === "1.0" ? `1px solid ${D.colorsV2.stroke.primary}` : "none"};
23
27
  max-height: 248px;
24
28
  overflow-y: auto;
25
- `, ne = n.div`
29
+ `, de = n.div`
26
30
  display: grid;
27
31
  grid-template-columns: repeat(2, 2.86px);
28
32
  grid-template-rows: repeat(3, 2.86px);
@@ -34,223 +38,223 @@ const F = n(re)`
34
38
  align-self: center;
35
39
  height: fit-content;
36
40
  min-height: 18px;
37
- `, o = n.div`
41
+ `, d = n.div`
38
42
  width: 2.86px;
39
43
  height: 2.86px;
40
44
  border-radius: 50%;
41
- background-color: ${d.content.inactive};
45
+ background-color: ${i.content.inactive};
42
46
  flex-shrink: 0;
43
- `, S = n.div`
47
+ `, F = n.div`
44
48
  display: flex;
45
49
  align-content: center;
46
50
  justify-content: center;
47
51
  gap: 8px;
48
- `, le = n.span`
52
+ `, ie = n.span`
49
53
  align-self: flex-start;
50
54
  flex-shrink: 0;
51
55
  width: 11px;
52
56
  height: 9px;
53
57
  margin-left: 4px;
54
- border-left: 1px solid ${d.content.placeholder};
55
- border-bottom: 1px solid ${d.content.placeholder};
58
+ border-left: 1px solid ${i.content.placeholder};
59
+ border-bottom: 1px solid ${i.content.placeholder};
56
60
  border-bottom-left-radius: 4px;
57
- `, oe = n.span`
61
+ `, ae = n.span`
58
62
  display: flex;
59
63
  align-items: center;
60
64
  cursor: pointer;
61
- `, de = n.div`
65
+ `, se = n.div`
62
66
  margin-right: -4px;
63
- `, ie = n.div`
67
+ `, ce = n.div`
64
68
  display: flex;
65
69
  align-items: center;
66
70
  flex-direction: column;
67
71
  flex: 1;
68
- `, x = ({ onDragStart: e, onDragEnd: i }) => /* @__PURE__ */ p(
69
- ne,
72
+ `, x = ({ onDragStart: e, onDragEnd: a }) => /* @__PURE__ */ p(
73
+ de,
70
74
  {
71
75
  draggable: !0,
72
76
  onDragStart: e,
73
- onDragEnd: i,
77
+ onDragEnd: a,
74
78
  children: [
75
- /* @__PURE__ */ r(o, {}),
76
- /* @__PURE__ */ r(o, {}),
77
- /* @__PURE__ */ r(o, {}),
78
- /* @__PURE__ */ r(o, {}),
79
- /* @__PURE__ */ r(o, {}),
80
- /* @__PURE__ */ r(o, {})
79
+ /* @__PURE__ */ t(d, {}),
80
+ /* @__PURE__ */ t(d, {}),
81
+ /* @__PURE__ */ t(d, {}),
82
+ /* @__PURE__ */ t(d, {}),
83
+ /* @__PURE__ */ t(d, {}),
84
+ /* @__PURE__ */ t(d, {})
81
85
  ]
82
86
  }
83
- ), Ce = Q(
87
+ ), Le = Y(
84
88
  ({
85
89
  option: e,
86
- isMultiSelect: i,
87
- showDescription: v,
90
+ isMultiSelect: a,
91
+ showDescription: b,
88
92
  onSelect: H,
89
93
  last: M,
90
94
  version: l,
91
95
  onDropdownItemClick: A,
92
96
  useDefaultCursor: B,
93
97
  isFocused: E = !1,
94
- dataIndex: b = -1,
95
- isDraggable: a = !1,
98
+ dataIndex: C = -1,
99
+ isDraggable: s = !1,
96
100
  onDragStart: f,
97
- onDragOver: U,
98
- onDrop: V,
101
+ onDragOver: R,
102
+ onDrop: U,
99
103
  onDragEnd: h,
100
- isDraggedOver: C = !1,
101
- showCheckboxForCustomElement: I = !1,
102
- checkboxActiveColor: y,
103
- brandSelectedRow: $,
104
- childrenLayout: j = "flyout",
105
- isChildRow: R = !1,
106
- isPartiallyChecked: w = !1,
104
+ isDraggedOver: I = !1,
105
+ showCheckboxForCustomElement: y = !1,
106
+ checkboxActiveColor: L,
107
+ brandSelectedRow: w,
108
+ childrenLayout: V = "flyout",
109
+ isChildRow: j = !1,
110
+ isPartiallyChecked: $ = !1,
107
111
  isCollapsible: z = !1,
108
- isCollapsed: u = !1,
112
+ isCollapsed: g = !1,
109
113
  onToggleCollapse: N
110
114
  }, W) => {
111
- const [_, L] = X(
115
+ const [_, k] = Z(
112
116
  e.selected
113
- ), s = j === "nested", T = (t, c) => {
114
- if (!t.children || s) {
115
- g(!t.selected);
116
- const G = c ? { ...t, parent: c } : t;
117
- A?.(G);
117
+ ), o = V === "nested", q = o ? le : v, G = !o && l === "2.0" ? "SMALL" : "DEFAULT", T = (r, c) => {
118
+ if (!r.children || o) {
119
+ u(!r.selected);
120
+ const K = c ? { ...r, parent: c } : r;
121
+ A?.(K);
118
122
  }
119
- }, g = (t) => {
120
- e.disabled || H({ ...e, selected: t });
121
- }, q = () => {
122
- e.description ? v(e.label, e.description) : v();
123
- }, k = B ? { cursor: "default" } : {};
124
- return /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(
125
- ee,
123
+ }, u = (r) => {
124
+ e.disabled || H({ ...e, selected: r });
125
+ }, J = () => {
126
+ e.description ? b(e.label, e.description) : b();
127
+ }, S = B ? { cursor: "default" } : {};
128
+ return /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(
129
+ re,
126
130
  {
127
131
  body: "",
128
- tooltipContent: e.children && !s ? /* @__PURE__ */ r(
132
+ tooltipContent: e.children && !o ? /* @__PURE__ */ t(
129
133
  "div",
130
134
  {
131
135
  style: {
132
136
  backgroundColor: D.colorsV2.surface.standard
133
137
  },
134
138
  ref: W,
135
- onMouseEnter: () => L(!0),
136
- onMouseLeave: () => L(!1),
137
- children: /* @__PURE__ */ r(te, { version: l ?? "2.0", children: e.children.map((t) => /* @__PURE__ */ r(
138
- F,
139
+ onMouseEnter: () => k(!0),
140
+ onMouseLeave: () => k(!1),
141
+ children: /* @__PURE__ */ t(oe, { version: l ?? "2.0", children: e.children.map((r) => /* @__PURE__ */ t(
142
+ v,
139
143
  {
140
144
  version: l,
141
- brandSelectedRow: $,
145
+ brandSelectedRow: w,
142
146
  style: l !== "1.0" && (e?.children ?? []).length - 1 ? { borderBottom: 0 } : {},
143
147
  onClick: (c) => {
144
- c.preventDefault(), T(t, e);
148
+ c.preventDefault(), T(r, e);
145
149
  },
146
- listItem: { value: t.value, label: t.label },
147
- subText: t.subText,
148
- leadingIcon: t.leadingIcon || void 0,
149
- customComponent: t.customComponent,
150
- trailingIcon: t.trailingIcon || void 0,
151
- variant: e.disabled ? "inactive" : t.selected ? "selected" : "default"
150
+ listItem: { value: r.value, label: r.label },
151
+ subText: r.subText,
152
+ leadingIcon: r.leadingIcon || void 0,
153
+ customComponent: r.customComponent,
154
+ trailingIcon: r.trailingIcon || void 0,
155
+ variant: e.disabled ? "inactive" : r.selected ? "selected" : "default"
152
156
  },
153
- t.value
157
+ r.value
154
158
  )) })
155
159
  }
156
- ) : /* @__PURE__ */ r(m, {}),
160
+ ) : /* @__PURE__ */ t(m, {}),
157
161
  placement: "right-start",
158
162
  hideArrow: !0,
159
- children: /* @__PURE__ */ r(
160
- F,
163
+ children: /* @__PURE__ */ t(
164
+ q,
161
165
  {
162
166
  version: l,
163
- brandSelectedRow: $,
167
+ brandSelectedRow: w,
164
168
  style: M ? {
165
169
  borderBottom: 0,
166
- ...k,
167
- ...C ? {
168
- borderTop: `2px solid ${d.content.brand}`,
170
+ ...S,
171
+ ...I ? {
172
+ borderTop: `2px solid ${i.content.brand}`,
169
173
  opacity: 0.5
170
174
  } : {}
171
175
  } : {
172
- ...k,
173
- ...C ? {
174
- borderTop: `2px solid ${d.content.brand}`,
176
+ ...S,
177
+ ...I ? {
178
+ borderTop: `2px solid ${i.content.brand}`,
175
179
  opacity: 0.5
176
180
  } : {}
177
181
  },
178
- onClick: (t) => {
179
- t.preventDefault(), T(e);
182
+ onClick: (r) => {
183
+ r.preventDefault(), T(e);
180
184
  },
181
- onMouseOver: q,
185
+ onMouseOver: J,
182
186
  listItem: { value: e.value, label: e.label },
183
187
  subText: e.subText,
184
- "data-option-index": b,
188
+ "data-option-index": C,
185
189
  role: "option",
186
- id: `dropdown-option-${b}`,
190
+ id: `dropdown-option-${C}`,
187
191
  "aria-selected": !!e.selected,
188
- onDragOver: a ? U : void 0,
189
- onDrop: a ? V : void 0,
190
- leadingIcon: i && !(I && e.customComponent) ? /* @__PURE__ */ p(S, { children: [
191
- R && /* @__PURE__ */ r(le, {}),
192
- a && /* @__PURE__ */ r(
192
+ onDragOver: s ? R : void 0,
193
+ onDrop: s ? U : void 0,
194
+ leadingIcon: a && !(y && e.customComponent) ? /* @__PURE__ */ p(F, { children: [
195
+ j && /* @__PURE__ */ t(ie, {}),
196
+ s && /* @__PURE__ */ t(
193
197
  x,
194
198
  {
195
199
  onDragStart: f,
196
200
  onDragEnd: h
197
201
  }
198
202
  ),
199
- /* @__PURE__ */ r(
203
+ /* @__PURE__ */ t(
200
204
  O,
201
205
  {
202
- size: l === "2.0" ? "SMALL" : "DEFAULT",
206
+ size: G,
203
207
  isDisabled: e.disabled ?? !1,
204
- isChecked: !!e.selected || w,
205
- isPartiallyChecked: w,
206
- onValueChange: g,
207
- activeColor: y
208
+ isChecked: !!e.selected || $,
209
+ isPartiallyChecked: $,
210
+ onValueChange: u,
211
+ activeColor: L
208
212
  }
209
213
  ),
210
- /* @__PURE__ */ r(de, { children: e.leadingIcon })
211
- ] }) : a ? /* @__PURE__ */ p(ie, { children: [
212
- /* @__PURE__ */ r(
214
+ /* @__PURE__ */ t(se, { children: e.leadingIcon })
215
+ ] }) : s ? /* @__PURE__ */ p(ce, { children: [
216
+ /* @__PURE__ */ t(
213
217
  x,
214
218
  {
215
219
  onDragStart: f,
216
220
  onDragEnd: h
217
221
  }
218
222
  ),
219
- e.leadingIcon && /* @__PURE__ */ r("div", { children: e.leadingIcon })
220
- ] }) : e.leadingIcon ? /* @__PURE__ */ r(m, { children: e.leadingIcon }) : void 0,
221
- customComponent: i && I && e.customComponent ? /* @__PURE__ */ p(S, { children: [
222
- a && /* @__PURE__ */ r(
223
+ e.leadingIcon && /* @__PURE__ */ t("div", { children: e.leadingIcon })
224
+ ] }) : e.leadingIcon ? /* @__PURE__ */ t(m, { children: e.leadingIcon }) : void 0,
225
+ customComponent: a && y && e.customComponent ? /* @__PURE__ */ p(F, { children: [
226
+ s && /* @__PURE__ */ t(
223
227
  x,
224
228
  {
225
229
  onDragStart: f,
226
230
  onDragEnd: h
227
231
  }
228
232
  ),
229
- /* @__PURE__ */ r(
233
+ /* @__PURE__ */ t(
230
234
  O,
231
235
  {
232
236
  size: l === "2.0" ? "SMALL" : "DEFAULT",
233
237
  isDisabled: e.disabled ?? !1,
234
238
  isChecked: !!e.selected,
235
- onValueChange: g,
236
- activeColor: y
239
+ onValueChange: u,
240
+ activeColor: L
237
241
  }
238
242
  ),
239
243
  e.customComponent
240
244
  ] }) : e.customComponent,
241
- trailingIcon: e.isFreeForm ? /* @__PURE__ */ r(Z, { children: /* @__PURE__ */ r(Y, { style: { color: d.content.secondary }, children: "Freeform" }) }) : e.children && s && z ? /* @__PURE__ */ r(
242
- oe,
245
+ trailingIcon: e.isFreeForm ? /* @__PURE__ */ t(te, { children: /* @__PURE__ */ t(ee, { style: { color: i.content.secondary }, children: "Freeform" }) }) : e.children && o && z ? /* @__PURE__ */ t(
246
+ ae,
243
247
  {
244
248
  role: "button",
245
- "aria-expanded": !u,
246
- "aria-label": `${u ? "Expand" : "Collapse"} ${e.label}`,
247
- onClick: (t) => {
248
- t.preventDefault(), t.stopPropagation(), N?.();
249
+ "aria-expanded": !g,
250
+ "aria-label": `${g ? "Expand" : "Collapse"} ${e.label}`,
251
+ onClick: (r) => {
252
+ r.preventDefault(), r.stopPropagation(), N?.();
249
253
  },
250
- children: u ? /* @__PURE__ */ r(J, { width: 16, height: 16 }) : /* @__PURE__ */ r(P, { width: 16, height: 16 })
254
+ children: g ? /* @__PURE__ */ t(P, { width: 16, height: 16 }) : /* @__PURE__ */ t(X, { width: 16, height: 16 })
251
255
  }
252
- ) : e.children && !s ? /* @__PURE__ */ r(K, { width: 12, height: 12 }) : e.trailingIcon ? /* @__PURE__ */ r(m, { children: e.trailingIcon }) : void 0,
253
- variant: e.disabled ? "inactive" : e.selected || !i && _ ? "selected" : E ? "focused" : "default"
256
+ ) : e.children && !o ? /* @__PURE__ */ t(Q, { width: 12, height: 12 }) : e.trailingIcon ? /* @__PURE__ */ t(m, { children: e.trailingIcon }) : void 0,
257
+ variant: e.disabled ? "inactive" : e.selected || !a && _ ? "selected" : E ? "focused" : "default"
254
258
  }
255
259
  )
256
260
  }
@@ -258,6 +262,6 @@ const F = n(re)`
258
262
  }
259
263
  );
260
264
  export {
261
- Ce as MenuItem
265
+ Le as MenuItem
262
266
  };
263
267
  //# sourceMappingURL=MenuItem.js.map
package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItem.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx"],"sourcesContent":["import ChevronDownIcon from '@src/assets/icons/chevronDownOutline.svg';\nimport ChevronRightIcon from '@src/assets/icons/chevronRight.svg';\nimport ChevronUpIcon from '@src/assets/icons/chevronUpOutline.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)<{\n\tversion?: '1.0' | '2.0' | '3.0';\n\tbrandSelectedRow?: boolean;\n}>`\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) =>\n\t\tprops.brandSelectedRow ? '0' : 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\n/** Elbow joining a nested child row back to its parent. */\nconst Connector = styled.span`\n\talign-self: flex-start;\n\tflex-shrink: 0;\n\twidth: 11px;\n\theight: 9px;\n\tmargin-left: 4px;\n\tborder-left: 1px solid ${COLORS.content.placeholder};\n\tborder-bottom: 1px solid ${COLORS.content.placeholder};\n\tborder-bottom-left-radius: 4px;\n`;\n\n/** Hit area for the collapse chevron, so clicking it never toggles selection. */\nconst CollapseToggle = styled.span`\n\tdisplay: flex;\n\talign-items: center;\n\tcursor: pointer;\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\tcheckboxActiveColor?: string;\n\tbrandSelectedRow?: boolean;\n\tchildrenLayout?: 'flyout' | 'nested';\n\t/** Indents the row under its parent and draws the elbow connector. */\n\tisChildRow?: boolean;\n\t/** Tri-state for a nested parent whose children are only partly selected. */\n\tisPartiallyChecked?: boolean;\n\t/** Shows the collapse chevron on a nested parent row. */\n\tisCollapsible?: boolean;\n\tisCollapsed?: boolean;\n\tonToggleCollapse?: () => void;\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\tcheckboxActiveColor,\n\t\t\tbrandSelectedRow,\n\t\t\tchildrenLayout = 'flyout',\n\t\t\tisChildRow = false,\n\t\t\tisPartiallyChecked = false,\n\t\t\tisCollapsible = false,\n\t\t\tisCollapsed = false,\n\t\t\tonToggleCollapse,\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\t// Nested children are rendered inline by MenuList, so there is no flyout\n\t\t// and — unlike the flyout layout — a parent row is itself selectable.\n\t\tconst isNested = childrenLayout === 'nested';\n\n\t\tconst handleOptionClick = (option: SingleOption, parent?: SingleOption) => {\n\t\t\tif (!option.children || isNested) {\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 && !isNested ? (\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\tbrandSelectedRow={brandSelectedRow}\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\tbrandSelectedRow={brandSelectedRow}\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{isChildRow && <Connector />}\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 || isPartiallyChecked}\n\t\t\t\t\t\t\t\t\t\tisPartiallyChecked={isPartiallyChecked}\n\t\t\t\t\t\t\t\t\t\tonValueChange={onCheckHandler}\n\t\t\t\t\t\t\t\t\t\tactiveColor={checkboxActiveColor}\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\tactiveColor={checkboxActiveColor}\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 && isNested && isCollapsible ? (\n\t\t\t\t\t\t\t\t<CollapseToggle\n\t\t\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\t\t\taria-expanded={!isCollapsed}\n\t\t\t\t\t\t\t\t\taria-label={`${isCollapsed ? 'Expand' : 'Collapse'} ${\n\t\t\t\t\t\t\t\t\t\toption.label\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\tonToggleCollapse?.();\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{isCollapsed ? (\n\t\t\t\t\t\t\t\t\t\t<ChevronDownIcon width={16} height={16} />\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<ChevronUpIcon width={16} height={16} />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</CollapseToggle>\n\t\t\t\t\t\t\t) : option.children && !isNested ? (\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: option.selected || (!isMultiSelect && isChildOptionHovered)\n\t\t\t\t\t\t\t\t? 'selected'\n\t\t\t\t\t\t\t\t: isFocused\n\t\t\t\t\t\t\t\t? 'focused'\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","StyledChildDropdownContainer","version","DEFAULT_THEME","DragHandleContainer","DragDot","COLORS","MultiSelectLeadingContainer","Connector","CollapseToggle","LeadingIconWrapper","SingleSelectDragContainer","DragHandleIcon","onDragStart","onDragEnd","jsxs","jsx","MenuItem","forwardRef","option","isMultiSelect","showDescription","onSelect","last","onDropdownItemClick","useDefaultCursor","isFocused","dataIndex","isDraggable","onDragOver","onDrop","isDraggedOver","showCheckboxForCustomElement","checkboxActiveColor","brandSelectedRow","childrenLayout","isChildRow","isPartiallyChecked","isCollapsible","isCollapsed","onToggleCollapse","childRef","isChildOptionHovered","setIsChildOptionHovered","useState","isNested","handleOptionClick","parent","onCheckHandler","updatedOption","checked","onHoverIn","cursorConfig","Fragment","Tooltip","child","e","CheckBox","FreeFormContainer","BodyCaption","ChevronDownIcon","ChevronUpIcon","ChevronRightIcon"],"mappings":"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"}
1
+ {"version":3,"file":"MenuItem.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/menu/MenuItem.tsx"],"sourcesContent":["import ChevronDownIcon from '@src/assets/icons/chevronDownOutline.svg';\nimport ChevronRightIcon from '@src/assets/icons/chevronRight.svg';\nimport ChevronUpIcon from '@src/assets/icons/chevronUpOutline.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)<{\n\tversion?: '1.0' | '2.0' | '3.0';\n\tbrandSelectedRow?: boolean;\n}>`\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) =>\n\t\tprops.brandSelectedRow ? '0' : props.version === '2.0' ? '2px' : '0'};\n`;\n\n/**\n * The nested layout pins its own row metrics — 8px padding, an 18px checkbox and\n * square, flush rows — so a group tree reads the same at every `version`. The\n * elbow connector geometry is fixed, so the rows it hangs off have to be too.\n */\nconst StyledNestedListItem = styled(StyledListItem)`\n\tpadding: 8px !important;\n\tmargin-top: 0;\n\tborder-radius: 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\n/** Elbow joining a nested child row back to its parent. */\nconst Connector = styled.span`\n\talign-self: flex-start;\n\tflex-shrink: 0;\n\twidth: 11px;\n\theight: 9px;\n\tmargin-left: 4px;\n\tborder-left: 1px solid ${COLORS.content.placeholder};\n\tborder-bottom: 1px solid ${COLORS.content.placeholder};\n\tborder-bottom-left-radius: 4px;\n`;\n\n/** Hit area for the collapse chevron, so clicking it never toggles selection. */\nconst CollapseToggle = styled.span`\n\tdisplay: flex;\n\talign-items: center;\n\tcursor: pointer;\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\tcheckboxActiveColor?: string;\n\tbrandSelectedRow?: boolean;\n\tchildrenLayout?: 'flyout' | 'nested';\n\t/** Indents the row under its parent and draws the elbow connector. */\n\tisChildRow?: boolean;\n\t/** Tri-state for a nested parent whose children are only partly selected. */\n\tisPartiallyChecked?: boolean;\n\t/** Shows the collapse chevron on a nested parent row. */\n\tisCollapsible?: boolean;\n\tisCollapsed?: boolean;\n\tonToggleCollapse?: () => void;\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\tcheckboxActiveColor,\n\t\t\tbrandSelectedRow,\n\t\t\tchildrenLayout = 'flyout',\n\t\t\tisChildRow = false,\n\t\t\tisPartiallyChecked = false,\n\t\t\tisCollapsible = false,\n\t\t\tisCollapsed = false,\n\t\t\tonToggleCollapse,\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\t// Nested children are rendered inline by MenuList, so there is no flyout\n\t\t// and — unlike the flyout layout — a parent row is itself selectable.\n\t\tconst isNested = childrenLayout === 'nested';\n\t\tconst RowListItem = isNested ? StyledNestedListItem : StyledListItem;\n\t\tconst checkboxSize = !isNested && version === '2.0' ? 'SMALL' : 'DEFAULT';\n\n\t\tconst handleOptionClick = (option: SingleOption, parent?: SingleOption) => {\n\t\t\tif (!option.children || isNested) {\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 && !isNested ? (\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\tbrandSelectedRow={brandSelectedRow}\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<RowListItem\n\t\t\t\t\t\tversion={version}\n\t\t\t\t\t\tbrandSelectedRow={brandSelectedRow}\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{isChildRow && <Connector />}\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={checkboxSize}\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 || isPartiallyChecked}\n\t\t\t\t\t\t\t\t\t\tisPartiallyChecked={isPartiallyChecked}\n\t\t\t\t\t\t\t\t\t\tonValueChange={onCheckHandler}\n\t\t\t\t\t\t\t\t\t\tactiveColor={checkboxActiveColor}\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\tactiveColor={checkboxActiveColor}\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 && isNested && isCollapsible ? (\n\t\t\t\t\t\t\t\t<CollapseToggle\n\t\t\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\t\t\taria-expanded={!isCollapsed}\n\t\t\t\t\t\t\t\t\taria-label={`${isCollapsed ? 'Expand' : 'Collapse'} ${\n\t\t\t\t\t\t\t\t\t\toption.label\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\tonToggleCollapse?.();\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{isCollapsed ? (\n\t\t\t\t\t\t\t\t\t\t<ChevronDownIcon width={16} height={16} />\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<ChevronUpIcon width={16} height={16} />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</CollapseToggle>\n\t\t\t\t\t\t\t) : option.children && !isNested ? (\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: option.selected || (!isMultiSelect && isChildOptionHovered)\n\t\t\t\t\t\t\t\t? 'selected'\n\t\t\t\t\t\t\t\t: isFocused\n\t\t\t\t\t\t\t\t? 'focused'\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","StyledNestedListItem","StyledChildDropdownContainer","version","DEFAULT_THEME","DragHandleContainer","DragDot","COLORS","MultiSelectLeadingContainer","Connector","CollapseToggle","LeadingIconWrapper","SingleSelectDragContainer","DragHandleIcon","onDragStart","onDragEnd","jsxs","jsx","MenuItem","forwardRef","option","isMultiSelect","showDescription","onSelect","last","onDropdownItemClick","useDefaultCursor","isFocused","dataIndex","isDraggable","onDragOver","onDrop","isDraggedOver","showCheckboxForCustomElement","checkboxActiveColor","brandSelectedRow","childrenLayout","isChildRow","isPartiallyChecked","isCollapsible","isCollapsed","onToggleCollapse","childRef","isChildOptionHovered","setIsChildOptionHovered","useState","isNested","RowListItem","checkboxSize","handleOptionClick","parent","onCheckHandler","updatedOption","checked","onHoverIn","cursorConfig","Fragment","Tooltip","child","e","CheckBox","FreeFormContainer","BodyCaption","ChevronDownIcon","ChevronUpIcon","ChevronRightIcon"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.868-beta.11",
3
+ "version": "0.0.868-beta.12",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",