UNPKG

design-react-kit

Version:

Componenti React per Bootstrap 5

1 lines 3.01 kB
{"version":3,"sources":["../../src/Header/HeaderContent.tsx","../../src/Header/HeaderContext.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport classNames from 'classnames';\nimport { Col, Container, Navbar, Row } from 'reactstrap';\n\nimport { SLIM, CENTER, NAVBAR, useHeaderContext } from './HeaderContext';\n\nexport interface HeaderContentProps extends HTMLAttributes<HTMLElement> {\n /** Classi aggiuntive da usare per il componente HeaderContent */\n className?: string;\n /** Da utilizzare per indicare che all'interno dell'Header verrà utilizzato un Megamenu */\n megamenu?: boolean;\n /** Parametro per il controllo responsive del componente secondo Bootstrap Italia. */\n expand?: boolean | 'sm' | 'md' | 'lg' | 'xl';\n testId?: string;\n}\n\nexport const HeaderContent = ({ className, megamenu, testId, ...attributes }: HeaderContentProps) => {\n const type = useHeaderContext();\n const classes = classNames(className, {\n 'it-header-slim-wrapper-content': type === SLIM,\n 'it-header-center-content-wrapper': type === CENTER,\n navbar: type === NAVBAR,\n 'has-megamenu': megamenu\n });\n\n const Content =\n type === NAVBAR ? (\n <Navbar className={classes} {...attributes} data-testid={testId} />\n ) : (\n <div className={classes} {...attributes} data-testid={testId} />\n );\n return (\n <Container className='container-xxl' fluid>\n <Row>\n <Col>{Content}</Col>\n </Row>\n </Container>\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,mBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAsC,sBACtCC,EAAuB,2BACvBC,EAA4C,sBCF5C,IAAAC,EAA0C,iBAE7BC,EAAO,OACPC,EAAS,SACTC,EAAS,SAETC,KAAgC,iBAE1C,CAAC,CAAC,EAEQC,EAAmB,IAAM,CACpC,GAAM,CAAE,KAAAC,CAAK,KAAI,cAAWF,CAAa,EACzC,OAAOE,CACT,EDGO,IAAMC,EAAgB,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,OAAAC,EAAQ,GAAGC,CAAW,IAA0B,CACnG,IAAMC,EAAOC,EAAiB,EACxBC,KAAU,EAAAC,SAAWP,EAAW,CACpC,iCAAkCI,IAASI,EAC3C,mCAAoCJ,IAASK,EAC7C,OAAQL,IAASM,EACjB,eAAgBT,CAClB,CAAC,EAEKU,EACJP,IAASM,EACP,EAAAE,QAAA,cAAC,UAAO,UAAWN,EAAU,GAAGH,EAAY,cAAaD,EAAQ,EAEjE,EAAAU,QAAA,cAAC,OAAI,UAAWN,EAAU,GAAGH,EAAY,cAAaD,EAAQ,EAElE,OACE,EAAAU,QAAA,cAAC,aAAU,UAAU,gBAAgB,MAAK,IACxC,EAAAA,QAAA,cAAC,WACC,EAAAA,QAAA,cAAC,WAAKD,CAAQ,CAChB,CACF,CAEJ","names":["HeaderContent_exports","__export","HeaderContent","__toCommonJS","import_react","import_classnames","import_reactstrap","import_react","SLIM","CENTER","NAVBAR","HeaderContext","useHeaderContext","type","HeaderContent","className","megamenu","testId","attributes","type","useHeaderContext","classes","classNames","SLIM","CENTER","NAVBAR","Content","React"]}