npm - @bikdotai/bik-component-library - Versions diffs - 0.0.817-beta.7 → 0.0.817-beta.8 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1816) hide show

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.js.map CHANGED Viewed

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

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-dev-runtime"),r=require("react"),W=require("./MenuItem.js"),C=require("./MenuList.styled.js"),G=r.forwardRef(({options:u,isMultiSelect:N,showDescription:y,onSelect:x,version:m,onInfiniteScroll:g,onDropdownItemClick:w,useDefaultCursor:O,focusedIndex:M=-1,isDraggable:a=!1,onOptionsReorder:E,showCheckboxForCustomElement:j=!1},t)=>{const c=r.useRef(null),p=r.useRef(null),[b,v]=r.useState(null),[R,D]=r.useState(null),I=r.useCallback(()=>{c.current&&c.current.disconnect(),c.current=new IntersectionObserver(n=>{n[0].isIntersecting&&g?.()}),p.current&&c.current.observe(p.current)},[g]);r.useEffect(()=>(I(),()=>{c.current&&c.current.disconnect()}),[I,u]);const F=r.useCallback(n=>e=>{a&&(v(n),e.dataTransfer.effectAllowed="move")},[a]),q=r.useCallback(n=>e=>{a&&(e.preventDefault(),e.dataTransfer.dropEffect="move",D(n))},[a]),S=r.useCallback(n=>e=>{if(!(!a||b===null)){if(e.preventDefault(),b!==n){const i=[...u],[l]=i.splice(b,1);i.splice(n,0,l),E?.(i)}v(null),D(null)}},[a,b,u,E]),T=r.useCallback(()=>{v(null),D(null)},[]),f=new Map;let k=-1;return u.forEach(n=>{if(n.options)n.options.forEach(e=>{e.disabled||(k++,f.set(e,k))});else{const e=n;e.disabled||(k++,f.set(e,k))}}),s.jsxDEV(s.Fragment,{children:u.map((n,e)=>{const i=e===u.length-1;if(n.options){const o=n;return s.jsxDEV("div",{style:{marginTop:m==="2.0"?2:0},children:[s.jsxDEV(C.StyledGroupedLabel,{version:m,children:[o.leadingIcon?s.jsxDEV("span",{style:{marginRight:8},children:o.leadingIcon},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",lineNumber:141,columnNumber:11},void 0):null,o.label]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",lineNumber:139,columnNumber:9},void 0),o.options.map((h,U)=>{const V=f.get(h),A=V===M&&!h.disabled;return s.jsxDEV(W.MenuItem,{version:m,last:U===o.options.length-1,onSelect:x,showDescription:y,onDropdownItemClick:w,isMultiSelect:N,option:h,useDefaultCursor:O,isFocused:A,dataIndex:V,isDraggable:!1,showCheckboxForCustomElement:j,ref:d=>{t&&typeof t=="object"&&t.current&&d&&d&&d&&d&&(t.current[e]=d)}},`${e}-${U}`,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",lineNumber:152,columnNumber:11},void 0)}),i?s.jsxDEV("span",{ref:p},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",lineNumber:182,columnNumber:17},void 0):null]},e,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",lineNumber:138,columnNumber:8},void 0)}const l=n,L=f.get(l),$=L===M&&!l.disabled;return s.jsxDEV("div",{children:[s.jsxDEV(W.MenuItem,{version:m,last:i,onSelect:x,showDescription:y,onDropdownItemClick:w,isMultiSelect:N,option:l,useDefaultCursor:O,isFocused:$,dataIndex:L,isDraggable:a,onDragStart:F(e),onDragOver:q(e),onDrop:S(e),onDragEnd:T,isDraggedOver:R===e,showCheckboxForCustomElement:j,ref:o=>{t&&typeof t=="object"&&t.current&&o&&(t.current[e]=o)}},l.value,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",lineNumber:193,columnNumber:8},void 0),i?s.jsxDEV("span",{ref:p},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",lineNumber:218,columnNumber:16},void 0):null]},e,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",lineNumber:192,columnNumber:7},void 0)})},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",lineNumber:131,columnNumber:4},void 0)});exports.MenuList=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),o=require("react"),R=require("./MenuItem.js"),G=require("./MenuList.styled.js"),P=o.forwardRef(({options:a,isMultiSelect:x,showDescription:g,onSelect:v,version:m,onInfiniteScroll:O,onDropdownItemClick:M,useDefaultCursor:E,focusedIndex:j=-1,isDraggable:d=!1,onOptionsReorder:I,showCheckboxForCustomElement:L=!1},s)=>{const l=o.useRef(null),p=o.useRef(null),[f,w]=o.useState(null),[F,N]=o.useState(null),k=o.useCallback(()=>{l.current&&l.current.disconnect(),l.current=new IntersectionObserver(n=>{n[0].isIntersecting&&O?.()}),p.current&&l.current.observe(p.current)},[O]);o.useEffect(()=>(k(),()=>{l.current&&l.current.disconnect()}),[k,a]);const q=o.useCallback(n=>e=>{d&&(w(n),e.dataTransfer.effectAllowed="move")},[d]),S=o.useCallback(n=>e=>{d&&(e.preventDefault(),e.dataTransfer.dropEffect="move",N(n))},[d]),T=o.useCallback(n=>e=>{if(!(!d||f===null)){if(e.preventDefault(),f!==n){const u=[...a],[c]=u.splice(f,1);u.splice(n,0,c),I?.(u)}w(null),N(null)}},[d,f,a,I]),$=o.useCallback(()=>{w(null),N(null)},[]),b=new Map;let D=-1;return a.forEach(n=>{if(n.options)n.options.forEach(e=>{e.disabled||(D++,b.set(e,D))});else{const e=n;e.disabled||(D++,b.set(e,D))}}),r.jsxDEV(r.Fragment,{children:a.map((n,e)=>{const u=e===a.length-1;if(n.options){const t=n;return r.jsxDEV("div",{style:{marginTop:m==="2.0"?2:0},children:[r.jsxDEV(G.StyledGroupedLabel,{version:m,children:[t.leadingIcon?r.jsxDEV("span",{style:{marginRight:8},children:t.leadingIcon},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",lineNumber:141,columnNumber:11},void 0):null,t.label]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",lineNumber:139,columnNumber:9},void 0),t.options.map((y,U)=>{const V=b.get(y),C=V===j&&!y.disabled;return r.jsxDEV(R.MenuItem,{version:m,last:U===t.options.length-1,onSelect:v,showDescription:g,onDropdownItemClick:M,isMultiSelect:x,option:y,useDefaultCursor:E,isFocused:C,dataIndex:V,isDraggable:!1,showCheckboxForCustomElement:L,ref:i=>{s&&typeof s=="object"&&s.current&&i&&i&&i&&i&&(s.current[e]=i)}},`${e}-${U}`,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",lineNumber:152,columnNumber:11},void 0)}),u?r.jsxDEV("span",{ref:p},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",lineNumber:182,columnNumber:17},void 0):null]},e,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",lineNumber:138,columnNumber:8},void 0)}const c=n,h=b.get(c),A=h===j&&!c.disabled;return r.jsxDEV("div",{children:[r.jsxDEV(R.MenuItem,{version:m,last:u,onSelect:v,showDescription:g,onDropdownItemClick:M,isMultiSelect:x,option:c,useDefaultCursor:E,isFocused:A,dataIndex:h,isDraggable:d,onDragStart:q(e),onDragOver:S(e),onDrop:T(e),onDragEnd:$,isDraggedOver:F===e,showCheckboxForCustomElement:L,ref:t=>{s&&typeof s=="object"&&s.current&&t&&(s.current[e]=t)}},c.value,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",lineNumber:193,columnNumber:8},void 0),u?r.jsxDEV("span",{ref:p},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",lineNumber:218,columnNumber:16},void 0):null]},e,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",lineNumber:192,columnNumber:7},void 0)})},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/MenuList.tsx",lineNumber:131,columnNumber:4},void 0)});exports.MenuList=P;
 //# sourceMappingURL=MenuList.js.map

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.js.map CHANGED Viewed

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

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),d=require("react"),u=require("../../../../list-item/ListItem.js"),m=require("../../../../checkBox/CheckBox.js"),p=({options:r,onSelect:n,version:c})=>{const[e,s]=d.useState("notSelected");function a(){e==="partiallySelected"&&n("notSelected"),e==="selectAll"&&n("notSelected"),e==="notSelected"&&n("selectAll")}return d.useEffect(()=>{const l=[];r.filter(t=>!t.disabled).forEach(t=>{t.options?t.options.filter(o=>!o.disabled).forEach(o=>{l.push(o.selected||!1)}):l.push(t.selected||!1)}),l.every(Boolean)?s("selectAll"):l.filter(Boolean).length>0?s("partiallySelected"):s("notSelected")},[r]),i.jsxDEV(u.ListItem,{version:c,onClick:l=>{l.preventDefault(),a()},listItem:{label:"Select All",value:"All"},leadingIcon:i.jsxDEV("div",{style:{width:18,height:18},children:i.jsxDEV(m.CheckBox,{size:c==="2.0"?"SMALL":"DEFAULT",isChecked:e==="selectAll"||e==="partiallySelected",isPartiallyChecked:e==="partiallySelected",onValueChange:a},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.tsx",lineNumber:72,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.tsx",lineNumber:71,columnNumber:5},void 0),variant:"default"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.tsx",lineNumber:60,columnNumber:3},void 0)};exports.SelectAllMenu=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-dev-runtime"),d=require("react"),u=require("../../../../list-item/ListItem.js"),m=require("../../../../checkBox/CheckBox.js"),f=({options:i,onSelect:t,version:r})=>{const[e,o]=d.useState("notSelected");function a(){e==="partiallySelected"&&t("notSelected"),e==="selectAll"&&t("notSelected"),e==="notSelected"&&t("selectAll")}return d.useEffect(()=>{const l=[];i.filter(n=>!n.disabled).forEach(n=>{n.options?n.options.filter(s=>!s.disabled).forEach(s=>{l.push(s.selected||!1)}):l.push(n.selected||!1)}),l.every(Boolean)?o("selectAll"):l.filter(Boolean).length>0?o("partiallySelected"):o("notSelected")},[i]),c.jsxDEV(u.ListItem,{version:r,onClick:l=>{l.preventDefault(),a()},listItem:{label:"Select All",value:"All"},leadingIcon:c.jsxDEV("div",{style:{width:18,height:18},children:c.jsxDEV(m.CheckBox,{size:r==="2.0"?"SMALL":"DEFAULT",isChecked:e==="selectAll"||e==="partiallySelected",isPartiallyChecked:e==="partiallySelected",onValueChange:a},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.tsx",lineNumber:72,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.tsx",lineNumber:71,columnNumber:5},void 0),variant:"default"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.tsx",lineNumber:60,columnNumber:3},void 0)};exports.SelectAllMenu=f;
 //# sourceMappingURL=SelectAllMenu.js.map

package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js.map CHANGED Viewed

	@@ -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';\n}> = ({ options, onSelect, version }) => {\n\tconst [checkStatus, setCheckStatus] =\n\t\tuseState<SelectAllCheckboxState>('notSelected');\n\n\tfunction onCheckHandler() {\n\t\tif (checkStatus === 'partiallySelected') {\n\t\t\tonSelect('notSelected');\n\t\t}\n\n\t\tif (checkStatus === 'selectAll') {\n\t\t\tonSelect('notSelected');\n\t\t}\n\n\t\tif (checkStatus === 'notSelected') {\n\t\t\tonSelect('selectAll');\n\t\t}\n\t}\n\n\tuseEffect(() => {\n\t\tconst allOptions: boolean[] = [];\n\n\t\toptions\n\t\t\t.filter((option) => !(option as SingleOption).disabled)\n\t\t\t.forEach((option) => {\n\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t(option as GroupedOption).options\n\t\t\t\t\t\t.filter((op) => !op.disabled)\n\t\t\t\t\t\t.forEach((nestedOption) => {\n\t\t\t\t\t\t\tallOptions.push(nestedOption.selected \|\| false);\n\t\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tallOptions.push((option as SingleOption).selected \|\| false);\n\t\t\t\t}\n\t\t\t});\n\n\t\tif (allOptions.every(Boolean)) {\n\t\t\tsetCheckStatus('selectAll');\n\t\t} else if (allOptions.filter(Boolean).length > 0) {\n\t\t\tsetCheckStatus('partiallySelected');\n\t\t} else {\n\t\t\tsetCheckStatus('notSelected');\n\t\t}\n\t}, [options]);\n\n\treturn (\n\t\t<ListItem\n\t\t\tversion={version}\n\t\t\tonClick={(e) => {\n\t\t\t\te.preventDefault();\n\t\t\t\tonCheckHandler();\n\t\t\t}}\n\t\t\tlistItem={{\n\t\t\t\tlabel: 'Select All',\n\t\t\t\tvalue: 'All',\n\t\t\t}}\n\t\t\tleadingIcon={\n\t\t\t\t<div style={{ width: 18, height: 18 }}>\n\t\t\t\t\t<CheckBox\n\t\t\t\t\t\tsize={version === '2.0' ? 'SMALL' : 'DEFAULT'}\n\t\t\t\t\t\tisChecked={\n\t\t\t\t\t\t\tcheckStatus === 'selectAll' \|\| checkStatus === 'partiallySelected'\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisPartiallyChecked={checkStatus === 'partiallySelected'}\n\t\t\t\t\t\tonValueChange={onCheckHandler}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t}\n\t\t\tvariant={'default'}\n\t\t/>\n\t);\n};\n"],"names":["SelectAllMenu","options","onSelect","version","checkStatus","setCheckStatus","useState","onCheckHandler","useEffect","allOptions","option","op","nestedOption","jsxDEV","ListItem","e","CheckBox","this"],"mappings":"yOAUaA,EAIR,CAAC,CAAE,QAAAC,EAAS,SAAAC,EAAU,QAAAC,KAAc,CACxC,KAAM,CAACC,EAAaC,CAAc,EACjCC,EAAAA,SAAiC,aAAa,EAE/C,SAASC,GAAiB,CACrBH,IAAgB,qBACnBF,EAAS,aAAa,EAGnBE,IAAgB,aACnBF,EAAS,aAAa,EAGnBE,IAAgB,eACnBF,EAAS,WAAW,CAEtB,CAEAM,OAAAA,EAAAA,UAAU,IAAM,CACf,MAAMC,EAAwB,CAAA,EAE9BR,EACE,OAAQS,GAAW,CAAEA,EAAwB,QAAQ,EACrD,QAASA,GAAW,CACfA,EAAyB,QAC5BA,EAAyB,QACxB,OAAQC,GAAO,CAACA,EAAG,QAAQ,EAC3B,QAASC,GAAiB,CAC1BH,EAAW,KAAKG,EAAa,UAAY,EAAK,CAC/C,CAAC,EAEFH,EAAW,KAAMC,EAAwB,UAAY,EAAK,CAE5D,CAAC,EAEED,EAAW,MAAM,OAAO,EAC3BJ,EAAe,WAAW,EAChBI,EAAW,OAAO,OAAO,EAAE,OAAS,EAC9CJ,EAAe,mBAAmB,EAElCA,EAAe,aAAa,CAE9B,EAAG,CAACJ,CAAO,CAAC,EAGXY,EAAAA,OAACC,EAAAA,SAAA,CACA,QAAAX,EACA,QAAUY,GAAM,CACfA,EAAE,eAAA,EACFR,EAAA,CACD,EACA,SAAU,CACT,MAAO,aACP,MAAO,KAAA,EAER,qBACE,MAAA,CAAI,MAAO,CAAE,MAAO,GAAI,OAAQ,EAAA,EAChC,SAAAM,EAAAA,OAACG,EAAAA,SAAA,CACA,KAAMb,IAAY,MAAQ,QAAU,UACpC,UACCC,IAAgB,aAAeA,IAAgB,oBAEhD,mBAAoBA,IAAgB,oBACpC,cAAeG,CAAA,EANhB,OAAA,GAAA,CAAA,SAAA,~~8JAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAU,MAAA,CAOA,EARD,OAAA,GAAA,CAAA,SAAA,~~8JAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,EAED,QAAS,SAAA,EAtBV,OAAA,GAAA,CAAA,SAAA,~~8JAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAyBF"}
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';\n}> = ({ options, onSelect, version }) => {\n\tconst [checkStatus, setCheckStatus] =\n\t\tuseState<SelectAllCheckboxState>('notSelected');\n\n\tfunction onCheckHandler() {\n\t\tif (checkStatus === 'partiallySelected') {\n\t\t\tonSelect('notSelected');\n\t\t}\n\n\t\tif (checkStatus === 'selectAll') {\n\t\t\tonSelect('notSelected');\n\t\t}\n\n\t\tif (checkStatus === 'notSelected') {\n\t\t\tonSelect('selectAll');\n\t\t}\n\t}\n\n\tuseEffect(() => {\n\t\tconst allOptions: boolean[] = [];\n\n\t\toptions\n\t\t\t.filter((option) => !(option as SingleOption).disabled)\n\t\t\t.forEach((option) => {\n\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t(option as GroupedOption).options\n\t\t\t\t\t\t.filter((op) => !op.disabled)\n\t\t\t\t\t\t.forEach((nestedOption) => {\n\t\t\t\t\t\t\tallOptions.push(nestedOption.selected \|\| false);\n\t\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tallOptions.push((option as SingleOption).selected \|\| false);\n\t\t\t\t}\n\t\t\t});\n\n\t\tif (allOptions.every(Boolean)) {\n\t\t\tsetCheckStatus('selectAll');\n\t\t} else if (allOptions.filter(Boolean).length > 0) {\n\t\t\tsetCheckStatus('partiallySelected');\n\t\t} else {\n\t\t\tsetCheckStatus('notSelected');\n\t\t}\n\t}, [options]);\n\n\treturn (\n\t\t<ListItem\n\t\t\tversion={version}\n\t\t\tonClick={(e) => {\n\t\t\t\te.preventDefault();\n\t\t\t\tonCheckHandler();\n\t\t\t}}\n\t\t\tlistItem={{\n\t\t\t\tlabel: 'Select All',\n\t\t\t\tvalue: 'All',\n\t\t\t}}\n\t\t\tleadingIcon={\n\t\t\t\t<div style={{ width: 18, height: 18 }}>\n\t\t\t\t\t<CheckBox\n\t\t\t\t\t\tsize={version === '2.0' ? 'SMALL' : 'DEFAULT'}\n\t\t\t\t\t\tisChecked={\n\t\t\t\t\t\t\tcheckStatus === 'selectAll' \|\| checkStatus === 'partiallySelected'\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisPartiallyChecked={checkStatus === 'partiallySelected'}\n\t\t\t\t\t\tonValueChange={onCheckHandler}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t}\n\t\t\tvariant={'default'}\n\t\t/>\n\t);\n};\n"],"names":["SelectAllMenu","options","onSelect","version","checkStatus","setCheckStatus","useState","onCheckHandler","useEffect","allOptions","option","op","nestedOption","jsxDEV","ListItem","e","CheckBox","this"],"mappings":"yOAUaA,EAIR,CAAC,CAAE,QAAAC,EAAS,SAAAC,EAAU,QAAAC,KAAc,CACxC,KAAM,CAACC,EAAaC,CAAc,EACjCC,EAAAA,SAAiC,aAAa,EAE/C,SAASC,GAAiB,CACrBH,IAAgB,qBACnBF,EAAS,aAAa,EAGnBE,IAAgB,aACnBF,EAAS,aAAa,EAGnBE,IAAgB,eACnBF,EAAS,WAAW,CAEtB,CAEAM,OAAAA,EAAAA,UAAU,IAAM,CACf,MAAMC,EAAwB,CAAA,EAE9BR,EACE,OAAQS,GAAW,CAAEA,EAAwB,QAAQ,EACrD,QAASA,GAAW,CACfA,EAAyB,QAC5BA,EAAyB,QACxB,OAAQC,GAAO,CAACA,EAAG,QAAQ,EAC3B,QAASC,GAAiB,CAC1BH,EAAW,KAAKG,EAAa,UAAY,EAAK,CAC/C,CAAC,EAEFH,EAAW,KAAMC,EAAwB,UAAY,EAAK,CAE5D,CAAC,EAEED,EAAW,MAAM,OAAO,EAC3BJ,EAAe,WAAW,EAChBI,EAAW,OAAO,OAAO,EAAE,OAAS,EAC9CJ,EAAe,mBAAmB,EAElCA,EAAe,aAAa,CAE9B,EAAG,CAACJ,CAAO,CAAC,EAGXY,EAAAA,OAACC,EAAAA,SAAA,CACA,QAAAX,EACA,QAAUY,GAAM,CACfA,EAAE,eAAA,EACFR,EAAA,CACD,EACA,SAAU,CACT,MAAO,aACP,MAAO,KAAA,EAER,qBACE,MAAA,CAAI,MAAO,CAAE,MAAO,GAAI,OAAQ,EAAA,EAChC,SAAAM,EAAAA,OAACG,EAAAA,SAAA,CACA,KAAMb,IAAY,MAAQ,QAAU,UACpC,UACCC,IAAgB,aAAeA,IAAgB,oBAEhD,mBAAoBA,IAAgB,oBACpC,cAAeG,CAAA,EANhB,OAAA,GAAA,CAAA,SAAA,+HAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAA,CAOA,EARD,OAAA,GAAA,CAAA,SAAA,+HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,EAED,QAAS,SAAA,EAtBV,OAAA,GAAA,CAAA,SAAA,+HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAyBF"}

package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),k=require("../../../../TypographyStyle.js"),f=require("../../../../../constants/Theme.js"),v=require("./MultiSelectDropdownBottomBar.styled.js"),r=require("../../../../button/Button.js"),w=i=>{const{onClear:s,onApply:l,list:u,buttonText:c,buttonOptions:m,hideClearButton:p}=i,{primaryButtonText:a,primaryButtonType:d,secondaryButtonText:b,secondaryButtonType:y}=m??{},n=u.reduce((o,t)=>{if(t.options){const B=t.options.filter(D=>D.selected===!0).length;return o+B}return t.selected?o+1:o},0);return e.jsxDEV(v.BottomBarContainer,{style:{justifyContent:"space-between"},children:[e.jsxDEV(k.BodySecondary,{style:{flex:1,color:f.COLORS.content.primary},children:n?`${n} selected`:""},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.tsx",lineNumber:45,columnNumber:4},void 0),e.jsxDEV("div",{style:{flexDirection:"row",display:"flex",gap:12},children:[!p&&e.jsxDEV(r.Button,{size:"small",buttonType:y||"primary",buttonText:b||"Clear",onClick:s},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.tsx",lineNumber:51,columnNumber:6},void 0),e.jsxDEV(r.Button,{size:"small",buttonText:a||c||"Apply",buttonType:d||"primary",onClick:()=>{l()}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.tsx",lineNumber:58,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.tsx",lineNumber:49,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.tsx",lineNumber:44,columnNumber:3},void 0)};exports.default=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),D=require("../../../../TypographyStyle.js"),f=require("../../../../../constants/Theme.js"),x=require("./MultiSelectDropdownBottomBar.styled.js"),r=require("../../../../button/Button.js"),S=l=>{const{onClear:s,onApply:i,list:d,buttonText:u,buttonOptions:c,hideClearButton:m}=l,{primaryButtonText:p,primaryButtonType:a,secondaryButtonText:y,secondaryButtonType:b}=c??{},t=d.reduce((o,n)=>{if(n.options){const B=n.options.filter(w=>w.selected===!0).length;return o+B}return n.selected?o+1:o},0);return e.jsxDEV(x.BottomBarContainer,{style:{justifyContent:"space-between"},children:[e.jsxDEV(D.BodySecondary,{style:{flex:1,color:f.COLORS.content.primary},children:t?`${t} selected`:""},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.tsx",lineNumber:45,columnNumber:4},void 0),e.jsxDEV("div",{style:{flexDirection:"row",display:"flex",gap:12},children:[!m&&e.jsxDEV(r.Button,{size:"small",buttonType:b||"primary",buttonText:y||"Clear",onClick:s},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.tsx",lineNumber:51,columnNumber:6},void 0),e.jsxDEV(r.Button,{size:"small",buttonText:p||u||"Apply",buttonType:a||"primary",onClick:()=>{i()}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.tsx",lineNumber:58,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.tsx",lineNumber:49,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.tsx",lineNumber:44,columnNumber:3},void 0)};exports.default=S;
 //# sourceMappingURL=MultiSelectDropdownBottomBar.js.map

package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiSelectDropdownBottomBar.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '@src/components/button';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tButtonOptions,\n\tDropdownOption,\n\tGroupedOption,\n\tSingleOption,\n} from '../../../type';\nimport { BottomBarContainer } from './MultiSelectDropdownBottomBar.styled';\n\ninterface MultiSelectDropdownBottomBarProps {\n\tonClear?: () => void;\n\tonApply: () => void;\n\tlist: DropdownOption[];\n\tbuttonText?: string;\n\tbuttonOptions?: ButtonOptions;\n\thideClearButton?: boolean;\n}\nconst MultiSelectDropdownBottomBar: React.FC<\n\tMultiSelectDropdownBottomBarProps\n> = (props) => {\n\tconst { onClear, onApply, list, buttonText, buttonOptions, hideClearButton } =\n\t\tprops;\n\tconst {\n\t\tprimaryButtonText,\n\t\tprimaryButtonType,\n\t\tsecondaryButtonText,\n\t\tsecondaryButtonType,\n\t} = buttonOptions ?? {};\n\tconst count = list.reduce((total, option) => {\n\t\tif ((option as GroupedOption).options) {\n\t\t\tconst groupedTotal = (option as GroupedOption).options.filter(\n\t\t\t\t(op) => op.selected === true,\n\t\t\t).length;\n\t\t\treturn total + groupedTotal;\n\t\t}\n\n\t\treturn (option as SingleOption).selected ? total + 1 : total;\n\t}, 0);\n\n\treturn (\n\t\t<BottomBarContainer style={{ justifyContent: 'space-between' }}>\n\t\t\t<BodySecondary style={{ flex: 1, color: COLORS.content.primary }}>\n\t\t\t\t{count ? `${count} selected` : ''}\n\t\t\t</BodySecondary>\n\n\t\t\t<div style={{ flexDirection: 'row', display: 'flex', gap: 12 }}>\n\t\t\t\t{!hideClearButton && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tbuttonType={secondaryButtonType \|\| 'primary'}\n\t\t\t\t\t\tbuttonText={secondaryButtonText \|\| 'Clear'}\n\t\t\t\t\t\tonClick={onClear}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<Button\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tbuttonText={primaryButtonText \|\| buttonText \|\| 'Apply'}\n\t\t\t\t\tbuttonType={primaryButtonType \|\| 'primary'}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tonApply();\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</BottomBarContainer>\n\t);\n};\n\nexport default MultiSelectDropdownBottomBar;\n"],"names":["MultiSelectDropdownBottomBar","props","onClear","onApply","list","buttonText","buttonOptions","hideClearButton","primaryButtonText","primaryButtonType","secondaryButtonText","secondaryButtonType","count","total","option","groupedTotal","op","BottomBarContainer","jsxDEV","BodySecondary","COLORS","this","Button"],"mappings":"gVAoBMA,EAEDC,GAAU,CACd,KAAM,CAAE,QAAAC,EAAS,QAAAC,EAAS,KAAAC,EAAM,WAAAC,EAAY,cAAAC,EAAe,gBAAAC,GAC1DN,EACK,CACL,kBAAAO,EACA,kBAAAC,EACA,oBAAAC,EACA,oBAAAC,CAAA,EACGL,GAAiB,CAAA,EACfM,EAAQR,EAAK,OAAO,CAACS,EAAOC,IAAW,CAC5C,GAAKA,EAAyB,QAAS,CACtC,MAAMC,EAAgBD,EAAyB,QAAQ,OACrDE,GAAOA,EAAG,WAAa,EAAA,EACvB,OACF,OAAOH,EAAQE,CAChB,CAEA,OAAQD,EAAwB,SAAWD,EAAQ,EAAIA,CACxD,EAAG,CAAC,EAEJ,gBACEI,EAAAA,mBAAA,CAAmB,MAAO,CAAE,eAAgB,iBAC5C,SAAA,CAAAC,SAACC,EAAAA,cAAA,CAAc,MAAO,CAAE,KAAM,EAAG,MAAOC,EAAAA,OAAO,QAAQ,OAAA,EACrD,SAAAR,EAAQ,GAAGA,CAAK,YAAc,EAAA,EADhC,OAAA,GAAA,CAAA,SAAA,~~oLAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAS,MAEA,EAEAH,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,cAAe,MAAO,QAAS,OAAQ,IAAK,EAAA,EACxD,SAAA,CAAA,CAACX,GACDW,EAAAA,OAACI,EAAAA,OAAA,CACA,KAAK,QACL,WAAYX,GAAuB,UACnC,WAAYD,GAAuB,QACnC,QAASR,CAAA,EAJV,OAAA,GAAA,CAAA,SAAA,~~oLAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAmB,MAAA,EAODH,EAAAA,OAACI,EAAAA,OAAA,CACA,KAAK,QACL,WAAYd,GAAqBH,GAAc,QAC/C,WAAYI,GAAqB,UACjC,QAAS,IAAM,CACdN,EAAA,CACD,CAAA,EAND,OAAA,GAAA,CAAA,SAAA,~~oLAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAkB,MAAA,CAOA,CAAA,EAhBD,OAAA,GAAA,CAAA,SAAA,~~oLAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiBA,CAAA,CAAA,EAtBD,OAAA,GAAA,CAAA,SAAA,~~oLAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAuBA,CAEF"}
1	+ {"version":3,"file":"MultiSelectDropdownBottomBar.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '@src/components/button';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tButtonOptions,\n\tDropdownOption,\n\tGroupedOption,\n\tSingleOption,\n} from '../../../type';\nimport { BottomBarContainer } from './MultiSelectDropdownBottomBar.styled';\n\ninterface MultiSelectDropdownBottomBarProps {\n\tonClear?: () => void;\n\tonApply: () => void;\n\tlist: DropdownOption[];\n\tbuttonText?: string;\n\tbuttonOptions?: ButtonOptions;\n\thideClearButton?: boolean;\n}\nconst MultiSelectDropdownBottomBar: React.FC<\n\tMultiSelectDropdownBottomBarProps\n> = (props) => {\n\tconst { onClear, onApply, list, buttonText, buttonOptions, hideClearButton } =\n\t\tprops;\n\tconst {\n\t\tprimaryButtonText,\n\t\tprimaryButtonType,\n\t\tsecondaryButtonText,\n\t\tsecondaryButtonType,\n\t} = buttonOptions ?? {};\n\tconst count = list.reduce((total, option) => {\n\t\tif ((option as GroupedOption).options) {\n\t\t\tconst groupedTotal = (option as GroupedOption).options.filter(\n\t\t\t\t(op) => op.selected === true,\n\t\t\t).length;\n\t\t\treturn total + groupedTotal;\n\t\t}\n\n\t\treturn (option as SingleOption).selected ? total + 1 : total;\n\t}, 0);\n\n\treturn (\n\t\t<BottomBarContainer style={{ justifyContent: 'space-between' }}>\n\t\t\t<BodySecondary style={{ flex: 1, color: COLORS.content.primary }}>\n\t\t\t\t{count ? `${count} selected` : ''}\n\t\t\t</BodySecondary>\n\n\t\t\t<div style={{ flexDirection: 'row', display: 'flex', gap: 12 }}>\n\t\t\t\t{!hideClearButton && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tbuttonType={secondaryButtonType \|\| 'primary'}\n\t\t\t\t\t\tbuttonText={secondaryButtonText \|\| 'Clear'}\n\t\t\t\t\t\tonClick={onClear}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<Button\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tbuttonText={primaryButtonText \|\| buttonText \|\| 'Apply'}\n\t\t\t\t\tbuttonType={primaryButtonType \|\| 'primary'}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tonApply();\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</BottomBarContainer>\n\t);\n};\n\nexport default MultiSelectDropdownBottomBar;\n"],"names":["MultiSelectDropdownBottomBar","props","onClear","onApply","list","buttonText","buttonOptions","hideClearButton","primaryButtonText","primaryButtonType","secondaryButtonText","secondaryButtonType","count","total","option","groupedTotal","op","BottomBarContainer","jsxDEV","BodySecondary","COLORS","this","Button"],"mappings":"gVAoBMA,EAEDC,GAAU,CACd,KAAM,CAAE,QAAAC,EAAS,QAAAC,EAAS,KAAAC,EAAM,WAAAC,EAAY,cAAAC,EAAe,gBAAAC,GAC1DN,EACK,CACL,kBAAAO,EACA,kBAAAC,EACA,oBAAAC,EACA,oBAAAC,CAAA,EACGL,GAAiB,CAAA,EACfM,EAAQR,EAAK,OAAO,CAACS,EAAOC,IAAW,CAC5C,GAAKA,EAAyB,QAAS,CACtC,MAAMC,EAAgBD,EAAyB,QAAQ,OACrDE,GAAOA,EAAG,WAAa,EAAA,EACvB,OACF,OAAOH,EAAQE,CAChB,CAEA,OAAQD,EAAwB,SAAWD,EAAQ,EAAIA,CACxD,EAAG,CAAC,EAEJ,gBACEI,EAAAA,mBAAA,CAAmB,MAAO,CAAE,eAAgB,iBAC5C,SAAA,CAAAC,SAACC,EAAAA,cAAA,CAAc,MAAO,CAAE,KAAM,EAAG,MAAOC,EAAAA,OAAO,QAAQ,OAAA,EACrD,SAAAR,EAAQ,GAAGA,CAAK,YAAc,EAAA,EADhC,OAAA,GAAA,CAAA,SAAA,qJAAA,WAAA,GAAA,aAAA,CAAA,EAAAS,MAEA,EAEAH,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,cAAe,MAAO,QAAS,OAAQ,IAAK,EAAA,EACxD,SAAA,CAAA,CAACX,GACDW,EAAAA,OAACI,EAAAA,OAAA,CACA,KAAK,QACL,WAAYX,GAAuB,UACnC,WAAYD,GAAuB,QACnC,QAASR,CAAA,EAJV,OAAA,GAAA,CAAA,SAAA,qJAAA,WAAA,GAAA,aAAA,CAAA,EAAAmB,MAAA,EAODH,EAAAA,OAACI,EAAAA,OAAA,CACA,KAAK,QACL,WAAYd,GAAqBH,GAAc,QAC/C,WAAYI,GAAqB,UACjC,QAAS,IAAM,CACdN,EAAA,CACD,CAAA,EAND,OAAA,GAAA,CAAA,SAAA,qJAAA,WAAA,GAAA,aAAA,CAAA,EAAAkB,MAAA,CAOA,CAAA,EAhBD,OAAA,GAAA,CAAA,SAAA,qJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiBA,CAAA,CAAA,EAtBD,OAAA,GAAA,CAAA,SAAA,qJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAuBA,CAEF"}

package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),i=require("react"),l=require("../../../../input/context/InputStyleProvider.js"),n=require("../../../../../constants/Theme.js"),u=require("../../../../../assets/icons/cross.svg.js"),d=require("../../../../../assets/icons/search.svg.js"),m=require("../../../../input/Input.js"),b=require("../../../../icon-button/IconButton.js"),h=({onSearch:r,version:e})=>{const[c,t]=i.useState(""),[p,s]=i.useState(!1);return o.jsxDEV(l.InputStyleContext.Provider,{value:{InputWrapper:{borderRadius:0,border:0,borderBottom:`${e==="2.0"?.5:1}px solid ${n.COLORS.stroke.primary}`,padding:`${e==="2.0"?"6px 8px":"14px 16px"}`},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}},children:o.jsxDEV(m.Input,{noKeyDownChange:!0,skipFocus:!0,placeholder:"Search",variant:e==="2.0"?"small":"default",leftIcon:{icon:()=>o.jsxDEV(d.default,{width:e==="2.0"?18:24,height:e==="2.0"?18:24,color:n.COLORS.content.placeholder},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.tsx",lineNumber:43,columnNumber:7},void 0)},rightIcon:{icon:()=>c?o.jsxDEV(b.IconButton,{onClick:()=>{s(!0),r(""),t("")},Icon:u.default,width:e==="2.0"?18:24,height:e==="2.0"?18:24,iconColor:n.COLORS.content.placeholder},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.tsx",lineNumber:55,columnNumber:8},void 0):o.jsxDEV(o.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.tsx",lineNumber:53,columnNumber:8},void 0)},reset:p,onChangeText:a=>{s(!1),t(a),r(a)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.tsx",lineNumber:36,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.tsx",lineNumber:17,columnNumber:3},void 0)};exports.SearchBox=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),c=require("react"),l=require("../../../../input/context/InputStyleProvider.js"),n=require("../../../../../constants/Theme.js"),u=require("../../../../../assets/icons/cross.svg.js"),p=require("../../../../../assets/icons/search.svg.js"),m=require("../../../../input/Input.js"),b=require("../../../../icon-button/IconButton.js"),x=({onSearch:r,version:e})=>{const[d,t]=c.useState(""),[i,s]=c.useState(!1);return o.jsxDEV(l.InputStyleContext.Provider,{value:{InputWrapper:{borderRadius:0,border:0,borderBottom:`${e==="2.0"?.5:1}px solid ${n.COLORS.stroke.primary}`,padding:`${e==="2.0"?"6px 8px":"14px 16px"}`},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}},children:o.jsxDEV(m.Input,{noKeyDownChange:!0,skipFocus:!0,placeholder:"Search",variant:e==="2.0"?"small":"default",leftIcon:{icon:()=>o.jsxDEV(p.default,{width:e==="2.0"?18:24,height:e==="2.0"?18:24,color:n.COLORS.content.placeholder},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.tsx",lineNumber:43,columnNumber:7},void 0)},rightIcon:{icon:()=>d?o.jsxDEV(b.IconButton,{onClick:()=>{s(!0),r(""),t("")},Icon:u.default,width:e==="2.0"?18:24,height:e==="2.0"?18:24,iconColor:n.COLORS.content.placeholder},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.tsx",lineNumber:55,columnNumber:8},void 0):o.jsxDEV(o.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.tsx",lineNumber:53,columnNumber:8},void 0)},reset:i,onChangeText:a=>{s(!1),t(a),r(a)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.tsx",lineNumber:36,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.tsx",lineNumber:17,columnNumber:3},void 0)};exports.SearchBox=x;
 //# sourceMappingURL=SearchBox.js.map

package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchBox.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { IconButton } from '@src/components/icon-button';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../../../../assets/icons/cross.svg';\nimport SearchIcon from '../../../../../assets/icons/search.svg';\n\nexport const SearchBox: React.FC<{\n\tonSearch: (searchString: string) => void;\n\tversion?: '1.0' \| '2.0';\n}> = ({ onSearch, version }) => {\n\tconst [val, setVal] = useState('');\n\tconst [reset, setReset] = useState(false);\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\tborderRadius: 0,\n\t\t\t\t\tborder: 0,\n\t\t\t\t\tborderBottom: `${version === '2.0' ? 0.5 : 1}px solid ${\n\t\t\t\t\t\tCOLORS.stroke.primary\n\t\t\t\t\t}`,\n\t\t\t\t\tpadding: `${version === '2.0' ? '6px 8px' : '14px 16px'}`,\n\t\t\t\t},\n\t\t\t\tIconHolder: {\n\t\t\t\t\tmarginLeft: 0,\n\t\t\t\t},\n\t\t\t\tinput: {\n\t\t\t\t\tmarginLeft: 4,\n\t\t\t\t\tminHeight: '100%',\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<Input\n\t\t\t\tnoKeyDownChange\n\t\t\t\tskipFocus={true}\n\t\t\t\tplaceholder=\"Search\"\n\t\t\t\tvariant={version === '2.0' ? 'small' : 'default'}\n\t\t\t\tleftIcon={{\n\t\t\t\t\ticon: () => (\n\t\t\t\t\t\t<SearchIcon\n\t\t\t\t\t\t\twidth={version === '2.0' ? 18 : 24}\n\t\t\t\t\t\t\theight={version === '2.0' ? 18 : 24}\n\t\t\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t}}\n\t\t\t\trightIcon={{\n\t\t\t\t\ticon: () =>\n\t\t\t\t\t\t!val ? (\n\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tsetReset(true);\n\t\t\t\t\t\t\t\t\tonSearch('');\n\t\t\t\t\t\t\t\t\tsetVal('');\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tIcon={CrossIcon}\n\t\t\t\t\t\t\t\twidth={version === '2.0' ? 18 : 24}\n\t\t\t\t\t\t\t\theight={version === '2.0' ? 18 : 24}\n\t\t\t\t\t\t\t\ticonColor={COLORS.content.placeholder}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t),\n\t\t\t\t}}\n\t\t\t\treset={reset}\n\t\t\t\tonChangeText={(text) => {\n\t\t\t\t\tsetReset(false);\n\t\t\t\t\tsetVal(text);\n\t\t\t\t\tonSearch(text);\n\t\t\t\t}}\n\t\t\t/>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n"],"names":["SearchBox","onSearch","version","val","setVal","useState","reset","setReset","jsxDEV","InputStyleContext","COLORS","Input","SearchIcon","this","IconButton","CrossIcon","Fragment","text"],"mappings":"gcAQaA,EAGR,CAAC,CAAE,SAAAC,EAAU,QAAAC,KAAc,CAC/B,KAAM,CAACC,EAAKC,CAAM,EAAIC,EAAAA,SAAS,EAAE,EAC3B,CAACC,EAAOC,CAAQ,EAAIF,EAAAA,SAAS,EAAK,EAExC,OACCG,EAAAA,OAACC,EAAAA,kBAAkB,SAAlB,CACA,MAAO,CACN,aAAc,CACb,aAAc,EACd,OAAQ,EACR,aAAc,GAAGP,IAAY,MAAQ,GAAM,CAAC,YAC3CQ,EAAAA,OAAO,OAAO,OACf,GACA,QAAS,GAAGR,IAAY,MAAQ,UAAY,WAAW,EAAA,EAExD,WAAY,CACX,WAAY,CAAA,EAEb,MAAO,CACN,WAAY,EACZ,UAAW,MAAA,CACZ,EAGD,SAAAM,EAAAA,OAACG,EAAAA,MAAA,CACA,gBAAe,GACf,UAAW,GACX,YAAY,SACZ,QAAST,IAAY,MAAQ,QAAU,UACvC,SAAU,CACT,KAAM,IACLM,EAAAA,OAACI,EAAAA,QAAA,CACA,MAAOV,IAAY,MAAQ,GAAK,GAChC,OAAQA,IAAY,MAAQ,GAAK,GACjC,MAAOQ,EAAAA,OAAO,QAAQ,WAAA,EAHvB,OAAA,GAAA,CAAA,SAAA~~,+JAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAIA,EAGF,UAAW,CACV,KAAM,IACJV,EAGAK,EAAAA,OAACM,EAAAA,WAAA,CACA,QAAS,IAAM,CACdP,EAAS,EAAI,EACbN,EAAS,EAAE,EACXG,EAAO,EAAE,CACV,EACA,KAAMW,EAAAA,QACN,MAAOb,IAAY,MAAQ,GAAK,GAChC,OAAQA,IAAY,MAAQ,GAAK,GACjC,UAAWQ,EAAAA,OAAO,QAAQ,WAAA,EAT3B,OAAA,GAAA,CAAA,SAAA~~,+JAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,EAFAL,EAAAA,OAAAQ,EAAAA,SAAA,CAAA,EAAA,OAAA,GAAA,CAAA,SAAA~~,+JAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAE,CAYF,EAGH,MAAAP,EACA,aAAeW,GAAS,CACvBV,EAAS,EAAK,EACdH,EAAOa,CAAI,EACXhB,EAASgB,CAAI,CACd,CAAA,EArCD,OAAA,GAAA,CAAA,SAAA~~,+JAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAJ,MAAA,CAsCA,EAzDD,OAAA,GAAA,CAAA,SAAA~~,+JAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA4DF"}
1	+ {"version":3,"file":"SearchBox.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { IconButton } from '@src/components/icon-button';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../../../../assets/icons/cross.svg';\nimport SearchIcon from '../../../../../assets/icons/search.svg';\n\nexport const SearchBox: React.FC<{\n\tonSearch: (searchString: string) => void;\n\tversion?: '1.0' \| '2.0';\n}> = ({ onSearch, version }) => {\n\tconst [val, setVal] = useState('');\n\tconst [reset, setReset] = useState(false);\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\tborderRadius: 0,\n\t\t\t\t\tborder: 0,\n\t\t\t\t\tborderBottom: `${version === '2.0' ? 0.5 : 1}px solid ${\n\t\t\t\t\t\tCOLORS.stroke.primary\n\t\t\t\t\t}`,\n\t\t\t\t\tpadding: `${version === '2.0' ? '6px 8px' : '14px 16px'}`,\n\t\t\t\t},\n\t\t\t\tIconHolder: {\n\t\t\t\t\tmarginLeft: 0,\n\t\t\t\t},\n\t\t\t\tinput: {\n\t\t\t\t\tmarginLeft: 4,\n\t\t\t\t\tminHeight: '100%',\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<Input\n\t\t\t\tnoKeyDownChange\n\t\t\t\tskipFocus={true}\n\t\t\t\tplaceholder=\"Search\"\n\t\t\t\tvariant={version === '2.0' ? 'small' : 'default'}\n\t\t\t\tleftIcon={{\n\t\t\t\t\ticon: () => (\n\t\t\t\t\t\t<SearchIcon\n\t\t\t\t\t\t\twidth={version === '2.0' ? 18 : 24}\n\t\t\t\t\t\t\theight={version === '2.0' ? 18 : 24}\n\t\t\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\t}}\n\t\t\t\trightIcon={{\n\t\t\t\t\ticon: () =>\n\t\t\t\t\t\t!val ? (\n\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tsetReset(true);\n\t\t\t\t\t\t\t\t\tonSearch('');\n\t\t\t\t\t\t\t\t\tsetVal('');\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tIcon={CrossIcon}\n\t\t\t\t\t\t\t\twidth={version === '2.0' ? 18 : 24}\n\t\t\t\t\t\t\t\theight={version === '2.0' ? 18 : 24}\n\t\t\t\t\t\t\t\ticonColor={COLORS.content.placeholder}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t),\n\t\t\t\t}}\n\t\t\t\treset={reset}\n\t\t\t\tonChangeText={(text) => {\n\t\t\t\t\tsetReset(false);\n\t\t\t\t\tsetVal(text);\n\t\t\t\t\tonSearch(text);\n\t\t\t\t}}\n\t\t\t/>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n"],"names":["SearchBox","onSearch","version","val","setVal","useState","reset","setReset","jsxDEV","InputStyleContext","COLORS","Input","SearchIcon","this","IconButton","CrossIcon","Fragment","text"],"mappings":"gcAQaA,EAGR,CAAC,CAAE,SAAAC,EAAU,QAAAC,KAAc,CAC/B,KAAM,CAACC,EAAKC,CAAM,EAAIC,EAAAA,SAAS,EAAE,EAC3B,CAACC,EAAOC,CAAQ,EAAIF,EAAAA,SAAS,EAAK,EAExC,OACCG,EAAAA,OAACC,EAAAA,kBAAkB,SAAlB,CACA,MAAO,CACN,aAAc,CACb,aAAc,EACd,OAAQ,EACR,aAAc,GAAGP,IAAY,MAAQ,GAAM,CAAC,YAC3CQ,EAAAA,OAAO,OAAO,OACf,GACA,QAAS,GAAGR,IAAY,MAAQ,UAAY,WAAW,EAAA,EAExD,WAAY,CACX,WAAY,CAAA,EAEb,MAAO,CACN,WAAY,EACZ,UAAW,MAAA,CACZ,EAGD,SAAAM,EAAAA,OAACG,EAAAA,MAAA,CACA,gBAAe,GACf,UAAW,GACX,YAAY,SACZ,QAAST,IAAY,MAAQ,QAAU,UACvC,SAAU,CACT,KAAM,IACLM,EAAAA,OAACI,EAAAA,QAAA,CACA,MAAOV,IAAY,MAAQ,GAAK,GAChC,OAAQA,IAAY,MAAQ,GAAK,GACjC,MAAOQ,EAAAA,OAAO,QAAQ,WAAA,EAHvB,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAIA,EAGF,UAAW,CACV,KAAM,IACJV,EAGAK,EAAAA,OAACM,EAAAA,WAAA,CACA,QAAS,IAAM,CACdP,EAAS,EAAI,EACbN,EAAS,EAAE,EACXG,EAAO,EAAE,CACV,EACA,KAAMW,EAAAA,QACN,MAAOb,IAAY,MAAQ,GAAK,GAChC,OAAQA,IAAY,MAAQ,GAAK,GACjC,UAAWQ,EAAAA,OAAO,QAAQ,WAAA,EAT3B,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,EAFAL,EAAAA,OAAAQ,EAAAA,SAAA,CAAA,EAAA,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAE,CAYF,EAGH,MAAAP,EACA,aAAeW,GAAS,CACvBV,EAAS,EAAK,EACdH,EAAOa,CAAI,EACXhB,EAASgB,CAAI,CACd,CAAA,EArCD,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,GAAA,aAAA,CAAA,EAAAJ,MAAA,CAsCA,EAzDD,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA4DF"}

package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),c=require("../../../../zeroState/ZeroState.js"),l=({searchedString:n,height:s,isLoading:o,containerWidth:i,errorMessage:t,onRetry:a})=>{const e=!!t&&!o;return r.jsxDEV("div",{style:{height:s,display:"flex",alignItems:"center"},children:r.jsxDEV(c.ZeroState,{isLoading:o,title:e?"Failed to load options":"No results found",subTitle:e?t:`Sorry we could not find any results for "${n??""}"`,actionButton:e?{buttonText:"Try again",buttonType:"text",onClick:a}:void 0,containerWidth:i},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.tsx",lineNumber:29,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.tsx",lineNumber:22,columnNumber:3},void 0)};exports.SearchZeroState=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),d=require("../../../../zeroState/ZeroState.js"),l=({searchedString:r,height:s,isLoading:o,containerWidth:a,errorMessage:t,onRetry:i})=>{const e=!!t&&!o;return n.jsxDEV("div",{style:{height:s,display:"flex",alignItems:"center"},children:n.jsxDEV(d.ZeroState,{isLoading:o,title:e?"Failed to load options":"No results found",subTitle:e?t:`Sorry we could not find any results for "${r??""}"`,actionButton:e?{buttonText:"Try again",buttonType:"text",onClick:i}:void 0,containerWidth:a},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.tsx",lineNumber:29,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.tsx",lineNumber:22,columnNumber:3},void 0)};exports.SearchZeroState=l;
 //# sourceMappingURL=SearchZeroState.js.map

package/dist/cjs/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchZeroState.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.tsx"],"sourcesContent":["import React from 'react';\nimport { ZeroState } from '@src/components/zeroState/ZeroState';\n\nexport const SearchZeroState: React.FC<{\n\tsearchedString: string;\n\theight: number;\n\tisLoading?: boolean;\n\tcontainerWidth?: string;\n\terrorMessage?: string;\n\tonRetry?: () => void;\n}> = ({\n\tsearchedString,\n\theight,\n\tisLoading,\n\tcontainerWidth,\n\terrorMessage,\n\tonRetry,\n}) => {\n\tconst isErrorState = !!errorMessage && !isLoading;\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\theight: height,\n\t\t\t\tdisplay: 'flex',\n\t\t\t\talignItems: 'center',\n\t\t\t}}\n\t\t>\n\t\t\t<ZeroState\n\t\t\t\tisLoading={isLoading}\n\t\t\t\ttitle={isErrorState ? 'Failed to load options' : 'No results found'}\n\t\t\t\tsubTitle={\n\t\t\t\t\tisErrorState\n\t\t\t\t\t\t? errorMessage\n\t\t\t\t\t\t: `Sorry we could not find any results for \"${\n\t\t\t\t\t\t\t\tsearchedString ?? ''\n\t\t\t\t\t\t }\"`\n\t\t\t\t}\n\t\t\t\tactionButton={\n\t\t\t\t\tisErrorState\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tbuttonText: 'Try again',\n\t\t\t\t\t\t\t\tbuttonType: 'text',\n\t\t\t\t\t\t\t\tonClick: onRetry,\n\t\t\t\t\t\t }\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\tcontainerWidth={containerWidth}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n"],"names":["SearchZeroState","searchedString","height","isLoading","containerWidth","errorMessage","onRetry","isErrorState","jsxDEV","ZeroState","this"],"mappings":"yKAGaA,EAOR,CAAC,CACL,eAAAC,EACA,OAAAC,EACA,UAAAC,EACA,eAAAC,EACA,aAAAC,EACA,QAAAC,CACD,IAAM,CACL,MAAMC,EAAe,CAAC,CAACF,GAAgB,CAACF,EAExC,OACCK,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,OAAAN,EACA,QAAS,OACT,WAAY,QAAA,EAGb,SAAAM,EAAAA,OAACC,EAAAA,UAAA,CACA,UAAAN,EACA,MAAOI,EAAe,yBAA2B,mBACjD,SACCA,EACGF,EACA,4CACAJ,GAAkB,EAClB,IAEJ,aACCM,EACG,CACA,WAAY,YACZ,WAAY,OACZ,QAASD,CAAA,EAET,OAEJ,eAAAF,CAAA,EAnBD,OAAA,GAAA,CAAA,SAAA,~~qKAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,CAoBA,EA3BD,OAAA,GAAA,CAAA,SAAA,~~qKAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA8BF"}
1	+ {"version":3,"file":"SearchZeroState.js","sources":["../../../../../../../src/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.tsx"],"sourcesContent":["import React from 'react';\nimport { ZeroState } from '@src/components/zeroState/ZeroState';\n\nexport const SearchZeroState: React.FC<{\n\tsearchedString: string;\n\theight: number;\n\tisLoading?: boolean;\n\tcontainerWidth?: string;\n\terrorMessage?: string;\n\tonRetry?: () => void;\n}> = ({\n\tsearchedString,\n\theight,\n\tisLoading,\n\tcontainerWidth,\n\terrorMessage,\n\tonRetry,\n}) => {\n\tconst isErrorState = !!errorMessage && !isLoading;\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\theight: height,\n\t\t\t\tdisplay: 'flex',\n\t\t\t\talignItems: 'center',\n\t\t\t}}\n\t\t>\n\t\t\t<ZeroState\n\t\t\t\tisLoading={isLoading}\n\t\t\t\ttitle={isErrorState ? 'Failed to load options' : 'No results found'}\n\t\t\t\tsubTitle={\n\t\t\t\t\tisErrorState\n\t\t\t\t\t\t? errorMessage\n\t\t\t\t\t\t: `Sorry we could not find any results for \"${\n\t\t\t\t\t\t\t\tsearchedString ?? ''\n\t\t\t\t\t\t }\"`\n\t\t\t\t}\n\t\t\t\tactionButton={\n\t\t\t\t\tisErrorState\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tbuttonText: 'Try again',\n\t\t\t\t\t\t\t\tbuttonType: 'text',\n\t\t\t\t\t\t\t\tonClick: onRetry,\n\t\t\t\t\t\t }\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\tcontainerWidth={containerWidth}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n"],"names":["SearchZeroState","searchedString","height","isLoading","containerWidth","errorMessage","onRetry","isErrorState","jsxDEV","ZeroState","this"],"mappings":"yKAGaA,EAOR,CAAC,CACL,eAAAC,EACA,OAAAC,EACA,UAAAC,EACA,eAAAC,EACA,aAAAC,EACA,QAAAC,CACD,IAAM,CACL,MAAMC,EAAe,CAAC,CAACF,GAAgB,CAACF,EAExC,OACCK,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,OAAAN,EACA,QAAS,OACT,WAAY,QAAA,EAGb,SAAAM,EAAAA,OAACC,EAAAA,UAAA,CACA,UAAAN,EACA,MAAOI,EAAe,yBAA2B,mBACjD,SACCA,EACGF,EACA,4CACAJ,GAAkB,EAClB,IAEJ,aACCM,EACG,CACA,WAAY,YACZ,WAAY,OACZ,QAASD,CAAA,EAET,OAEJ,eAAAF,CAAA,EAnBD,OAAA,GAAA,CAAA,SAAA,sIAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,CAoBA,EA3BD,OAAA,GAAA,CAAA,SAAA,sIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA8BF"}

package/dist/cjs/components/dropdown-button/DropdownButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),i=require("../dropdown/DropdownPopover/index.js"),s=require("../button/themes.js"),e=require("./DropdownButton.style.js"),u=require("../spinner/Spinner.js"),t=require("../button/Button.js"),d=o=>{const{onClick:a,...r}=o.buttonProps;return n.jsxDEV(e.DropdownButtonStyle,{type:o.buttonProps.buttonType,disabled:o.buttonProps.disabled,children:[o.buttonProps?.isLoading&&n.jsxDEV(e.LoaderContainer,{children:n.jsxDEV(u.Spinner,{className:"spinner",size:"small",color:s.SpinnerColorMap(o.buttonProps.buttonType||"primary",o.buttonProps.inverse)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown-button/DropdownButton.tsx",lineNumber:25,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown-button/DropdownButton.tsx",lineNumber:24,columnNumber:5},void 0),n.jsxDEV(t.Button,{...o.buttonProps,isLoading:!1,style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px",borderRight:"0px"}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown-button/DropdownButton.tsx",lineNumber:36,columnNumber:4},void 0),n.jsxDEV("div",{className:"dd-button-divider"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown-button/DropdownButton.tsx",lineNumber:46,columnNumber:4},void 0),n.jsxDEV(i.DropdownPopover,{...o.dropdownProps,isChildLoading:o.buttonProps?.isLoading,children:n.jsxDEV(t.Button,{...r,isLoading:!1,buttonText:"",TrailingIcon:o.iconProps,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown-button/DropdownButton.tsx",lineNumber:51,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown-button/DropdownButton.tsx",lineNumber:47,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dropdown-button/DropdownButton.tsx",lineNumber:19,columnNumber:3},void 0)};exports.DropdownButton=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),s=require("../dropdown/DropdownPopover/index.js"),i=require("../button/themes.js"),e=require("./DropdownButton.style.js"),d=require("../spinner/Spinner.js"),t=require("../button/Button.js"),u=o=>{const{onClick:a,...r}=o.buttonProps;return n.jsxDEV(e.DropdownButtonStyle,{type:o.buttonProps.buttonType,disabled:o.buttonProps.disabled,children:[o.buttonProps?.isLoading&&n.jsxDEV(e.LoaderContainer,{children:n.jsxDEV(d.Spinner,{className:"spinner",size:"small",color:i.SpinnerColorMap(o.buttonProps.buttonType||"primary",o.buttonProps.inverse)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown-button/DropdownButton.tsx",lineNumber:25,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown-button/DropdownButton.tsx",lineNumber:24,columnNumber:5},void 0),n.jsxDEV(t.Button,{...o.buttonProps,isLoading:!1,style:{borderRadius:"0px",borderTopLeftRadius:"4px",borderBottomLeftRadius:"4px",borderRight:"0px"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown-button/DropdownButton.tsx",lineNumber:36,columnNumber:4},void 0),n.jsxDEV("div",{className:"dd-button-divider"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown-button/DropdownButton.tsx",lineNumber:46,columnNumber:4},void 0),n.jsxDEV(s.DropdownPopover,{...o.dropdownProps,isChildLoading:o.buttonProps?.isLoading,children:n.jsxDEV(t.Button,{...r,isLoading:!1,buttonText:"",TrailingIcon:o.iconProps,style:{borderRadius:"0px",borderTopRightRadius:"4px",borderBottomRightRadius:"4px"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown-button/DropdownButton.tsx",lineNumber:51,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown-button/DropdownButton.tsx",lineNumber:47,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dropdown-button/DropdownButton.tsx",lineNumber:19,columnNumber:3},void 0)};exports.DropdownButton=u;
 //# sourceMappingURL=DropdownButton.js.map

package/dist/cjs/components/dropdown-button/DropdownButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownButton.js","sources":["../../../../src/components/dropdown-button/DropdownButton.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownPopover, DropdownProps } from '@src/components/dropdown';\nimport { Button } from '../button';\nimport { ButtonProps } from '../button/model';\nimport { SpinnerColorMap } from '../button/themes';\nimport { Spinner } from '../spinner';\nimport { DropdownButtonStyle, LoaderContainer } from './DropdownButton.style';\n\nexport interface DropdownButtonProps {\n\tdropdownProps: DropdownProps;\n\tbuttonProps: ButtonProps;\n\ticonProps: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n}\n\nexport const DropdownButton: React.FC<DropdownButtonProps> = (props) => {\n\tconst { onClick, ...childButtonProps } = props.buttonProps;\n\n\treturn (\n\t\t<DropdownButtonStyle\n\t\t\ttype={props.buttonProps.buttonType}\n\t\t\tdisabled={props.buttonProps.disabled}\n\t\t>\n\t\t\t{props.buttonProps?.isLoading && (\n\t\t\t\t<LoaderContainer>\n\t\t\t\t\t<Spinner\n\t\t\t\t\t\tclassName=\"spinner\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tcolor={SpinnerColorMap(\n\t\t\t\t\t\t\tprops.buttonProps.buttonType \|\| 'primary',\n\t\t\t\t\t\t\tprops.buttonProps.inverse,\n\t\t\t\t\t\t)}\n\t\t\t\t\t/>\n\t\t\t\t</LoaderContainer>\n\t\t\t)}\n\n\t\t\t<Button\n\t\t\t\t{...props.buttonProps}\n\t\t\t\tisLoading={false}\n\t\t\t\tstyle={{\n\t\t\t\t\tborderRadius: '0px',\n\t\t\t\t\tborderTopLeftRadius: '4px',\n\t\t\t\t\tborderBottomLeftRadius: '4px',\n\t\t\t\t\tborderRight: '0px',\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<div className=\"dd-button-divider\"></div>\n\t\t\t<DropdownPopover\n\t\t\t\t{...props.dropdownProps}\n\t\t\t\tisChildLoading={props.buttonProps?.isLoading}\n\t\t\t>\n\t\t\t\t<Button\n\t\t\t\t\t{...childButtonProps}\n\t\t\t\t\tisLoading={false}\n\t\t\t\t\tbuttonText={''}\n\t\t\t\t\tTrailingIcon={props.iconProps}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: '0px',\n\t\t\t\t\t\tborderTopRightRadius: '4px',\n\t\t\t\t\t\tborderBottomRightRadius: '4px',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</DropdownPopover>\n\t\t</DropdownButtonStyle>\n\t);\n};\n"],"names":["DropdownButton","props","onClick","childButtonProps","jsxDEV","DropdownButtonStyle","LoaderContainer","Spinner","SpinnerColorMap","this","Button","DropdownPopover"],"mappings":"uTAcaA,EAAiDC,GAAU,CACvE,KAAM,CAAE,QAAAC,EAAS,GAAGC,CAAA,EAAqBF,EAAM,YAE/C,OACCG,EAAAA,OAACC,EAAAA,oBAAA,CACA,KAAMJ,EAAM,YAAY,WACxB,SAAUA,EAAM,YAAY,SAE3B,SAAA,CAAAA,EAAM,aAAa,WACnBG,EAAAA,OAACE,EAAAA,gBAAA,CACA,SAAAF,EAAAA,OAACG,EAAAA,QAAA,CACA,UAAU,UACV,KAAK,QACL,MAAOC,EAAAA,gBACNP,EAAM,YAAY,YAAc,UAChCA,EAAM,YAAY,OAAA,CACnB,EAND,OAAA,GAAA,CAAA,SAAA,~~uIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAA,CAOA,EARD,OAAA,GAAA,CAAA,SAAA,~~uIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,EAGDL,EAAAA,OAACM,EAAAA,OAAA,CACC,GAAGT,EAAM,YACV,UAAW,GACX,MAAO,CACN,aAAc,MACd,oBAAqB,MACrB,uBAAwB,MACxB,YAAa,KAAA,CACd,EARD,OAAA,GAAA,CAAA,SAAA,~~uIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAA,EAUAL,EAAAA,OAAC,MAAA,CAAI,UAAU,mBAAA,EAAf,OAAA,GAAA,CAAA,SAAA,~~uIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAmC,EACnCL,EAAAA,OAACO,EAAAA,gBAAA,CACC,GAAGV,EAAM,cACV,eAAgBA,EAAM,aAAa,UAEnC,SAAAG,EAAAA,OAACM,EAAAA,OAAA,CACC,GAAGP,EACJ,UAAW,GACX,WAAY,GACZ,aAAcF,EAAM,UACpB,MAAO,CACN,aAAc,MACd,qBAAsB,MACtB,wBAAyB,KAAA,CAC1B,EATD,OAAA,GAAA,CAAA,SAAA,~~uIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAA,CAUA,EAdD,OAAA,GAAA,CAAA,SAAA,~~uIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAeA,CAAA,EA3CD,OAAA,GAAA,CAAA,SAAA,~~uIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA8CF"}
1	+ {"version":3,"file":"DropdownButton.js","sources":["../../../../src/components/dropdown-button/DropdownButton.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownPopover, DropdownProps } from '@src/components/dropdown';\nimport { Button } from '../button';\nimport { ButtonProps } from '../button/model';\nimport { SpinnerColorMap } from '../button/themes';\nimport { Spinner } from '../spinner';\nimport { DropdownButtonStyle, LoaderContainer } from './DropdownButton.style';\n\nexport interface DropdownButtonProps {\n\tdropdownProps: DropdownProps;\n\tbuttonProps: ButtonProps;\n\ticonProps: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n}\n\nexport const DropdownButton: React.FC<DropdownButtonProps> = (props) => {\n\tconst { onClick, ...childButtonProps } = props.buttonProps;\n\n\treturn (\n\t\t<DropdownButtonStyle\n\t\t\ttype={props.buttonProps.buttonType}\n\t\t\tdisabled={props.buttonProps.disabled}\n\t\t>\n\t\t\t{props.buttonProps?.isLoading && (\n\t\t\t\t<LoaderContainer>\n\t\t\t\t\t<Spinner\n\t\t\t\t\t\tclassName=\"spinner\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tcolor={SpinnerColorMap(\n\t\t\t\t\t\t\tprops.buttonProps.buttonType \|\| 'primary',\n\t\t\t\t\t\t\tprops.buttonProps.inverse,\n\t\t\t\t\t\t)}\n\t\t\t\t\t/>\n\t\t\t\t</LoaderContainer>\n\t\t\t)}\n\n\t\t\t<Button\n\t\t\t\t{...props.buttonProps}\n\t\t\t\tisLoading={false}\n\t\t\t\tstyle={{\n\t\t\t\t\tborderRadius: '0px',\n\t\t\t\t\tborderTopLeftRadius: '4px',\n\t\t\t\t\tborderBottomLeftRadius: '4px',\n\t\t\t\t\tborderRight: '0px',\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<div className=\"dd-button-divider\"></div>\n\t\t\t<DropdownPopover\n\t\t\t\t{...props.dropdownProps}\n\t\t\t\tisChildLoading={props.buttonProps?.isLoading}\n\t\t\t>\n\t\t\t\t<Button\n\t\t\t\t\t{...childButtonProps}\n\t\t\t\t\tisLoading={false}\n\t\t\t\t\tbuttonText={''}\n\t\t\t\t\tTrailingIcon={props.iconProps}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: '0px',\n\t\t\t\t\t\tborderTopRightRadius: '4px',\n\t\t\t\t\t\tborderBottomRightRadius: '4px',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</DropdownPopover>\n\t\t</DropdownButtonStyle>\n\t);\n};\n"],"names":["DropdownButton","props","onClick","childButtonProps","jsxDEV","DropdownButtonStyle","LoaderContainer","Spinner","SpinnerColorMap","this","Button","DropdownPopover"],"mappings":"uTAcaA,EAAiDC,GAAU,CACvE,KAAM,CAAE,QAAAC,EAAS,GAAGC,CAAA,EAAqBF,EAAM,YAE/C,OACCG,EAAAA,OAACC,EAAAA,oBAAA,CACA,KAAMJ,EAAM,YAAY,WACxB,SAAUA,EAAM,YAAY,SAE3B,SAAA,CAAAA,EAAM,aAAa,WACnBG,EAAAA,OAACE,EAAAA,gBAAA,CACA,SAAAF,EAAAA,OAACG,EAAAA,QAAA,CACA,UAAU,UACV,KAAK,QACL,MAAOC,EAAAA,gBACNP,EAAM,YAAY,YAAc,UAChCA,EAAM,YAAY,OAAA,CACnB,EAND,OAAA,GAAA,CAAA,SAAA,wGAAA,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAA,CAOA,EARD,OAAA,GAAA,CAAA,SAAA,wGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,EAGDL,EAAAA,OAACM,EAAAA,OAAA,CACC,GAAGT,EAAM,YACV,UAAW,GACX,MAAO,CACN,aAAc,MACd,oBAAqB,MACrB,uBAAwB,MACxB,YAAa,KAAA,CACd,EARD,OAAA,GAAA,CAAA,SAAA,wGAAA,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAA,EAUAL,EAAAA,OAAC,MAAA,CAAI,UAAU,mBAAA,EAAf,OAAA,GAAA,CAAA,SAAA,wGAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAmC,EACnCL,EAAAA,OAACO,EAAAA,gBAAA,CACC,GAAGV,EAAM,cACV,eAAgBA,EAAM,aAAa,UAEnC,SAAAG,EAAAA,OAACM,EAAAA,OAAA,CACC,GAAGP,EACJ,UAAW,GACX,WAAY,GACZ,aAAcF,EAAM,UACpB,MAAO,CACN,aAAc,MACd,qBAAsB,MACtB,wBAAyB,KAAA,CAC1B,EATD,OAAA,GAAA,CAAA,SAAA,wGAAA,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAA,CAUA,EAdD,OAAA,GAAA,CAAA,SAAA,wGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAeA,CAAA,EA3CD,OAAA,GAAA,CAAA,SAAA,wGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA8CF"}

package/dist/cjs/components/dynamic-tabs/DynamicTabs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),m=require("react"),r=require("../../constants/Theme.js"),y=require("../tooltips/Tooltip.js"),p=require("../TypographyStyle.js"),T=s=>{const[n,c]=m.useState(0),{tabsInfo:a,tabStyleInfo:e}=s,u=o=>{c(o.id),o.action(o.text)};return m.useEffect(()=>{s.selectedTabId===void 0||s.selectedTabId===null||c(s.selectedTabId)},[s.selectedTabId]),t.jsxDEV("div",{style:s.wrapperStyle??{},children:t.jsxDEV("div",{style:{display:"flex",alignItems:"center",borderColor:r.DEFAULT_THEME.colorsV2.stroke.primary,backgroundColor:e?.size==="SMALL"?"unset":r.DEFAULT_THEME.colorsV2.surface.standard},children:a.map((o,d)=>{const l=e.type==="CAPSULE"?e.style?.borderTopLeftRadius??20:d===0&&e.type==="SQUARE"?e.style?.borderTopLeftRadius?e.style.borderTopLeftRadius:4:0,b=e.type==="CAPSULE"?e.style?.borderTopLeftRadius??20:d===a.length-1&&e.type==="SQUARE"?e.style?.borderTopLeftRadius?e.style.borderTopLeftRadius:4:0,i=o.id===n?r.DEFAULT_THEME.colorsV2.content.brand:r.DEFAULT_THEME.colorsV2.stroke.primary;return t.jsxDEV(y.Tooltip,{...o.tooltipProps??{},children:t.jsxDEV("div",{onClick:()=>{u(o)},style:{cursor:"pointer",display:"flex",flex:1,width:s.tabWidth??"110px",borderTop:`1px solid ${i}`,borderBottom:`1px solid ${i}`,borderLeft:`1px solid ${i}`,borderRight:`${d===a.length-1&&e.type==="SQUARE"||e.type==="CAPSULE"||o.id===n?1:0}px solid ${i}`,backgroundColor:o.id===n?r.DEFAULT_THEME.colorsV2.background.brandLight:r.DEFAULT_THEME.colorsV2.surface.standard,borderTopLeftRadius:l,borderBottomLeftRadius:l,borderTopRightRadius:b,borderBottomRightRadius:b,padding:e?.size==="SMALL"?"2px 14px":"8px 24px",marginRight:e.style?.marginRight,justifyContent:"space-around"},children:t.jsxDEV(p.BodySecondary,{style:{color:o.id===n?r.DEFAULT_THEME.colorsV2.content.brand:r.DEFAULT_THEME.colorsV2.content.secondary},children:o.text},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dynamic-tabs/DynamicTabs.tsx",lineNumber:114,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dynamic-tabs/DynamicTabs.tsx",lineNumber:80,columnNumber:8},void 0)},o.id,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dynamic-tabs/DynamicTabs.tsx",lineNumber:79,columnNumber:7},void 0)})},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dynamic-tabs/DynamicTabs.tsx",lineNumber:45,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/dynamic-tabs/DynamicTabs.tsx",lineNumber:44,columnNumber:3},void 0)};exports.DynamicTabs=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-dev-runtime"),u=require("react"),r=require("../../constants/Theme.js"),y=require("../tooltips/Tooltip.js"),T=require("../TypographyStyle.js"),p=n=>{const[t,c]=u.useState(0),{tabsInfo:i,tabStyleInfo:e}=n,m=o=>{c(o.id),o.action(o.text)};return u.useEffect(()=>{n.selectedTabId===void 0||n.selectedTabId===null||c(n.selectedTabId)},[n.selectedTabId]),s.jsxDEV("div",{style:n.wrapperStyle??{},children:s.jsxDEV("div",{style:{display:"flex",alignItems:"center",borderColor:r.DEFAULT_THEME.colorsV2.stroke.primary,backgroundColor:e?.size==="SMALL"?"unset":r.DEFAULT_THEME.colorsV2.surface.standard},children:i.map((o,a)=>{const l=e.type==="CAPSULE"?e.style?.borderTopLeftRadius??20:a===0&&e.type==="SQUARE"?e.style?.borderTopLeftRadius?e.style.borderTopLeftRadius:4:0,b=e.type==="CAPSULE"?e.style?.borderTopLeftRadius??20:a===i.length-1&&e.type==="SQUARE"?e.style?.borderTopLeftRadius?e.style.borderTopLeftRadius:4:0,d=o.id===t?r.DEFAULT_THEME.colorsV2.content.brand:r.DEFAULT_THEME.colorsV2.stroke.primary;return s.jsxDEV(y.Tooltip,{...o.tooltipProps??{},children:s.jsxDEV("div",{onClick:()=>{m(o)},style:{cursor:"pointer",display:"flex",flex:1,width:n.tabWidth??"110px",borderTop:`1px solid ${d}`,borderBottom:`1px solid ${d}`,borderLeft:`1px solid ${d}`,borderRight:`${a===i.length-1&&e.type==="SQUARE"||e.type==="CAPSULE"||o.id===t?1:0}px solid ${d}`,backgroundColor:o.id===t?r.DEFAULT_THEME.colorsV2.background.brandLight:r.DEFAULT_THEME.colorsV2.surface.standard,borderTopLeftRadius:l,borderBottomLeftRadius:l,borderTopRightRadius:b,borderBottomRightRadius:b,padding:e?.size==="SMALL"?"2px 14px":"8px 24px",marginRight:e.style?.marginRight,justifyContent:"space-around"},children:s.jsxDEV(T.BodySecondary,{style:{color:o.id===t?r.DEFAULT_THEME.colorsV2.content.brand:r.DEFAULT_THEME.colorsV2.content.secondary},children:o.text},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dynamic-tabs/DynamicTabs.tsx",lineNumber:114,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dynamic-tabs/DynamicTabs.tsx",lineNumber:80,columnNumber:8},void 0)},o.id,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dynamic-tabs/DynamicTabs.tsx",lineNumber:79,columnNumber:7},void 0)})},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dynamic-tabs/DynamicTabs.tsx",lineNumber:45,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/dynamic-tabs/DynamicTabs.tsx",lineNumber:44,columnNumber:3},void 0)};exports.DynamicTabs=p;
 //# sourceMappingURL=DynamicTabs.js.map

package/dist/cjs/components/dynamic-tabs/DynamicTabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DynamicTabs.js","sources":["../../../../src/components/dynamic-tabs/DynamicTabs.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport { Tooltip, TooltipProps } from '../tooltips/Tooltip';\nimport { BodySecondary } from '../TypographyStyle';\n\nexport interface DynamicTabsDetails {\n\tid: number;\n\ttext: string;\n\taction: (tabName: string) => void;\n\tdisplayText?: string;\n\ttooltipProps?: TooltipProps;\n}\n\nexport interface DynamicTabsStyleDetails {\n\ttype: 'SQUARE' \| 'CAPSULE';\n\tsize?: 'REGULAR' \| 'SMALL';\n\tstyle?: { [property: string]: string \| number };\n}\n\nexport interface DynamicTabsProps {\n\ttabsInfo: DynamicTabsDetails[];\n\ttabStyleInfo: DynamicTabsStyleDetails;\n\tselectedTabId?: number;\n\twrapperStyle?: React.CSSProperties;\n\ttabWidth?: string;\n}\n\nexport const DynamicTabs = (props: DynamicTabsProps) => {\n\tconst [selectedTab, setSelectedTab] = useState<number>(0);\n\tconst { tabsInfo, tabStyleInfo } = props;\n\tconst onTabClick = (tabDetails: DynamicTabsDetails) => {\n\t\tsetSelectedTab(tabDetails.id);\n\t\ttabDetails.action(tabDetails.text);\n\t};\n\n\tuseEffect(() => {\n\t\tif (props.selectedTabId === undefined \|\| props.selectedTabId === null) {\n\t\t\treturn;\n\t\t}\n\t\tsetSelectedTab(props.selectedTabId);\n\t}, [props.selectedTabId]);\n\n\treturn (\n\t\t<div style={props.wrapperStyle ?? {}}>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tborderColor: DEFAULT_THEME.colorsV2.stroke.primary,\n\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\ttabStyleInfo?.size === 'SMALL'\n\t\t\t\t\t\t\t? 'unset'\n\t\t\t\t\t\t\t: DEFAULT_THEME.colorsV2.surface.standard,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{tabsInfo.map((tabDetails, idx) => {\n\t\t\t\t\tconst borderLeftRadius =\n\t\t\t\t\t\ttabStyleInfo.type === 'CAPSULE'\n\t\t\t\t\t\t\t? tabStyleInfo.style?.['borderTopLeftRadius'] ?? 20\n\t\t\t\t\t\t\t: idx === 0 && tabStyleInfo.type === 'SQUARE'\n\t\t\t\t\t\t\t? tabStyleInfo.style?.['borderTopLeftRadius']\n\t\t\t\t\t\t\t\t? tabStyleInfo.style['borderTopLeftRadius']\n\t\t\t\t\t\t\t\t: 4\n\t\t\t\t\t\t\t: 0;\n\n\t\t\t\t\tconst borderRightRadius =\n\t\t\t\t\t\ttabStyleInfo.type === 'CAPSULE'\n\t\t\t\t\t\t\t? tabStyleInfo.style?.['borderTopLeftRadius'] ?? 20\n\t\t\t\t\t\t\t: idx === tabsInfo.length - 1 && tabStyleInfo.type === 'SQUARE'\n\t\t\t\t\t\t\t? tabStyleInfo.style?.['borderTopLeftRadius']\n\t\t\t\t\t\t\t\t? tabStyleInfo.style['borderTopLeftRadius']\n\t\t\t\t\t\t\t\t: 4\n\t\t\t\t\t\t\t: 0;\n\t\t\t\t\tconst borderColor =\n\t\t\t\t\t\ttabDetails.id === selectedTab\n\t\t\t\t\t\t\t? DEFAULT_THEME.colorsV2.content.brand\n\t\t\t\t\t\t\t: DEFAULT_THEME.colorsV2.stroke.primary;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Tooltip key={tabDetails.id} {...(tabDetails.tooltipProps ?? {})}>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tonTabClick(tabDetails);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\twidth: props.tabWidth ?? '110px',\n\t\t\t\t\t\t\t\t\tborderTop: `1px solid ${borderColor}`,\n\t\t\t\t\t\t\t\t\tborderBottom: `1px solid ${borderColor}`,\n\t\t\t\t\t\t\t\t\tborderLeft: `1px solid ${borderColor}`,\n\t\t\t\t\t\t\t\t\tborderRight: `${\n\t\t\t\t\t\t\t\t\t\t(idx === tabsInfo.length - 1 &&\n\t\t\t\t\t\t\t\t\t\t\ttabStyleInfo.type === 'SQUARE') \|\|\n\t\t\t\t\t\t\t\t\t\ttabStyleInfo.type === 'CAPSULE' \|\|\n\t\t\t\t\t\t\t\t\t\ttabDetails.id === selectedTab\n\t\t\t\t\t\t\t\t\t\t\t? 1\n\t\t\t\t\t\t\t\t\t\t\t: 0\n\t\t\t\t\t\t\t\t\t}px solid ${borderColor}`,\n\t\t\t\t\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\t\t\t\t\ttabDetails.id === selectedTab\n\t\t\t\t\t\t\t\t\t\t\t? DEFAULT_THEME.colorsV2.background.brandLight\n\t\t\t\t\t\t\t\t\t\t\t: DEFAULT_THEME.colorsV2.surface.standard,\n\t\t\t\t\t\t\t\t\tborderTopLeftRadius: borderLeftRadius,\n\t\t\t\t\t\t\t\t\tborderBottomLeftRadius: borderLeftRadius,\n\t\t\t\t\t\t\t\t\tborderTopRightRadius: borderRightRadius,\n\t\t\t\t\t\t\t\t\tborderBottomRightRadius: borderRightRadius,\n\t\t\t\t\t\t\t\t\tpadding:\n\t\t\t\t\t\t\t\t\t\ttabStyleInfo?.size === 'SMALL' ? '2px 14px' : '8px 24px',\n\t\t\t\t\t\t\t\t\tmarginRight: tabStyleInfo.style?.['marginRight'],\n\t\t\t\t\t\t\t\t\tjustifyContent: 'space-around',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<BodySecondary\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\ttabDetails.id === selectedTab\n\t\t\t\t\t\t\t\t\t\t\t\t? DEFAULT_THEME.colorsV2.content.brand\n\t\t\t\t\t\t\t\t\t\t\t\t: DEFAULT_THEME.colorsV2.content.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{tabDetails.text}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["DynamicTabs","props","selectedTab","setSelectedTab","useState","tabsInfo","tabStyleInfo","onTabClick","tabDetails","useEffect","jsxDEV","DEFAULT_THEME","idx","borderLeftRadius","borderRightRadius","borderColor","Tooltip","BodySecondary","this"],"mappings":"yPA2BaA,EAAeC,GAA4B,CACvD,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAiB,CAAC,EAClD,CAAE,SAAAC,EAAU,aAAAC,CAAA,EAAiBL,EAC7BM,EAAcC,GAAmC,CACtDL,EAAeK,EAAW,EAAE,EAC5BA,EAAW,OAAOA,EAAW,IAAI,CAClC,EAEAC,OAAAA,EAAAA,UAAU,IAAM,CACXR,EAAM,gBAAkB,QAAaA,EAAM,gBAAkB,MAGjEE,EAAeF,EAAM,aAAa,CACnC,EAAG,CAACA,EAAM,aAAa,CAAC,WAGtB,MAAA,CAAI,MAAOA,EAAM,cAAgB,CAAA,EACjC,SAAAS,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,WAAY,SACZ,YAAaC,EAAAA,cAAc,SAAS,OAAO,QAC3C,gBACCL,GAAc,OAAS,QACpB,QACAK,EAAAA,cAAc,SAAS,QAAQ,QAAA,EAGnC,SAAAN,EAAS,IAAI,CAACG,EAAYI,IAAQ,CAClC,MAAMC,EACLP,EAAa,OAAS,UACnBA,EAAa,OAAQ,qBAA0B,GAC/CM,IAAQ,GAAKN,EAAa,OAAS,SACnCA,EAAa,OAAQ,oBACpBA,EAAa,MAAM,oBACnB,EACD,EAEEQ,EACLR,EAAa,OAAS,UACnBA,EAAa,OAAQ,qBAA0B,GAC/CM,IAAQP,EAAS,OAAS,GAAKC,EAAa,OAAS,SACrDA,EAAa,OAAQ,oBACpBA,EAAa,MAAM,oBACnB,EACD,EACES,EACLP,EAAW,KAAON,EACfS,EAAAA,cAAc,SAAS,QAAQ,MAC/BA,EAAAA,cAAc,SAAS,OAAO,QAClC,gBACEK,EAAAA,QAAA,CAA6B,GAAIR,EAAW,cAAgB,CAAA,EAC5D,SAAAE,EAAAA,OAAC,MAAA,CACA,QAAS,IAAM,CACdH,EAAWC,CAAU,CACtB,EACA,MAAO,CACN,OAAQ,UACR,QAAS,OACT,KAAM,EACN,MAAOP,EAAM,UAAY,QACzB,UAAW,aAAac,CAAW,GACnC,aAAc,aAAaA,CAAW,GACtC,WAAY,aAAaA,CAAW,GACpC,YAAa,GACXH,IAAQP,EAAS,OAAS,GAC1BC,EAAa,OAAS,UACvBA,EAAa,OAAS,WACtBE,EAAW,KAAON,EACf,EACA,CACJ,YAAYa,CAAW,GACvB,gBACCP,EAAW,KAAON,EACfS,EAAAA,cAAc,SAAS,WAAW,WAClCA,EAAAA,cAAc,SAAS,QAAQ,SACnC,oBAAqBE,EACrB,uBAAwBA,EACxB,qBAAsBC,EACtB,wBAAyBA,EACzB,QACCR,GAAc,OAAS,QAAU,WAAa,WAC/C,YAAaA,EAAa,OAAQ,YAClC,eAAgB,cAAA,EAGjB,SAAAI,EAAAA,OAACO,EAAAA,cAAA,CACA,MAAO,CACN,MACCT,EAAW,KAAON,EACfS,EAAAA,cAAc,SAAS,QAAQ,MAC/BA,gBAAc,SAAS,QAAQ,SAAA,EAGnC,SAAAH,EAAW,IAAA,EARb,OAAA,GAAA,CAAA,SAAA,~~iIAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAU,MAAA,CASA,EA3CD,OAAA,GAAA,CAAA,SAAA,~~iIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,GADaV,EAAW,GAAzB,GAAA,CAAA,SAAA,~~iIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAU,MA8CA,CAEF,CAAC,CAAA,EAlFF,OAAA,GAAA,CAAA,SAAA,~~iIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAmFA,EApFD,OAAA,GAAA,CAAA,SAAA,~~iIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAqFA,CAEF"}
1	+ {"version":3,"file":"DynamicTabs.js","sources":["../../../../src/components/dynamic-tabs/DynamicTabs.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport { Tooltip, TooltipProps } from '../tooltips/Tooltip';\nimport { BodySecondary } from '../TypographyStyle';\n\nexport interface DynamicTabsDetails {\n\tid: number;\n\ttext: string;\n\taction: (tabName: string) => void;\n\tdisplayText?: string;\n\ttooltipProps?: TooltipProps;\n}\n\nexport interface DynamicTabsStyleDetails {\n\ttype: 'SQUARE' \| 'CAPSULE';\n\tsize?: 'REGULAR' \| 'SMALL';\n\tstyle?: { [property: string]: string \| number };\n}\n\nexport interface DynamicTabsProps {\n\ttabsInfo: DynamicTabsDetails[];\n\ttabStyleInfo: DynamicTabsStyleDetails;\n\tselectedTabId?: number;\n\twrapperStyle?: React.CSSProperties;\n\ttabWidth?: string;\n}\n\nexport const DynamicTabs = (props: DynamicTabsProps) => {\n\tconst [selectedTab, setSelectedTab] = useState<number>(0);\n\tconst { tabsInfo, tabStyleInfo } = props;\n\tconst onTabClick = (tabDetails: DynamicTabsDetails) => {\n\t\tsetSelectedTab(tabDetails.id);\n\t\ttabDetails.action(tabDetails.text);\n\t};\n\n\tuseEffect(() => {\n\t\tif (props.selectedTabId === undefined \|\| props.selectedTabId === null) {\n\t\t\treturn;\n\t\t}\n\t\tsetSelectedTab(props.selectedTabId);\n\t}, [props.selectedTabId]);\n\n\treturn (\n\t\t<div style={props.wrapperStyle ?? {}}>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tborderColor: DEFAULT_THEME.colorsV2.stroke.primary,\n\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\ttabStyleInfo?.size === 'SMALL'\n\t\t\t\t\t\t\t? 'unset'\n\t\t\t\t\t\t\t: DEFAULT_THEME.colorsV2.surface.standard,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{tabsInfo.map((tabDetails, idx) => {\n\t\t\t\t\tconst borderLeftRadius =\n\t\t\t\t\t\ttabStyleInfo.type === 'CAPSULE'\n\t\t\t\t\t\t\t? tabStyleInfo.style?.['borderTopLeftRadius'] ?? 20\n\t\t\t\t\t\t\t: idx === 0 && tabStyleInfo.type === 'SQUARE'\n\t\t\t\t\t\t\t? tabStyleInfo.style?.['borderTopLeftRadius']\n\t\t\t\t\t\t\t\t? tabStyleInfo.style['borderTopLeftRadius']\n\t\t\t\t\t\t\t\t: 4\n\t\t\t\t\t\t\t: 0;\n\n\t\t\t\t\tconst borderRightRadius =\n\t\t\t\t\t\ttabStyleInfo.type === 'CAPSULE'\n\t\t\t\t\t\t\t? tabStyleInfo.style?.['borderTopLeftRadius'] ?? 20\n\t\t\t\t\t\t\t: idx === tabsInfo.length - 1 && tabStyleInfo.type === 'SQUARE'\n\t\t\t\t\t\t\t? tabStyleInfo.style?.['borderTopLeftRadius']\n\t\t\t\t\t\t\t\t? tabStyleInfo.style['borderTopLeftRadius']\n\t\t\t\t\t\t\t\t: 4\n\t\t\t\t\t\t\t: 0;\n\t\t\t\t\tconst borderColor =\n\t\t\t\t\t\ttabDetails.id === selectedTab\n\t\t\t\t\t\t\t? DEFAULT_THEME.colorsV2.content.brand\n\t\t\t\t\t\t\t: DEFAULT_THEME.colorsV2.stroke.primary;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Tooltip key={tabDetails.id} {...(tabDetails.tooltipProps ?? {})}>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tonTabClick(tabDetails);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\twidth: props.tabWidth ?? '110px',\n\t\t\t\t\t\t\t\t\tborderTop: `1px solid ${borderColor}`,\n\t\t\t\t\t\t\t\t\tborderBottom: `1px solid ${borderColor}`,\n\t\t\t\t\t\t\t\t\tborderLeft: `1px solid ${borderColor}`,\n\t\t\t\t\t\t\t\t\tborderRight: `${\n\t\t\t\t\t\t\t\t\t\t(idx === tabsInfo.length - 1 &&\n\t\t\t\t\t\t\t\t\t\t\ttabStyleInfo.type === 'SQUARE') \|\|\n\t\t\t\t\t\t\t\t\t\ttabStyleInfo.type === 'CAPSULE' \|\|\n\t\t\t\t\t\t\t\t\t\ttabDetails.id === selectedTab\n\t\t\t\t\t\t\t\t\t\t\t? 1\n\t\t\t\t\t\t\t\t\t\t\t: 0\n\t\t\t\t\t\t\t\t\t}px solid ${borderColor}`,\n\t\t\t\t\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\t\t\t\t\ttabDetails.id === selectedTab\n\t\t\t\t\t\t\t\t\t\t\t? DEFAULT_THEME.colorsV2.background.brandLight\n\t\t\t\t\t\t\t\t\t\t\t: DEFAULT_THEME.colorsV2.surface.standard,\n\t\t\t\t\t\t\t\t\tborderTopLeftRadius: borderLeftRadius,\n\t\t\t\t\t\t\t\t\tborderBottomLeftRadius: borderLeftRadius,\n\t\t\t\t\t\t\t\t\tborderTopRightRadius: borderRightRadius,\n\t\t\t\t\t\t\t\t\tborderBottomRightRadius: borderRightRadius,\n\t\t\t\t\t\t\t\t\tpadding:\n\t\t\t\t\t\t\t\t\t\ttabStyleInfo?.size === 'SMALL' ? '2px 14px' : '8px 24px',\n\t\t\t\t\t\t\t\t\tmarginRight: tabStyleInfo.style?.['marginRight'],\n\t\t\t\t\t\t\t\t\tjustifyContent: 'space-around',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<BodySecondary\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\ttabDetails.id === selectedTab\n\t\t\t\t\t\t\t\t\t\t\t\t? DEFAULT_THEME.colorsV2.content.brand\n\t\t\t\t\t\t\t\t\t\t\t\t: DEFAULT_THEME.colorsV2.content.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{tabDetails.text}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["DynamicTabs","props","selectedTab","setSelectedTab","useState","tabsInfo","tabStyleInfo","onTabClick","tabDetails","useEffect","jsxDEV","DEFAULT_THEME","idx","borderLeftRadius","borderRightRadius","borderColor","Tooltip","BodySecondary","this"],"mappings":"yPA2BaA,EAAeC,GAA4B,CACvD,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAiB,CAAC,EAClD,CAAE,SAAAC,EAAU,aAAAC,CAAA,EAAiBL,EAC7BM,EAAcC,GAAmC,CACtDL,EAAeK,EAAW,EAAE,EAC5BA,EAAW,OAAOA,EAAW,IAAI,CAClC,EAEAC,OAAAA,EAAAA,UAAU,IAAM,CACXR,EAAM,gBAAkB,QAAaA,EAAM,gBAAkB,MAGjEE,EAAeF,EAAM,aAAa,CACnC,EAAG,CAACA,EAAM,aAAa,CAAC,WAGtB,MAAA,CAAI,MAAOA,EAAM,cAAgB,CAAA,EACjC,SAAAS,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,WAAY,SACZ,YAAaC,EAAAA,cAAc,SAAS,OAAO,QAC3C,gBACCL,GAAc,OAAS,QACpB,QACAK,EAAAA,cAAc,SAAS,QAAQ,QAAA,EAGnC,SAAAN,EAAS,IAAI,CAACG,EAAYI,IAAQ,CAClC,MAAMC,EACLP,EAAa,OAAS,UACnBA,EAAa,OAAQ,qBAA0B,GAC/CM,IAAQ,GAAKN,EAAa,OAAS,SACnCA,EAAa,OAAQ,oBACpBA,EAAa,MAAM,oBACnB,EACD,EAEEQ,EACLR,EAAa,OAAS,UACnBA,EAAa,OAAQ,qBAA0B,GAC/CM,IAAQP,EAAS,OAAS,GAAKC,EAAa,OAAS,SACrDA,EAAa,OAAQ,oBACpBA,EAAa,MAAM,oBACnB,EACD,EACES,EACLP,EAAW,KAAON,EACfS,EAAAA,cAAc,SAAS,QAAQ,MAC/BA,EAAAA,cAAc,SAAS,OAAO,QAClC,gBACEK,EAAAA,QAAA,CAA6B,GAAIR,EAAW,cAAgB,CAAA,EAC5D,SAAAE,EAAAA,OAAC,MAAA,CACA,QAAS,IAAM,CACdH,EAAWC,CAAU,CACtB,EACA,MAAO,CACN,OAAQ,UACR,QAAS,OACT,KAAM,EACN,MAAOP,EAAM,UAAY,QACzB,UAAW,aAAac,CAAW,GACnC,aAAc,aAAaA,CAAW,GACtC,WAAY,aAAaA,CAAW,GACpC,YAAa,GACXH,IAAQP,EAAS,OAAS,GAC1BC,EAAa,OAAS,UACvBA,EAAa,OAAS,WACtBE,EAAW,KAAON,EACf,EACA,CACJ,YAAYa,CAAW,GACvB,gBACCP,EAAW,KAAON,EACfS,EAAAA,cAAc,SAAS,WAAW,WAClCA,EAAAA,cAAc,SAAS,QAAQ,SACnC,oBAAqBE,EACrB,uBAAwBA,EACxB,qBAAsBC,EACtB,wBAAyBA,EACzB,QACCR,GAAc,OAAS,QAAU,WAAa,WAC/C,YAAaA,EAAa,OAAQ,YAClC,eAAgB,cAAA,EAGjB,SAAAI,EAAAA,OAACO,EAAAA,cAAA,CACA,MAAO,CACN,MACCT,EAAW,KAAON,EACfS,EAAAA,cAAc,SAAS,QAAQ,MAC/BA,gBAAc,SAAS,QAAQ,SAAA,EAGnC,SAAAH,EAAW,IAAA,EARb,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,IAAA,aAAA,CAAA,EAAAU,MAAA,CASA,EA3CD,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,GADaV,EAAW,GAAzB,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MA8CA,CAEF,CAAC,CAAA,EAlFF,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAmFA,EApFD,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAqFA,CAEF"}

package/dist/cjs/components/fab-menu/FABMenu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),x=require("../floating-action-button/FloatingActionButton.js"),D=require("../dropdown/OpenedDropdown/components/OpennedDropdown.js"),N=e=>{const{onSelect:o,menuOptions:t,buttonWidth:i,buttonHeight:r,buttonColor:s,buttonPosition:u,menuWidth:a,menuHeight:l,buttonIcon:m,buttonPaddingHorizontal:c,buttonPaddingVertical:d,tooltipPlacement:b,tooltipText:p,zIndex:h,isRound:v,dropPosition:f,menuAligment:k,tooltipWidth:g}=e;return n.jsxDEV("div",{children:n.jsxDEV(x.FloatingActionButton,{icon:m,width:i,height:r,color:s,position:u,buttonPaddingHorizontal:c,buttonPaddingVertical:d,tooltipPlacement:b,tooltipText:p,zIndex:h,isRound:v,dropPosition:f,menuAligment:k,tootipWidth:g,children:n.jsxDEV(D.OpenedDropdown,{options:t,height:l||90,width:`${a}px`,onSelect:o,version:e.version},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/fab-menu/FABMenu.tsx",lineNumber:71,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/fab-menu/FABMenu.tsx",lineNumber:55,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/fab-menu/FABMenu.tsx",lineNumber:54,columnNumber:3},void 0)};exports.FABMenu=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),N=require("../floating-action-button/FloatingActionButton.js"),v=require("../dropdown/OpenedDropdown/components/OpennedDropdown.js"),y=o=>{const{onSelect:e,menuOptions:t,buttonWidth:i,buttonHeight:r,buttonColor:s,buttonPosition:u,menuWidth:d,menuHeight:l,buttonIcon:a,buttonPaddingHorizontal:c,buttonPaddingVertical:m,tooltipPlacement:b,tooltipText:p,zIndex:h,isRound:f,dropPosition:g,menuAligment:x,tooltipWidth:D}=o;return n.jsxDEV("div",{children:n.jsxDEV(N.FloatingActionButton,{icon:a,width:i,height:r,color:s,position:u,buttonPaddingHorizontal:c,buttonPaddingVertical:m,tooltipPlacement:b,tooltipText:p,zIndex:h,isRound:f,dropPosition:g,menuAligment:x,tootipWidth:D,children:n.jsxDEV(v.OpenedDropdown,{options:t,height:l||90,width:`${d}px`,onSelect:e,version:o.version},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/fab-menu/FABMenu.tsx",lineNumber:71,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/fab-menu/FABMenu.tsx",lineNumber:55,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/fab-menu/FABMenu.tsx",lineNumber:54,columnNumber:3},void 0)};exports.FABMenu=y;
 //# sourceMappingURL=FABMenu.js.map

package/dist/cjs/components/fab-menu/FABMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FABMenu.js","sources":["../../../../src/components/fab-menu/FABMenu.tsx"],"sourcesContent":["import React from 'react';\nimport { OpenedDropdown } from '../dropdown/OpenedDropdown';\nimport { DropdownOption } from '../dropdown/type';\nimport { FloatingActionButton } from '../floating-action-button';\nimport {\n\tDROP_POSITION,\n\tFAB_POSITION,\n\tMENU_ALIGNMENT,\n} from '../floating-action-button/FloatingActionButton.styles';\nimport { Placement } from '../tooltips';\n\nexport const FABMenu: React.FC<{\n\tonSelect: (selected: DropdownOption \| DropdownOption[]) => void;\n\tmenuOptions: DropdownOption[];\n\tbuttonWidth?: number;\n\tbuttonHeight?: number;\n\tbuttonColor?: string;\n\tbuttonPosition?: FAB_POSITION;\n\tmenuWidth?: number;\n\tmenuHeight?: number;\n\tbuttonIcon?: JSX.Element;\n\tbuttonPaddingHorizontal?: number;\n\tbuttonPaddingVertical?: number;\n\ttooltipPlacement?: Placement;\n\ttooltipText?: string;\n\ttooltipWidth?: number;\n\tzIndex?: number;\n\tisRound?: boolean;\n\tdropPosition?: DROP_POSITION;\n\tmenuAligment?: MENU_ALIGNMENT;\n\tversion?: '1.0' \| '2.0';\n}> = (props) => {\n\tconst {\n\t\tonSelect,\n\t\tmenuOptions,\n\t\tbuttonWidth,\n\t\tbuttonHeight,\n\t\tbuttonColor,\n\t\tbuttonPosition,\n\t\tmenuWidth,\n\t\tmenuHeight,\n\t\tbuttonIcon,\n\t\tbuttonPaddingHorizontal,\n\t\tbuttonPaddingVertical,\n\t\ttooltipPlacement,\n\t\ttooltipText,\n\t\tzIndex,\n\t\tisRound,\n\t\tdropPosition,\n\t\tmenuAligment,\n\t\ttooltipWidth,\n\t} = props;\n\treturn (\n\t\t<div>\n\t\t\t<FloatingActionButton\n\t\t\t\ticon={buttonIcon}\n\t\t\t\twidth={buttonWidth}\n\t\t\t\theight={buttonHeight}\n\t\t\t\tcolor={buttonColor}\n\t\t\t\tposition={buttonPosition}\n\t\t\t\tbuttonPaddingHorizontal={buttonPaddingHorizontal}\n\t\t\t\tbuttonPaddingVertical={buttonPaddingVertical}\n\t\t\t\ttooltipPlacement={tooltipPlacement}\n\t\t\t\ttooltipText={tooltipText}\n\t\t\t\tzIndex={zIndex}\n\t\t\t\tisRound={isRound}\n\t\t\t\tdropPosition={dropPosition}\n\t\t\t\tmenuAligment={menuAligment}\n\t\t\t\ttootipWidth={tooltipWidth}\n\t\t\t>\n\t\t\t\t<OpenedDropdown\n\t\t\t\t\toptions={menuOptions}\n\t\t\t\t\theight={menuHeight \|\| 90}\n\t\t\t\t\twidth={`${menuWidth}px`}\n\t\t\t\t\tonSelect={onSelect}\n\t\t\t\t\tversion={props.version}\n\t\t\t\t/>\n\t\t\t</FloatingActionButton>\n\t\t</div>\n\t);\n};\n"],"names":["FABMenu","props","onSelect","menuOptions","buttonWidth","buttonHeight","buttonColor","buttonPosition","menuWidth","menuHeight","buttonIcon","buttonPaddingHorizontal","buttonPaddingVertical","tooltipPlacement","tooltipText","zIndex","isRound","dropPosition","menuAligment","tooltipWidth","jsxDEV","FloatingActionButton","OpenedDropdown","this"],"mappings":"8PAWaA,EAoBPC,GAAU,CACf,KAAM,CACL,SAAAC,EACA,YAAAC,EACA,YAAAC,EACA,aAAAC,EACA,YAAAC,EACA,eAAAC,EACA,UAAAC,EACA,WAAAC,EACA,WAAAC,EACA,wBAAAC,EACA,sBAAAC,EACA,iBAAAC,EACA,YAAAC,EACA,OAAAC,EACA,QAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,CAAA,EACGlB,EACJ,gBACE,MAAA,CACA,SAAAmB,EAAAA,OAACC,EAAAA,qBAAA,CACA,KAAMX,EACN,MAAON,EACP,OAAQC,EACR,MAAOC,EACP,SAAUC,EACV,wBAAAI,EACA,sBAAAC,EACA,iBAAAC,EACA,YAAAC,EACA,OAAAC,EACA,QAAAC,EACA,aAAAC,EACA,aAAAC,EACA,YAAaC,EAEb,SAAAC,EAAAA,OAACE,EAAAA,eAAA,CACA,QAASnB,EACT,OAAQM,GAAc,GACtB,MAAO,GAAGD,CAAS,KACnB,SAAAN,EACA,QAASD,EAAM,OAAA,EALhB,OAAA,GAAA,CAAA,SAAA,~~yHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAsB,MAAA,CAMA,EAtBD,OAAA,GAAA,CAAA,SAAA,~~yHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAuBA,EAxBD,OAAA,GAAA,CAAA,SAAA,~~yHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAyBA,CAEF"}
1	+ {"version":3,"file":"FABMenu.js","sources":["../../../../src/components/fab-menu/FABMenu.tsx"],"sourcesContent":["import React from 'react';\nimport { OpenedDropdown } from '../dropdown/OpenedDropdown';\nimport { DropdownOption } from '../dropdown/type';\nimport { FloatingActionButton } from '../floating-action-button';\nimport {\n\tDROP_POSITION,\n\tFAB_POSITION,\n\tMENU_ALIGNMENT,\n} from '../floating-action-button/FloatingActionButton.styles';\nimport { Placement } from '../tooltips';\n\nexport const FABMenu: React.FC<{\n\tonSelect: (selected: DropdownOption \| DropdownOption[]) => void;\n\tmenuOptions: DropdownOption[];\n\tbuttonWidth?: number;\n\tbuttonHeight?: number;\n\tbuttonColor?: string;\n\tbuttonPosition?: FAB_POSITION;\n\tmenuWidth?: number;\n\tmenuHeight?: number;\n\tbuttonIcon?: JSX.Element;\n\tbuttonPaddingHorizontal?: number;\n\tbuttonPaddingVertical?: number;\n\ttooltipPlacement?: Placement;\n\ttooltipText?: string;\n\ttooltipWidth?: number;\n\tzIndex?: number;\n\tisRound?: boolean;\n\tdropPosition?: DROP_POSITION;\n\tmenuAligment?: MENU_ALIGNMENT;\n\tversion?: '1.0' \| '2.0';\n}> = (props) => {\n\tconst {\n\t\tonSelect,\n\t\tmenuOptions,\n\t\tbuttonWidth,\n\t\tbuttonHeight,\n\t\tbuttonColor,\n\t\tbuttonPosition,\n\t\tmenuWidth,\n\t\tmenuHeight,\n\t\tbuttonIcon,\n\t\tbuttonPaddingHorizontal,\n\t\tbuttonPaddingVertical,\n\t\ttooltipPlacement,\n\t\ttooltipText,\n\t\tzIndex,\n\t\tisRound,\n\t\tdropPosition,\n\t\tmenuAligment,\n\t\ttooltipWidth,\n\t} = props;\n\treturn (\n\t\t<div>\n\t\t\t<FloatingActionButton\n\t\t\t\ticon={buttonIcon}\n\t\t\t\twidth={buttonWidth}\n\t\t\t\theight={buttonHeight}\n\t\t\t\tcolor={buttonColor}\n\t\t\t\tposition={buttonPosition}\n\t\t\t\tbuttonPaddingHorizontal={buttonPaddingHorizontal}\n\t\t\t\tbuttonPaddingVertical={buttonPaddingVertical}\n\t\t\t\ttooltipPlacement={tooltipPlacement}\n\t\t\t\ttooltipText={tooltipText}\n\t\t\t\tzIndex={zIndex}\n\t\t\t\tisRound={isRound}\n\t\t\t\tdropPosition={dropPosition}\n\t\t\t\tmenuAligment={menuAligment}\n\t\t\t\ttootipWidth={tooltipWidth}\n\t\t\t>\n\t\t\t\t<OpenedDropdown\n\t\t\t\t\toptions={menuOptions}\n\t\t\t\t\theight={menuHeight \|\| 90}\n\t\t\t\t\twidth={`${menuWidth}px`}\n\t\t\t\t\tonSelect={onSelect}\n\t\t\t\t\tversion={props.version}\n\t\t\t\t/>\n\t\t\t</FloatingActionButton>\n\t\t</div>\n\t);\n};\n"],"names":["FABMenu","props","onSelect","menuOptions","buttonWidth","buttonHeight","buttonColor","buttonPosition","menuWidth","menuHeight","buttonIcon","buttonPaddingHorizontal","buttonPaddingVertical","tooltipPlacement","tooltipText","zIndex","isRound","dropPosition","menuAligment","tooltipWidth","jsxDEV","FloatingActionButton","OpenedDropdown","this"],"mappings":"8PAWaA,EAoBPC,GAAU,CACf,KAAM,CACL,SAAAC,EACA,YAAAC,EACA,YAAAC,EACA,aAAAC,EACA,YAAAC,EACA,eAAAC,EACA,UAAAC,EACA,WAAAC,EACA,WAAAC,EACA,wBAAAC,EACA,sBAAAC,EACA,iBAAAC,EACA,YAAAC,EACA,OAAAC,EACA,QAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,CAAA,EACGlB,EACJ,gBACE,MAAA,CACA,SAAAmB,EAAAA,OAACC,EAAAA,qBAAA,CACA,KAAMX,EACN,MAAON,EACP,OAAQC,EACR,MAAOC,EACP,SAAUC,EACV,wBAAAI,EACA,sBAAAC,EACA,iBAAAC,EACA,YAAAC,EACA,OAAAC,EACA,QAAAC,EACA,aAAAC,EACA,aAAAC,EACA,YAAaC,EAEb,SAAAC,EAAAA,OAACE,EAAAA,eAAA,CACA,QAASnB,EACT,OAAQM,GAAc,GACtB,MAAO,GAAGD,CAAS,KACnB,SAAAN,EACA,QAASD,EAAM,OAAA,EALhB,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAsB,MAAA,CAMA,EAtBD,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAuBA,EAxBD,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAyBA,CAEF"}