@bikdotai/bik-component-library 0.0.805-beta.34 → 0.0.805-beta.35
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.
- package/dist/cjs/components/BikGiftedChat/GiftedChat/GiftedChat.js +1 -1
- package/dist/cjs/components/BikGiftedChat/GiftedChat/GiftedChat.js.map +1 -1
- package/dist/cjs/components/checkBox/CheckBox.js +1 -1
- package/dist/cjs/components/checkBox/CheckBox.js.map +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.js.map +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.js +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.js.map +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.js +7 -7
- package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.js.map +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.js +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.js.map +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js.map +1 -1
- package/dist/cjs/components/list-item/ListItem.js +1 -1
- package/dist/cjs/components/list-item/ListItem.js.map +1 -1
- package/dist/cjs/components/list-item/ListItem.styled.js +1 -1
- package/dist/cjs/components/list-item/ListItem.styled.js.map +1 -1
- package/dist/cjs/components/list-item/themes.js +1 -1
- package/dist/cjs/components/list-item/themes.js.map +1 -1
- package/dist/cjs/src/components/checkBox/CheckBox.d.ts +1 -0
- package/dist/cjs/src/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.d.ts +2 -0
- package/dist/cjs/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.d.ts +2 -0
- package/dist/cjs/src/components/dropdown/OpenedDropdown/components/menu/MenuList.d.ts +2 -0
- package/dist/cjs/src/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.d.ts +2 -0
- package/dist/cjs/src/components/dropdown/type.d.ts +4 -0
- package/dist/cjs/src/components/list-item/List.model.d.ts +1 -0
- package/dist/cjs/src/components/list-item/ListItem.styled.d.ts +1 -0
- package/dist/cjs/src/components/list-item/themes.d.ts +2 -2
- package/dist/esm/components/BikGiftedChat/GiftedChat/GiftedChat.js +1 -1
- package/dist/esm/components/BikGiftedChat/GiftedChat/GiftedChat.js.map +1 -1
- package/dist/esm/components/checkBox/CheckBox.js +1 -1
- package/dist/esm/components/checkBox/CheckBox.js.map +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.js.map +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.js +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.js.map +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.js +9 -9
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.js.map +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.js +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.js.map +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js.map +1 -1
- package/dist/esm/components/list-item/ListItem.js +1 -1
- package/dist/esm/components/list-item/ListItem.js.map +1 -1
- package/dist/esm/components/list-item/ListItem.styled.js +1 -1
- package/dist/esm/components/list-item/ListItem.styled.js.map +1 -1
- package/dist/esm/components/list-item/themes.js +1 -1
- package/dist/esm/components/list-item/themes.js.map +1 -1
- package/dist/esm/src/components/checkBox/CheckBox.d.ts +1 -0
- package/dist/esm/src/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.d.ts +2 -0
- package/dist/esm/src/components/dropdown/OpenedDropdown/components/menu/MenuItem.d.ts +2 -0
- package/dist/esm/src/components/dropdown/OpenedDropdown/components/menu/MenuList.d.ts +2 -0
- package/dist/esm/src/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.d.ts +2 -0
- package/dist/esm/src/components/dropdown/type.d.ts +4 -0
- package/dist/esm/src/components/list-item/List.model.d.ts +1 -0
- package/dist/esm/src/components/list-item/ListItem.styled.d.ts +1 -0
- package/dist/esm/src/components/list-item/themes.d.ts +2 -2
- package/package.json +1 -1
|
@@ -1 +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","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","Fragment","placement","hideArrow","borderTop","brand","opacity","onMouseOver","onHoverIn","description","role","id","jsxs","CheckBox","size","isDisabled","isChecked","onValueChange","_b","isFreeForm","FreeFormContainer","BodyCaption","color","secondary","ChevronRightIcon","width","height"],"mappings":"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"}
|
|
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)<{\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\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}\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},\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\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{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<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 ? (\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","brandSelectedRow","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","jsx","MenuItem","forwardRef","_ref5","childRef","option","isMultiSelect","showDescription","onSelect","last","onDropdownItemClick","useDefaultCursor","isFocused","dataIndex","isDraggable","onDragOver","onDrop","isDraggedOver","showCheckboxForCustomElement","checkboxActiveColor","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","Fragment","placement","hideArrow","borderTop","brand","opacity","onMouseOver","onHoverIn","description","role","id","jsxs","CheckBox","size","isDisabled","isChecked","onValueChange","activeColor","_b","isFreeForm","FreeFormContainer","BodyCaption","color","secondary","ChevronRightIcon","width","height"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("./MenuItem.js"),r=require("./MenuList.styled.js");const s=t.forwardRef(((s,o)=>{let{options:l,isMultiSelect:c,showDescription:i,onSelect:u,version:a,onInfiniteScroll:d,onDropdownItemClick:p,useDefaultCursor:f,focusedIndex:b=-1,isDraggable:g=!1,onOptionsReorder:h,showCheckboxForCustomElement:v=!1,checkboxActiveColor:x,brandSelectedRow:D}=s;const m=t.useRef(null),C=t.useRef(null),[j,w]=t.useState(null),[k,I]=t.useState(null),S=t.useCallback((()=>{m.current&&m.current.disconnect(),m.current=new IntersectionObserver((e=>{e[0].isIntersecting&&(null==d||d())})),C.current&&m.current.observe(C.current)}),[d]);t.useEffect((()=>(S(),()=>{m.current&&m.current.disconnect()})),[S,l]);const M=t.useCallback((e=>t=>{g&&(w(e),t.dataTransfer.effectAllowed="move")}),[g]),E=t.useCallback((e=>t=>{g&&(t.preventDefault(),t.dataTransfer.dropEffect="move",I(e))}),[g]),O=t.useCallback((e=>t=>{if(g&&null!==j){if(t.preventDefault(),j!==e){const t=[...l],[n]=t.splice(j,1);t.splice(e,0,n),null==h||h(t)}w(null),I(null)}}),[g,j,l,h]),R=t.useCallback((()=>{w(null),I(null)}),[]),y=new Map;let F=-1;return l.forEach((e=>{if(e.options)e.options.forEach((e=>{e.disabled||(F++,y.set(e,F))}));else{const t=e;t.disabled||(F++,y.set(t,F))}})),e.jsx(e.Fragment,{children:l.map(((t,s)=>{const d=s===l.length-1;if(t.options){const l=t;return e.jsxs("div",Object.assign({style:{marginTop:"2.0"===a?2:0}},{children:[e.jsxs(r.StyledGroupedLabel,Object.assign({version:a},{children:[l.leadingIcon?e.jsx("span",Object.assign({style:{marginRight:8}},{children:l.leadingIcon})):null,l.label]})),l.options.map(((t,r)=>{const d=y.get(t),g=d===b&&!t.disabled;return e.jsx(n.MenuItem,{version:a,last:r===l.options.length-1,onSelect:u,showDescription:i,onDropdownItemClick:p,isMultiSelect:c,option:t,useDefaultCursor:f,isFocused:g,dataIndex:d,isDraggable:!1,showCheckboxForCustomElement:v,checkboxActiveColor:x,brandSelectedRow:D,ref:e=>{o&&"object"==typeof o&&o.current&&e&&e&&e&&e&&(o.current[s]=e)}},`${s}-${r}`)})),d?e.jsx("span",{ref:C}):null]}),s)}const h=t,m=y.get(h),j=m===b&&!h.disabled;return e.jsxs("div",{children:[h.hasDivider&&e.jsx(r.Divider,{}),e.jsx(n.MenuItem,{version:a,last:d,onSelect:u,showDescription:i,onDropdownItemClick:p,isMultiSelect:c,option:h,useDefaultCursor:f,isFocused:j,dataIndex:m,isDraggable:g,onDragStart:M(s),onDragOver:E(s),onDrop:O(s),onDragEnd:R,isDraggedOver:k===s,showCheckboxForCustomElement:v,checkboxActiveColor:x,brandSelectedRow:D,ref:e=>{o&&"object"==typeof o&&o.current&&e&&(o.current[s]=e)}},h.value),d?e.jsx("span",{ref:C}):null]},s)}))})}));exports.MenuList=s;
|
|
2
2
|
//# sourceMappingURL=MenuList.js.map
|
|
@@ -1 +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","jsxs","StyledGroupedLabel","leadingIcon","jsx","marginRight","label","idx","currentFlatIndex","get","isFocused","MenuItem","dataIndex","el","hasDivider","Divider","onDragStart","onDragOver","onDrop","onDragEnd","isDraggedOver","value"],"mappings":"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"}
|
|
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\tcheckboxActiveColor?: string;\n\tbrandSelectedRow?: 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\tcheckboxActiveColor,\n\t\t\tbrandSelectedRow,\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\tcheckboxActiveColor={checkboxActiveColor}\n\t\t\t\t\t\t\t\t\t\t\tbrandSelectedRow={brandSelectedRow}\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\tcheckboxActiveColor={checkboxActiveColor}\n\t\t\t\t\t\t\t\tbrandSelectedRow={brandSelectedRow}\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","checkboxActiveColor","brandSelectedRow","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","jsxs","StyledGroupedLabel","leadingIcon","jsx","marginRight","label","idx","currentFlatIndex","get","isFocused","MenuItem","dataIndex","el","hasDivider","Divider","onDragStart","onDragOver","onDrop","onDragEnd","isDraggedOver","value"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("../../../../checkBox/CheckBox.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("../../../../checkBox/CheckBox.js"),c=require("../../../../list-item/ListItem.js");exports.SelectAllMenu=i=>{let{options:o,onSelect:s,version:r,checkboxActiveColor:a,brandSelectedRow:n}=i;const[d,u]=t.useState("notSelected");function h(){"partiallySelected"===d&&s("notSelected"),"selectAll"===d&&s("notSelected"),"notSelected"===d&&s("selectAll")}return t.useEffect((()=>{const e=[];o.filter((e=>!e.disabled)).forEach((t=>{t.options?t.options.filter((e=>!e.disabled)).forEach((t=>{e.push(t.selected||!1)})):e.push(t.selected||!1)})),e.every(Boolean)?u("selectAll"):e.filter(Boolean).length>0?u("partiallySelected"):u("notSelected")}),[o]),e.jsx(c.ListItem,{version:r,brandSelectedRow:n,onClick:e=>{e.preventDefault(),h()},listItem:{label:"Select All",value:"All"},leadingIcon:e.jsx("div",Object.assign({style:{width:18,height:18}},{children:e.jsx(l.CheckBox,{size:"2.0"===r?"SMALL":"DEFAULT",isChecked:"selectAll"===d||"partiallySelected"===d,isPartiallyChecked:"partiallySelected"===d,onValueChange:h,activeColor:a})})),variant:"default"})};
|
|
2
2
|
//# sourceMappingURL=SelectAllMenu.js.map
|
|
@@ -1 +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}> = ({
|
|
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\tcheckboxActiveColor?: string;\n\tbrandSelectedRow?: boolean;\n}> = ({\n\toptions,\n\tonSelect,\n\tversion,\n\tcheckboxActiveColor,\n\tbrandSelectedRow,\n}) => {\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\tbrandSelectedRow={brandSelectedRow}\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\tactiveColor={checkboxActiveColor}\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":["_ref","options","onSelect","version","checkboxActiveColor","brandSelectedRow","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","jsx","Object","assign","style","width","height","children","CheckBox","size","isChecked","isPartiallyChecked","onValueChange","activeColor","variant"],"mappings":"6OAgBKA,IAMA,IANCC,QACLA,EAAOC,SACPA,EAAQC,QACRA,EAAOC,oBACPA,EAAmBC,iBACnBA,GACAL,EACA,MAAOM,EAAaC,GACnBC,EAAQA,SAAyB,eAElC,SAASC,IACY,sBAAhBH,GACHJ,EAAS,eAGU,cAAhBI,GACHJ,EAAS,eAGU,gBAAhBI,GACHJ,EAAS,YAEX,CA4BA,OA1BAQ,EAAAA,WAAU,KACT,MAAMC,EAAwB,GAE9BV,EACEW,QAAQC,IAAaA,EAAwBC,WAC7CC,SAASF,IACJA,EAAyBZ,QAC5BY,EAAyBZ,QACxBW,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,CAACN,IAGHsB,EAAAA,IAACC,EAAAA,SACA,CAAArB,QAASA,EACTE,iBAAkBA,EAClBoB,QAAUC,IACTA,EAAEC,iBACFlB,GAAgB,EAEjBmB,SAAU,CACTC,MAAO,aACPC,MAAO,OAERC,YACCR,EAAKS,IAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,MAAO,GAAIC,OAAQ,KAChC,CAAAC,SAAAf,EAAAS,IAACO,WAAQ,CACRC,KAAkB,QAAZrC,EAAoB,QAAU,UACpCsC,UACiB,cAAhBnC,GAA+C,sBAAhBA,EAEhCoC,mBAAoC,sBAAhBpC,EACpBqC,cAAelC,EACfmC,YAAaxC,OAIhByC,QAAS,WACR"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),r=require("./themes.js"),s=require("../TypographyStyle.js"),n=require("../../constants/Theme.js"),o=require("./ListItem.styled.js");const l=i.forwardRef(((i,l)=>{var{id:a,onSelect:c,variant:d="default",trailingIcon:m,leadingIcon:j,subText:u,listItem:x,borderBottom:b,customComponent:y,customListItemLabel:g,version:p,brandSelectedRow:v}=i,h=e.__rest(i,["id","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom","customComponent","customListItemLabel","version","brandSelectedRow"]);return t.jsx(o.ListItem,Object.assign({ref:l,id:a,variant:d,onClick:()=>c&&c(x),borderBottom:b,version:p,brandSelectedRow:v},h,{children:y?t.jsx(t.Fragment,{children:y}):t.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8,width:"100%"}},{children:[!!j&&j,t.jsxs("div",Object.assign({style:{display:"flex",rowGap:"4px",flexDirection:"column",overflow:"hidden"}},{children:[g?t.jsx(t.Fragment,{children:g}):t.jsx(t.Fragment,{children:!!x&&t.jsx(s.BodySecondary,Object.assign({style:{fontSize:("2.0"===p||"3.0"===p?12:14)+"px",color:r.getColor(d,p,v),textOverflow:"ellipsis",display:"block"}},{children:x.label}))}),!!u&&t.jsx(s.BodyCaption,Object.assign({style:{color:"inactive"===d?n.COLORS.content.inactive:n.COLORS.text.secondary}},{children:u}))]})),!!m&&t.jsx("div",Object.assign({style:{display:"flex",marginLeft:"auto"}},{children:m}))]}))}))}));l.displayName="ListItem",exports.ListItem=l;
|
|
2
2
|
//# sourceMappingURL=ListItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","sources":["../../../../src/components/list-item/ListItem.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { getColor } from '@src/components/list-item/themes';\nimport { BodyCaption, BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { ListItemProps } from './List.model';\nimport * as Sc from './ListItem.styled';\n\nexport const ListItem = forwardRef<HTMLDivElement, ListItemProps>(\n\t(\n\t\t{\n\t\t\tid,\n\t\t\tonSelect,\n\t\t\tvariant = 'default',\n\t\t\ttrailingIcon,\n\t\t\tleadingIcon,\n\t\t\tsubText,\n\t\t\tlistItem,\n\t\t\tborderBottom,\n\t\t\tcustomComponent,\n\t\t\tcustomListItemLabel,\n\t\t\tversion,\n\t\t\t...rest\n\t\t},\n\t\tref,\n\t) => {\n\t\treturn (\n\t\t\t<Sc.ListItem\n\t\t\t\tref={ref}\n\t\t\t\tid={id}\n\t\t\t\tvariant={variant}\n\t\t\t\tonClick={() => onSelect && onSelect(listItem)}\n\t\t\t\tborderBottom={borderBottom}\n\t\t\t\tversion={version}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{customComponent ? (\n\t\t\t\t\t<>{customComponent}</>\n\t\t\t\t) : (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{!!leadingIcon && leadingIcon}\n\t\t\t\t\t\t<div\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\trowGap: '4px',\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{customListItemLabel ? (\n\t\t\t\t\t\t\t\t<>{customListItemLabel}</>\n\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{!!listItem && (\n\t\t\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tfontSize: `${\n\t\t\t\t\t\t\t\t\t\t\t\t\tversion === '2.0' || version === '3.0' ? 12 : 14\n\t\t\t\t\t\t\t\t\t\t\t\t}px`,\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: getColor(variant, version),\n\t\t\t\t\t\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{listItem.label}\n\t\t\t\t\t\t\t\t\t\t</BodySecondary>\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\n\t\t\t\t\t\t\t{!!subText && (\n\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\tvariant === 'inactive'\n\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t\t\t: COLORS.text.secondary,\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{subText}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{!!trailingIcon && (\n\t\t\t\t\t\t\t<div style={{ display: 'flex', marginLeft: 'auto' }}>\n\t\t\t\t\t\t\t\t{trailingIcon}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Sc.ListItem>\n\t\t);\n\t},\n);\n\nListItem.displayName = 'ListItem';\n"],"names":["ListItem","forwardRef","_a","ref","id","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom","customComponent","customListItemLabel","version","rest","__rest","_jsx","Sc","onClick","children","jsx","_Fragment","_jsxs","jsxs","
|
|
1
|
+
{"version":3,"file":"ListItem.js","sources":["../../../../src/components/list-item/ListItem.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { getColor } from '@src/components/list-item/themes';\nimport { BodyCaption, BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { ListItemProps } from './List.model';\nimport * as Sc from './ListItem.styled';\n\nexport const ListItem = forwardRef<HTMLDivElement, ListItemProps>(\n\t(\n\t\t{\n\t\t\tid,\n\t\t\tonSelect,\n\t\t\tvariant = 'default',\n\t\t\ttrailingIcon,\n\t\t\tleadingIcon,\n\t\t\tsubText,\n\t\t\tlistItem,\n\t\t\tborderBottom,\n\t\t\tcustomComponent,\n\t\t\tcustomListItemLabel,\n\t\t\tversion,\n\t\t\tbrandSelectedRow,\n\t\t\t...rest\n\t\t},\n\t\tref,\n\t) => {\n\t\treturn (\n\t\t\t<Sc.ListItem\n\t\t\t\tref={ref}\n\t\t\t\tid={id}\n\t\t\t\tvariant={variant}\n\t\t\t\tonClick={() => onSelect && onSelect(listItem)}\n\t\t\t\tborderBottom={borderBottom}\n\t\t\t\tversion={version}\n\t\t\t\tbrandSelectedRow={brandSelectedRow}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{customComponent ? (\n\t\t\t\t\t<>{customComponent}</>\n\t\t\t\t) : (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{!!leadingIcon && leadingIcon}\n\t\t\t\t\t\t<div\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\trowGap: '4px',\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{customListItemLabel ? (\n\t\t\t\t\t\t\t\t<>{customListItemLabel}</>\n\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{!!listItem && (\n\t\t\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tfontSize: `${\n\t\t\t\t\t\t\t\t\t\t\t\t\tversion === '2.0' || version === '3.0' ? 12 : 14\n\t\t\t\t\t\t\t\t\t\t\t\t}px`,\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: getColor(variant, version, brandSelectedRow),\n\t\t\t\t\t\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{listItem.label}\n\t\t\t\t\t\t\t\t\t\t</BodySecondary>\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\n\t\t\t\t\t\t\t{!!subText && (\n\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\tvariant === 'inactive'\n\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t\t\t: COLORS.text.secondary,\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{subText}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{!!trailingIcon && (\n\t\t\t\t\t\t\t<div style={{ display: 'flex', marginLeft: 'auto' }}>\n\t\t\t\t\t\t\t\t{trailingIcon}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Sc.ListItem>\n\t\t);\n\t},\n);\n\nListItem.displayName = 'ListItem';\n"],"names":["ListItem","forwardRef","_a","ref","id","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom","customComponent","customListItemLabel","version","brandSelectedRow","rest","__rest","_jsx","Sc","Object","assign","onClick","children","jsx","_Fragment","_jsxs","jsxs","style","display","alignItems","gap","width","rowGap","flexDirection","overflow","BodySecondary","fontSize","color","getColor","textOverflow","label","BodyCaption","COLORS","content","inactive","text","secondary","marginLeft","displayName"],"mappings":"oSAOO,MAAMA,EAAWC,EAAUA,YACjC,CACCC,EAeAC,KAfA,IAAAC,GACCA,EAAEC,SACFA,EAAQC,QACRA,EAAU,UAASC,aACnBA,EAAYC,YACZA,EAAWC,QACXA,EAAOC,SACPA,EAAQC,aACRA,EAAYC,gBACZA,EAAeC,oBACfA,EAAmBC,QACnBA,EAAOC,iBACPA,GAEAb,EADGc,EAAIC,EAAAA,OAAAf,EAbR,mKAiBA,OACCgB,MAACC,EAAAA,SACAC,OAAAC,OAAA,CAAAlB,IAAKA,EACLC,GAAIA,EACJE,QAASA,EACTgB,QAASA,IAAMjB,GAAYA,EAASK,GACpCC,aAAcA,EACdG,QAASA,EACTC,iBAAkBA,GACdC,EAEH,CAAAO,SAAAX,EACAM,EAAGM,IAAAC,WAAA,CAAAF,SAAAX,IAEHc,EACCC,KAAA,MAAAP,OAAAC,OAAA,CAAAO,MAAO,CACNC,QAAS,OACTC,WAAY,SACZC,IAAK,EACLC,MAAO,SAGP,CAAAT,SAAA,GAAEf,GAAeA,EAClBkB,EAAAA,KAAA,MAAAN,OAAAC,OAAA,CACCO,MAAO,CACNC,QAAS,OACTI,OAAQ,MACRC,cAAe,SACfC,SAAU,WAGV,CAAAZ,SAAA,CAAAV,EACAK,EAAGM,IAAAC,WAAA,CAAAF,SAAAV,IAEHK,EAAAM,IAAAC,WAAA,CAAAF,WACIb,GACFQ,EAACM,IAAAY,EAAaA,cACbhB,OAAAC,OAAA,CAAAO,MAAO,CACNS,UACa,QAAZvB,GAAiC,QAAZA,EAAoB,GAAK,IAA9C,KAEDwB,MAAOC,EAAQA,SAACjC,EAASQ,EAASC,GAClCyB,aAAc,WACdX,QAAS,UACT,CAAAN,SAEAb,EAAS+B,aAMXhC,GACFS,MAACwB,EAAWA,YAAAtB,OAAAC,OAAA,CACXO,MAAO,CACNU,MACa,aAAZhC,EACGqC,EAAMA,OAACC,QAAQC,SACfF,EAAAA,OAAOG,KAAKC,YAChB,CAAAxB,SAEAd,WAIDF,GACFW,EAAKM,IAAA,MAAAJ,OAAAC,OAAA,CAAAO,MAAO,CAAEC,QAAS,OAAQmB,WAAY,SAAQ,CAAAzB,SACjDhB,WAKQ,IAKjBP,EAASiD,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),e=require("../../constants/Theme.js"),t=require("./themes.js");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),e=require("../../constants/Theme.js"),t=require("./themes.js");function n(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const i=n(c).default("div","production"===process.env.NODE_ENV?{target:"e195roa60"}:{target:"e195roa60",label:"ListItem"})("border-bottom:",(c=>c.borderBottom||`${"2.0"===c.version||"3.0"===c.version?0:1}px solid ${e.COLORS.stroke.primary}`),";display:flex;align-items:center;justify-content:start;column-gap:12px;padding:",(c=>"2.0"===c.version?"8px 12px":"12px 16px"),";",(c=>t.getTheme(c.variant,c.version,c.brandSelectedRow)),";border-radius:",(c=>c.brandSelectedRow?0:"2.0"===c.version?8:0),"px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpc3RJdGVtLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR21DIiwiZmlsZSI6Ikxpc3RJdGVtLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgZ2V0VGhlbWUgfSBmcm9tICcuL3RoZW1lcyc7XHJcbmV4cG9ydCBjb25zdCBMaXN0SXRlbSA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuYm9yZGVyQm90dG9tIHx8XHJcbiAgICBgJHtwcm9wcy52ZXJzaW9uID09PSAnMi4wJyB8fCBwcm9wcy52ZXJzaW9uID09PSAnMy4wJyA/IDAgOiAxfXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fWB9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuXHRjb2x1bW4tZ2FwOiAxMnB4O1xuXHRwYWRkaW5nOiAkeyhwcm9wcykgPT4gKHByb3BzLnZlcnNpb24gPT09ICcyLjAnID8gJzhweCAxMnB4JyA6ICcxMnB4IDE2cHgnKX07XG5cdCR7KHByb3BzKSA9PiBnZXRUaGVtZShwcm9wcy52YXJpYW50LCBwcm9wcy52ZXJzaW9uLCBwcm9wcy5icmFuZFNlbGVjdGVkUm93KX07XG5cdGJvcmRlci1yYWRpdXM6ICR7KHByb3BzKSA9PiBwcm9wcy5icmFuZFNlbGVjdGVkUm93ID8gMCA6IHByb3BzLnZlcnNpb24gPT09ICcyLjAnID8gOCA6IDB9cHg7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1MaXN0SXRlbS5zdHlsZWQuanMubWFwIl19 */"));exports.ListItem=i;
|
|
2
2
|
//# sourceMappingURL=ListItem.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.styled.js","sources":["../../../../src/components/list-item/ListItem.styled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { COLORS } from '@src/constants/Theme';\nimport type { Variant } from './List.model';\nimport { getTheme } from './themes';\n\nexport const ListItem = styled.div<{\n\tvariant: Variant;\n\tborderBottom?: string;\n\tversion?: '1.0' | '2.0' | '3.0';\n}>`\n\tborder-bottom: ${(props) =>\n\t\tprops.borderBottom ||\n\t\t`${props.version === '2.0' || props.version === '3.0' ? 0 : 1}px solid ${\n\t\t\tCOLORS.stroke.primary\n\t\t}`};\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: start;\n\tcolumn-gap: 12px;\n\tpadding: ${(props) => (props.version === '2.0' ? '8px 12px' : '12px 16px')};\n\t${(props) => getTheme(props.variant, props.version)};\n\tborder-radius: ${(props)
|
|
1
|
+
{"version":3,"file":"ListItem.styled.js","sources":["../../../../src/components/list-item/ListItem.styled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { COLORS } from '@src/constants/Theme';\nimport type { Variant } from './List.model';\nimport { getTheme } from './themes';\n\nexport const ListItem = styled.div<{\n\tvariant: Variant;\n\tborderBottom?: string;\n\tversion?: '1.0' | '2.0' | '3.0';\n\tbrandSelectedRow?: boolean;\n}>`\n\tborder-bottom: ${(props) =>\n\t\tprops.borderBottom ||\n\t\t`${props.version === '2.0' || props.version === '3.0' ? 0 : 1}px solid ${\n\t\t\tCOLORS.stroke.primary\n\t\t}`};\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: start;\n\tcolumn-gap: 12px;\n\tpadding: ${(props) => (props.version === '2.0' ? '8px 12px' : '12px 16px')};\n\t${(props) => getTheme(props.variant, props.version, props.brandSelectedRow)};\n\tborder-radius: ${(props) =>\n\t\tprops.brandSelectedRow ? 0 : props.version === '2.0' ? 8 : 0}px;\n`;\n"],"names":["ListItem","process","env","NODE_ENV","target","label","_styled","props","borderBottom","version","COLORS","stroke","primary","getTheme","variant","brandSelectedRow"],"mappings":"iPAKO,MAAMA,OAAQ,cAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,YAAAC,CAAA,kBAMFC,GACjBA,EAAMC,cACH,GAAkB,QAAlBD,EAAME,SAAuC,QAAlBF,EAAME,QAAoB,EAAI,aAC3DC,EAAAA,OAAOC,OAAOC,WACb,mFAKSL,GAA6B,QAAlBA,EAAME,QAAoB,WAAa,aAC3DF,KAAAA,GAAUM,EAAQA,SAACN,EAAMO,QAASP,EAAME,QAASF,EAAMQ,mBAAiB,mBACzDR,GACjBA,EAAMQ,iBAAmB,EAAsB,QAAlBR,EAAME,QAAoB,EAAI,GAACR,OAC7D,eAD6DA,QAAAC,IAAAC,SAC7D,GAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/react"),I=require("../../constants/Theme.js");exports.getColor=function(c,g){switch(c){case"default":case"readonly":default:return`${I.COLORS.text.primary}`;case"selected":return"3.0"===g?`${I.COLORS.text.primary}`:`${I.COLORS.content.positive}`;case"inactive":return`${I.COLORS.content.inactive}`;case"error":return`${I.COLORS.content.negative}`;case"placeholder":return`${I.COLORS.content.placeholder}`}},exports.getTheme=function(g,C){switch(g){case"default":return c.css("cursor:pointer;color:",I.COLORS.text.primary,";background-color:",I.COLORS.surface.standard,";&:hover{background-color:","3.0"===C?I.COLORS.surface.hovered:I.COLORS.surface.subdued,";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0J1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcpXHJcbiAgICAgICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke3ZlcnNpb24gPT09ICczLjAnXHJcbiAgICAgICAgICAgICAgICA/IENPTE9SUy5zdXJmYWNlLmhvdmVyZWRcclxuICAgICAgICAgICAgICAgIDogQ09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0YDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0fTtcblx0XHRcdFx0Ym94LXNoYWRvdzogJHt2ZXJzaW9uID09PSAnMi4wJ1xyXG4gICAgICAgICAgICAgICAgPyAnMCdcclxuICAgICAgICAgICAgICAgIDogJzAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpJ307XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3JlYWRvbmx5JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdzZXBhcmF0b3InOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0XHRjdXJzb3I6IG5vbmU7XG5cdFx0XHRcdHBhZGRpbmc6IDhweCAxNnB4O1xuXHRcdFx0YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */");case"selected":return"3.0"===C?c.css("color:",I.COLORS.text.primary,";background:",I.COLORS.background.brandLight,";&:hover{background:",I.COLORS.background.brandLight,";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0MyQiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcpXHJcbiAgICAgICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke3ZlcnNpb24gPT09ICczLjAnXHJcbiAgICAgICAgICAgICAgICA/IENPTE9SUy5zdXJmYWNlLmhvdmVyZWRcclxuICAgICAgICAgICAgICAgIDogQ09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0YDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0fTtcblx0XHRcdFx0Ym94LXNoYWRvdzogJHt2ZXJzaW9uID09PSAnMi4wJ1xyXG4gICAgICAgICAgICAgICAgPyAnMCdcclxuICAgICAgICAgICAgICAgIDogJzAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpJ307XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3JlYWRvbmx5JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdzZXBhcmF0b3InOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0XHRjdXJzb3I6IG5vbmU7XG5cdFx0XHRcdHBhZGRpbmc6IDhweCAxNnB4O1xuXHRcdFx0YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */"):c.css("color:",I.COLORS.content.positive,";background:",I.COLORS.background.positive.light,";box-shadow:","2.0"===C?"0":"0 2px 8px rgba(0, 0, 0, 0.12)",";"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEN1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcpXHJcbiAgICAgICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke3ZlcnNpb24gPT09ICczLjAnXHJcbiAgICAgICAgICAgICAgICA/IENPTE9SUy5zdXJmYWNlLmhvdmVyZWRcclxuICAgICAgICAgICAgICAgIDogQ09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0YDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0fTtcblx0XHRcdFx0Ym94LXNoYWRvdzogJHt2ZXJzaW9uID09PSAnMi4wJ1xyXG4gICAgICAgICAgICAgICAgPyAnMCdcclxuICAgICAgICAgICAgICAgIDogJzAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpJ307XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3JlYWRvbmx5JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdzZXBhcmF0b3InOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0XHRjdXJzb3I6IG5vbmU7XG5cdFx0XHRcdHBhZGRpbmc6IDhweCAxNnB4O1xuXHRcdFx0YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */");case"inactive":return c.css("color:",I.COLORS.content.inactive,";background-color:",I.COLORS.surface.standard,";cursor:not-allowed;"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0R1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcpXHJcbiAgICAgICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke3ZlcnNpb24gPT09ICczLjAnXHJcbiAgICAgICAgICAgICAgICA/IENPTE9SUy5zdXJmYWNlLmhvdmVyZWRcclxuICAgICAgICAgICAgICAgIDogQ09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0YDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0fTtcblx0XHRcdFx0Ym94LXNoYWRvdzogJHt2ZXJzaW9uID09PSAnMi4wJ1xyXG4gICAgICAgICAgICAgICAgPyAnMCdcclxuICAgICAgICAgICAgICAgIDogJzAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpJ307XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3JlYWRvbmx5JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdzZXBhcmF0b3InOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0XHRjdXJzb3I6IG5vbmU7XG5cdFx0XHRcdHBhZGRpbmc6IDhweCAxNnB4O1xuXHRcdFx0YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */");case"readonly":return c.css("color:",I.COLORS.text.primary,";"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMER1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcpXHJcbiAgICAgICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke3ZlcnNpb24gPT09ICczLjAnXHJcbiAgICAgICAgICAgICAgICA/IENPTE9SUy5zdXJmYWNlLmhvdmVyZWRcclxuICAgICAgICAgICAgICAgIDogQ09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0YDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0fTtcblx0XHRcdFx0Ym94LXNoYWRvdzogJHt2ZXJzaW9uID09PSAnMi4wJ1xyXG4gICAgICAgICAgICAgICAgPyAnMCdcclxuICAgICAgICAgICAgICAgIDogJzAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpJ307XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3JlYWRvbmx5JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdzZXBhcmF0b3InOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0XHRjdXJzb3I6IG5vbmU7XG5cdFx0XHRcdHBhZGRpbmc6IDhweCAxNnB4O1xuXHRcdFx0YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */");case"separator":return c.css("color:",I.COLORS.content.inactive,";background-color:",I.COLORS.background.base,";cursor:none;padding:8px 16px;"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOER1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcpXHJcbiAgICAgICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke3ZlcnNpb24gPT09ICczLjAnXHJcbiAgICAgICAgICAgICAgICA/IENPTE9SUy5zdXJmYWNlLmhvdmVyZWRcclxuICAgICAgICAgICAgICAgIDogQ09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0YDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0fTtcblx0XHRcdFx0Ym94LXNoYWRvdzogJHt2ZXJzaW9uID09PSAnMi4wJ1xyXG4gICAgICAgICAgICAgICAgPyAnMCdcclxuICAgICAgICAgICAgICAgIDogJzAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpJ307XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3JlYWRvbmx5JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdzZXBhcmF0b3InOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0XHRjdXJzb3I6IG5vbmU7XG5cdFx0XHRcdHBhZGRpbmc6IDhweCAxNnB4O1xuXHRcdFx0YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */");default:return c.css("color:",I.COLORS.text.primary,";background-color:",I.COLORS.surface.standard,";&:hover{background-color:",I.COLORS.surface.subdued,";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUV1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcpXHJcbiAgICAgICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke3ZlcnNpb24gPT09ICczLjAnXHJcbiAgICAgICAgICAgICAgICA/IENPTE9SUy5zdXJmYWNlLmhvdmVyZWRcclxuICAgICAgICAgICAgICAgIDogQ09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0YDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0fTtcblx0XHRcdFx0Ym94LXNoYWRvdzogJHt2ZXJzaW9uID09PSAnMi4wJ1xyXG4gICAgICAgICAgICAgICAgPyAnMCdcclxuICAgICAgICAgICAgICAgIDogJzAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpJ307XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3JlYWRvbmx5JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdzZXBhcmF0b3InOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0XHRjdXJzb3I6IG5vbmU7XG5cdFx0XHRcdHBhZGRpbmc6IDhweCAxNnB4O1xuXHRcdFx0YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */")}};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/react"),I=require("../../constants/Theme.js");exports.getColor=function(c,g,C){switch(c){case"default":case"readonly":default:return`${I.COLORS.text.primary}`;case"selected":return"3.0"===g||C?`${I.COLORS.text.primary}`:`${I.COLORS.content.positive}`;case"inactive":return`${I.COLORS.content.inactive}`;case"error":return`${I.COLORS.content.negative}`;case"placeholder":return`${I.COLORS.content.placeholder}`}},exports.getTheme=function(g,C,A){if(A&&"selected"===g)return c.css("color:",I.COLORS.text.primary,";background:",I.COLORS.background.brandLight,";&:hover{background:",I.COLORS.background.brandLight,";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJtQiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50LCB2ZXJzaW9uLCBicmFuZFNlbGVjdGVkUm93KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcgfHwgYnJhbmRTZWxlY3RlZFJvdylcclxuICAgICAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9YDtcclxuICAgICAgICBjYXNlICdwbGFjZWhvbGRlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn1gO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKHZhcmlhbnQsIHZlcnNpb24sIGJyYW5kU2VsZWN0ZWRSb3cpIHtcclxuICAgIGlmIChicmFuZFNlbGVjdGVkUm93ICYmIHZhcmlhbnQgPT09ICdzZWxlY3RlZCcpIHtcclxuICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0fVxuXHRcdGA7XHJcbiAgICB9XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke3ZlcnNpb24gPT09ICczLjAnXHJcbiAgICAgICAgICAgICAgICA/IENPTE9SUy5zdXJmYWNlLmhvdmVyZWRcclxuICAgICAgICAgICAgICAgIDogQ09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0YDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0fTtcblx0XHRcdFx0Ym94LXNoYWRvdzogJHt2ZXJzaW9uID09PSAnMi4wJ1xyXG4gICAgICAgICAgICAgICAgPyAnMCdcclxuICAgICAgICAgICAgICAgIDogJzAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpJ307XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3JlYWRvbmx5JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdzZXBhcmF0b3InOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0XHRjdXJzb3I6IG5vbmU7XG5cdFx0XHRcdHBhZGRpbmc6IDhweCAxNnB4O1xuXHRcdFx0YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */");switch(g){case"default":return c.css("cursor:pointer;color:",I.COLORS.text.primary,";background-color:",I.COLORS.surface.standard,";&:hover{background-color:","3.0"===C?I.COLORS.surface.hovered:I.COLORS.surface.subdued,";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUN1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50LCB2ZXJzaW9uLCBicmFuZFNlbGVjdGVkUm93KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcgfHwgYnJhbmRTZWxlY3RlZFJvdylcclxuICAgICAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9YDtcclxuICAgICAgICBjYXNlICdwbGFjZWhvbGRlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn1gO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKHZhcmlhbnQsIHZlcnNpb24sIGJyYW5kU2VsZWN0ZWRSb3cpIHtcclxuICAgIGlmIChicmFuZFNlbGVjdGVkUm93ICYmIHZhcmlhbnQgPT09ICdzZWxlY3RlZCcpIHtcclxuICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0fVxuXHRcdGA7XHJcbiAgICB9XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke3ZlcnNpb24gPT09ICczLjAnXHJcbiAgICAgICAgICAgICAgICA/IENPTE9SUy5zdXJmYWNlLmhvdmVyZWRcclxuICAgICAgICAgICAgICAgIDogQ09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0YDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0fTtcblx0XHRcdFx0Ym94LXNoYWRvdzogJHt2ZXJzaW9uID09PSAnMi4wJ1xyXG4gICAgICAgICAgICAgICAgPyAnMCdcclxuICAgICAgICAgICAgICAgIDogJzAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpJ307XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3JlYWRvbmx5JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdzZXBhcmF0b3InOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0XHRjdXJzb3I6IG5vbmU7XG5cdFx0XHRcdHBhZGRpbmc6IDhweCAxNnB4O1xuXHRcdFx0YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */");case"selected":return"3.0"===C?c.css("color:",I.COLORS.text.primary,";background:",I.COLORS.background.brandLight,";&:hover{background:",I.COLORS.background.brandLight,";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkMyQiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50LCB2ZXJzaW9uLCBicmFuZFNlbGVjdGVkUm93KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcgfHwgYnJhbmRTZWxlY3RlZFJvdylcclxuICAgICAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9YDtcclxuICAgICAgICBjYXNlICdwbGFjZWhvbGRlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn1gO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKHZhcmlhbnQsIHZlcnNpb24sIGJyYW5kU2VsZWN0ZWRSb3cpIHtcclxuICAgIGlmIChicmFuZFNlbGVjdGVkUm93ICYmIHZhcmlhbnQgPT09ICdzZWxlY3RlZCcpIHtcclxuICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0fVxuXHRcdGA7XHJcbiAgICB9XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke3ZlcnNpb24gPT09ICczLjAnXHJcbiAgICAgICAgICAgICAgICA/IENPTE9SUy5zdXJmYWNlLmhvdmVyZWRcclxuICAgICAgICAgICAgICAgIDogQ09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0YDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0fTtcblx0XHRcdFx0Ym94LXNoYWRvdzogJHt2ZXJzaW9uID09PSAnMi4wJ1xyXG4gICAgICAgICAgICAgICAgPyAnMCdcclxuICAgICAgICAgICAgICAgIDogJzAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpJ307XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3JlYWRvbmx5JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdzZXBhcmF0b3InOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0XHRjdXJzb3I6IG5vbmU7XG5cdFx0XHRcdHBhZGRpbmc6IDhweCAxNnB4O1xuXHRcdFx0YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */"):c.css("color:",I.COLORS.content.positive,";background:",I.COLORS.background.positive.light,";box-shadow:","2.0"===C?"0":"0 2px 8px rgba(0, 0, 0, 0.12)",";"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUR1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50LCB2ZXJzaW9uLCBicmFuZFNlbGVjdGVkUm93KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcgfHwgYnJhbmRTZWxlY3RlZFJvdylcclxuICAgICAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9YDtcclxuICAgICAgICBjYXNlICdwbGFjZWhvbGRlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn1gO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKHZhcmlhbnQsIHZlcnNpb24sIGJyYW5kU2VsZWN0ZWRSb3cpIHtcclxuICAgIGlmIChicmFuZFNlbGVjdGVkUm93ICYmIHZhcmlhbnQgPT09ICdzZWxlY3RlZCcpIHtcclxuICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0fVxuXHRcdGA7XHJcbiAgICB9XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke3ZlcnNpb24gPT09ICczLjAnXHJcbiAgICAgICAgICAgICAgICA/IENPTE9SUy5zdXJmYWNlLmhvdmVyZWRcclxuICAgICAgICAgICAgICAgIDogQ09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0YDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0fTtcblx0XHRcdFx0Ym94LXNoYWRvdzogJHt2ZXJzaW9uID09PSAnMi4wJ1xyXG4gICAgICAgICAgICAgICAgPyAnMCdcclxuICAgICAgICAgICAgICAgIDogJzAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpJ307XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3JlYWRvbmx5JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdzZXBhcmF0b3InOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0XHRjdXJzb3I6IG5vbmU7XG5cdFx0XHRcdHBhZGRpbmc6IDhweCAxNnB4O1xuXHRcdFx0YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */");case"inactive":return c.css("color:",I.COLORS.content.inactive,";background-color:",I.COLORS.surface.standard,";cursor:not-allowed;"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkR1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50LCB2ZXJzaW9uLCBicmFuZFNlbGVjdGVkUm93KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcgfHwgYnJhbmRTZWxlY3RlZFJvdylcclxuICAgICAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9YDtcclxuICAgICAgICBjYXNlICdwbGFjZWhvbGRlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn1gO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKHZhcmlhbnQsIHZlcnNpb24sIGJyYW5kU2VsZWN0ZWRSb3cpIHtcclxuICAgIGlmIChicmFuZFNlbGVjdGVkUm93ICYmIHZhcmlhbnQgPT09ICdzZWxlY3RlZCcpIHtcclxuICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0fVxuXHRcdGA7XHJcbiAgICB9XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke3ZlcnNpb24gPT09ICczLjAnXHJcbiAgICAgICAgICAgICAgICA/IENPTE9SUy5zdXJmYWNlLmhvdmVyZWRcclxuICAgICAgICAgICAgICAgIDogQ09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0YDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0fTtcblx0XHRcdFx0Ym94LXNoYWRvdzogJHt2ZXJzaW9uID09PSAnMi4wJ1xyXG4gICAgICAgICAgICAgICAgPyAnMCdcclxuICAgICAgICAgICAgICAgIDogJzAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpJ307XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3JlYWRvbmx5JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdzZXBhcmF0b3InOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0XHRjdXJzb3I6IG5vbmU7XG5cdFx0XHRcdHBhZGRpbmc6IDhweCAxNnB4O1xuXHRcdFx0YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */");case"readonly":return c.css("color:",I.COLORS.text.primary,";"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUV1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50LCB2ZXJzaW9uLCBicmFuZFNlbGVjdGVkUm93KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcgfHwgYnJhbmRTZWxlY3RlZFJvdylcclxuICAgICAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9YDtcclxuICAgICAgICBjYXNlICdwbGFjZWhvbGRlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn1gO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKHZhcmlhbnQsIHZlcnNpb24sIGJyYW5kU2VsZWN0ZWRSb3cpIHtcclxuICAgIGlmIChicmFuZFNlbGVjdGVkUm93ICYmIHZhcmlhbnQgPT09ICdzZWxlY3RlZCcpIHtcclxuICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0fVxuXHRcdGA7XHJcbiAgICB9XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke3ZlcnNpb24gPT09ICczLjAnXHJcbiAgICAgICAgICAgICAgICA/IENPTE9SUy5zdXJmYWNlLmhvdmVyZWRcclxuICAgICAgICAgICAgICAgIDogQ09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0YDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0fTtcblx0XHRcdFx0Ym94LXNoYWRvdzogJHt2ZXJzaW9uID09PSAnMi4wJ1xyXG4gICAgICAgICAgICAgICAgPyAnMCdcclxuICAgICAgICAgICAgICAgIDogJzAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpJ307XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3JlYWRvbmx5JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdzZXBhcmF0b3InOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0XHRjdXJzb3I6IG5vbmU7XG5cdFx0XHRcdHBhZGRpbmc6IDhweCAxNnB4O1xuXHRcdFx0YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */");case"separator":return c.css("color:",I.COLORS.content.inactive,";background-color:",I.COLORS.background.base,";cursor:none;padding:8px 16px;"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUV1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50LCB2ZXJzaW9uLCBicmFuZFNlbGVjdGVkUm93KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcgfHwgYnJhbmRTZWxlY3RlZFJvdylcclxuICAgICAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9YDtcclxuICAgICAgICBjYXNlICdwbGFjZWhvbGRlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn1gO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKHZhcmlhbnQsIHZlcnNpb24sIGJyYW5kU2VsZWN0ZWRSb3cpIHtcclxuICAgIGlmIChicmFuZFNlbGVjdGVkUm93ICYmIHZhcmlhbnQgPT09ICdzZWxlY3RlZCcpIHtcclxuICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0fVxuXHRcdGA7XHJcbiAgICB9XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke3ZlcnNpb24gPT09ICczLjAnXHJcbiAgICAgICAgICAgICAgICA/IENPTE9SUy5zdXJmYWNlLmhvdmVyZWRcclxuICAgICAgICAgICAgICAgIDogQ09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0YDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0fTtcblx0XHRcdFx0Ym94LXNoYWRvdzogJHt2ZXJzaW9uID09PSAnMi4wJ1xyXG4gICAgICAgICAgICAgICAgPyAnMCdcclxuICAgICAgICAgICAgICAgIDogJzAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpJ307XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3JlYWRvbmx5JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdzZXBhcmF0b3InOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0XHRjdXJzb3I6IG5vbmU7XG5cdFx0XHRcdHBhZGRpbmc6IDhweCAxNnB4O1xuXHRcdFx0YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */");default:return c.css("color:",I.COLORS.text.primary,";background-color:",I.COLORS.surface.standard,";&:hover{background-color:",I.COLORS.surface.subdued,";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEV1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50LCB2ZXJzaW9uLCBicmFuZFNlbGVjdGVkUm93KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcgfHwgYnJhbmRTZWxlY3RlZFJvdylcclxuICAgICAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAnZXJyb3InOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9YDtcclxuICAgICAgICBjYXNlICdwbGFjZWhvbGRlcic6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5wbGFjZWhvbGRlcn1gO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFRoZW1lKHZhcmlhbnQsIHZlcnNpb24sIGJyYW5kU2VsZWN0ZWRSb3cpIHtcclxuICAgIGlmIChicmFuZFNlbGVjdGVkUm93ICYmIHZhcmlhbnQgPT09ICdzZWxlY3RlZCcpIHtcclxuICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0XHRcdCY6aG92ZXIge1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0fVxuXHRcdGA7XHJcbiAgICB9XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke3ZlcnNpb24gPT09ICczLjAnXHJcbiAgICAgICAgICAgICAgICA/IENPTE9SUy5zdXJmYWNlLmhvdmVyZWRcclxuICAgICAgICAgICAgICAgIDogQ09MT1JTLnN1cmZhY2Uuc3ViZHVlZH07XG5cdFx0XHRcdH1cblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICBpZiAodmVyc2lvbiA9PT0gJzMuMCcpIHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0YDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0fTtcblx0XHRcdFx0Ym94LXNoYWRvdzogJHt2ZXJzaW9uID09PSAnMi4wJ1xyXG4gICAgICAgICAgICAgICAgPyAnMCdcclxuICAgICAgICAgICAgICAgIDogJzAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpJ307XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ2luYWN0aXZlJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3JlYWRvbmx5JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdzZXBhcmF0b3InOlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0XHRjdXJzb3I6IG5vbmU7XG5cdFx0XHRcdHBhZGRpbmc6IDhweCAxNnB4O1xuXHRcdFx0YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gY3NzIGBcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXRoZW1lcy5qcy5tYXAiXX0= */")}};
|
|
2
2
|
//# sourceMappingURL=themes.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themes.js","sources":["../../../../src/components/list-item/themes.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport { COLORS } from '@src/constants/Theme';\nimport type { Variant } from './List.model';\n\nexport function getColor(
|
|
1
|
+
{"version":3,"file":"themes.js","sources":["../../../../src/components/list-item/themes.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport { COLORS } from '@src/constants/Theme';\nimport type { Variant } from './List.model';\n\nexport function getColor(\n\tvariant: Variant,\n\tversion?: '1.0' | '2.0' | '3.0',\n\tbrandSelectedRow?: boolean,\n) {\n\tswitch (variant) {\n\t\tcase 'default':\n\t\tcase 'readonly':\n\t\t\treturn `${COLORS.text.primary}`;\n\t\tcase 'selected':\n\t\t\tif (version === '3.0' || brandSelectedRow)\n\t\t\t\treturn `${COLORS.text.primary}`;\n\t\t\treturn `${COLORS.content.positive}`;\n\t\tcase 'inactive':\n\t\t\treturn `${COLORS.content.inactive}`;\n\t\tcase 'error':\n\t\t\treturn `${COLORS.content.negative}`;\n\t\tcase 'placeholder':\n\t\t\treturn `${COLORS.content.placeholder}`;\n\t\tdefault:\n\t\t\treturn `${COLORS.text.primary}`;\n\t}\n}\n\nexport function getTheme(\n\tvariant: Variant,\n\tversion?: '1.0' | '2.0' | '3.0',\n\tbrandSelectedRow?: boolean,\n) {\n\tif (brandSelectedRow && variant === 'selected') {\n\t\treturn css`\n\t\t\tcolor: ${COLORS.text.primary};\n\t\t\tbackground: ${COLORS.background.brandLight};\n\t\t\t&:hover {\n\t\t\t\tbackground: ${COLORS.background.brandLight};\n\t\t\t}\n\t\t`;\n\t}\n\tswitch (variant) {\n\t\tcase 'default':\n\t\t\treturn css`\n\t\t\t\tcursor: pointer;\n\t\t\t\tcolor: ${COLORS.text.primary};\n\t\t\t\tbackground-color: ${COLORS.surface.standard};\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: ${version === '3.0'\n\t\t\t\t\t\t? COLORS.surface.hovered\n\t\t\t\t\t\t: COLORS.surface.subdued};\n\t\t\t\t}\n\t\t\t`;\n\t\tcase 'selected':\n\t\t\tif (version === '3.0') {\n\t\t\t\treturn css`\n\t\t\t\t\tcolor: ${COLORS.text.primary};\n\t\t\t\t\tbackground: ${COLORS.background.brandLight};\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground: ${COLORS.background.brandLight};\n\t\t\t\t\t}\n\t\t\t\t`;\n\t\t\t}\n\t\t\treturn css`\n\t\t\t\tcolor: ${COLORS.content.positive};\n\t\t\t\tbackground: ${COLORS.background.positive.light};\n\t\t\t\tbox-shadow: ${version === '2.0'\n\t\t\t\t\t? '0'\n\t\t\t\t\t: '0 2px 8px rgba(0, 0, 0, 0.12)'};\n\t\t\t`;\n\t\tcase 'inactive':\n\t\t\treturn css`\n\t\t\t\tcolor: ${COLORS.content.inactive};\n\t\t\t\tbackground-color: ${COLORS.surface.standard};\n\t\t\t\tcursor: not-allowed;\n\t\t\t`;\n\t\tcase 'readonly':\n\t\t\treturn css`\n\t\t\t\tcolor: ${COLORS.text.primary};\n\t\t\t`;\n\t\tcase 'separator':\n\t\t\treturn css`\n\t\t\t\tcolor: ${COLORS.content.inactive};\n\t\t\t\tbackground-color: ${COLORS.background.base};\n\t\t\t\tcursor: none;\n\t\t\t\tpadding: 8px 16px;\n\t\t\t`;\n\t\tdefault:\n\t\t\treturn css`\n\t\t\t\tcolor: ${COLORS.text.primary};\n\t\t\t\tbackground-color: ${COLORS.surface.standard};\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: ${COLORS.surface.subdued};\n\t\t\t\t}\n\t\t\t`;\n\t}\n}\n"],"names":["variant","version","brandSelectedRow","COLORS","text","primary","content","positive","inactive","negative","placeholder","css","background","brandLight","process","env","NODE_ENV","surface","standard","hovered","subdued","light","base"],"mappings":"oKAKCA,EACAC,EACAC,GAEA,OAAQF,GACP,IAAK,UACL,IAAK,WAYL,QACC,SAAUG,EAAMA,OAACC,KAAKC,UAXvB,IAAK,WACJ,MAAgB,QAAZJ,GAAqBC,KACdC,SAAOC,KAAKC,aACbF,EAAMA,OAACG,QAAQC,WAC1B,IAAK,WACJ,SAAUJ,EAAMA,OAACG,QAAQE,WAC1B,IAAK,QACJ,SAAUL,EAAMA,OAACG,QAAQG,WAC1B,IAAK,cACJ,SAAUN,EAAMA,OAACG,QAAQI,cAI5B,4BAGCV,EACAC,EACAC,GAEA,GAAIA,GAAgC,aAAZF,EACvB,OAAOW,EAAGA,IAAA,SACAR,SAAOC,KAAKC,QAAO,eACdF,EAAMA,OAACS,WAAWC,WAEjBV,uBAAAA,EAAMA,OAACS,WAAWC,WAAUC,MAAAA,eAAAA,QAAAC,IAAAC,SAAAF,GAAAA,oBAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,2/HAI7C,OAAQhB,GACP,IAAK,UACJ,OAAOW,EAAAA,IAEGR,wBAAAA,EAAAA,OAAOC,KAAKC,QACDF,qBAAAA,EAAMA,OAACc,QAAQC,SAAQ,6BAEV,QAAZjB,EACjBE,EAAMA,OAACc,QAAQE,QACfhB,EAAAA,OAAOc,QAAQG,QAAON,MAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,oBAAA,eAAAF,QAAAC,IAAAC,SAAA,GAAA,2/HAG5B,IAAK,WACJ,MAAgB,QAAZf,EACIU,EAAGA,IAAA,SACAR,SAAOC,KAAKC,QAAO,eACdF,EAAMA,OAACS,WAAWC,WAEjBV,uBAAAA,EAAMA,OAACS,WAAWC,WAAUC,MAAAA,eAAAA,QAAAC,IAAAC,SAAAF,GAAAA,oBAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,2/HAItCL,EAAGA,IAAA,SACAR,EAAMA,OAACG,QAAQC,SACVJ,eAAAA,EAAMA,OAACS,WAAWL,SAASc,MAC3BpB,eAAY,QAAZA,EACX,IACA,qCAA+Ba,eAAAA,QAAAC,IAAAC,SAAAF,GAAAA,oBAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,2/HAEpC,IAAK,WACJ,OAAOL,MACGR,SAAAA,EAAMA,OAACG,QAAQE,SAAQ,qBACZL,SAAOc,QAAQC,SAAQJ,uCAAAA,QAAAC,IAAAC,gCAAA,eAAAF,QAAAC,IAAAC,SAAA,GAAA,2/HAG7C,IAAK,WACJ,OAAOL,EAAGA,IACAR,SAAAA,SAAOC,KAAKC,QAAOS,KAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,oBAAA,eAAAF,QAAAC,IAAAC,SAAA,GAAA,2/HAE9B,IAAK,YACJ,OAAOL,MACGR,SAAAA,EAAMA,OAACG,QAAQE,SAAQ,qBACZL,SAAOS,WAAWU,KAAIR,iDAAAA,QAAAC,IAAAC,gCAAA,eAAAF,QAAAC,IAAAC,SAAA,GAAA,2/HAI5C,QACC,OAAOL,EAAGA,IAAA,SACAR,SAAOC,KAAKC,QAAO,qBACRF,EAAMA,OAACc,QAAQC,SAEdf,6BAAAA,EAAMA,OAACc,QAAQG,QAAON,MAAAA,eAAAA,QAAAC,IAAAC,SAAAF,GAAAA,oBAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,2/HAI/C"}
|
|
@@ -18,6 +18,8 @@ interface MenuItemProps {
|
|
|
18
18
|
onDragEnd?: (e: React.DragEvent<HTMLDivElement>) => void;
|
|
19
19
|
isDraggedOver?: boolean;
|
|
20
20
|
showCheckboxForCustomElement?: boolean;
|
|
21
|
+
checkboxActiveColor?: string;
|
|
22
|
+
brandSelectedRow?: boolean;
|
|
21
23
|
}
|
|
22
24
|
export declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
23
25
|
export {};
|
|
@@ -13,6 +13,8 @@ interface MenuListProps {
|
|
|
13
13
|
isDraggable?: boolean;
|
|
14
14
|
onOptionsReorder?: (reorderedOptions: DropdownOption[]) => void;
|
|
15
15
|
showCheckboxForCustomElement?: boolean;
|
|
16
|
+
checkboxActiveColor?: string;
|
|
17
|
+
brandSelectedRow?: boolean;
|
|
16
18
|
}
|
|
17
19
|
export declare const MenuList: import("react").ForwardRefExoticComponent<MenuListProps & import("react").RefAttributes<HTMLDivElement[]>>;
|
|
18
20
|
export {};
|
|
@@ -58,6 +58,10 @@ export interface OpenDropdownProps {
|
|
|
58
58
|
dropdownZIndex?: number;
|
|
59
59
|
/** When true, renders a checkbox alongside the customComponent in multiselect mode */
|
|
60
60
|
showCheckboxForCustomElement?: boolean;
|
|
61
|
+
/** Overrides the active (checked) color of the multiselect checkboxes */
|
|
62
|
+
checkboxActiveColor?: string;
|
|
63
|
+
/** Renders rows with the brand selected theme (brandLight bg + primary text), square corners and flush spacing */
|
|
64
|
+
brandSelectedRow?: boolean;
|
|
61
65
|
}
|
|
62
66
|
export type GroupedOption = {
|
|
63
67
|
label?: string;
|
|
@@ -7,4 +7,5 @@ export declare const ListItem: import("@emotion/styled").StyledComponent<{
|
|
|
7
7
|
variant: Variant;
|
|
8
8
|
borderBottom?: string | undefined;
|
|
9
9
|
version?: "1.0" | "2.0" | "3.0" | undefined;
|
|
10
|
+
brandSelectedRow?: boolean | undefined;
|
|
10
11
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { Variant } from './List.model';
|
|
2
|
-
export declare function getColor(variant: Variant, version?: '1.0' | '2.0' | '3.0'): string;
|
|
3
|
-
export declare function getTheme(variant: Variant, version?: '1.0' | '2.0' | '3.0'): import("@emotion/utils").SerializedStyles;
|
|
2
|
+
export declare function getColor(variant: Variant, version?: '1.0' | '2.0' | '3.0', brandSelectedRow?: boolean): string;
|
|
3
|
+
export declare function getTheme(variant: Variant, version?: '1.0' | '2.0' | '3.0', brandSelectedRow?: boolean): import("@emotion/utils").SerializedStyles;
|