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.
Files changed (105) hide show
  1. package/CHANGELOG.md +30 -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 +3 -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/Input/Input.cjs +1 -1
  35. package/dist/Input/Input.cjs.map +1 -1
  36. package/dist/Input/TextArea.cjs +1 -1
  37. package/dist/Input/TextArea.cjs.map +1 -1
  38. package/dist/Input/TextArea.js +4 -1
  39. package/dist/Input/TextArea.js.map +1 -1
  40. package/dist/Input/utils.cjs +1 -1
  41. package/dist/Input/utils.cjs.map +1 -1
  42. package/dist/Input/utils.js +2 -2
  43. package/dist/Input/utils.js.map +1 -1
  44. package/dist/Megamenu/MegamenuItem.cjs +1 -1
  45. package/dist/Megamenu/MegamenuItem.cjs.map +1 -1
  46. package/dist/Megamenu/MegamenuItem.js +4 -2
  47. package/dist/Megamenu/MegamenuItem.js.map +1 -1
  48. package/dist/NavScroll/index.cjs +1 -1
  49. package/dist/NavScroll/index.cjs.map +1 -1
  50. package/dist/NavScroll/types.cjs +1 -1
  51. package/dist/NavScroll/types.cjs.map +1 -1
  52. package/dist/NavScroll/useNavScroll.cjs +1 -1
  53. package/dist/NavScroll/useNavScroll.cjs.map +1 -1
  54. package/dist/NavScroll/useNavScroll.js +84 -28
  55. package/dist/NavScroll/useNavScroll.js.map +1 -1
  56. package/dist/Rating/Rating.cjs +1 -1
  57. package/dist/Rating/Rating.cjs.map +1 -1
  58. package/dist/Rating/Rating.js +1 -1
  59. package/dist/Rating/Rating.js.map +1 -1
  60. package/dist/Skiplink/Skiplink.cjs +1 -1
  61. package/dist/Skiplink/Skiplink.cjs.map +1 -1
  62. package/dist/Skiplink/Skiplink.js +9 -3
  63. package/dist/Skiplink/Skiplink.js.map +1 -1
  64. package/dist/Skiplink/SkiplinkItem.cjs +1 -1
  65. package/dist/Skiplink/SkiplinkItem.cjs.map +1 -1
  66. package/dist/Skiplink/SkiplinkItem.js +8 -2
  67. package/dist/Skiplink/SkiplinkItem.js.map +1 -1
  68. package/dist/index.cjs +1 -1
  69. package/dist/index.cjs.map +1 -1
  70. package/dist/index.js +2 -0
  71. package/dist/index.js.map +1 -1
  72. package/dist/track-focus.cjs +2 -0
  73. package/dist/track-focus.cjs.map +1 -0
  74. package/dist/track-focus.js +2 -0
  75. package/dist/track-focus.js.map +1 -0
  76. package/dist/types/Autocomplete/Autocomplete.d.ts +32 -0
  77. package/dist/types/BackToTop/BackToTop.d.ts +10 -6
  78. package/dist/types/Collapse/Collapse.d.ts +2 -0
  79. package/dist/types/Dropdown/Dropdown.d.ts +3 -2
  80. package/dist/types/Dropdown/DropdownMenu.d.ts +1 -0
  81. package/dist/types/Header/HeaderToggler.d.ts +2 -1
  82. package/dist/types/Input/TextArea.d.ts +1 -1
  83. package/dist/types/NavScroll/types.d.ts +4 -0
  84. package/dist/types/Skiplink/Skiplink.d.ts +3 -0
  85. package/dist/types/Skiplink/SkiplinkItem.d.ts +2 -0
  86. package/dist/types/index.d.ts +2 -0
  87. package/package.json +25 -16
  88. package/src/Autocomplete/Autocomplete.tsx +80 -0
  89. package/src/BackToTop/BackToTop.tsx +14 -11
  90. package/src/Collapse/Collapse.tsx +20 -7
  91. package/src/Dropdown/Dropdown.tsx +9 -6
  92. package/src/Dropdown/DropdownMenu.tsx +10 -6
  93. package/src/Dropdown/DropdownToggle.tsx +1 -2
  94. package/src/Header/HeaderContent.tsx +1 -1
  95. package/src/Header/HeaderToggler.tsx +4 -2
  96. package/src/Input/TextArea.tsx +9 -3
  97. package/src/Input/utils.tsx +2 -2
  98. package/src/Megamenu/MegamenuItem.tsx +4 -2
  99. package/src/NavScroll/types.ts +4 -0
  100. package/src/NavScroll/useNavScroll.ts +102 -34
  101. package/src/Rating/Rating.tsx +1 -1
  102. package/src/Skiplink/Skiplink.tsx +16 -3
  103. package/src/Skiplink/SkiplinkItem.tsx +12 -1
  104. package/src/index.ts +3 -0
  105. package/src/track-focus.js +49 -0
@@ -38,7 +38,7 @@ export const Rating = ({ className, inputs, legend, name, readOnly, value, wrapp
38
38
  return (React.createElement(Fragment, { key: id },
39
39
  React.createElement(Input, { type: 'radio', id: id, name: name, value: String(currentValue), cssModule: { 'form-control': '' }, className: fieldClasses, onChange: () => onChange(currentValue, name), checked: value === currentValue, disabled: readOnly, ...extraFieldAttrs }),
40
40
  React.createElement(Label, { className: 'full', for: id },
41
- React.createElement(Icon, { icon: 'it-star-full', size: 'sm' }),
41
+ React.createElement(Icon, { icon: 'it-star-full', size: 'sm', "aria-hidden": 'true' }),
42
42
  React.createElement("span", { className: 'visually-hidden' }, labelFn(currentValue)))));
43
43
  })));
44
44
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../src/Rating/Rating.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../src/Rating/Rating.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- "use strict";var c=Object.create;var r=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var d=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var f=(t,s)=>{for(var e in s)r(t,e,{get:s[e],enumerable:!0})},a=(t,s,e,n)=>{if(s&&typeof s=="object"||typeof s=="function")for(let i of T(s))!g.call(t,i)&&i!==e&&r(t,i,{get:()=>s[i],enumerable:!(n=k(s,i))||n.enumerable});return t};var p=(t,s,e)=>(e=t!=null?c(d(t)):{},a(s||!t||!t.__esModule?r(e,"default",{value:t,enumerable:!0}):e,t)),u=t=>a(r({},"__esModule",{value:!0}),t);var E={};f(E,{Skiplink:()=>x});module.exports=u(E);var l=p(require("react"),1),o=p(require("classnames"),1),x=({className:t,tag:s="div",testId:e,...n})=>{let i=s,m=(0,o.default)(t,"skiplinks");return l.default.createElement(i,{className:m,...n,"data-testid":e})};0&&(module.exports={Skiplink});
1
+ "use strict";var d=Object.create;var i=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var N=(e,s)=>{for(var t in s)i(e,t,{get:s[t],enumerable:!0})},m=(e,s,t,l)=>{if(s&&typeof s=="object"||typeof s=="function")for(let a of u(s))!b.call(e,a)&&a!==t&&i(e,a,{get:()=>s[a],enumerable:!(l=g(s,a))||l.enumerable});return e};var k=(e,s,t)=>(t=e!=null?d(f(e)):{},m(s||!e||!e.__esModule?i(t,"default",{value:e,enumerable:!0}):t,e)),x=e=>m(i({},"__esModule",{value:!0}),e);var H={};N(H,{Skiplink:()=>E});module.exports=x(H);var n=k(require("react"),1),c=k(require("classnames"),1),E=({ariaLabel:e=null,className:s,tag:t="div",nav:l=!1,testId:a,children:T,...r})=>{let o=l?"nav":t,p=(0,c.default)(s,"skiplinks");return l?n.default.createElement(o,{"aria-label":e,className:p,...r,"data-testid":a},n.default.createElement("ul",null,T)):n.default.createElement(o,{"aria-label":e,className:p,...r,"data-testid":a})};0&&(module.exports={Skiplink});
2
2
  //# sourceMappingURL=Skiplink.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Skiplink/Skiplink.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, ElementType } from 'react';\nimport classNames from 'classnames';\n\nexport interface SkiplinkProps extends HTMLAttributes<HTMLElement> {\n /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n tag?: ElementType;\n /** Classi aggiuntive da usare per il componente Skiplink */\n className?: string;\n testId?: string;\n}\n\nexport const Skiplink: FC<SkiplinkProps> = ({ className, tag = 'div', testId, ...attributes }) => {\n const Tag = tag;\n const classes = classNames(className, 'skiplinks');\n\n return <Tag className={classes} {...attributes} data-testid={testId} />;\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuD,sBACvDC,EAAuB,2BAUVH,EAA8B,CAAC,CAAE,UAAAI,EAAW,IAAAC,EAAM,MAAO,OAAAC,EAAQ,GAAGC,CAAW,IAAM,CAChG,IAAMC,EAAMH,EACNI,KAAU,EAAAC,SAAWN,EAAW,WAAW,EAEjD,OAAO,EAAAO,QAAA,cAACH,EAAA,CAAI,UAAWC,EAAU,GAAGF,EAAY,cAAaD,EAAQ,CACvE","names":["Skiplink_exports","__export","Skiplink","__toCommonJS","import_react","import_classnames","className","tag","testId","attributes","Tag","classes","classNames","React"]}
1
+ {"version":3,"sources":["../../src/Skiplink/Skiplink.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, ElementType } from 'react';\nimport classNames from 'classnames';\n\nexport interface SkiplinkProps extends HTMLAttributes<HTMLElement> {\n ariaLabel?: string;\n /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n tag?: ElementType;\n /** Utilizzare il componente in modalità `nav` */\n nav?: boolean;\n /** Classi aggiuntive da usare per il componente Skiplink */\n className?: string;\n testId?: string;\n}\n\nexport const Skiplink: FC<SkiplinkProps> = ({ ariaLabel=null, className, tag = 'div', nav=false, testId, children, ...attributes }) => {\n const Tag = nav ? 'nav' : tag;\n const classes = classNames(className, 'skiplinks');\n if (nav) {\n return (\n <Tag aria-label={ariaLabel} className={classes} {...attributes} data-testid={testId} >\n <ul>\n {children}\n </ul>\n </Tag>\n )\n\n } else {\n return <Tag aria-label={ariaLabel} className={classes} {...attributes} data-testid={testId} />;\n }\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuD,sBACvDC,EAAuB,2BAaVH,EAA8B,CAAC,CAAE,UAAAI,EAAU,KAAM,UAAAC,EAAW,IAAAC,EAAM,MAAO,IAAAC,EAAI,GAAO,OAAAC,EAAQ,SAAAC,EAAU,GAAGC,CAAW,IAAM,CACrI,IAAMC,EAAMJ,EAAM,MAAQD,EACpBM,KAAU,EAAAC,SAAWR,EAAW,WAAW,EACjD,OAAIE,EAEA,EAAAO,QAAA,cAACH,EAAA,CAAI,aAAYP,EAAW,UAAWQ,EAAU,GAAGF,EAAY,cAAaF,GAC3E,EAAAM,QAAA,cAAC,UACEL,CACH,CACF,EAIK,EAAAK,QAAA,cAACH,EAAA,CAAI,aAAYP,EAAW,UAAWQ,EAAU,GAAGF,EAAY,cAAaF,EAAQ,CAEhG","names":["Skiplink_exports","__export","Skiplink","__toCommonJS","import_react","import_classnames","ariaLabel","className","tag","nav","testId","children","attributes","Tag","classes","classNames","React"]}
@@ -1,8 +1,14 @@
1
1
  import React from 'react';
2
2
  import classNames from 'classnames';
3
- export const Skiplink = ({ className, tag = 'div', testId, ...attributes }) => {
4
- const Tag = tag;
3
+ export const Skiplink = ({ ariaLabel = null, className, tag = 'div', nav = false, testId, children, ...attributes }) => {
4
+ const Tag = nav ? 'nav' : tag;
5
5
  const classes = classNames(className, 'skiplinks');
6
- return React.createElement(Tag, { className: classes, ...attributes, "data-testid": testId });
6
+ if (nav) {
7
+ return (React.createElement(Tag, { "aria-label": ariaLabel, className: classes, ...attributes, "data-testid": testId },
8
+ React.createElement("ul", null, children)));
9
+ }
10
+ else {
11
+ return React.createElement(Tag, { "aria-label": ariaLabel, className: classes, ...attributes, "data-testid": testId });
12
+ }
7
13
  };
8
14
  //# sourceMappingURL=Skiplink.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Skiplink.js","sourceRoot":"","sources":["../../src/Skiplink/Skiplink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AAUpC,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAAE,SAAS,EAAE,GAAG,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE,EAAE,EAAE;IAC/F,MAAM,GAAG,GAAG,GAAG,CAAC;IAChB,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAEnD,OAAO,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,KAAM,UAAU,iBAAe,MAAM,GAAI,CAAC;AAC1E,CAAC,CAAC"}
1
+ {"version":3,"file":"Skiplink.js","sourceRoot":"","sources":["../../src/Skiplink/Skiplink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AAapC,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAAE,SAAS,GAAC,IAAI,EAAE,SAAS,EAAE,GAAG,GAAG,KAAK,EAAE,GAAG,GAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAAE,EAAE;IACpI,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;IAC9B,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IACnD,IAAI,GAAG,EAAE,CAAC;QACR,OAAO,CACL,oBAAC,GAAG,kBAAa,SAAS,EAAE,SAAS,EAAE,OAAO,KAAM,UAAU,iBAAe,MAAM;YACjF,gCACG,QAAQ,CACN,CACD,CACP,CAAA;IAEH,CAAC;SAAM,CAAC;QACN,OAAO,oBAAC,GAAG,kBAAa,SAAS,EAAE,SAAS,EAAE,OAAO,KAAM,UAAU,iBAAe,MAAM,GAAI,CAAC;IACjG,CAAC;AACH,CAAC,CAAC"}
@@ -1,2 +1,2 @@
1
- "use strict";var k=Object.create;var o=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var A=(e,t)=>{for(var s in t)o(e,s,{get:t[s],enumerable:!0})},a=(e,t,s,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of u(t))!h.call(e,n)&&n!==s&&o(e,n,{get:()=>t[n],enumerable:!(r=d(t,n))||r.enumerable});return e};var i=(e,t,s)=>(s=e!=null?k(T(e)):{},a(t||!e||!e.__esModule?o(s,"default",{value:e,enumerable:!0}):s,e)),b=e=>a(o({},"__esModule",{value:!0}),e);var x={};A(x,{SkiplinkItem:()=>g});module.exports=b(x);var l=i(require("react"),1),c=i(require("classnames"),1),g=({className:e,tag:t="a",focusable:s=!0,testId:r,...n})=>{let m=t,p=(0,c.default)(e,{"visually-hidden-focusable":s}),f=n.onClick?{href:"#"}:{};return l.default.createElement(m,{className:p,...n,...f,"data-testid":r})};0&&(module.exports={SkiplinkItem});
1
+ "use strict";var k=Object.create;var o=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty;var b=(e,s)=>{for(var t in s)o(e,t,{get:s[t],enumerable:!0})},p=(e,s,t,l)=>{if(s&&typeof s=="object"||typeof s=="function")for(let n of T(s))!A.call(e,n)&&n!==t&&o(e,n,{get:()=>s[n],enumerable:!(l=u(s,n))||l.enumerable});return e};var f=(e,s,t)=>(t=e!=null?k(h(e)):{},p(s||!e||!e.__esModule?o(t,"default",{value:e,enumerable:!0}):t,e)),g=e=>p(o({},"__esModule",{value:!0}),e);var H={};b(H,{SkiplinkItem:()=>x});module.exports=g(H);var r=f(require("react"),1),d=f(require("classnames"),1),x=({className:e,tag:s="a",focusable:t=!0,navItem:l=!1,testId:n,...a})=>{let i=s,m=(0,d.default)(e,{"visually-hidden-focusable":t}),c=a.onClick?{href:"#"}:{};return l?r.default.createElement("li",{className:m},r.default.createElement(i,{...a,...c,"data-testid":n})):r.default.createElement(i,{className:m,...a,...c,"data-testid":n})};0&&(module.exports={SkiplinkItem});
2
2
  //# sourceMappingURL=SkiplinkItem.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Skiplink/SkiplinkItem.tsx"],"sourcesContent":["import React, { FC, ElementType, AnchorHTMLAttributes } from 'react';\nimport classNames from 'classnames';\n\nexport interface SkiplinkItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n tag?: ElementType;\n /** Classi aggiuntive da usare per il componente Skiplink */\n className?: string;\n /** Abilitare questo attributo per renderizzare lo SkipLinkItem al focus */\n focusable?: boolean;\n testId?: string;\n}\n\nexport const SkiplinkItem: FC<SkiplinkItemProps> = ({\n className,\n tag = 'a',\n focusable = true,\n testId,\n ...attributes\n}) => {\n const Tag = tag;\n const classes = classNames(className, {\n 'visually-hidden-focusable': focusable\n });\n\n // Add an extra href for focusable if the user passes an onClick rather than href prop\n const extraHref = attributes.onClick ? { href: '#' } : {};\n\n return <Tag className={classes} {...attributes} {...extraHref} data-testid={testId} />;\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA6D,sBAC7DC,EAAuB,2BAYVH,EAAsC,CAAC,CAClD,UAAAI,EACA,IAAAC,EAAM,IACN,UAAAC,EAAY,GACZ,OAAAC,EACA,GAAGC,CACL,IAAM,CACJ,IAAMC,EAAMJ,EACNK,KAAU,EAAAC,SAAWP,EAAW,CACpC,4BAA6BE,CAC/B,CAAC,EAGKM,EAAYJ,EAAW,QAAU,CAAE,KAAM,GAAI,EAAI,CAAC,EAExD,OAAO,EAAAK,QAAA,cAACJ,EAAA,CAAI,UAAWC,EAAU,GAAGF,EAAa,GAAGI,EAAW,cAAaL,EAAQ,CACtF","names":["SkiplinkItem_exports","__export","SkiplinkItem","__toCommonJS","import_react","import_classnames","className","tag","focusable","testId","attributes","Tag","classes","classNames","extraHref","React"]}
1
+ {"version":3,"sources":["../../src/Skiplink/SkiplinkItem.tsx"],"sourcesContent":["import React, { FC, ElementType, AnchorHTMLAttributes } from 'react';\nimport classNames from 'classnames';\n\nexport interface SkiplinkItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n tag?: ElementType;\n /** Utilizzare il componente come elemento di uno Skiplink in modalità `nav` */\n navItem?: boolean;\n /** Classi aggiuntive da usare per il componente Skiplink */\n className?: string;\n /** Abilitare questo attributo per renderizzare lo SkipLinkItem al focus */\n focusable?: boolean;\n testId?: string;\n}\n\nexport const SkiplinkItem: FC<SkiplinkItemProps> = ({\n className,\n tag = 'a',\n focusable = true,\n navItem = false,\n testId,\n ...attributes\n}) => {\n const Tag = tag;\n const classes = classNames(className, {\n 'visually-hidden-focusable': focusable\n });\n\n // Add an extra href for focusable if the user passes an onClick rather than href prop\n const extraHref = attributes.onClick ? { href: '#' } : {};\n\n if (navItem) {\n return (\n <li className={classes} >\n <Tag {...attributes} {...extraHref} data-testid={testId} />\n </li>\n );\n } else {\n return <Tag className={classes} {...attributes} {...extraHref} data-testid={testId} />;\n }\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA6D,sBAC7DC,EAAuB,2BAcVH,EAAsC,CAAC,CAClD,UAAAI,EACA,IAAAC,EAAM,IACN,UAAAC,EAAY,GACZ,QAAAC,EAAU,GACV,OAAAC,EACA,GAAGC,CACL,IAAM,CACJ,IAAMC,EAAML,EACNM,KAAU,EAAAC,SAAWR,EAAW,CACpC,4BAA6BE,CAC/B,CAAC,EAGKO,EAAYJ,EAAW,QAAU,CAAE,KAAM,GAAI,EAAI,CAAC,EAExD,OAAIF,EAEA,EAAAO,QAAA,cAAC,MAAG,UAAWH,GACb,EAAAG,QAAA,cAACJ,EAAA,CAAK,GAAGD,EAAa,GAAGI,EAAW,cAAaL,EAAQ,CAC3D,EAGK,EAAAM,QAAA,cAACJ,EAAA,CAAI,UAAWC,EAAU,GAAGF,EAAa,GAAGI,EAAW,cAAaL,EAAQ,CAExF","names":["SkiplinkItem_exports","__export","SkiplinkItem","__toCommonJS","import_react","import_classnames","className","tag","focusable","navItem","testId","attributes","Tag","classes","classNames","extraHref","React"]}
@@ -1,12 +1,18 @@
1
1
  import React from 'react';
2
2
  import classNames from 'classnames';
3
- export const SkiplinkItem = ({ className, tag = 'a', focusable = true, testId, ...attributes }) => {
3
+ export const SkiplinkItem = ({ className, tag = 'a', focusable = true, navItem = false, testId, ...attributes }) => {
4
4
  const Tag = tag;
5
5
  const classes = classNames(className, {
6
6
  'visually-hidden-focusable': focusable
7
7
  });
8
8
  // Add an extra href for focusable if the user passes an onClick rather than href prop
9
9
  const extraHref = attributes.onClick ? { href: '#' } : {};
10
- return React.createElement(Tag, { className: classes, ...attributes, ...extraHref, "data-testid": testId });
10
+ if (navItem) {
11
+ return (React.createElement("li", { className: classes },
12
+ React.createElement(Tag, { ...attributes, ...extraHref, "data-testid": testId })));
13
+ }
14
+ else {
15
+ return React.createElement(Tag, { className: classes, ...attributes, ...extraHref, "data-testid": testId });
16
+ }
11
17
  };
12
18
  //# sourceMappingURL=SkiplinkItem.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SkiplinkItem.js","sourceRoot":"","sources":["../../src/Skiplink/SkiplinkItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AACrE,OAAO,UAAU,MAAM,YAAY,CAAC;AAYpC,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAClD,SAAS,EACT,GAAG,GAAG,GAAG,EACT,SAAS,GAAG,IAAI,EAChB,MAAM,EACN,GAAG,UAAU,EACd,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,GAAG,CAAC;IAChB,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE;QACpC,2BAA2B,EAAE,SAAS;KACvC,CAAC,CAAC;IAEH,sFAAsF;IACtF,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAE1D,OAAO,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,KAAM,UAAU,KAAM,SAAS,iBAAe,MAAM,GAAI,CAAC;AACzF,CAAC,CAAC"}
1
+ {"version":3,"file":"SkiplinkItem.js","sourceRoot":"","sources":["../../src/Skiplink/SkiplinkItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AACrE,OAAO,UAAU,MAAM,YAAY,CAAC;AAcpC,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAClD,SAAS,EACT,GAAG,GAAG,GAAG,EACT,SAAS,GAAG,IAAI,EAChB,OAAO,GAAG,KAAK,EACf,MAAM,EACN,GAAG,UAAU,EACd,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,GAAG,CAAC;IAChB,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE;QACpC,2BAA2B,EAAE,SAAS;KACvC,CAAC,CAAC;IAEH,sFAAsF;IACtF,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAE1D,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,4BAAI,SAAS,EAAE,OAAO;YACpB,oBAAC,GAAG,OAAK,UAAU,KAAM,SAAS,iBAAe,MAAM,GAAI,CACxD,CACN,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,KAAM,UAAU,KAAM,SAAS,iBAAe,MAAM,GAAI,CAAC;IACzF,CAAC;AACH,CAAC,CAAC"}