@clayui/breadcrumb 3.81.0 → 3.83.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/lib/Ellipsis.d.ts
CHANGED
|
@@ -14,5 +14,5 @@ interface IEllipsisProps extends React.HTMLAttributes<HTMLLIElement> {
|
|
|
14
14
|
*/
|
|
15
15
|
spritemap?: string;
|
|
16
16
|
}
|
|
17
|
-
declare const Ellipsis: ({ items, spritemap, ...otherProps }: IEllipsisProps) => JSX.Element;
|
|
17
|
+
declare const Ellipsis: ({ items, spritemap, title, ...otherProps }: IEllipsisProps) => JSX.Element;
|
|
18
18
|
export default Ellipsis;
|
package/lib/Ellipsis.js
CHANGED
|
@@ -13,7 +13,7 @@ var _icon = _interopRequireDefault(require("@clayui/icon"));
|
|
|
13
13
|
|
|
14
14
|
var _react = _interopRequireDefault(require("react"));
|
|
15
15
|
|
|
16
|
-
var _excluded = ["items", "spritemap"];
|
|
16
|
+
var _excluded = ["items", "spritemap", "title"];
|
|
17
17
|
|
|
18
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
19
|
|
|
@@ -26,14 +26,17 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
26
26
|
var Ellipsis = function Ellipsis(_ref) {
|
|
27
27
|
var items = _ref.items,
|
|
28
28
|
spritemap = _ref.spritemap,
|
|
29
|
+
title = _ref.title,
|
|
29
30
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
30
31
|
|
|
31
32
|
return /*#__PURE__*/_react.default.createElement(_dropDown.default, _extends({
|
|
32
33
|
className: "breadcrumb-item",
|
|
33
34
|
containerElement: "li",
|
|
34
35
|
trigger: /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
36
|
+
"aria-label": otherProps['aria-label'],
|
|
35
37
|
className: "breadcrumb-link",
|
|
36
|
-
displayType: "unstyled"
|
|
38
|
+
displayType: "unstyled",
|
|
39
|
+
title: title
|
|
37
40
|
}, /*#__PURE__*/_react.default.createElement(_icon.default, {
|
|
38
41
|
spritemap: spritemap,
|
|
39
42
|
symbol: "ellipsis-h"
|
|
@@ -41,7 +44,9 @@ var Ellipsis = function Ellipsis(_ref) {
|
|
|
41
44
|
spritemap: spritemap,
|
|
42
45
|
symbol: "caret-bottom"
|
|
43
46
|
}))
|
|
44
|
-
}, otherProps
|
|
47
|
+
}, otherProps, {
|
|
48
|
+
"aria-label": undefined
|
|
49
|
+
}), /*#__PURE__*/_react.default.createElement(_dropDown.default.ItemList, null, items.map(function (_ref2, i) {
|
|
45
50
|
var href = _ref2.href,
|
|
46
51
|
label = _ref2.label,
|
|
47
52
|
onClick = _ref2.onClick;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@clayui/breadcrumb",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.83.0",
|
|
4
4
|
"description": "ClayBreadcrumb component",
|
|
5
5
|
"license": "BSD-3-Clause",
|
|
6
6
|
"repository": "https://github.com/liferay/clay",
|
|
@@ -26,11 +26,11 @@
|
|
|
26
26
|
"react"
|
|
27
27
|
],
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@clayui/button": "^3.
|
|
30
|
-
"@clayui/drop-down": "^3.
|
|
29
|
+
"@clayui/button": "^3.83.0",
|
|
30
|
+
"@clayui/drop-down": "^3.83.0",
|
|
31
31
|
"@clayui/icon": "^3.56.0",
|
|
32
32
|
"@clayui/link": "^3.56.0",
|
|
33
|
-
"@clayui/shared": "^3.
|
|
33
|
+
"@clayui/shared": "^3.83.0",
|
|
34
34
|
"classnames": "^2.2.6",
|
|
35
35
|
"warning": "^4.0.3"
|
|
36
36
|
},
|
|
@@ -42,5 +42,5 @@
|
|
|
42
42
|
"browserslist": [
|
|
43
43
|
"extends browserslist-config-clay"
|
|
44
44
|
],
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "9b7680bbf4487ceba9b2ff6521fab431c79e97d9"
|
|
46
46
|
}
|
package/src/Ellipsis.tsx
CHANGED
|
@@ -22,21 +22,24 @@ interface IEllipsisProps extends React.HTMLAttributes<HTMLLIElement> {
|
|
|
22
22
|
spritemap?: string;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
const Ellipsis = ({items, spritemap, ...otherProps}: IEllipsisProps) => (
|
|
25
|
+
const Ellipsis = ({items, spritemap, title, ...otherProps}: IEllipsisProps) => (
|
|
26
26
|
<ClayDropDown
|
|
27
27
|
className="breadcrumb-item"
|
|
28
28
|
containerElement="li"
|
|
29
29
|
trigger={
|
|
30
30
|
<ClayButton
|
|
31
|
+
aria-label={otherProps['aria-label']}
|
|
31
32
|
className="breadcrumb-link"
|
|
32
33
|
data-testid="breadcrumbDropdownTrigger"
|
|
33
34
|
displayType="unstyled"
|
|
35
|
+
title={title}
|
|
34
36
|
>
|
|
35
37
|
<ClayIcon spritemap={spritemap} symbol="ellipsis-h" />
|
|
36
38
|
<ClayIcon spritemap={spritemap} symbol="caret-bottom" />
|
|
37
39
|
</ClayButton>
|
|
38
40
|
}
|
|
39
41
|
{...otherProps}
|
|
42
|
+
aria-label={undefined}
|
|
40
43
|
>
|
|
41
44
|
<ClayDropDown.ItemList>
|
|
42
45
|
{items.map(({href, label, onClick}, i) => (
|
|
@@ -41,7 +41,6 @@ exports[`ClayBreadcrumb calls callback when an item is clicked 1`] = `
|
|
|
41
41
|
aria-haspopup="true"
|
|
42
42
|
class="dropdown-toggle breadcrumb-link btn btn-unstyled"
|
|
43
43
|
data-testid="breadcrumbDropdownTrigger"
|
|
44
|
-
style=""
|
|
45
44
|
type="button"
|
|
46
45
|
>
|
|
47
46
|
<svg
|
|
@@ -123,7 +122,6 @@ exports[`ClayBreadcrumb renders 1`] = `
|
|
|
123
122
|
aria-haspopup="true"
|
|
124
123
|
class="dropdown-toggle breadcrumb-link btn btn-unstyled"
|
|
125
124
|
data-testid="breadcrumbDropdownTrigger"
|
|
126
|
-
style=""
|
|
127
125
|
type="button"
|
|
128
126
|
>
|
|
129
127
|
<svg
|
|
@@ -206,7 +204,6 @@ exports[`ClayBreadcrumb renders with properties passed by \`ellipsisProps\` 1`]
|
|
|
206
204
|
aria-haspopup="true"
|
|
207
205
|
class="dropdown-toggle breadcrumb-link btn btn-unstyled"
|
|
208
206
|
data-testid="breadcrumbDropdownTrigger"
|
|
209
|
-
style=""
|
|
210
207
|
type="button"
|
|
211
208
|
>
|
|
212
209
|
<svg
|