@phpsoftbox/react-softbox 1.13.0 → 1.14.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/components/Breadcrumbs/Breadcrumbs.d.ts +5 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.js +38 -6
- package/dist/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.module.css +56 -1
- package/dist/components/Card/Card.d.ts +3 -1
- package/dist/components/Card/Card.js +3 -3
- package/dist/components/Card/Card.js.map +1 -1
- package/docs/card.md +1 -0
- package/package.json +1 -1
|
@@ -19,6 +19,10 @@ type Props = {
|
|
|
19
19
|
separator?: React.ReactNode;
|
|
20
20
|
className?: string;
|
|
21
21
|
as?: LinkComponent;
|
|
22
|
+
maxVisibleItems?: number;
|
|
23
|
+
overflowTailCount?: number;
|
|
24
|
+
overflowLabel?: React.ReactNode;
|
|
25
|
+
overflowAriaLabel?: string;
|
|
22
26
|
};
|
|
23
|
-
export default function Breadcrumbs({ items, separator, className, as }: Props): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export default function Breadcrumbs({ items, separator, className, as, maxVisibleItems, overflowTailCount, overflowLabel, overflowAriaLabel, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
24
28
|
export {};
|
|
@@ -1,15 +1,47 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import Dropdown from '../Menu/Dropdown';
|
|
2
3
|
import styles from './Breadcrumbs.module.css';
|
|
3
|
-
|
|
4
|
+
function resolveRenderNodes(items, maxVisibleItems, overflowTailCount) {
|
|
5
|
+
if (maxVisibleItems < 3 || items.length <= maxVisibleItems) {
|
|
6
|
+
return items.map((item, index) => ({ type: 'item', item, index }));
|
|
7
|
+
}
|
|
8
|
+
const safeTailCount = Math.max(1, Math.min(overflowTailCount, maxVisibleItems - 2));
|
|
9
|
+
const tailStart = Math.max(1, items.length - safeTailCount);
|
|
10
|
+
const hidden = items.slice(1, tailStart).map((item, hiddenIndex) => ({
|
|
11
|
+
item,
|
|
12
|
+
index: hiddenIndex + 1,
|
|
13
|
+
}));
|
|
14
|
+
if (hidden.length === 0) {
|
|
15
|
+
return items.map((item, index) => ({ type: 'item', item, index }));
|
|
16
|
+
}
|
|
17
|
+
const tail = items.slice(tailStart).map((item, tailIndex) => ({
|
|
18
|
+
type: 'item',
|
|
19
|
+
item,
|
|
20
|
+
index: tailStart + tailIndex,
|
|
21
|
+
}));
|
|
22
|
+
return [{ type: 'item', item: items[0], index: 0 }, { type: 'overflow', items: hidden }, ...tail];
|
|
23
|
+
}
|
|
24
|
+
export default function Breadcrumbs({ items, separator = '›', className, as, maxVisibleItems = 4, overflowTailCount = 2, overflowLabel = '...', overflowAriaLabel = 'Show hidden breadcrumbs', }) {
|
|
4
25
|
const hasExplicitCurrent = items.some((item) => item.current);
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
|
|
26
|
+
const renderNodes = resolveRenderNodes(items, maxVisibleItems, overflowTailCount);
|
|
27
|
+
return (_jsx("nav", { className: [styles.breadcrumbs, className].filter(Boolean).join(' '), "aria-label": "Breadcrumbs", children: _jsx("ol", { className: styles.list, children: renderNodes.map((node, index) => {
|
|
28
|
+
const isLastNode = index === renderNodes.length - 1;
|
|
29
|
+
if (node.type === 'overflow') {
|
|
30
|
+
return (_jsxs("li", { className: [styles.item, styles.overflowItem].join(' '), children: [_jsx(Dropdown, { align: "left", placement: "auto", className: styles.overflowDropdown, trigger: (_jsxs("span", { className: styles.overflowTrigger, children: [overflowLabel, _jsx("span", { className: styles.visuallyHidden, children: overflowAriaLabel })] })), children: _jsx(Dropdown.Nav, { className: styles.overflowMenu, children: node.items.map(({ item, index: originalIndex }) => {
|
|
31
|
+
const isCurrent = item.current ?? (!hasExplicitCurrent && originalIndex === items.length - 1);
|
|
32
|
+
const isDisabled = item.disabled ?? false;
|
|
33
|
+
const canFollowLink = Boolean(item.href && !isDisabled && !isCurrent);
|
|
34
|
+
const itemKey = item.id ?? `hidden-${originalIndex}`;
|
|
35
|
+
return (_jsx(Dropdown.Item, { className: styles.overflowMenuItem, href: canFollowLink ? item.href : undefined, onClick: !isDisabled ? item.onClick : undefined, as: canFollowLink ? (item.as ?? as) : undefined, disabled: isDisabled, static: !canFollowLink, children: item.label }, itemKey));
|
|
36
|
+
}) }) }), !isLastNode ? (_jsx("span", { className: styles.separator, "aria-hidden": "true", children: separator })) : null] }, `overflow-${node.items[0]?.index ?? index}`));
|
|
37
|
+
}
|
|
38
|
+
const item = node.item;
|
|
39
|
+
const key = item.id ?? `${node.index}-${typeof item.label === 'string' ? item.label : 'item'}`;
|
|
40
|
+
const isCurrent = item.current ?? (!hasExplicitCurrent && node.index === items.length - 1);
|
|
9
41
|
const isDisabled = item.disabled ?? false;
|
|
10
42
|
const LinkTag = item.as ?? as ?? 'a';
|
|
11
43
|
const content = (_jsx("span", { className: styles.label, "aria-current": isCurrent ? 'page' : undefined, children: item.label }));
|
|
12
|
-
return (_jsxs("li", { className: styles.item, children: [item.href && !isDisabled && !isCurrent ? (_jsx(LinkTag, { href: item.href, className: styles.link, onClick: item.onClick, children: content })) : (_jsx("span", { className: [styles.link, isDisabled ? styles.disabled : null].filter(Boolean).join(' '), onClick: isDisabled ? undefined : item.onClick, "aria-disabled": isDisabled ? 'true' : undefined, children: content })), !
|
|
44
|
+
return (_jsxs("li", { className: styles.item, children: [item.href && !isDisabled && !isCurrent ? (_jsx(LinkTag, { href: item.href, className: styles.link, onClick: item.onClick, children: content })) : (_jsx("span", { className: [styles.link, isDisabled ? styles.disabled : null].filter(Boolean).join(' '), onClick: isDisabled ? undefined : item.onClick, "aria-disabled": isDisabled ? 'true' : undefined, children: content })), !isLastNode ? (_jsx("span", { className: styles.separator, "aria-hidden": "true", children: separator })) : null] }, key));
|
|
13
45
|
}) }) }));
|
|
14
46
|
}
|
|
15
47
|
//# sourceMappingURL=Breadcrumbs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,21 +1,26 @@
|
|
|
1
1
|
.breadcrumbs {
|
|
2
2
|
width: 100%;
|
|
3
|
+
min-width: 0;
|
|
3
4
|
}
|
|
4
5
|
|
|
5
6
|
.list {
|
|
6
7
|
display: flex;
|
|
7
8
|
align-items: center;
|
|
8
|
-
flex-wrap:
|
|
9
|
+
flex-wrap: nowrap;
|
|
9
10
|
gap: 6px;
|
|
10
11
|
list-style: none;
|
|
11
12
|
padding: 0;
|
|
12
13
|
margin: 0;
|
|
14
|
+
min-width: 0;
|
|
15
|
+
overflow: hidden;
|
|
13
16
|
}
|
|
14
17
|
|
|
15
18
|
.item {
|
|
16
19
|
display: inline-flex;
|
|
17
20
|
align-items: center;
|
|
18
21
|
gap: 6px;
|
|
22
|
+
min-width: 0;
|
|
23
|
+
flex: 0 1 auto;
|
|
19
24
|
}
|
|
20
25
|
|
|
21
26
|
.link {
|
|
@@ -23,6 +28,8 @@
|
|
|
23
28
|
text-decoration: none;
|
|
24
29
|
font-size: 13px;
|
|
25
30
|
transition: color 0.2s ease;
|
|
31
|
+
min-width: 0;
|
|
32
|
+
max-width: 100%;
|
|
26
33
|
}
|
|
27
34
|
|
|
28
35
|
.link:hover {
|
|
@@ -32,11 +39,17 @@
|
|
|
32
39
|
.label {
|
|
33
40
|
display: inline-flex;
|
|
34
41
|
align-items: center;
|
|
42
|
+
min-width: 0;
|
|
43
|
+
max-width: min(42vw, 360px);
|
|
44
|
+
overflow: hidden;
|
|
45
|
+
text-overflow: ellipsis;
|
|
46
|
+
white-space: nowrap;
|
|
35
47
|
}
|
|
36
48
|
|
|
37
49
|
.separator {
|
|
38
50
|
color: var(--color-muted-2);
|
|
39
51
|
font-size: 12px;
|
|
52
|
+
flex: 0 0 auto;
|
|
40
53
|
}
|
|
41
54
|
|
|
42
55
|
.disabled {
|
|
@@ -44,6 +57,48 @@
|
|
|
44
57
|
cursor: not-allowed;
|
|
45
58
|
}
|
|
46
59
|
|
|
60
|
+
.overflowItem {
|
|
61
|
+
flex: 0 0 auto;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.overflowDropdown {
|
|
65
|
+
display: inline-flex;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.overflowTrigger {
|
|
69
|
+
color: var(--color-muted);
|
|
70
|
+
text-decoration: none;
|
|
71
|
+
font-size: 13px;
|
|
72
|
+
display: inline-flex;
|
|
73
|
+
align-items: center;
|
|
74
|
+
line-height: 1;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.overflowTrigger:hover {
|
|
78
|
+
color: var(--color-teal);
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.overflowMenu {
|
|
82
|
+
max-width: min(90vw, 420px);
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.overflowMenuItem {
|
|
86
|
+
white-space: normal;
|
|
87
|
+
word-break: break-word;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.visuallyHidden {
|
|
91
|
+
position: absolute;
|
|
92
|
+
width: 1px;
|
|
93
|
+
height: 1px;
|
|
94
|
+
padding: 0;
|
|
95
|
+
margin: -1px;
|
|
96
|
+
overflow: hidden;
|
|
97
|
+
clip: rect(0, 0, 0, 0);
|
|
98
|
+
white-space: nowrap;
|
|
99
|
+
border: 0;
|
|
100
|
+
}
|
|
101
|
+
|
|
47
102
|
[aria-current="page"] {
|
|
48
103
|
color: var(--color-text);
|
|
49
104
|
}
|
|
@@ -5,6 +5,8 @@ type CardHeaderProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
|
5
5
|
title?: React.ReactNode;
|
|
6
6
|
subtitle?: React.ReactNode;
|
|
7
7
|
right?: React.ReactNode;
|
|
8
|
+
titleAs?: React.ElementType;
|
|
9
|
+
subtitleAs?: React.ElementType;
|
|
8
10
|
};
|
|
9
11
|
type CardHeaderTextOwnProps = {
|
|
10
12
|
className?: string;
|
|
@@ -12,7 +14,7 @@ type CardHeaderTextOwnProps = {
|
|
|
12
14
|
type CardHeaderTextProps<TElement extends React.ElementType> = CardHeaderTextOwnProps & {
|
|
13
15
|
as?: TElement;
|
|
14
16
|
} & Omit<React.ComponentPropsWithoutRef<TElement>, keyof CardHeaderTextOwnProps | 'as'>;
|
|
15
|
-
type CardHeaderTitleComponent = <TElement extends React.ElementType = '
|
|
17
|
+
type CardHeaderTitleComponent = <TElement extends React.ElementType = 'h1'>(props: CardHeaderTextProps<TElement>) => React.ReactElement | null;
|
|
16
18
|
type CardHeaderSubtitleComponent = <TElement extends React.ElementType = 'p'>(props: CardHeaderTextProps<TElement>) => React.ReactElement | null;
|
|
17
19
|
type CardSectionProps = React.HTMLAttributes<HTMLDivElement>;
|
|
18
20
|
type CardToolbarProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
@@ -6,12 +6,12 @@ function CardBase({ className, ...props }) {
|
|
|
6
6
|
const classes = [styles.card, className].filter(Boolean).join(' ');
|
|
7
7
|
return _jsx("section", { className: classes, ...props });
|
|
8
8
|
}
|
|
9
|
-
function CardHeader({ title, subtitle, right, className, children, ...props }) {
|
|
9
|
+
function CardHeader({ title, subtitle, right, titleAs: TitleComponent = 'h1', subtitleAs: SubtitleComponent = 'p', className, children, ...props }) {
|
|
10
10
|
const classes = [styles.header, className].filter(Boolean).join(' ');
|
|
11
|
-
const left = children ?? (_jsxs(_Fragment, { children: [title ? _jsx(
|
|
11
|
+
const left = children ?? (_jsxs(_Fragment, { children: [title ? _jsx(TitleComponent, { className: styles.title, children: title }) : null, subtitle ? _jsx(SubtitleComponent, { className: styles.subtitle, children: subtitle }) : null] }));
|
|
12
12
|
return (_jsxs("div", { className: classes, ...props, children: [_jsx("div", { className: styles.headerMain, children: left }), right ? _jsx("div", { className: styles.headerAside, children: right }) : null] }));
|
|
13
13
|
}
|
|
14
|
-
const CardHeaderTitle = ({ as: Component = '
|
|
14
|
+
const CardHeaderTitle = ({ as: Component = 'h1', className, ...props }) => {
|
|
15
15
|
const classes = [styles.title, className].filter(Boolean).join(' ');
|
|
16
16
|
return _jsx(Component, { className: classes, ...props });
|
|
17
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,MAAM,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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"}
|
package/docs/card.md
CHANGED