@sequencing/design-system 1.0.32 → 1.0.34
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/dist/documentation.json +36 -1
- package/dist/esm/index.css +1 -1
- package/dist/esm/index.js +4 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/Atoms/Dropdown/Dropdown.d.ts +1 -1
- package/dist/esm/types/components/Organisms/Footer/Footer.d.ts +38 -0
- package/dist/esm/types/components/Organisms/Footer/_components/FooterCertifications.d.ts +5 -0
- package/dist/esm/types/components/Organisms/index.d.ts +1 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +39 -2
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/types/components/Atoms/Dropdown/Dropdown.d.ts +1 -1
- package/dist/types/components/Organisms/Footer/Footer.d.ts +38 -0
- package/dist/types/components/Organisms/Footer/_components/FooterCertifications.d.ts +5 -0
- package/dist/types/components/Organisms/index.d.ts +1 -0
- package/package.json +1 -1
|
@@ -31,7 +31,7 @@ export interface DropdownProps {
|
|
|
31
31
|
* Callback to be called when toggling the dropdown content.
|
|
32
32
|
* It receives a boolean for the current state and the HTML event.
|
|
33
33
|
*/
|
|
34
|
-
onToggle?: (isOpen: boolean, event
|
|
34
|
+
onToggle?: (isOpen: boolean, event?: React.MouseEvent<HTMLButtonElement>) => void;
|
|
35
35
|
}
|
|
36
36
|
/**
|
|
37
37
|
* The Dropdown component renders its children as a floating container below its toggle button.
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface FooterProps {
|
|
3
|
+
/** Optional app version to render on hover over the copyright text */
|
|
4
|
+
appVersion?: string;
|
|
5
|
+
/**
|
|
6
|
+
* Optional callback function to handle link clicks.
|
|
7
|
+
* Use it to do soft-navigation inside your framework.
|
|
8
|
+
*/
|
|
9
|
+
onLinkClick?: (url?: string) => void;
|
|
10
|
+
/** Links to be rendered on the right-bottom edge of the component. */
|
|
11
|
+
policiesLinks: {
|
|
12
|
+
label: string;
|
|
13
|
+
url: string;
|
|
14
|
+
}[];
|
|
15
|
+
/**
|
|
16
|
+
* The main links that will be rendered as columns. If you pass a custom `onClick` function to the link,
|
|
17
|
+
* it will override the top-level `onLinkClick`.
|
|
18
|
+
* This is useful to perform non-trivial actions (like opening the Sign In modal).
|
|
19
|
+
*/
|
|
20
|
+
linkGroups: {
|
|
21
|
+
title: string;
|
|
22
|
+
links: {
|
|
23
|
+
url?: string;
|
|
24
|
+
label: string;
|
|
25
|
+
onClick?: (url?: string) => void;
|
|
26
|
+
}[];
|
|
27
|
+
}[];
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* This is the default footer for Sequencing.
|
|
31
|
+
* It renders groups of links that give access to the main pages of the site,
|
|
32
|
+
* a list of certifications, social links and specific links to Sequencing's policy pages.
|
|
33
|
+
* Link clicks are handled externally through the `onLinkClick` callback in order
|
|
34
|
+
* to support different frameworks.
|
|
35
|
+
* Certifications and Social links are hardcoded inside the component.
|
|
36
|
+
*/
|
|
37
|
+
declare const Footer: ({ appVersion, linkGroups, onLinkClick, policiesLinks }: FooterProps) => React.JSX.Element;
|
|
38
|
+
export default Footer;
|