@purpurds/breadcrumbs 3.3.1 → 3.4.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/dist/LICENSE.txt +1 -1
- package/dist/breadcrumbs.cjs.js +1 -1
- package/dist/breadcrumbs.cjs.js.map +1 -1
- package/dist/breadcrumbs.d.ts +2 -1
- package/dist/breadcrumbs.d.ts.map +1 -1
- package/dist/breadcrumbs.es.js +48 -46
- package/dist/breadcrumbs.es.js.map +1 -1
- package/dist/breadcrumbs.system.js +3 -3
- package/dist/breadcrumbs.system.js.map +1 -1
- package/package.json +4 -4
- package/readme.mdx +3 -1
- package/src/breadcrumbs.stories.tsx +3 -3
- package/src/breadcrumbs.tsx +4 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@purpurds/breadcrumbs",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.4.0",
|
|
4
4
|
"license": "AGPL-3.0-only",
|
|
5
5
|
"main": "./dist/breadcrumbs.cjs.js",
|
|
6
6
|
"types": "./dist/breadcrumbs.d.ts",
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
"source": "src/breadcrumbs.tsx",
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"classnames": "~2.5.0",
|
|
19
|
-
"@purpurds/icon": "3.
|
|
20
|
-
"@purpurds/tokens": "3.
|
|
19
|
+
"@purpurds/icon": "3.4.0",
|
|
20
|
+
"@purpurds/tokens": "3.4.0"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
23
|
"@rushstack/eslint-patch": "~1.7.0",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"react": "~18.2.0",
|
|
41
41
|
"typescript": "~5.2.2",
|
|
42
42
|
"vite": "~5.1.0",
|
|
43
|
-
"vitest": "~1.
|
|
43
|
+
"vitest": "~1.4.0",
|
|
44
44
|
"@purpurds/component-rig": "1.0.0"
|
|
45
45
|
},
|
|
46
46
|
"scripts": {
|
package/readme.mdx
CHANGED
|
@@ -67,7 +67,9 @@ import { Breadcrumbs } from "@purpurds/breadcrumbs";
|
|
|
67
67
|
export const MyComponent = () => {
|
|
68
68
|
return (
|
|
69
69
|
<Breadcrumbs>
|
|
70
|
-
<Breadcrumbs.Item href="/ships"
|
|
70
|
+
<Breadcrumbs.Item href="/ships" onClick={() => console.log("clicking on ships")}>
|
|
71
|
+
Ships
|
|
72
|
+
</Breadcrumbs.Item>
|
|
71
73
|
<Breadcrumbs.Item href="/ships/twin-seaters/">Twin Seaters</Breadcrumbs.Item>
|
|
72
74
|
<Breadcrumbs.Item href="/ships/twin-seaters/naboo-n1">N1 Starfighter</Breadcrumbs.Item>
|
|
73
75
|
</Breadcrumbs>
|
|
@@ -4,9 +4,9 @@ import type { Meta, StoryObj } from "@storybook/react";
|
|
|
4
4
|
import "@purpurds/icon/styles";
|
|
5
5
|
import {
|
|
6
6
|
Breadcrumbs,
|
|
7
|
-
breadcrumbVariants,
|
|
8
|
-
BreadcrumbVariant,
|
|
9
7
|
BreadcrumbsItemProps,
|
|
8
|
+
BreadcrumbVariant,
|
|
9
|
+
breadcrumbVariants,
|
|
10
10
|
} from "./breadcrumbs";
|
|
11
11
|
|
|
12
12
|
const meta: Meta<typeof Breadcrumbs> = {
|
|
@@ -50,7 +50,7 @@ const MetaData = () => {
|
|
|
50
50
|
<a
|
|
51
51
|
href="https://developers.google.com/search/docs/appearance/structured-data/breadcrumb"
|
|
52
52
|
target="_blank"
|
|
53
|
-
rel="noopener
|
|
53
|
+
rel="noopener noreferrer"
|
|
54
54
|
>
|
|
55
55
|
BreadcrumbList
|
|
56
56
|
</a>{" "}
|
package/src/breadcrumbs.tsx
CHANGED
|
@@ -28,6 +28,7 @@ type CommonItemProps = {
|
|
|
28
28
|
["data-testid"]?: string;
|
|
29
29
|
ariaLabel?: string;
|
|
30
30
|
meta?: boolean;
|
|
31
|
+
onClick?: () => void;
|
|
31
32
|
};
|
|
32
33
|
|
|
33
34
|
export type BreadcrumbsItemProps = CommonItemProps & Conditional;
|
|
@@ -103,6 +104,7 @@ const Breadcrumbs = ({
|
|
|
103
104
|
<script
|
|
104
105
|
type="application/ld+json"
|
|
105
106
|
data-testid="breadcrumbs-meta"
|
|
107
|
+
// eslint-disable-next-line react/no-danger
|
|
106
108
|
dangerouslySetInnerHTML={{ __html: schema }}
|
|
107
109
|
/>
|
|
108
110
|
) : null}
|
|
@@ -116,6 +118,7 @@ const Item = ({
|
|
|
116
118
|
children,
|
|
117
119
|
current = false,
|
|
118
120
|
variant = "default",
|
|
121
|
+
onClick,
|
|
119
122
|
...rest
|
|
120
123
|
}: BreadcrumbsItemProps) => {
|
|
121
124
|
const classes = c([styles[itemClassName], styles[`${itemClassName}--${variant}`]], {
|
|
@@ -127,6 +130,7 @@ const Item = ({
|
|
|
127
130
|
href,
|
|
128
131
|
["data-testid"]: dataTestId,
|
|
129
132
|
"aria-current": current ? "page" : undefined,
|
|
133
|
+
onClick,
|
|
130
134
|
};
|
|
131
135
|
|
|
132
136
|
const component =
|