design-react-kit 5.4.0 → 5.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +30 -0
- package/dist/Autocomplete/Autocomplete.cjs +2 -0
- package/dist/Autocomplete/Autocomplete.cjs.map +1 -0
- package/dist/Autocomplete/Autocomplete.js +21 -0
- package/dist/Autocomplete/Autocomplete.js.map +1 -0
- package/dist/BackToTop/BackToTop.cjs +1 -1
- package/dist/BackToTop/BackToTop.cjs.map +1 -1
- package/dist/BackToTop/BackToTop.js +3 -4
- package/dist/BackToTop/BackToTop.js.map +1 -1
- package/dist/Collapse/Collapse.cjs +1 -1
- package/dist/Collapse/Collapse.cjs.map +1 -1
- package/dist/Collapse/Collapse.js +14 -9
- package/dist/Collapse/Collapse.js.map +1 -1
- package/dist/Dropdown/Dropdown.cjs +1 -1
- package/dist/Dropdown/Dropdown.cjs.map +1 -1
- package/dist/Dropdown/Dropdown.js +3 -3
- package/dist/Dropdown/Dropdown.js.map +1 -1
- package/dist/Dropdown/DropdownMenu.cjs +1 -1
- package/dist/Dropdown/DropdownMenu.cjs.map +1 -1
- package/dist/Dropdown/DropdownMenu.js +3 -6
- package/dist/Dropdown/DropdownMenu.js.map +1 -1
- package/dist/Dropdown/DropdownToggle.cjs +1 -1
- package/dist/Dropdown/DropdownToggle.cjs.map +1 -1
- package/dist/Dropdown/DropdownToggle.js +1 -2
- package/dist/Dropdown/DropdownToggle.js.map +1 -1
- package/dist/Header/HeaderContent.cjs +1 -1
- package/dist/Header/HeaderContent.cjs.map +1 -1
- package/dist/Header/HeaderContent.js +1 -1
- package/dist/Header/HeaderContent.js.map +1 -1
- package/dist/Header/HeaderToggler.cjs +1 -1
- package/dist/Header/HeaderToggler.cjs.map +1 -1
- package/dist/Header/HeaderToggler.js +3 -2
- package/dist/Header/HeaderToggler.js.map +1 -1
- package/dist/Input/Input.cjs +1 -1
- package/dist/Input/Input.cjs.map +1 -1
- package/dist/Input/TextArea.cjs +1 -1
- package/dist/Input/TextArea.cjs.map +1 -1
- package/dist/Input/TextArea.js +4 -1
- package/dist/Input/TextArea.js.map +1 -1
- package/dist/Input/utils.cjs +1 -1
- package/dist/Input/utils.cjs.map +1 -1
- package/dist/Input/utils.js +2 -2
- package/dist/Input/utils.js.map +1 -1
- package/dist/Megamenu/MegamenuItem.cjs +1 -1
- package/dist/Megamenu/MegamenuItem.cjs.map +1 -1
- package/dist/Megamenu/MegamenuItem.js +4 -2
- package/dist/Megamenu/MegamenuItem.js.map +1 -1
- package/dist/NavScroll/index.cjs +1 -1
- package/dist/NavScroll/index.cjs.map +1 -1
- package/dist/NavScroll/types.cjs +1 -1
- package/dist/NavScroll/types.cjs.map +1 -1
- package/dist/NavScroll/useNavScroll.cjs +1 -1
- package/dist/NavScroll/useNavScroll.cjs.map +1 -1
- package/dist/NavScroll/useNavScroll.js +84 -28
- package/dist/NavScroll/useNavScroll.js.map +1 -1
- package/dist/Rating/Rating.cjs +1 -1
- package/dist/Rating/Rating.cjs.map +1 -1
- package/dist/Rating/Rating.js +1 -1
- package/dist/Rating/Rating.js.map +1 -1
- package/dist/Skiplink/Skiplink.cjs +1 -1
- package/dist/Skiplink/Skiplink.cjs.map +1 -1
- package/dist/Skiplink/Skiplink.js +9 -3
- package/dist/Skiplink/Skiplink.js.map +1 -1
- package/dist/Skiplink/SkiplinkItem.cjs +1 -1
- package/dist/Skiplink/SkiplinkItem.cjs.map +1 -1
- package/dist/Skiplink/SkiplinkItem.js +8 -2
- package/dist/Skiplink/SkiplinkItem.js.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/track-focus.cjs +2 -0
- package/dist/track-focus.cjs.map +1 -0
- package/dist/track-focus.js +2 -0
- package/dist/track-focus.js.map +1 -0
- package/dist/types/Autocomplete/Autocomplete.d.ts +32 -0
- package/dist/types/BackToTop/BackToTop.d.ts +10 -6
- package/dist/types/Collapse/Collapse.d.ts +2 -0
- package/dist/types/Dropdown/Dropdown.d.ts +3 -2
- package/dist/types/Dropdown/DropdownMenu.d.ts +1 -0
- package/dist/types/Header/HeaderToggler.d.ts +2 -1
- package/dist/types/Input/TextArea.d.ts +1 -1
- package/dist/types/NavScroll/types.d.ts +4 -0
- package/dist/types/Skiplink/Skiplink.d.ts +3 -0
- package/dist/types/Skiplink/SkiplinkItem.d.ts +2 -0
- package/dist/types/index.d.ts +2 -0
- package/package.json +25 -16
- package/src/Autocomplete/Autocomplete.tsx +80 -0
- package/src/BackToTop/BackToTop.tsx +14 -11
- package/src/Collapse/Collapse.tsx +20 -7
- package/src/Dropdown/Dropdown.tsx +9 -6
- package/src/Dropdown/DropdownMenu.tsx +10 -6
- package/src/Dropdown/DropdownToggle.tsx +1 -2
- package/src/Header/HeaderContent.tsx +1 -1
- package/src/Header/HeaderToggler.tsx +4 -2
- package/src/Input/TextArea.tsx +9 -3
- package/src/Input/utils.tsx +2 -2
- package/src/Megamenu/MegamenuItem.tsx +4 -2
- package/src/NavScroll/types.ts +4 -0
- package/src/NavScroll/useNavScroll.ts +102 -34
- package/src/Rating/Rating.tsx +1 -1
- package/src/Skiplink/Skiplink.tsx +16 -3
- package/src/Skiplink/SkiplinkItem.tsx +12 -1
- package/src/index.ts +3 -0
- package/src/track-focus.js +49 -0
|
@@ -7,8 +7,7 @@ export const DropdownToggle = ({ className, testId, children, caret, inNavbar, c
|
|
|
7
7
|
const classes = classNames(className, {
|
|
8
8
|
'btn-dropdown': Tag === 'a' && !inNavbar,
|
|
9
9
|
'dropdown-toggle': true,
|
|
10
|
-
'
|
|
11
|
-
btn: tag === 'button'
|
|
10
|
+
btn: tag === 'button' && !inNavbar
|
|
12
11
|
});
|
|
13
12
|
let colorClass = '';
|
|
14
13
|
if (tag === 'button' && color) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownToggle.js","sourceRoot":"","sources":["../../src/Dropdown/DropdownToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,cAAc,IAAI,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAChE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAapC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EACtD,SAAS,EACT,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,GAAG,GAAG,QAAQ,EACf,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC;IAErD,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE;QACpC,cAAc,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ;QACxC,iBAAiB,EAAE,IAAI;QACvB,
|
|
1
|
+
{"version":3,"file":"DropdownToggle.js","sourceRoot":"","sources":["../../src/Dropdown/DropdownToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,cAAc,IAAI,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAChE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAapC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EACtD,SAAS,EACT,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,GAAG,GAAG,QAAQ,EACf,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC;IAErD,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE;QACpC,cAAc,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ;QACxC,iBAAiB,EAAE,IAAI;QACvB,GAAG,EAAE,GAAG,KAAK,QAAQ,IAAI,CAAC,QAAQ;KACnC,CAAC,CAAC;IAEH,IAAI,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,GAAG,KAAK,QAAQ,IAAI,KAAK,EAAE,CAAC;QAC9B,UAAU,GAAG,OAAO,KAAK,EAAE,CAAC;IAC9B,CAAC;IAED,MAAM,WAAW,GAAG,UAAU,CAAC;QAC7B,aAAa,EAAE,IAAI;QACnB,SAAS,EAAE,CAAC,QAAQ;QACpB,SAAS,EAAE,QAAQ;QACnB,MAAM,EAAE,QAAQ;QAChB,YAAY,EAAE,GAAG,CAAC,OAAO,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;QAClD,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;KACnC,CAAC,CAAC;IACH,OAAO,CACL,oBAAC,gBAAgB,IACf,GAAG,EAAE,GAAG,iBACK,MAAM,EACnB,IAAI,EAAE,GAAG,CAAC,OAAO,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAC/C,SAAS,EAAE,GAAG,OAAO,IAAI,UAAU,EAAE,EACrC,GAAG,EAAE,QAAQ;QAEZ,QAA2B;QAC3B,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,SAAS,EAAE,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI,CACzD,CACpB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var H=Object.create;var p=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var L=(e,t)=>{for(var o in t)p(e,o,{get:t[o],enumerable:!0})},d=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of E(t))!y.call(e,n)&&n!==o&&p(e,n,{get:()=>t[n],enumerable:!(a=A(t,n))||a.enumerable});return e};var l=(e,t,o)=>(o=e!=null?H(b(e)):{},d(t||!e||!e.__esModule?p(o,"default",{value:e,enumerable:!0}):o,e)),M=e=>d(p({},"__esModule",{value:!0}),e);var v={};L(v,{HeaderContent:()=>g});module.exports=M(v);var s=l(require("react"),1),f=l(require("classnames"),1),r=require("reactstrap");var m=require("react"),x="slim",C="center",i="navbar",T=(0,m.createContext)({}),N=()=>{let{type:e}=(0,m.useContext)(T);return e};var g=({className:e,megamenu:t,testId:o,...a})=>{let n=N(),c=(0,f.default)(e,{"it-header-slim-wrapper-content":n===x,"it-header-center-content-wrapper":n===C,navbar:n===i,"has-megamenu":t}),u=n===i?s.default.createElement(r.Navbar,{className:c,...a,"data-testid":o}):s.default.createElement("div",{className:c,...a,"data-testid":o});return s.default.createElement(r.Container,{className:"container-xxl",fluid:!0},s.default.createElement(r.Row,null,s.default.createElement(r.Col,null,u)))};0&&(module.exports={HeaderContent});
|
|
2
2
|
//# sourceMappingURL=HeaderContent.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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>\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,
|
|
1
|
+
{"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"]}
|
|
@@ -11,7 +11,7 @@ export const HeaderContent = ({ className, megamenu, testId, ...attributes }) =>
|
|
|
11
11
|
'has-megamenu': megamenu
|
|
12
12
|
});
|
|
13
13
|
const Content = type === NAVBAR ? (React.createElement(Navbar, { className: classes, ...attributes, "data-testid": testId })) : (React.createElement("div", { className: classes, ...attributes, "data-testid": testId }));
|
|
14
|
-
return (React.createElement(Container,
|
|
14
|
+
return (React.createElement(Container, { className: 'container-xxl', fluid: true },
|
|
15
15
|
React.createElement(Row, null,
|
|
16
16
|
React.createElement(Col, null, Content))));
|
|
17
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderContent.js","sourceRoot":"","sources":["../../src/Header/HeaderContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAEzD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAYzE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,UAAU,EAAsB,EAAE,EAAE;IAClG,MAAM,IAAI,GAAG,gBAAgB,EAAE,CAAC;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE;QACpC,gCAAgC,EAAE,IAAI,KAAK,IAAI;QAC/C,kCAAkC,EAAE,IAAI,KAAK,MAAM;QACnD,MAAM,EAAE,IAAI,KAAK,MAAM;QACvB,cAAc,EAAE,QAAQ;KACzB,CAAC,CAAC;IAEH,MAAM,OAAO,GACX,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAChB,oBAAC,MAAM,IAAC,SAAS,EAAE,OAAO,KAAM,UAAU,iBAAe,MAAM,GAAI,CACpE,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAE,OAAO,KAAM,UAAU,iBAAe,MAAM,GAAI,CACjE,CAAC;IACJ,OAAO,CACL,oBAAC,SAAS;
|
|
1
|
+
{"version":3,"file":"HeaderContent.js","sourceRoot":"","sources":["../../src/Header/HeaderContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAEzD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAYzE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,UAAU,EAAsB,EAAE,EAAE;IAClG,MAAM,IAAI,GAAG,gBAAgB,EAAE,CAAC;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE;QACpC,gCAAgC,EAAE,IAAI,KAAK,IAAI;QAC/C,kCAAkC,EAAE,IAAI,KAAK,MAAM;QACnD,MAAM,EAAE,IAAI,KAAK,MAAM;QACvB,cAAc,EAAE,QAAQ;KACzB,CAAC,CAAC;IAEH,MAAM,OAAO,GACX,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAChB,oBAAC,MAAM,IAAC,SAAS,EAAE,OAAO,KAAM,UAAU,iBAAe,MAAM,GAAI,CACpE,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAE,OAAO,KAAM,UAAU,iBAAe,MAAM,GAAI,CACjE,CAAC;IACJ,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAC,eAAe,EAAC,KAAK;QACxC,oBAAC,GAAG;YACF,oBAAC,GAAG,QAAE,OAAO,CAAO,CAChB,CACI,CACb,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var E=Object.create;var a=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var L=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty;var R=(e,t)=>{for(var o in t)a(e,o,{get:t[o],enumerable:!0})},d=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of C(t))!M.call(e,r)&&r!==o&&a(e,r,{get:()=>t[r],enumerable:!(n=B(t,r))||n.enumerable});return e};var u=(e,t,o)=>(o=e!=null?E(L(e)):{},d(t||!e||!e.__esModule?a(o,"default",{value:e,enumerable:!0}):o,e)),v=e=>d(a({},"__esModule",{value:!0}),e);var V={};R(V,{HeaderToggler:()=>S});module.exports=v(V);var l=u(require("react"),1),g=u(require("classnames"),1),T=require("reactstrap");var p=require("react"),c="slim";var i="navbar",I=(0,p.createContext)({}),m=()=>{let{type:e}=(0,p.useContext)(I);return e};var f="button",S=({className:e,tag:t,type:o,isOpen:n=!1,testId:r,...x})=>{let s=m(),y=s===c?"a":f,H=s===c?void 0:f,N=(0,g.default)({"it-opener d-lg-none":s===c,"custom-navbar-toggler":s===i},e),b=n?"true":"false";return(0,l.useEffect)(()=>{document.querySelectorAll(".container-fluid").forEach(A=>{A.classList.remove("container-fluid")})}),l.default.createElement(T.NavbarToggler,{className:N,...x,tag:t||y,type:o||H,"data-testid":r,"aria-expanded":b})};0&&(module.exports={HeaderToggler});
|
|
2
2
|
//# sourceMappingURL=HeaderToggler.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Header/HeaderToggler.tsx","../../src/Header/HeaderContext.tsx"],"sourcesContent":["import React, { ElementType, ButtonHTMLAttributes, useEffect } from 'react';\nimport classNames from 'classnames';\nimport { NavbarToggler } from 'reactstrap';\n\nimport { SLIM, NAVBAR, useHeaderContext } from './HeaderContext';\n\nexport interface HeaderTogglerProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n /** Tipo di elemento DOM da utilizzare: di default \"a\" per Header Slim, \"button\" per altri tipi di Header.\n * Se fornito questo sovrascriverà il valore di default.\n */\n tag?: ElementType;\n /** Classi aggiuntive da usare per il componente HeaderToggler */\n className?: string;\n /** Indica l'attributo \"type\" sull'elemento DOM. Di default '' per Header Slim, \"button\" per altri tipi di Header.\n * Se fornito questo sovrascriverà il valore di default.\n */\n type?: 'button' | 'submit' | 'reset';\n testId?: string;\n}\n\nconst BUTTON = 'button';\n\nexport const HeaderToggler = ({ className, tag, type, testId, ...attributes }: HeaderTogglerProps) => {\n const HeaderType = useHeaderContext();\n const defaultTag = HeaderType === SLIM ? 'a' : BUTTON;\n const defaultType = HeaderType === SLIM ? undefined : BUTTON;\n const classes = classNames(\n {\n 'it-opener d-lg-none': HeaderType === SLIM,\n 'custom-navbar-toggler': HeaderType === NAVBAR\n },\n className\n );\n useEffect(() => {\n document.querySelectorAll('.container-fluid').forEach((element) => {\n element.classList.remove('container-fluid');\n });\n });\n return (\n <NavbarToggler\n className={classes}\n {...attributes}\n tag={tag || defaultTag}\n type={type || defaultType}\n
|
|
1
|
+
{"version":3,"sources":["../../src/Header/HeaderToggler.tsx","../../src/Header/HeaderContext.tsx"],"sourcesContent":["import React, { ElementType, ButtonHTMLAttributes, useEffect } from 'react';\nimport classNames from 'classnames';\nimport { NavbarToggler } from 'reactstrap';\n\nimport { SLIM, NAVBAR, useHeaderContext } from './HeaderContext';\n\nexport interface HeaderTogglerProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n /** Tipo di elemento DOM da utilizzare: di default \"a\" per Header Slim, \"button\" per altri tipi di Header.\n * Se fornito questo sovrascriverà il valore di default.\n */\n tag?: ElementType;\n /** Classi aggiuntive da usare per il componente HeaderToggler */\n className?: string;\n /** Indica l'attributo \"type\" sull'elemento DOM. Di default '' per Header Slim, \"button\" per altri tipi di Header.\n * Se fornito questo sovrascriverà il valore di default.\n */\n type?: 'button' | 'submit' | 'reset';\n isOpen?: boolean;\n testId?: string;\n}\n\nconst BUTTON = 'button';\n\nexport const HeaderToggler = ({ className, tag, type, isOpen=false, testId, ...attributes }: HeaderTogglerProps) => {\n const HeaderType = useHeaderContext();\n const defaultTag = HeaderType === SLIM ? 'a' : BUTTON;\n const defaultType = HeaderType === SLIM ? undefined : BUTTON;\n const classes = classNames(\n {\n 'it-opener d-lg-none': HeaderType === SLIM,\n 'custom-navbar-toggler': HeaderType === NAVBAR\n },\n className\n );\n const expanded = isOpen ? \"true\" : \"false\"\n useEffect(() => {\n document.querySelectorAll('.container-fluid').forEach((element) => {\n element.classList.remove('container-fluid');\n });\n });\n return (\n <NavbarToggler\n className={classes}\n {...attributes}\n tag={tag || defaultTag}\n type={type || defaultType}\n data-testid={testId}\n aria-expanded={expanded}\n />\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,EAAoE,sBACpEC,EAAuB,2BACvBC,EAA8B,sBCF9B,IAAAC,EAA0C,iBAE7BC,EAAO,OAEb,IAAMC,EAAS,SAETC,KAAgC,iBAE1C,CAAC,CAAC,EAEQC,EAAmB,IAAM,CACpC,GAAM,CAAE,KAAAC,CAAK,KAAI,cAAWF,CAAa,EACzC,OAAOE,CACT,EDQA,IAAMC,EAAS,SAEFC,EAAgB,CAAC,CAAE,UAAAC,EAAW,IAAAC,EAAK,KAAAC,EAAM,OAAAC,EAAO,GAAO,OAAAC,EAAQ,GAAGC,CAAW,IAA0B,CAClH,IAAMC,EAAaC,EAAiB,EAC9BC,EAAaF,IAAeG,EAAO,IAAMX,EACzCY,EAAcJ,IAAeG,EAAO,OAAYX,EAChDa,KAAU,EAAAC,SACd,CACE,sBAAuBN,IAAeG,EACtC,wBAAyBH,IAAeO,CAC1C,EACAb,CACF,EACMc,EAAWX,EAAS,OAAS,QACnC,sBAAU,IAAM,CACd,SAAS,iBAAiB,kBAAkB,EAAE,QAASY,GAAY,CACjEA,EAAQ,UAAU,OAAO,iBAAiB,CAC5C,CAAC,CACH,CAAC,EAEC,EAAAC,QAAA,cAAC,iBACC,UAAWL,EACV,GAAGN,EACJ,IAAKJ,GAAOO,EACZ,KAAMN,GAAQQ,EACd,cAAaN,EACb,gBAAeU,EACjB,CAEJ","names":["HeaderToggler_exports","__export","HeaderToggler","__toCommonJS","import_react","import_classnames","import_reactstrap","import_react","SLIM","NAVBAR","HeaderContext","useHeaderContext","type","BUTTON","HeaderToggler","className","tag","type","isOpen","testId","attributes","HeaderType","useHeaderContext","defaultTag","SLIM","defaultType","classes","classNames","NAVBAR","expanded","element","React"]}
|
|
@@ -3,7 +3,7 @@ import classNames from 'classnames';
|
|
|
3
3
|
import { NavbarToggler } from 'reactstrap';
|
|
4
4
|
import { SLIM, NAVBAR, useHeaderContext } from './HeaderContext';
|
|
5
5
|
const BUTTON = 'button';
|
|
6
|
-
export const HeaderToggler = ({ className, tag, type, testId, ...attributes }) => {
|
|
6
|
+
export const HeaderToggler = ({ className, tag, type, isOpen = false, testId, ...attributes }) => {
|
|
7
7
|
const HeaderType = useHeaderContext();
|
|
8
8
|
const defaultTag = HeaderType === SLIM ? 'a' : BUTTON;
|
|
9
9
|
const defaultType = HeaderType === SLIM ? undefined : BUTTON;
|
|
@@ -11,11 +11,12 @@ export const HeaderToggler = ({ className, tag, type, testId, ...attributes }) =
|
|
|
11
11
|
'it-opener d-lg-none': HeaderType === SLIM,
|
|
12
12
|
'custom-navbar-toggler': HeaderType === NAVBAR
|
|
13
13
|
}, className);
|
|
14
|
+
const expanded = isOpen ? "true" : "false";
|
|
14
15
|
useEffect(() => {
|
|
15
16
|
document.querySelectorAll('.container-fluid').forEach((element) => {
|
|
16
17
|
element.classList.remove('container-fluid');
|
|
17
18
|
});
|
|
18
19
|
});
|
|
19
|
-
return (React.createElement(NavbarToggler, { className: classes, ...attributes, tag: tag || defaultTag, type: type || defaultType,
|
|
20
|
+
return (React.createElement(NavbarToggler, { className: classes, ...attributes, tag: tag || defaultTag, type: type || defaultType, "data-testid": testId, "aria-expanded": expanded }));
|
|
20
21
|
};
|
|
21
22
|
//# sourceMappingURL=HeaderToggler.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderToggler.js","sourceRoot":"","sources":["../../src/Header/HeaderToggler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqC,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"HeaderToggler.js","sourceRoot":"","sources":["../../src/Header/HeaderToggler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqC,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAiBjE,MAAM,MAAM,GAAG,QAAQ,CAAC;AAExB,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,GAAC,KAAK,EAAE,MAAM,EAAE,GAAG,UAAU,EAAsB,EAAE,EAAE;IACjH,MAAM,UAAU,GAAG,gBAAgB,EAAE,CAAC;IACtC,MAAM,UAAU,GAAG,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;IACtD,MAAM,WAAW,GAAG,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IAC7D,MAAM,OAAO,GAAG,UAAU,CACxB;QACE,qBAAqB,EAAE,UAAU,KAAK,IAAI;QAC1C,uBAAuB,EAAE,UAAU,KAAK,MAAM;KAC/C,EACD,SAAS,CACV,CAAC;IACF,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;IAC1C,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAChE,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IACH,OAAO,CACL,oBAAC,aAAa,IACZ,SAAS,EAAE,OAAO,KACd,UAAU,EACd,GAAG,EAAE,GAAG,IAAI,UAAU,EACtB,IAAI,EAAE,IAAI,IAAI,WAAW,iBACZ,MAAM,mBACJ,QAAQ,GACvB,CACH,CAAC;AACJ,CAAC,CAAC"}
|