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.
- package/CHANGELOG.md +29 -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 +5 -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/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/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 +7 -6
- package/src/Dropdown/DropdownToggle.tsx +1 -2
- package/src/Header/HeaderContent.tsx +1 -1
- package/src/Header/HeaderToggler.tsx +4 -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
|
@@ -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
|
-
|
|
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
|
|
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
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
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,
|
|
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
|
|
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
|
|
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 },
|
|
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,
|
|
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
|
|
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
|
|
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
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}
|
|
8
|
-
return (React.createElement(BSDRopdownMenu, {
|
|
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,
|
|
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"}
|