design-react-kit
Version:
Componenti React per Bootstrap 5
1 lines • 2.1 kB
Source Map (JSON)
{"version":3,"sources":["../../src/Dropdown/DropdownMenu.tsx","../../src/Header/HeaderContext.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes } from 'react';\nimport { DropdownMenu as BSDRopdownMenu } from 'reactstrap';\nimport { SLIM, useHeaderContext } from '../Header/HeaderContext';\n\nexport interface DropdownMenuProps extends HTMLAttributes<HTMLElement> {\n /** Classi aggiuntive da usare per il componente Button */\n inNavbar?: boolean;\n className?: string;\n testId?: string;\n}\n\nexport const DropdownMenu: FC<DropdownMenuProps> = ({ className, inNavbar, testId, children, ...attributes }) => {\n const type = useHeaderContext();\n const style = inNavbar && type === SLIM ? { top: 'unset !important' } : {};\n\n return (\n <BSDRopdownMenu style={style} data-testid={testId} {...attributes} className={className}>\n {children}\n </BSDRopdownMenu>\n );\n};\n","import { createContext, useContext } from 'react';\n\nexport const SLIM = 'slim';\nexport const CENTER = 'center';\nexport const NAVBAR = 'navbar';\n\nexport const HeaderContext = /* @__PURE__ */ createContext<{\n type?: typeof SLIM | typeof CENTER | typeof NAVBAR;\n}>({});\n\nexport const useHeaderContext = () => {\n const { type } = useContext(HeaderContext);\n return type;\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA0C,sBAC1CC,EAA+C,sBCD/C,IAAAC,EAA0C,iBAE7BC,EAAO,OAIb,IAAMC,KAAgC,iBAE1C,CAAC,CAAC,EAEQC,EAAmB,IAAM,CACpC,GAAM,CAAE,KAAAC,CAAK,KAAI,cAAWF,CAAa,EACzC,OAAOE,CACT,EDFO,IAAMC,EAAsC,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,OAAAC,EAAQ,SAAAC,EAAU,GAAGC,CAAW,IAAM,CAC/G,IAAMC,EAAOC,EAAiB,EAG9B,OACE,EAAAC,QAAA,cAAC,EAAAC,aAAA,CAAe,MAHJP,GAAYI,IAASI,EAAO,CAAE,IAAK,kBAAmB,EAAI,CAAC,EAGzC,cAAaP,EAAS,GAAGE,EAAY,UAAWJ,GAC3EG,CACH,CAEJ","names":["DropdownMenu_exports","__export","DropdownMenu","__toCommonJS","import_react","import_reactstrap","import_react","SLIM","HeaderContext","useHeaderContext","type","DropdownMenu","className","inNavbar","testId","children","attributes","type","useHeaderContext","React","BSDRopdownMenu","SLIM"]}