design-react-kit 5.4.1 → 5.5.1

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 (92) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/dist/Autocomplete/Autocomplete.cjs +2 -0
  3. package/dist/Autocomplete/Autocomplete.cjs.map +1 -0
  4. package/dist/Autocomplete/Autocomplete.js +21 -0
  5. package/dist/Autocomplete/Autocomplete.js.map +1 -0
  6. package/dist/BackToTop/BackToTop.cjs +1 -1
  7. package/dist/BackToTop/BackToTop.cjs.map +1 -1
  8. package/dist/BackToTop/BackToTop.js +3 -4
  9. package/dist/BackToTop/BackToTop.js.map +1 -1
  10. package/dist/Collapse/Collapse.cjs +1 -1
  11. package/dist/Collapse/Collapse.cjs.map +1 -1
  12. package/dist/Collapse/Collapse.js +14 -9
  13. package/dist/Collapse/Collapse.js.map +1 -1
  14. package/dist/Dropdown/Dropdown.cjs +1 -1
  15. package/dist/Dropdown/Dropdown.cjs.map +1 -1
  16. package/dist/Dropdown/Dropdown.js +3 -3
  17. package/dist/Dropdown/Dropdown.js.map +1 -1
  18. package/dist/Dropdown/DropdownMenu.cjs +1 -1
  19. package/dist/Dropdown/DropdownMenu.cjs.map +1 -1
  20. package/dist/Dropdown/DropdownMenu.js +5 -6
  21. package/dist/Dropdown/DropdownMenu.js.map +1 -1
  22. package/dist/Dropdown/DropdownToggle.cjs +1 -1
  23. package/dist/Dropdown/DropdownToggle.cjs.map +1 -1
  24. package/dist/Dropdown/DropdownToggle.js +1 -2
  25. package/dist/Dropdown/DropdownToggle.js.map +1 -1
  26. package/dist/Header/HeaderContent.cjs +1 -1
  27. package/dist/Header/HeaderContent.cjs.map +1 -1
  28. package/dist/Header/HeaderContent.js +1 -1
  29. package/dist/Header/HeaderContent.js.map +1 -1
  30. package/dist/Header/HeaderToggler.cjs +1 -1
  31. package/dist/Header/HeaderToggler.cjs.map +1 -1
  32. package/dist/Header/HeaderToggler.js +3 -2
  33. package/dist/Header/HeaderToggler.js.map +1 -1
  34. package/dist/Megamenu/MegamenuItem.cjs +1 -1
  35. package/dist/Megamenu/MegamenuItem.cjs.map +1 -1
  36. package/dist/Megamenu/MegamenuItem.js +4 -2
  37. package/dist/Megamenu/MegamenuItem.js.map +1 -1
  38. package/dist/NavScroll/index.cjs +1 -1
  39. package/dist/NavScroll/index.cjs.map +1 -1
  40. package/dist/NavScroll/types.cjs +1 -1
  41. package/dist/NavScroll/types.cjs.map +1 -1
  42. package/dist/NavScroll/useNavScroll.cjs +1 -1
  43. package/dist/NavScroll/useNavScroll.cjs.map +1 -1
  44. package/dist/NavScroll/useNavScroll.js +84 -28
  45. package/dist/NavScroll/useNavScroll.js.map +1 -1
  46. package/dist/Rating/Rating.cjs +1 -1
  47. package/dist/Rating/Rating.cjs.map +1 -1
  48. package/dist/Rating/Rating.js +1 -1
  49. package/dist/Rating/Rating.js.map +1 -1
  50. package/dist/Skiplink/Skiplink.cjs +1 -1
  51. package/dist/Skiplink/Skiplink.cjs.map +1 -1
  52. package/dist/Skiplink/Skiplink.js +9 -3
  53. package/dist/Skiplink/Skiplink.js.map +1 -1
  54. package/dist/Skiplink/SkiplinkItem.cjs +1 -1
  55. package/dist/Skiplink/SkiplinkItem.cjs.map +1 -1
  56. package/dist/Skiplink/SkiplinkItem.js +8 -2
  57. package/dist/Skiplink/SkiplinkItem.js.map +1 -1
  58. package/dist/index.cjs +1 -1
  59. package/dist/index.cjs.map +1 -1
  60. package/dist/index.js +2 -0
  61. package/dist/index.js.map +1 -1
  62. package/dist/track-focus.cjs +2 -0
  63. package/dist/track-focus.cjs.map +1 -0
  64. package/dist/track-focus.js +2 -0
  65. package/dist/track-focus.js.map +1 -0
  66. package/dist/types/Autocomplete/Autocomplete.d.ts +32 -0
  67. package/dist/types/BackToTop/BackToTop.d.ts +10 -6
  68. package/dist/types/Collapse/Collapse.d.ts +2 -0
  69. package/dist/types/Dropdown/Dropdown.d.ts +3 -2
  70. package/dist/types/Dropdown/DropdownMenu.d.ts +1 -0
  71. package/dist/types/Header/HeaderToggler.d.ts +2 -1
  72. package/dist/types/NavScroll/types.d.ts +4 -0
  73. package/dist/types/Skiplink/Skiplink.d.ts +3 -0
  74. package/dist/types/Skiplink/SkiplinkItem.d.ts +2 -0
  75. package/dist/types/index.d.ts +2 -0
  76. package/package.json +25 -16
  77. package/src/Autocomplete/Autocomplete.tsx +80 -0
  78. package/src/BackToTop/BackToTop.tsx +14 -11
  79. package/src/Collapse/Collapse.tsx +20 -7
  80. package/src/Dropdown/Dropdown.tsx +9 -6
  81. package/src/Dropdown/DropdownMenu.tsx +7 -6
  82. package/src/Dropdown/DropdownToggle.tsx +1 -2
  83. package/src/Header/HeaderContent.tsx +1 -1
  84. package/src/Header/HeaderToggler.tsx +4 -2
  85. package/src/Megamenu/MegamenuItem.tsx +4 -2
  86. package/src/NavScroll/types.ts +4 -0
  87. package/src/NavScroll/useNavScroll.ts +102 -34
  88. package/src/Rating/Rating.tsx +1 -1
  89. package/src/Skiplink/Skiplink.tsx +16 -3
  90. package/src/Skiplink/SkiplinkItem.tsx +12 -1
  91. package/src/index.ts +3 -0
  92. package/src/track-focus.js +49 -0
@@ -1,22 +1,27 @@
1
- import React from 'react';
2
1
  import classNames from 'classnames';
2
+ import React from 'react';
3
3
  import { Collapse as CollapseBase } from 'reactstrap';
4
- export const Collapse = ({ header = false, className, navbar, megamenu, children, isOpen = false, onOverlayClick, cssModule, testId, ...attributes }) => {
4
+ import { Icon } from '../Icon/Icon';
5
+ export const Collapse = ({ header = false, className, navbar, megamenu, children, isOpen = false, onOverlayClick, cssModule, testId, closeSrText = 'Nascondi la navigazione', ...attributes }) => {
5
6
  const newCssModule = {
6
7
  'navbar-collapse': 'navbar-collapsable',
7
8
  ...cssModule
8
9
  };
9
- if (megamenu || navbar || header) {
10
+ if (megamenu || navbar) {
10
11
  const classes = classNames(className, 'navbar-collapse', {
11
12
  expanded: isOpen
12
13
  });
13
14
  const style = { display: isOpen ? 'block' : 'none' };
14
- return (React.createElement(CollapseBase, { theme: 'dark', className: classes, cssModule: newCssModule, navbar: navbar, style: style, "data-testid": testId, ...attributes },
15
- React.createElement("div", { className: 'overlay', style: style, onClick: onOverlayClick }),
16
- React.createElement("div", { className: 'close-div visually-hidden' },
17
- React.createElement("button", { className: 'btn close-menu', type: 'button' },
18
- React.createElement("span", { className: 'it-close' }),
19
- "close")),
15
+ const overlayClasses = classNames('overlay', {
16
+ 'fade': isOpen,
17
+ 'show': isOpen
18
+ });
19
+ return (React.createElement(CollapseBase, { className: classes, cssModule: newCssModule, navbar: navbar, style: style, "data-testid": testId, ...attributes },
20
+ React.createElement("div", { className: overlayClasses, style: style, onClick: onOverlayClick }),
21
+ React.createElement("div", { className: 'close-div' },
22
+ React.createElement("button", { className: 'btn close-menu', type: 'button', onClick: onOverlayClick },
23
+ React.createElement("span", { className: "visually-hidden" }, closeSrText),
24
+ React.createElement(Icon, { color: 'white', icon: 'it-close-big' }))),
20
25
  megamenu ? React.createElement("div", { className: 'menu-wrapper ' }, children) : React.createElement(React.Fragment, null, children)));
21
26
  }
22
27
  const classes = classNames(className, {
@@ -1 +1 @@
1
- {"version":3,"file":"Collapse.js","sourceRoot":"","sources":["../../src/Collapse/Collapse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AACpE,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AAyCtD,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAC1C,MAAM,GAAG,KAAK,EACd,SAAS,EACT,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,cAAc,EACd,SAAS,EACT,MAAM,EACN,GAAG,UAAU,EACd,EAAE,EAAE;IACH,MAAM,YAAY,GAAG;QACnB,iBAAiB,EAAE,oBAAoB;QACvC,GAAG,SAAS;KACb,CAAC;IACF,IAAI,QAAQ,IAAI,MAAM,IAAI,MAAM,EAAE,CAAC;QACjC,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,iBAAiB,EAAE;YACvD,QAAQ,EAAE,MAAM;SACjB,CAAC,CAAC;QACH,MAAM,KAAK,GAAG,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;QACrD,OAAO,CACL,oBAAC,YAAY,IACX,KAAK,EAAC,MAAM,EACZ,SAAS,EAAE,OAAO,EAClB,SAAS,EAAE,YAAY,EACvB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,iBACC,MAAM,KACf,UAAU;YAEd,6BAAK,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,GAAQ;YACtE,6BAAK,SAAS,EAAC,2BAA2B;gBACxC,gCAAQ,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,QAAQ;oBAC9C,8BAAM,SAAS,EAAC,UAAU,GAAQ;4BAC3B,CACL;YACL,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,eAAe,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,0CAAG,QAAQ,CAAI,CAChE,CAChB,CAAC;IACJ,CAAC;IACD,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE;QACpC,mBAAmB,EAAE,MAAM;KAC5B,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,YAAY,IACX,SAAS,EAAE,OAAO,EAClB,SAAS,EAAE,YAAY,KACnB,UAAU,EACd,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,iBACD,MAAM,IAElB,QAAQ,CACI,CAChB,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"Collapse.js","sourceRoot":"","sources":["../../src/Collapse/Collapse.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AAGtD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AA2CpC,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAC1C,MAAM,GAAG,KAAK,EACd,SAAS,EACT,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,cAAc,EACd,SAAS,EACT,MAAM,EACN,WAAW,GAAC,yBAAyB,EACrC,GAAG,UAAU,EACd,EAAE,EAAE;IACH,MAAM,YAAY,GAAG;QACnB,iBAAiB,EAAE,oBAAoB;QACvC,GAAG,SAAS;KACb,CAAC;IACF,IAAI,QAAQ,IAAI,MAAM,EAAE,CAAC;QACvB,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,iBAAiB,EAAE;YACvD,QAAQ,EAAE,MAAM;SACjB,CAAC,CAAC;QACH,MAAM,KAAK,GAAG,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;QACrD,MAAM,cAAc,GAAG,UAAU,CAC/B,SAAS,EACT;YACE,MAAM,EAAG,MAAM;YACf,MAAM,EAAG,MAAM;SAChB,CACF,CAAA;QACD,OAAO,CACL,oBAAC,YAAY,IACX,SAAS,EAAE,OAAO,EAClB,SAAS,EAAE,YAAY,EACvB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,iBACC,MAAM,KACf,UAAU;YAEd,6BAAK,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,GAAQ;YAC7E,6BAAK,SAAS,EAAC,WAAW;gBACxB,gCAAQ,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAc;oBACtE,8BAAM,SAAS,EAAC,iBAAiB,IAAE,WAAW,CAAQ;oBACtD,oBAAC,IAAI,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,cAAc,GAAE,CAClC,CACL;YACL,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,eAAe,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,0CAAG,QAAQ,CAAI,CAChE,CAChB,CAAC;IACJ,CAAC;IACD,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE;QACpC,mBAAmB,EAAE,MAAM;KAC5B,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,YAAY,IACX,SAAS,EAAE,OAAO,EAClB,SAAS,EAAE,YAAY,KACnB,UAAU,EACd,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,iBACD,MAAM,IAElB,QAAQ,CACI,CAChB,CAAC;AACJ,CAAC,CAAC"}
@@ -1,2 +1,2 @@
1
- "use strict";var D=Object.create;var r=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var C=(e,t)=>{for(var o in t)r(e,o,{get:t[o],enumerable:!0})},m=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of x(t))!b.call(e,n)&&n!==o&&r(e,n,{get:()=>t[n],enumerable:!(s=f(t,n))||s.enumerable});return e};var l=(e,t,o)=>(o=e!=null?D(T(e)):{},m(t||!e||!e.__esModule?r(o,"default",{value:e,enumerable:!0}):o,e)),E=e=>m(r({},"__esModule",{value:!0}),e);var L={};C(L,{Dropdown:()=>H});module.exports=E(L);var i=l(require("classnames"),1),p=l(require("react"),1),d=require("reactstrap"),H=({className:e,testId:t,children:o,inNavbar:s,textCenter:n,theme:c,...g})=>{let u=(0,i.default)(e,{dropdown:!0,"text-center":n,"nav-item":s}),[a,w]=p.default.useState(!1);return p.default.createElement(d.Dropdown,{menuRole:"menu",color:c,isOpen:a,toggle:()=>w(!a),className:u,"data-testid":t,...g,inNavbar:s,nav:s},o)};0&&(module.exports={Dropdown});
1
+ "use strict";var x=Object.create;var p=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty;var B=(e,o)=>{for(var t in o)p(e,t,{get:o[t],enumerable:!0})},l=(e,o,t,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of R(o))!u.call(e,n)&&n!==t&&p(e,n,{get:()=>o[n],enumerable:!(s=P(o,n))||s.enumerable});return e};var m=(e,o,t)=>(t=e!=null?x(S(e)):{},l(o||!e||!e.__esModule?p(t,"default",{value:e,enumerable:!0}):t,e)),C=e=>l(p({},"__esModule",{value:!0}),e);var b={};B(b,{Dropdown:()=>N});module.exports=C(b);var d=m(require("classnames"),1),r=m(require("react"),1),c=require("reactstrap"),N=({className:e,testId:o,children:t,inNavbar:s,textCenter:n,theme:i,...g})=>{let w=(0,d.default)(e,{"text-center":n}),[a,D]=r.default.useState(!1);return r.default.createElement(c.Dropdown,{menuRole:"menu",color:i,isOpen:a,toggle:()=>D(!a),className:w,"data-testid":o,...g,inNavbar:s,nav:s},r.default.Children.map(t,f=>r.default.cloneElement(f,{inNavbar:s})))};0&&(module.exports={Dropdown});
2
2
  //# sourceMappingURL=Dropdown.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Dropdown/Dropdown.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, { ElementType, FC, HTMLAttributes } from 'react';\nimport { Dropdown as BSDRopdown } from 'reactstrap';\nexport interface DropdownProps extends HTMLAttributes<HTMLElement> {\n tag?: ElementType;\n inNavbar?: boolean;\n textCenter?: boolean;\n theme?: string;\n /** Classi aggiuntive da usare per il componente Button */\n className?: string;\n testId?: string;\n}\n\nexport const Dropdown: FC<DropdownProps> = ({\n className,\n testId,\n children,\n inNavbar,\n textCenter,\n theme,\n ...attributes\n}) => {\n const classes = classNames(className, {\n dropdown: true,\n 'text-center': textCenter,\n 'nav-item': inNavbar\n });\n\n const [isOpen, setIsOpen] = React.useState(false);\n const toggle = () => setIsOpen(!isOpen);\n\n return (\n <BSDRopdown\n menuRole='menu'\n color={theme}\n isOpen={isOpen}\n toggle={toggle}\n className={classes}\n data-testid={testId}\n {...attributes}\n inNavbar={inNavbar}\n nav={inNavbar}\n >\n {children}\n </BSDRopdown>\n );\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,2BACvBC,EAAuD,sBACvDC,EAAuC,sBAW1BJ,EAA8B,CAAC,CAC1C,UAAAK,EACA,OAAAC,EACA,SAAAC,EACA,SAAAC,EACA,WAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAAM,CACJ,IAAMC,KAAU,EAAAC,SAAWR,EAAW,CACpC,SAAU,GACV,cAAeI,EACf,WAAYD,CACd,CAAC,EAEK,CAACM,EAAQC,CAAS,EAAI,EAAAC,QAAM,SAAS,EAAK,EAGhD,OACE,EAAAA,QAAA,cAAC,EAAAC,SAAA,CACC,SAAS,OACT,MAAOP,EACP,OAAQI,EACR,OAPW,IAAMC,EAAU,CAACD,CAAM,EAQlC,UAAWF,EACX,cAAaN,EACZ,GAAGK,EACJ,SAAUH,EACV,IAAKA,GAEJD,CACH,CAEJ","names":["Dropdown_exports","__export","Dropdown","__toCommonJS","import_classnames","import_react","import_reactstrap","className","testId","children","inNavbar","textCenter","theme","attributes","classes","classNames","isOpen","setIsOpen","React","BSDRopdown"]}
1
+ {"version":3,"sources":["../../src/Dropdown/Dropdown.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, { ElementType, FC } from 'react';\nimport { Dropdown as BSDRopdown, DropdownProps as BSDRopdownProps} from 'reactstrap';\nexport interface DropdownProps extends BSDRopdownProps {\n tag?: ElementType;\n inNavbar?: boolean;\n textCenter?: boolean;\n theme?: string;\n /** Classi aggiuntive da usare per il componente Button */\n className?: string;\n testId?: string;\n}\n\nexport const Dropdown: FC<DropdownProps> = ({\n className,\n testId,\n children,\n inNavbar,\n textCenter,\n theme,\n ...attributes\n}) => {\n const classes = classNames(className, {\n 'text-center': textCenter,\n });\n\n const [isOpen, setIsOpen] = React.useState(false);\n const toggle = () => setIsOpen(!isOpen);\n\n return (\n <BSDRopdown\n menuRole='menu'\n color={theme}\n isOpen={isOpen}\n toggle={toggle}\n className={classes}\n data-testid={testId}\n {...attributes}\n inNavbar={inNavbar}\n nav={inNavbar}\n >\n {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n React.Children.map(children, (child: any) =>\n React.cloneElement(child, { inNavbar: inNavbar })\n )\n } \n </BSDRopdown>\n );\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,2BACvBC,EAAuC,sBACvCC,EAAyE,sBAW5DJ,EAA8B,CAAC,CAC1C,UAAAK,EACA,OAAAC,EACA,SAAAC,EACA,SAAAC,EACA,WAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAAM,CACJ,IAAMC,KAAU,EAAAC,SAAWR,EAAW,CACpC,cAAeI,CACjB,CAAC,EAEK,CAACK,EAAQC,CAAS,EAAI,EAAAC,QAAM,SAAS,EAAK,EAGhD,OACE,EAAAA,QAAA,cAAC,EAAAC,SAAA,CACC,SAAS,OACT,MAAOP,EACP,OAAQI,EACR,OAPW,IAAMC,EAAU,CAACD,CAAM,EAQlC,UAAWF,EACX,cAAaN,EACZ,GAAGK,EACJ,SAAUH,EACV,IAAKA,GAIH,EAAAQ,QAAM,SAAS,IAAIT,EAAWW,GAC5B,EAAAF,QAAM,aAAaE,EAAO,CAAE,SAAUV,CAAS,CAAC,CAClD,CAEJ,CAEJ","names":["Dropdown_exports","__export","Dropdown","__toCommonJS","import_classnames","import_react","import_reactstrap","className","testId","children","inNavbar","textCenter","theme","attributes","classes","classNames","isOpen","setIsOpen","React","BSDRopdown","child"]}
@@ -3,12 +3,12 @@ import React from 'react';
3
3
  import { Dropdown as BSDRopdown } from 'reactstrap';
4
4
  export const Dropdown = ({ className, testId, children, inNavbar, textCenter, theme, ...attributes }) => {
5
5
  const classes = classNames(className, {
6
- dropdown: true,
7
6
  'text-center': textCenter,
8
- 'nav-item': inNavbar
9
7
  });
10
8
  const [isOpen, setIsOpen] = React.useState(false);
11
9
  const toggle = () => setIsOpen(!isOpen);
12
- return (React.createElement(BSDRopdown, { menuRole: 'menu', color: theme, isOpen: isOpen, toggle: toggle, className: classes, "data-testid": testId, ...attributes, inNavbar: inNavbar, nav: inNavbar }, children));
10
+ return (React.createElement(BSDRopdown, { menuRole: 'menu', color: theme, isOpen: isOpen, toggle: toggle, className: classes, "data-testid": testId, ...attributes, inNavbar: inNavbar, nav: inNavbar },
11
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
12
+ React.Children.map(children, (child) => React.cloneElement(child, { inNavbar: inNavbar }))));
13
13
  };
14
14
  //# sourceMappingURL=Dropdown.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,YAAY,CAAC;AAWpD,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAC1C,SAAS,EACT,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,KAAK,EACL,GAAG,UAAU,EACd,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE;QACpC,QAAQ,EAAE,IAAI;QACd,aAAa,EAAE,UAAU;QACzB,UAAU,EAAE,QAAQ;KACrB,CAAC,CAAC;IAEH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IAExC,OAAO,CACL,oBAAC,UAAU,IACT,QAAQ,EAAC,MAAM,EACf,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO,iBACL,MAAM,KACf,UAAU,EACd,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,QAAQ,IAEZ,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAoC,MAAM,YAAY,CAAC;AAWtF,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAC1C,SAAS,EACT,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,KAAK,EACL,GAAG,UAAU,EACd,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE;QACpC,aAAa,EAAE,UAAU;KAC1B,CAAC,CAAC;IAEH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IAExC,OAAO,CACL,oBAAC,UAAU,IACT,QAAQ,EAAC,MAAM,EACf,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO,iBACL,MAAM,KACf,UAAU,EACd,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,QAAQ;IAGX,8DAA8D;IAC9D,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE,CAC1C,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAClD,CAEQ,CACd,CAAC;AACJ,CAAC,CAAC"}
@@ -1,2 +1,2 @@
1
- "use strict";var i=Object.create;var s=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var l=(o,e)=>{for(var t in e)s(o,t,{get:e[t],enumerable:!0})},p=(o,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of c(e))!D.call(o,r)&&r!==t&&s(o,r,{get:()=>e[r],enumerable:!(n=M(e,r))||n.enumerable});return o};var d=(o,e,t)=>(t=o!=null?i(w(o)):{},p(e||!o||!o.__esModule?s(t,"default",{value:o,enumerable:!0}):t,o)),f=o=>p(s({},"__esModule",{value:!0}),o);var H={};l(H,{DropdownMenu:()=>x});module.exports=f(H);var a=d(require("react"),1),m=d(require("classnames"),1),u=require("reactstrap"),x=({className:o,testId:e,children:t,...n})=>{let r=(0,m.default)(o,{"dropdown-menu":!0});return a.default.createElement(u.DropdownMenu,{className:r,"data-testid":e,...n},t)};0&&(module.exports={DropdownMenu});
1
+ "use strict";var x=Object.create;var s=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var C=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var l=(t,e)=>{for(var o in e)s(t,o,{get:e[o],enumerable:!0})},a=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of y(e))!f.call(t,n)&&n!==o&&s(t,n,{get:()=>e[n],enumerable:!(r=M(e,n))||r.enumerable});return t};var N=(t,e,o)=>(o=t!=null?x(C(t)):{},a(e||!t||!t.__esModule?s(o,"default",{value:t,enumerable:!0}):o,t)),w=t=>a(s({},"__esModule",{value:!0}),t);var H={};l(H,{DropdownMenu:()=>D});module.exports=w(H);var d=N(require("react"),1),i=require("reactstrap");var p=require("react"),c="slim";var A=(0,p.createContext)({}),u=()=>{let{type:t}=(0,p.useContext)(A);return t};var D=({className:t,inNavbar:e,testId:o,children:r,...n})=>{let m=u();return d.default.createElement(i.DropdownMenu,{style:e&&m===c?{top:"unset !important"}:{},"data-testid":o,...n,className:t},r)};0&&(module.exports={DropdownMenu});
2
2
  //# sourceMappingURL=DropdownMenu.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Dropdown/DropdownMenu.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes } from 'react';\nimport classNames from 'classnames';\nimport { DropdownMenu as BSDRopdownMenu } from 'reactstrap';\nexport interface DropdownMenuProps extends HTMLAttributes<HTMLElement> {\n /** Classi aggiuntive da usare per il componente Button */\n className?: string;\n testId?: string;\n}\n\nexport const DropdownMenu: FC<DropdownMenuProps> = ({ className, testId, children, ...attributes }) => {\n const classes = classNames(className, {\n 'dropdown-menu': true\n });\n\n return (\n <BSDRopdownMenu className={classes} data-testid={testId} {...attributes}>\n {children}\n </BSDRopdownMenu>\n );\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA0C,sBAC1CC,EAAuB,2BACvBC,EAA+C,sBAOlCJ,EAAsC,CAAC,CAAE,UAAAK,EAAW,OAAAC,EAAQ,SAAAC,EAAU,GAAGC,CAAW,IAAM,CACrG,IAAMC,KAAU,EAAAC,SAAWL,EAAW,CACpC,gBAAiB,EACnB,CAAC,EAED,OACE,EAAAM,QAAA,cAAC,EAAAC,aAAA,CAAe,UAAWH,EAAS,cAAaH,EAAS,GAAGE,GAC1DD,CACH,CAEJ","names":["DropdownMenu_exports","__export","DropdownMenu","__toCommonJS","import_react","import_classnames","import_reactstrap","className","testId","children","attributes","classes","classNames","React","BSDRopdownMenu"]}
1
+ {"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"]}
@@ -1,10 +1,9 @@
1
1
  import React from 'react';
2
- import classNames from 'classnames';
3
2
  import { DropdownMenu as BSDRopdownMenu } from 'reactstrap';
4
- export const DropdownMenu = ({ className, testId, children, ...attributes }) => {
5
- const classes = classNames(className, {
6
- 'dropdown-menu': true
7
- });
8
- return (React.createElement(BSDRopdownMenu, { className: classes, "data-testid": testId, ...attributes }, children));
3
+ import { SLIM, useHeaderContext } from '../Header/HeaderContext';
4
+ export const DropdownMenu = ({ className, inNavbar, testId, children, ...attributes }) => {
5
+ const type = useHeaderContext();
6
+ const style = inNavbar && type === SLIM ? { top: 'unset !important' } : {};
7
+ return (React.createElement(BSDRopdownMenu, { style: style, "data-testid": testId, ...attributes, className: className }, children));
9
8
  };
10
9
  //# sourceMappingURL=DropdownMenu.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../src/Dropdown/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,IAAI,cAAc,EAAE,MAAM,YAAY,CAAC;AAO5D,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAAE,EAAE;IACpG,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE;QACpC,eAAe,EAAE,IAAI;KACtB,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,cAAc,IAAC,SAAS,EAAE,OAAO,iBAAe,MAAM,KAAM,UAAU,IACpE,QAAQ,CACM,CAClB,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../src/Dropdown/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,YAAY,IAAI,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AASjE,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAAE,EAAE;IAC9G,MAAM,IAAI,GAAG,gBAAgB,EAAE,CAAC;IAChC,MAAM,KAAK,GAAG,QAAQ,IAAI,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAE3E,OAAO,CACL,oBAAC,cAAc,IAAC,KAAK,EAAE,KAAK,iBAAe,MAAM,KAAM,UAAU,EAAE,SAAS,EAAE,SAAS,IACpF,QAAQ,CACM,CAClB,CAAC;AACJ,CAAC,CAAC"}