design-react-kit 5.5.1 → 5.6.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 +18 -0
- package/dist/Alert/Alert.cjs.map +1 -1
- package/dist/Alert/Alert.js.map +1 -1
- package/dist/Autocomplete/Autocomplete.cjs +3 -1
- package/dist/Autocomplete/Autocomplete.cjs.map +1 -1
- package/dist/Autocomplete/Autocomplete.js +2 -2
- package/dist/Autocomplete/Autocomplete.js.map +1 -1
- package/dist/BackToTop/BackToTop.cjs +1 -1
- package/dist/BackToTop/BackToTop.cjs.map +1 -1
- package/dist/BackToTop/BackToTop.js +1 -1
- package/dist/BackToTop/BackToTop.js.map +1 -1
- package/dist/BottomNav/BottomNavItem.cjs +1 -1
- package/dist/BottomNav/BottomNavItem.cjs.map +1 -1
- package/dist/Callout/CalloutMoreFooter.cjs +1 -1
- package/dist/Callout/CalloutMoreFooter.cjs.map +1 -1
- package/dist/Card/CardCategory.cjs +1 -1
- package/dist/Card/CardCategory.cjs.map +1 -1
- package/dist/Card/CardCategory.js +3 -3
- package/dist/Card/CardCategory.js.map +1 -1
- package/dist/Card/CardReadMore.cjs +1 -1
- package/dist/Card/CardReadMore.cjs.map +1 -1
- package/dist/Collapse/Collapse.cjs +1 -1
- package/dist/Collapse/Collapse.cjs.map +1 -1
- package/dist/Collapse/Collapse.js +3 -3
- package/dist/Collapse/Collapse.js.map +1 -1
- package/dist/Dimmer/Dimmer.cjs +1 -1
- package/dist/Dimmer/Dimmer.cjs.map +1 -1
- package/dist/Dropdown/Dropdown.cjs.map +1 -1
- package/dist/Dropdown/Dropdown.js +1 -1
- package/dist/Dropdown/Dropdown.js.map +1 -1
- package/dist/Dropdown/DropdownToggle.cjs +1 -1
- package/dist/Dropdown/DropdownToggle.cjs.map +1 -1
- package/dist/Forward/Forward.cjs.map +1 -1
- package/dist/Forward/Forward.js.map +1 -1
- package/dist/GoBack/GoBack.cjs +1 -1
- package/dist/GoBack/GoBack.cjs.map +1 -1
- package/dist/Grid/GridItemTextWrapper.cjs.map +1 -1
- package/dist/Grid/GridItemTextWrapper.js.map +1 -1
- package/dist/Grid/index.cjs.map +1 -1
- package/dist/Header/HeaderBrand.cjs +1 -1
- package/dist/Header/HeaderBrand.cjs.map +1 -1
- package/dist/Header/HeaderSearch.cjs +1 -1
- package/dist/Header/HeaderSearch.cjs.map +1 -1
- package/dist/Header/HeaderToggler.cjs.map +1 -1
- package/dist/Header/HeaderToggler.js +1 -1
- package/dist/Header/HeaderToggler.js.map +1 -1
- package/dist/Icon/Icon.cjs +1 -1
- package/dist/Icon/Icon.cjs.map +1 -1
- package/dist/Icon/Icon.js +3 -3
- package/dist/Icon/Icon.js.map +1 -1
- package/dist/Icon/assets/index.cjs.map +1 -1
- package/dist/Input/Input.cjs +1 -1
- package/dist/Input/Input.cjs.map +1 -1
- package/dist/Input/Input.js +13 -6
- package/dist/Input/Input.js.map +1 -1
- package/dist/Input/InputContainer.cjs.map +1 -1
- package/dist/Input/InputContainer.js.map +1 -1
- package/dist/Input/TextArea.cjs +1 -1
- package/dist/Input/TextArea.cjs.map +1 -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 +1 -2
- package/dist/Input/utils.js.map +1 -1
- package/dist/List/List.cjs.map +1 -1
- package/dist/List/List.js.map +1 -1
- package/dist/List/ListItem.cjs.map +1 -1
- package/dist/List/ListItem.js +2 -2
- package/dist/List/ListItem.js.map +1 -1
- package/dist/Megamenu/MegamenuItem.cjs +1 -1
- package/dist/Megamenu/MegamenuItem.cjs.map +1 -1
- package/dist/Modal/ModalHeader.cjs +1 -1
- package/dist/Modal/ModalHeader.cjs.map +1 -1
- package/dist/NavScroll/types.cjs.map +1 -1
- package/dist/Notification/NotificationContent.cjs +1 -1
- package/dist/Notification/NotificationContent.cjs.map +1 -1
- package/dist/Notification/core.cjs +1 -1
- package/dist/Notification/core.cjs.map +1 -1
- package/dist/Notification/index.cjs +1 -1
- package/dist/Notification/index.cjs.map +1 -1
- package/dist/Rating/Rating.cjs +1 -1
- package/dist/Rating/Rating.cjs.map +1 -1
- package/dist/ResponsiveImage/ResponsiveImage.cjs.map +1 -1
- package/dist/ResponsiveImage/ResponsiveImage.js.map +1 -1
- package/dist/Skiplink/Skiplink.cjs.map +1 -1
- package/dist/Skiplink/Skiplink.js.map +1 -1
- package/dist/Skiplink/SkiplinkItem.cjs.map +1 -1
- package/dist/Stepper/StepperHeaderElement.cjs +1 -1
- package/dist/Stepper/StepperHeaderElement.cjs.map +1 -1
- package/dist/Stepper/StepperHeaderElement.js +3 -5
- package/dist/Stepper/StepperHeaderElement.js.map +1 -1
- package/dist/Tab/TabNav.cjs +2 -0
- package/dist/Tab/TabNav.cjs.map +1 -0
- package/dist/Tab/TabNav.js +63 -0
- package/dist/Tab/TabNav.js.map +1 -0
- package/dist/Tab/TabNavItem.cjs +2 -0
- package/dist/Tab/TabNavItem.cjs.map +1 -0
- package/dist/Tab/TabNavItem.js +7 -0
- package/dist/Tab/TabNavItem.js.map +1 -0
- package/dist/Tab/TabNavLink.cjs +2 -0
- package/dist/Tab/TabNavLink.cjs.map +1 -0
- package/dist/Tab/TabNavLink.js +7 -0
- package/dist/Tab/TabNavLink.js.map +1 -0
- package/dist/Tab/TabPanel.cjs +2 -0
- package/dist/Tab/TabPanel.cjs.map +1 -0
- package/dist/Tab/TabPanel.js +7 -0
- package/dist/Tab/TabPanel.js.map +1 -0
- package/dist/Timeline/TimelinePin.cjs +1 -1
- package/dist/Timeline/TimelinePin.cjs.map +1 -1
- package/dist/Timeline/TimelinePin.js +1 -1
- package/dist/Timeline/TimelinePin.js.map +1 -1
- package/dist/Toggle/Toggle.cjs.map +1 -1
- package/dist/Toggle/Toggle.js.map +1 -1
- package/dist/Toolbar/ToolbarItem.cjs +1 -1
- package/dist/Toolbar/ToolbarItem.cjs.map +1 -1
- package/dist/index.cjs +3 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +6 -2
- package/dist/index.js.map +1 -1
- package/dist/track-focus.cjs.map +1 -1
- package/dist/track-focus.js.map +1 -1
- package/dist/types/Icon/Icon.d.ts +1 -1
- package/dist/types/NavScroll/types.d.ts +2 -2
- package/dist/types/Stepper/StepperHeaderElement.d.ts +4 -4
- package/dist/types/Tab/TabNav.d.ts +24 -0
- package/dist/types/Tab/TabNavItem.d.ts +8 -0
- package/dist/types/Tab/TabNavLink.d.ts +8 -0
- package/dist/types/Tab/TabPanel.d.ts +8 -0
- package/dist/types/index.d.ts +11 -3
- package/package.json +5 -3
- package/src/Alert/Alert.tsx +1 -2
- package/src/Autocomplete/Autocomplete.tsx +70 -69
- package/src/BackToTop/BackToTop.tsx +2 -1
- package/src/Card/CardCategory.tsx +17 -4
- package/src/Collapse/Collapse.tsx +8 -12
- package/src/Dropdown/Dropdown.tsx +4 -6
- package/src/Forward/Forward.tsx +3 -3
- package/src/Grid/GridItemTextWrapper.tsx +7 -1
- package/src/Header/HeaderToggler.tsx +2 -2
- package/src/Icon/Icon.tsx +22 -4
- package/src/Icon/assets/index.ts +1 -1
- package/src/Input/Input.tsx +13 -7
- package/src/Input/InputContainer.tsx +0 -1
- package/src/Input/TextArea.tsx +1 -4
- package/src/Input/utils.tsx +1 -2
- package/src/List/List.tsx +1 -8
- package/src/List/ListItem.tsx +24 -33
- package/src/NavScroll/types.ts +2 -2
- package/src/ResponsiveImage/ResponsiveImage.tsx +13 -7
- package/src/Skiplink/Skiplink.tsx +12 -7
- package/src/Skiplink/SkiplinkItem.tsx +1 -1
- package/src/Stepper/StepperHeaderElement.tsx +8 -10
- package/src/Tab/TabNav.tsx +111 -0
- package/src/Tab/TabNavItem.tsx +14 -0
- package/src/Tab/TabNavLink.tsx +14 -0
- package/src/Tab/TabPanel.tsx +14 -0
- package/src/Timeline/TimelinePin.tsx +2 -2
- package/src/Toggle/Toggle.tsx +1 -1
- package/src/index.ts +9 -5
- package/src/track-focus.js +14 -15
package/dist/index.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
export { BreadcrumbItem, ButtonGroup, ButtonToolbar, CardColumns, CardDeck, CardFooter, CardGroup, CardHeader, CardImg, CardImgOverlay, CardLink, CardSubtitle, Col, Container, Fade, Form, FormFeedback, FormGroup, FormText, InputGroup, InputGroupText, Label, ListGroup, ListGroupItem, ListGroupItemHeading, ListGroupItemText, Media, NavItem, NavLink, Navbar, NavbarBrand, NavbarToggler, PaginationItem as PagerItem, PaginationLink as PagerLink, Popover, PopoverBody, PopoverHeader, Row,
|
|
1
|
+
export { BreadcrumbItem, ButtonGroup, ButtonToolbar, CardColumns, CardDeck, CardFooter, CardGroup, CardHeader, CardImg, CardImgOverlay, CardLink, CardSubtitle, Col, Container, Fade, Form, FormFeedback, FormGroup, FormText, InputGroup, InputGroupText, Label, ListGroup, ListGroupItem, ListGroupItemHeading, ListGroupItemText, Media, NavItem, NavLink, Navbar, NavbarBrand, NavbarToggler, PaginationItem as PagerItem, PaginationLink as PagerLink, Popover, PopoverBody, PopoverHeader, Row, Table, Tooltip, UncontrolledAlert, UncontrolledCollapse, UncontrolledTooltip, Util } from 'reactstrap';
|
|
2
|
+
export { TabContainer, TabContent, TabPane } from 'react-bootstrap';
|
|
2
3
|
export { Autocomplete } from './Autocomplete/Autocomplete';
|
|
3
4
|
export { Accordion } from './Accordion/Accordion';
|
|
4
5
|
export { AccordionBody } from './Accordion/AccordionBody';
|
|
@@ -88,6 +89,9 @@ export { StepperDots } from './Stepper/StepperDots';
|
|
|
88
89
|
export { StepperHeader } from './Stepper/StepperHeader';
|
|
89
90
|
export { StepperHeaderElement } from './Stepper/StepperHeaderElement';
|
|
90
91
|
export { StepperNav } from './Stepper/StepperNav';
|
|
92
|
+
export { TabNav } from './Tab/TabNav';
|
|
93
|
+
export { TabNavItem } from './Tab/TabNavItem';
|
|
94
|
+
export { TabNavLink } from './Tab/TabNavLink';
|
|
91
95
|
export { ThumbNav } from './ThumbNav/ThumbNav';
|
|
92
96
|
export { ThumbNavItem } from './ThumbNav/ThumbNavItem';
|
|
93
97
|
export { TimelinePin } from './Timeline/TimelinePin';
|
|
@@ -96,5 +100,5 @@ export { Toggle } from './Toggle/Toggle';
|
|
|
96
100
|
export { Toolbar } from './Toolbar/Toolbar';
|
|
97
101
|
export { ToolbarDividerItem } from './Toolbar/ToolbarDividerItem';
|
|
98
102
|
export { ToolbarItem } from './Toolbar/ToolbarItem';
|
|
99
|
-
import
|
|
103
|
+
import './track-focus.js';
|
|
100
104
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,WAAW,EACX,aAAa,EACb,WAAW,EACX,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,OAAO,EACP,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,GAAG,EACH,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,UAAU,EACV,cAAc,EACd,KAAK,EACL,SAAS,EACT,aAAa,EACb,oBAAoB,EACpB,iBAAiB,EACjB,KAAK,EACL,OAAO,EACP,OAAO,EACP,MAAM,EACN,WAAW,EACX,aAAa,EACb,cAAc,IAAI,SAAS,EAC3B,cAAc,IAAI,SAAS,EAC3B,OAAO,EACP,WAAW,EACX,aAAa,EACb,GAAG,EACH,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/track-focus.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/track-focus.js"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../src/track-focus.js"],"sourcesContent":["// Focus Management\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap Italia (https://italia.github.io/bootstrap-italia/)\n * Authors: https://github.com/italia/bootstrap-italia/blob/main/AUTHORS\n * Licensed under BSD-3-Clause license (https://github.com/italia/bootstrap-italia/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst DATA_MOUSE_FOCUS = 'data-focus-mouse';\nconst CLASS_NAME_MOUSE_FOCUS = 'focus--mouse';\n\nclass TrackFocus {\n constructor() {\n this._usingMouse = false;\n\n this._bindEvents();\n }\n\n _bindEvents() {\n if (typeof document === 'undefined') {\n return;\n }\n const events = ['keydown', 'mousedown'];\n events.forEach((evtName) => {\n document.addEventListener(evtName, (evt) => {\n this._usingMouse = evt.type === 'mousedown';\n });\n });\n document.addEventListener('focusin', (evt) => {\n if (this._usingMouse) {\n if (evt.target) {\n evt.target.classList.add(CLASS_NAME_MOUSE_FOCUS);\n evt.target.setAttribute(DATA_MOUSE_FOCUS, 'true');\n }\n }\n });\n document.addEventListener('focusout', (evt) => {\n if (evt.target) {\n evt.target.classList.remove(CLASS_NAME_MOUSE_FOCUS);\n evt.target.setAttribute(DATA_MOUSE_FOCUS, 'false');\n }\n });\n }\n}\n\nnew TrackFocus();\n"],"mappings":"aAUA,IAAMA,EAAmB,mBACnBC,EAAyB,eAEzBC,EAAN,KAAiB,CACf,aAAc,CACZ,KAAK,YAAc,GAEnB,KAAK,YAAY,CACnB,CAEA,aAAc,CACZ,GAAI,OAAO,SAAa,IACtB,OAEa,CAAC,UAAW,WAAW,EAC/B,QAASC,GAAY,CAC1B,SAAS,iBAAiBA,EAAUC,GAAQ,CAC1C,KAAK,YAAcA,EAAI,OAAS,WAClC,CAAC,CACH,CAAC,EACD,SAAS,iBAAiB,UAAYA,GAAQ,CACxC,KAAK,aACHA,EAAI,SACNA,EAAI,OAAO,UAAU,IAAIH,CAAsB,EAC/CG,EAAI,OAAO,aAAaJ,EAAkB,MAAM,EAGtD,CAAC,EACD,SAAS,iBAAiB,WAAaI,GAAQ,CACzCA,EAAI,SACNA,EAAI,OAAO,UAAU,OAAOH,CAAsB,EAClDG,EAAI,OAAO,aAAaJ,EAAkB,OAAO,EAErD,CAAC,CACH,CACF,EAEA,IAAIE","names":["DATA_MOUSE_FOCUS","CLASS_NAME_MOUSE_FOCUS","TrackFocus","evtName","evt"]}
|
package/dist/track-focus.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/track-focus.js"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../src/track-focus.js"],"sourcesContent":["// Focus Management\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap Italia (https://italia.github.io/bootstrap-italia/)\n * Authors: https://github.com/italia/bootstrap-italia/blob/main/AUTHORS\n * Licensed under BSD-3-Clause license (https://github.com/italia/bootstrap-italia/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst DATA_MOUSE_FOCUS = 'data-focus-mouse';\nconst CLASS_NAME_MOUSE_FOCUS = 'focus--mouse';\n\nclass TrackFocus {\n constructor() {\n this._usingMouse = false;\n\n this._bindEvents();\n }\n\n _bindEvents() {\n if (typeof document === 'undefined') {\n return;\n }\n const events = ['keydown', 'mousedown'];\n events.forEach((evtName) => {\n document.addEventListener(evtName, (evt) => {\n this._usingMouse = evt.type === 'mousedown';\n });\n });\n document.addEventListener('focusin', (evt) => {\n if (this._usingMouse) {\n if (evt.target) {\n evt.target.classList.add(CLASS_NAME_MOUSE_FOCUS);\n evt.target.setAttribute(DATA_MOUSE_FOCUS, 'true');\n }\n }\n });\n document.addEventListener('focusout', (evt) => {\n if (evt.target) {\n evt.target.classList.remove(CLASS_NAME_MOUSE_FOCUS);\n evt.target.setAttribute(DATA_MOUSE_FOCUS, 'false');\n }\n });\n }\n}\n\nnew TrackFocus();\n"],"mappings":"AAUA,IAAMA,EAAmB,mBACnBC,EAAyB,eAEzBC,EAAN,KAAiB,CACf,aAAc,CACZ,KAAK,YAAc,GAEnB,KAAK,YAAY,CACnB,CAEA,aAAc,CACZ,GAAI,OAAO,SAAa,IACtB,OAEa,CAAC,UAAW,WAAW,EAC/B,QAASC,GAAY,CAC1B,SAAS,iBAAiBA,EAAUC,GAAQ,CAC1C,KAAK,YAAcA,EAAI,OAAS,WAClC,CAAC,CACH,CAAC,EACD,SAAS,iBAAiB,UAAYA,GAAQ,CACxC,KAAK,aACHA,EAAI,SACNA,EAAI,OAAO,UAAU,IAAIH,CAAsB,EAC/CG,EAAI,OAAO,aAAaJ,EAAkB,MAAM,EAGtD,CAAC,EACD,SAAS,iBAAiB,WAAaI,GAAQ,CACzCA,EAAI,SACNA,EAAI,OAAO,UAAU,OAAOH,CAAsB,EAClDG,EAAI,OAAO,aAAaJ,EAAkB,OAAO,EAErD,CAAC,CACH,CACF,EAEA,IAAIE","names":["DATA_MOUSE_FOCUS","CLASS_NAME_MOUSE_FOCUS","TrackFocus","evtName","evt"]}
|
|
@@ -25,7 +25,7 @@ export interface IconProps extends SVGProps<SVGSVGElement> {
|
|
|
25
25
|
size?: 'xl' | 'lg' | '' | 'sm' | 'xs';
|
|
26
26
|
/**
|
|
27
27
|
* Il nome dell'icona da mostrare. Per una lista completa vedi:
|
|
28
|
-
* <a href="https://italia.github.io/design-react-kit/?path=/story/
|
|
28
|
+
* <a href="https://italia.github.io/design-react-kit/?path=/story/documentazione-utilities-icon--lista-icone" target="_blank">Lista icone</a>.
|
|
29
29
|
* In caso di un'immagine esterna l'URL da utilizzare.
|
|
30
30
|
**/
|
|
31
31
|
icon: string;
|
|
@@ -76,8 +76,8 @@ export type useNavScrollResult = {
|
|
|
76
76
|
*/
|
|
77
77
|
getActiveRef: () => RefObject<Element> | null;
|
|
78
78
|
/**
|
|
79
|
-
|
|
80
|
-
|
|
79
|
+
* A list of active ids (the full hierarchy).
|
|
80
|
+
*/
|
|
81
81
|
percentage: number;
|
|
82
82
|
};
|
|
83
83
|
export type TrackedElement = {
|
|
@@ -24,14 +24,14 @@ export interface StepperHeaderElementProps extends HTMLAttributes<HTMLLIElement>
|
|
|
24
24
|
appendIcon?: string;
|
|
25
25
|
/** Icona da mostrare alla sinistra dell'etichetta dello step */
|
|
26
26
|
prependIcon?: string;
|
|
27
|
+
/** Titolo dell'icona da mostrare alla destra dell'etichetta dello step */
|
|
28
|
+
appendIconTitle?: string;
|
|
29
|
+
/** Titolo dell'icona da mostrare alla sinistra dell'etichetta dello step */
|
|
30
|
+
prependIconTitle?: string;
|
|
27
31
|
/** Utilizzare questo attributo per elementi aggiuntivi da mostrare su dispositivi mobile per lo step attivo */
|
|
28
32
|
stepperNumber?: ReactNode;
|
|
29
33
|
/** Nasconde il bordo inferiore azzurro per lo step */
|
|
30
34
|
noLine?: boolean;
|
|
31
|
-
/** @deprecated Usare `appendIcon` */
|
|
32
|
-
icon?: string;
|
|
33
|
-
/** @deprecated Usare `prependIcon` */
|
|
34
|
-
iconName?: string;
|
|
35
35
|
testId?: string;
|
|
36
36
|
}
|
|
37
37
|
export declare const StepperHeaderElement: FC<StepperHeaderElementProps>;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ElementType, FC } from 'react';
|
|
2
|
+
import { NavProps } from 'react-bootstrap';
|
|
3
|
+
export interface TabNavProps extends NavProps {
|
|
4
|
+
/** Utilizzarlo in caso di utilizzo di componenti personalizzati
|
|
5
|
+
* @default ul
|
|
6
|
+
*/
|
|
7
|
+
tag?: ElementType;
|
|
8
|
+
/** Classi aggiuntive da usare per il componente Tab */
|
|
9
|
+
className?: string;
|
|
10
|
+
/** Imposta l'orientameno delle tab in verticale
|
|
11
|
+
* @default false
|
|
12
|
+
*/
|
|
13
|
+
vertical?: boolean;
|
|
14
|
+
/** Imposta la tab con sfondo scuro
|
|
15
|
+
* @default false
|
|
16
|
+
*/
|
|
17
|
+
dark?: boolean;
|
|
18
|
+
/** Imposta la tab con design tipo card
|
|
19
|
+
* @default false
|
|
20
|
+
*/
|
|
21
|
+
card?: boolean;
|
|
22
|
+
testId?: string;
|
|
23
|
+
}
|
|
24
|
+
export declare const TabNav: FC<TabNavProps>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ElementType, FC } from 'react';
|
|
2
|
+
import { NavItemProps } from 'react-bootstrap';
|
|
3
|
+
export interface TabNavItemProps extends NavItemProps {
|
|
4
|
+
/** Utilizzarlo in caso di utilizzo di componenti personalizzati */
|
|
5
|
+
tag?: ElementType;
|
|
6
|
+
testId?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const TabNavItem: FC<TabNavItemProps>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ElementType, FC } from 'react';
|
|
2
|
+
import { NavLinkProps } from 'react-bootstrap';
|
|
3
|
+
export interface TabNavLinkProps extends NavLinkProps {
|
|
4
|
+
/** Utilizzarlo in caso di utilizzo di componenti personalizzati */
|
|
5
|
+
tag?: ElementType;
|
|
6
|
+
testId?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const TabNavLink: FC<TabNavLinkProps>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ElementType, FC } from 'react';
|
|
2
|
+
import { NavProps } from 'react-bootstrap';
|
|
3
|
+
export interface TabsProps extends NavProps {
|
|
4
|
+
/** Utilizzarlo in caso di utilizzo di componenti personalizzati */
|
|
5
|
+
tag?: ElementType;
|
|
6
|
+
testId?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const TabContainer: FC<TabsProps>;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
export { BreadcrumbItem, ButtonGroup, ButtonToolbar, CardColumns, CardDeck, CardFooter, CardGroup, CardHeader, CardImg, CardImgOverlay, CardLink, CardSubtitle, Col, Container, Fade, Form, FormFeedback, FormGroup, FormText, InputGroup, InputGroupText, Label, ListGroup, ListGroupItem, ListGroupItemHeading, ListGroupItemText, Media, NavItem, NavLink, Navbar, NavbarBrand, NavbarToggler, PaginationItem as PagerItem, PaginationLink as PagerLink, Popover, PopoverBody, PopoverHeader, Row,
|
|
1
|
+
export { BreadcrumbItem, ButtonGroup, ButtonToolbar, CardColumns, CardDeck, CardFooter, CardGroup, CardHeader, CardImg, CardImgOverlay, CardLink, CardSubtitle, Col, Container, Fade, Form, FormFeedback, FormGroup, FormText, InputGroup, InputGroupText, Label, ListGroup, ListGroupItem, ListGroupItemHeading, ListGroupItemText, Media, NavItem, NavLink, Navbar, NavbarBrand, NavbarToggler, PaginationItem as PagerItem, PaginationLink as PagerLink, Popover, PopoverBody, PopoverHeader, Row, Table, Tooltip, UncontrolledAlert, UncontrolledCollapse, UncontrolledTooltip, Util } from 'reactstrap';
|
|
2
|
+
export { TabContainer, TabContent, TabPane } from 'react-bootstrap';
|
|
2
3
|
export { Autocomplete } from './Autocomplete/Autocomplete';
|
|
3
4
|
export { Accordion } from './Accordion/Accordion';
|
|
4
5
|
export { AccordionBody } from './Accordion/AccordionBody';
|
|
@@ -88,6 +89,9 @@ export { StepperDots } from './Stepper/StepperDots';
|
|
|
88
89
|
export { StepperHeader } from './Stepper/StepperHeader';
|
|
89
90
|
export { StepperHeaderElement } from './Stepper/StepperHeaderElement';
|
|
90
91
|
export { StepperNav } from './Stepper/StepperNav';
|
|
92
|
+
export { TabNav } from './Tab/TabNav';
|
|
93
|
+
export { TabNavItem } from './Tab/TabNavItem';
|
|
94
|
+
export { TabNavLink } from './Tab/TabNavLink';
|
|
91
95
|
export { ThumbNav } from './ThumbNav/ThumbNav';
|
|
92
96
|
export { ThumbNavItem } from './ThumbNav/ThumbNavItem';
|
|
93
97
|
export { TimelinePin } from './Timeline/TimelinePin';
|
|
@@ -179,6 +183,9 @@ export type { StepperDotsProps } from './Stepper/StepperDots';
|
|
|
179
183
|
export type { StepperHeaderProps } from './Stepper/StepperHeader';
|
|
180
184
|
export type { StepperHeaderElementProps } from './Stepper/StepperHeaderElement';
|
|
181
185
|
export type { StepperNavProps } from './Stepper/StepperNav';
|
|
186
|
+
export type { TabNavProps } from './Tab/TabNav';
|
|
187
|
+
export type { TabNavItemProps } from './Tab/TabNavItem';
|
|
188
|
+
export type { TabNavLinkProps } from './Tab/TabNavLink';
|
|
182
189
|
export type { ThumbNavProps } from './ThumbNav/ThumbNav';
|
|
183
190
|
export type { ThumbNavItemProps } from './ThumbNav/ThumbNavItem';
|
|
184
191
|
export type { TimelinePinProps } from './Timeline/TimelinePin';
|
|
@@ -186,5 +193,6 @@ export type { TimelineProps } from './Timeline/TimelineWrapper';
|
|
|
186
193
|
export type { ToggleProps } from './Toggle/Toggle';
|
|
187
194
|
export type { ToolbarProps } from './Toolbar/Toolbar';
|
|
188
195
|
export type { ToolbarItemBadge, ToolbarItemProps } from './Toolbar/ToolbarItem';
|
|
189
|
-
export type { BreadcrumbItemProps, ButtonDropdownProps, ButtonGroupProps, ButtonToolbarProps, CardColumnsProps, CardDeckProps, CardFooterProps, CardGroupProps, CardHeaderProps, CardImgOverlayProps, CardImgProps, CardLinkProps, CardSubtitleProps, ColProps, ContainerProps, FadeProps, FormFeedbackProps, FormGroupProps, FormProps, FormTextProps, InputGroupProps, InputGroupTextProps, LabelProps, ListGroupItemHeadingProps, ListGroupItemProps, ListGroupItemTextProps, ListGroupProps, MediaProps, NavItemProps, NavLinkProps, NavbarBrandProps, NavbarProps, NavbarTogglerProps, PaginationItem as PagerItemProps, PaginationLink as PagerLinkProps, PopoverBodyProps, PopoverHeaderProps, PopoverProps, RowProps,
|
|
190
|
-
|
|
196
|
+
export type { BreadcrumbItemProps, ButtonDropdownProps, ButtonGroupProps, ButtonToolbarProps, CardColumnsProps, CardDeckProps, CardFooterProps, CardGroupProps, CardHeaderProps, CardImgOverlayProps, CardImgProps, CardLinkProps, CardSubtitleProps, ColProps, ContainerProps, FadeProps, FormFeedbackProps, FormGroupProps, FormProps, FormTextProps, InputGroupProps, InputGroupTextProps, LabelProps, ListGroupItemHeadingProps, ListGroupItemProps, ListGroupItemTextProps, ListGroupProps, MediaProps, NavItemProps, NavLinkProps, NavbarBrandProps, NavbarProps, NavbarTogglerProps, PaginationItem as PagerItemProps, PaginationLink as PagerLinkProps, PopoverBodyProps, PopoverHeaderProps, PopoverProps, RowProps, TableProps, TooltipProps, UncontrolledAlertProps, UncontrolledCollapseProps, UncontrolledTooltipProps } from 'reactstrap';
|
|
197
|
+
export type { TabContainerProps, TabContentProps, TabPaneProps } from 'react-bootstrap';
|
|
198
|
+
import './track-focus.js';
|
package/package.json
CHANGED
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"bugs": {
|
|
25
25
|
"url": "https://github.com/italia/design-react-kit/issues"
|
|
26
26
|
},
|
|
27
|
-
"version": "5.
|
|
27
|
+
"version": "5.6.0",
|
|
28
28
|
"license": "BSD-3",
|
|
29
29
|
"type": "module",
|
|
30
30
|
"module": "./dist/index.js",
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
"postversion": "echo \"You can now publish your version using 'git push --follow-tags'\""
|
|
72
72
|
},
|
|
73
73
|
"peerDependencies": {
|
|
74
|
-
"bootstrap-italia": "^2.
|
|
74
|
+
"bootstrap-italia": "^2.13.4",
|
|
75
75
|
"react": ">=18.2.0"
|
|
76
76
|
},
|
|
77
77
|
"browserslist": [
|
|
@@ -104,9 +104,10 @@
|
|
|
104
104
|
"@types/jest": "^29.5.12",
|
|
105
105
|
"@types/node": "^20.12.2",
|
|
106
106
|
"@types/react": "^18.2.75",
|
|
107
|
+
"@types/react-bootstrap": "^0.32.37",
|
|
107
108
|
"@types/react-dom": "^18.2.24",
|
|
108
109
|
"@types/react-transition-group": "^4.4.10",
|
|
109
|
-
"bootstrap-italia": "2.
|
|
110
|
+
"bootstrap-italia": "^2.13.4",
|
|
110
111
|
"browserslist-config-design-italia": "^1.0.0",
|
|
111
112
|
"eslint": "^9.10.0",
|
|
112
113
|
"eslint-plugin-mdx": "^3.1.5",
|
|
@@ -135,6 +136,7 @@
|
|
|
135
136
|
"dependencies": {
|
|
136
137
|
"classnames": "^2.3.1",
|
|
137
138
|
"is-number": "^7.0.0",
|
|
139
|
+
"react-bootstrap": "^2.10.6",
|
|
138
140
|
"react-stickup": "^1.12.1",
|
|
139
141
|
"react-toastify": "^7.0.4",
|
|
140
142
|
"react-transition-group": "^4.4.5",
|
package/src/Alert/Alert.tsx
CHANGED
|
@@ -28,7 +28,6 @@ export interface AlertProps extends HTMLAttributes<HTMLElement> {
|
|
|
28
28
|
testId?: string;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
|
|
32
31
|
export const Alert: FC<AlertProps> = ({ color = 'success', isOpen = true, fade = true, testId, ...props }) => {
|
|
33
32
|
const baseProps = {
|
|
34
33
|
color,
|
|
@@ -36,4 +35,4 @@ export const Alert: FC<AlertProps> = ({ color = 'success', isOpen = true, fade =
|
|
|
36
35
|
fade
|
|
37
36
|
};
|
|
38
37
|
return <InnerAlert data-testid={testId} {...baseProps} {...props} />;
|
|
39
|
-
};
|
|
38
|
+
};
|
|
@@ -1,80 +1,81 @@
|
|
|
1
|
-
import React, { FC} from 'react';
|
|
1
|
+
import React, { FC } from 'react';
|
|
2
2
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
3
3
|
// @ts-ignore non ci sono i types
|
|
4
4
|
import BaseAutocomplete from 'accessible-autocomplete/react'; // Reference to https://www.npmjs.com/package/accessible-autocomplete
|
|
5
5
|
|
|
6
6
|
export interface AutocompleteAttributes {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
7
|
+
/** Identificativo */
|
|
8
|
+
id?: string;
|
|
9
|
+
/** Valori chiave - valore all'interno della select */
|
|
10
|
+
source: { value: string; label: string }[];
|
|
11
|
+
/** Placeholder (default: ``) */
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
/** Valore di default (default: ``) */
|
|
14
|
+
defaultValue?: string;
|
|
15
|
+
/** Modalità display menu (default: `inline`) */
|
|
16
|
+
displayMenu?: string;
|
|
17
|
+
/** Funzione ritornante stringa in caso di nessun risultato */
|
|
18
|
+
tNoResults?: () => string;
|
|
19
|
+
/** Funzione ritornante stringa di suggerimento */
|
|
20
|
+
tAssistiveHint?: () => string;
|
|
21
|
+
/** Funzione ritornante stringa se la query è troppo corta */
|
|
22
|
+
tStatusQueryTooShort?: () => string;
|
|
23
|
+
/** Funzione ritornante stringa se non ci sono risultati di ricerca */
|
|
24
|
+
tStatusNoResults?: () => string;
|
|
25
|
+
/** Funzione ritornante stringa che identifica l'opzione selezionata */
|
|
26
|
+
tStatusSelectedOption?: () => string;
|
|
27
|
+
/** Funzione ritornante stringa che identifica i risultati */
|
|
28
|
+
tStatusResults?: () => string;
|
|
29
|
+
/** Classi aggiuntive da usare per il componente Button */
|
|
30
|
+
className?: string;
|
|
31
|
+
testId?: string;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
|
|
35
34
|
const tAssistiveHintDefault = () =>
|
|
36
|
-
|
|
37
|
-
const tNoResultsDefault = () => 'Nessun risultato trovato'
|
|
38
|
-
const tStatusQueryTooShortDefault = (minQueryLength: number) =>
|
|
39
|
-
|
|
40
|
-
const
|
|
35
|
+
'Quando i risultati del completamento automatico sono disponibili, usa le frecce su e giù per rivedere e Invio per selezionare. Utenti di dispositivi touch, esplora tramite tocco o con gesti di scorrimento';
|
|
36
|
+
const tNoResultsDefault = () => 'Nessun risultato trovato';
|
|
37
|
+
const tStatusQueryTooShortDefault = (minQueryLength: number) =>
|
|
38
|
+
`Digita ${minQueryLength} o più caratteri per mostrare le opzioni di ricerca`;
|
|
39
|
+
const tStatusNoResultsDefault = () => 'Nessun risultato di ricerca';
|
|
40
|
+
const tStatusSelectedOptionDefault = (selectedOption: number, length: number, index: number) =>
|
|
41
|
+
`${selectedOption} ${index + 1} di ${length} è sottolineato`;
|
|
41
42
|
const tStatusResultsDefault = (length: number, contentSelectedOption: number) => {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
43
|
+
const words = {
|
|
44
|
+
result: length === 1 ? 'risultato' : 'risultati',
|
|
45
|
+
is: length === 1 ? 'è' : 'sono',
|
|
46
|
+
available: length === 1 ? 'disponibile' : 'disponibili'
|
|
47
|
+
};
|
|
47
48
|
|
|
48
|
-
|
|
49
|
-
}
|
|
49
|
+
return `${length} ${words.result} ${words.is} ${words.available}. ${contentSelectedOption}`;
|
|
50
|
+
};
|
|
50
51
|
|
|
51
|
-
export const Autocomplete: FC<AutocompleteAttributes>
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
52
|
+
export const Autocomplete: FC<AutocompleteAttributes> = ({
|
|
53
|
+
tAssistiveHint = tAssistiveHintDefault,
|
|
54
|
+
tNoResults = tNoResultsDefault,
|
|
55
|
+
tStatusQueryTooShort = tStatusQueryTooShortDefault,
|
|
56
|
+
tStatusNoResults = tStatusNoResultsDefault,
|
|
57
|
+
tStatusSelectedOption = tStatusSelectedOptionDefault,
|
|
58
|
+
tStatusResults = tStatusResultsDefault,
|
|
59
|
+
placeholder = '',
|
|
60
|
+
defaultValue = '',
|
|
61
|
+
displayMenu = 'inline',
|
|
62
|
+
source,
|
|
63
|
+
...attributes
|
|
64
|
+
}) => {
|
|
65
|
+
return (
|
|
66
|
+
<BaseAutocomplete
|
|
67
|
+
id='autocomplete'
|
|
68
|
+
source={source}
|
|
69
|
+
placeholder={placeholder}
|
|
70
|
+
defaultValue={defaultValue}
|
|
71
|
+
displayMenu={displayMenu}
|
|
72
|
+
tAssistiveHint={tAssistiveHint}
|
|
73
|
+
tNoResults={tNoResults}
|
|
74
|
+
tStatusQueryTooShort={tStatusQueryTooShort}
|
|
75
|
+
tStatusNoResults={tStatusNoResults}
|
|
76
|
+
tStatusSelectedOption={tStatusSelectedOption}
|
|
77
|
+
tStatusResults={tStatusResults}
|
|
78
|
+
{...attributes}
|
|
79
|
+
/>
|
|
80
|
+
);
|
|
81
|
+
};
|
|
@@ -34,7 +34,7 @@ const backToTop = () => {
|
|
|
34
34
|
};
|
|
35
35
|
|
|
36
36
|
export const BackToTop = ({
|
|
37
|
-
ariaLabel='Torna su',
|
|
37
|
+
ariaLabel = 'Torna su',
|
|
38
38
|
className,
|
|
39
39
|
dark = false,
|
|
40
40
|
small = false,
|
|
@@ -56,6 +56,7 @@ export const BackToTop = ({
|
|
|
56
56
|
return (
|
|
57
57
|
<a
|
|
58
58
|
aria-label={ariaLabel}
|
|
59
|
+
href="#"
|
|
59
60
|
className={classNames(
|
|
60
61
|
className,
|
|
61
62
|
'back-to-top',
|
|
@@ -21,7 +21,18 @@ export interface CardCategoryProps extends HTMLAttributes<HTMLElement> {
|
|
|
21
21
|
testId?: string;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
export const CardCategory: FC<CardCategoryProps> = ({
|
|
24
|
+
export const CardCategory: FC<CardCategoryProps> = ({
|
|
25
|
+
iconName,
|
|
26
|
+
iconTitle,
|
|
27
|
+
date,
|
|
28
|
+
href,
|
|
29
|
+
onClick,
|
|
30
|
+
testId,
|
|
31
|
+
children,
|
|
32
|
+
textDescription,
|
|
33
|
+
dateDescription,
|
|
34
|
+
...rest
|
|
35
|
+
}) => {
|
|
25
36
|
const classes = classNames({
|
|
26
37
|
'category-top': date || ' ',
|
|
27
38
|
'categoryicon-top': iconName
|
|
@@ -29,7 +40,7 @@ export const CardCategory: FC<CardCategoryProps> = ({ iconName, iconTitle, date,
|
|
|
29
40
|
// Simple category link
|
|
30
41
|
const categoryLink = !iconName && (
|
|
31
42
|
<>
|
|
32
|
-
{textDescription && <span className=
|
|
43
|
+
{textDescription && <span className='visually-hidden'>{textDescription}</span>}
|
|
33
44
|
<a href={href} className='category' onClick={onClick}>
|
|
34
45
|
{children}
|
|
35
46
|
</a>
|
|
@@ -44,8 +55,10 @@ export const CardCategory: FC<CardCategoryProps> = ({ iconName, iconTitle, date,
|
|
|
44
55
|
<div className={classes} {...rest} data-testid={testId}>
|
|
45
56
|
{categoryLink}
|
|
46
57
|
{categoryIcon}
|
|
47
|
-
{categoryText && textDescription && <span className=
|
|
48
|
-
{
|
|
58
|
+
{categoryText && textDescription && <span className='visually-hidden'>{textDescription}</span>}
|
|
59
|
+
{categoryText}
|
|
60
|
+
{dateDescription && <span className='visually-hidden'>{dateDescription}</span>}
|
|
61
|
+
{categoryDate}
|
|
49
62
|
</div>
|
|
50
63
|
);
|
|
51
64
|
};
|
|
@@ -6,7 +6,6 @@ import { CSSModule } from 'reactstrap/types/lib/utils';
|
|
|
6
6
|
|
|
7
7
|
import { Icon } from '../Icon/Icon';
|
|
8
8
|
|
|
9
|
-
|
|
10
9
|
// Copy over from reactstrap and add new ones
|
|
11
10
|
export interface CollapseProps extends HTMLAttributes<HTMLElement> {
|
|
12
11
|
/** Indica se il menu HeaderNav sia aperto o meno. Usato unicamente nel caso della HeaderNav, ovvero con navbar e header entrambi true */
|
|
@@ -43,7 +42,7 @@ export interface CollapseProps extends HTMLAttributes<HTMLElement> {
|
|
|
43
42
|
/** Da utilizzare per impostare un riferimento all'elemento DOM */
|
|
44
43
|
innerRef?: Ref<HTMLElement>;
|
|
45
44
|
/** Testo pulsante di chiusura per screen reader */
|
|
46
|
-
closeSrText?: string
|
|
45
|
+
closeSrText?: string;
|
|
47
46
|
testId?: string;
|
|
48
47
|
}
|
|
49
48
|
|
|
@@ -57,7 +56,7 @@ export const Collapse: FC<CollapseProps> = ({
|
|
|
57
56
|
onOverlayClick,
|
|
58
57
|
cssModule,
|
|
59
58
|
testId,
|
|
60
|
-
closeSrText='Nascondi la navigazione',
|
|
59
|
+
closeSrText = 'Nascondi la navigazione',
|
|
61
60
|
...attributes
|
|
62
61
|
}) => {
|
|
63
62
|
const newCssModule = {
|
|
@@ -69,13 +68,10 @@ export const Collapse: FC<CollapseProps> = ({
|
|
|
69
68
|
expanded: isOpen
|
|
70
69
|
});
|
|
71
70
|
const style = { display: isOpen ? 'block' : 'none' };
|
|
72
|
-
const overlayClasses = classNames(
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
'show' : isOpen
|
|
77
|
-
}
|
|
78
|
-
)
|
|
71
|
+
const overlayClasses = classNames('overlay', {
|
|
72
|
+
fade: isOpen,
|
|
73
|
+
show: isOpen
|
|
74
|
+
});
|
|
79
75
|
return (
|
|
80
76
|
<CollapseBase
|
|
81
77
|
className={classes}
|
|
@@ -88,8 +84,8 @@ export const Collapse: FC<CollapseProps> = ({
|
|
|
88
84
|
<div className={overlayClasses} style={style} onClick={onOverlayClick}></div>
|
|
89
85
|
<div className='close-div'>
|
|
90
86
|
<button className='btn close-menu' type='button' onClick={onOverlayClick}>
|
|
91
|
-
<span className=
|
|
92
|
-
<Icon color='white' icon='it-close-big'/>
|
|
87
|
+
<span className='visually-hidden'>{closeSrText}</span>
|
|
88
|
+
<Icon color='white' icon='it-close-big' />
|
|
93
89
|
</button>
|
|
94
90
|
</div>
|
|
95
91
|
{megamenu ? <div className='menu-wrapper '>{children}</div> : <>{children}</>}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import classNames from 'classnames';
|
|
2
2
|
import React, { ElementType, FC } from 'react';
|
|
3
|
-
import { Dropdown as BSDRopdown, DropdownProps as
|
|
3
|
+
import { Dropdown as BSDRopdown, DropdownProps as BSDRopdownProps } from 'reactstrap';
|
|
4
4
|
export interface DropdownProps extends BSDRopdownProps {
|
|
5
5
|
tag?: ElementType;
|
|
6
6
|
inNavbar?: boolean;
|
|
@@ -21,7 +21,7 @@ export const Dropdown: FC<DropdownProps> = ({
|
|
|
21
21
|
...attributes
|
|
22
22
|
}) => {
|
|
23
23
|
const classes = classNames(className, {
|
|
24
|
-
'text-center': textCenter
|
|
24
|
+
'text-center': textCenter
|
|
25
25
|
});
|
|
26
26
|
|
|
27
27
|
const [isOpen, setIsOpen] = React.useState(false);
|
|
@@ -41,10 +41,8 @@ export const Dropdown: FC<DropdownProps> = ({
|
|
|
41
41
|
>
|
|
42
42
|
{
|
|
43
43
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
44
|
-
React.Children.map(children, (child: any) =>
|
|
45
|
-
|
|
46
|
-
)
|
|
47
|
-
}
|
|
44
|
+
React.Children.map(children, (child: any) => React.cloneElement(child, { inNavbar: inNavbar }))
|
|
45
|
+
}
|
|
48
46
|
</BSDRopdown>
|
|
49
47
|
);
|
|
50
48
|
};
|
package/src/Forward/Forward.tsx
CHANGED
|
@@ -15,14 +15,14 @@ export const Forward: FC<ForwardProps> = ({ className, children, testId, ...attr
|
|
|
15
15
|
<a
|
|
16
16
|
className={classes}
|
|
17
17
|
onClick={(e) => {
|
|
18
|
-
e.preventDefault()
|
|
18
|
+
e.preventDefault();
|
|
19
19
|
if (attributes.href) {
|
|
20
|
-
const scrollToRef = document.querySelector(attributes.href)
|
|
20
|
+
const scrollToRef = document.querySelector(attributes.href);
|
|
21
21
|
if (scrollToRef) {
|
|
22
22
|
scrollToRef.scrollIntoView({
|
|
23
23
|
behavior: 'smooth',
|
|
24
24
|
block: 'start'
|
|
25
|
-
})
|
|
25
|
+
});
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
}}
|
|
@@ -9,7 +9,13 @@ export interface GridItemTextWrapperProps extends HTMLAttributes<HTMLSpanElement
|
|
|
9
9
|
tag?: ElementType;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
export const GridItemTextWrapper: FC<GridItemTextWrapperProps> = ({
|
|
12
|
+
export const GridItemTextWrapper: FC<GridItemTextWrapperProps> = ({
|
|
13
|
+
className,
|
|
14
|
+
children,
|
|
15
|
+
testId,
|
|
16
|
+
tag = 'span',
|
|
17
|
+
...attributes
|
|
18
|
+
}) => {
|
|
13
19
|
const classes = classname('it-griditem-text-wrapper', className);
|
|
14
20
|
const Tag = tag;
|
|
15
21
|
return (
|
|
@@ -21,7 +21,7 @@ export interface HeaderTogglerProps extends ButtonHTMLAttributes<HTMLButtonEleme
|
|
|
21
21
|
|
|
22
22
|
const BUTTON = 'button';
|
|
23
23
|
|
|
24
|
-
export const HeaderToggler = ({ className, tag, type, isOpen=false, testId, ...attributes }: HeaderTogglerProps) => {
|
|
24
|
+
export const HeaderToggler = ({ className, tag, type, isOpen = false, testId, ...attributes }: HeaderTogglerProps) => {
|
|
25
25
|
const HeaderType = useHeaderContext();
|
|
26
26
|
const defaultTag = HeaderType === SLIM ? 'a' : BUTTON;
|
|
27
27
|
const defaultType = HeaderType === SLIM ? undefined : BUTTON;
|
|
@@ -32,7 +32,7 @@ export const HeaderToggler = ({ className, tag, type, isOpen=false, testId, ...a
|
|
|
32
32
|
},
|
|
33
33
|
className
|
|
34
34
|
);
|
|
35
|
-
const expanded = isOpen ?
|
|
35
|
+
const expanded = isOpen ? 'true' : 'false';
|
|
36
36
|
useEffect(() => {
|
|
37
37
|
document.querySelectorAll('.container-fluid').forEach((element) => {
|
|
38
38
|
element.classList.remove('container-fluid');
|