@zendeskgarden/react-breadcrumbs 8.47.1 → 8.48.2
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/index.cjs.js +33 -47
- package/dist/index.esm.js +21 -33
- package/package.json +3 -3
package/dist/index.cjs.js
CHANGED
|
@@ -26,14 +26,12 @@ function _interopNamespace(e) {
|
|
|
26
26
|
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
27
27
|
Object.defineProperty(n, k, d.get ? d : {
|
|
28
28
|
enumerable: true,
|
|
29
|
-
get: function () {
|
|
30
|
-
return e[k];
|
|
31
|
-
}
|
|
29
|
+
get: function () { return e[k]; }
|
|
32
30
|
});
|
|
33
31
|
}
|
|
34
32
|
});
|
|
35
33
|
}
|
|
36
|
-
n[
|
|
34
|
+
n["default"] = e;
|
|
37
35
|
return Object.freeze(n);
|
|
38
36
|
}
|
|
39
37
|
|
|
@@ -46,14 +44,9 @@ function ownKeys(object, enumerableOnly) {
|
|
|
46
44
|
|
|
47
45
|
if (Object.getOwnPropertySymbols) {
|
|
48
46
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
keys.push.apply(keys, symbols);
|
|
47
|
+
enumerableOnly && (symbols = symbols.filter(function (sym) {
|
|
48
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
49
|
+
})), keys.push.apply(keys, symbols);
|
|
57
50
|
}
|
|
58
51
|
|
|
59
52
|
return keys;
|
|
@@ -61,19 +54,12 @@ function ownKeys(object, enumerableOnly) {
|
|
|
61
54
|
|
|
62
55
|
function _objectSpread2(target) {
|
|
63
56
|
for (var i = 1; i < arguments.length; i++) {
|
|
64
|
-
var source = arguments[i]
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
} else if (Object.getOwnPropertyDescriptors) {
|
|
71
|
-
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
72
|
-
} else {
|
|
73
|
-
ownKeys(Object(source)).forEach(function (key) {
|
|
74
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
75
|
-
});
|
|
76
|
-
}
|
|
57
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
58
|
+
i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
|
|
59
|
+
_defineProperty(target, key, source[key]);
|
|
60
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
|
|
61
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
62
|
+
});
|
|
77
63
|
}
|
|
78
64
|
|
|
79
65
|
return target;
|
|
@@ -131,9 +117,9 @@ function _objectWithoutProperties(source, excluded) {
|
|
|
131
117
|
}
|
|
132
118
|
|
|
133
119
|
var COMPONENT_ID$1 = 'breadcrumbs.list';
|
|
134
|
-
var StyledBreadcrumb = styled__default[
|
|
120
|
+
var StyledBreadcrumb = styled__default["default"].ol.attrs({
|
|
135
121
|
'data-garden-id': COMPONENT_ID$1,
|
|
136
|
-
'data-garden-version': '8.
|
|
122
|
+
'data-garden-version': '8.48.2'
|
|
137
123
|
}).withConfig({
|
|
138
124
|
displayName: "StyledBreadcrumb",
|
|
139
125
|
componentId: "sc-11jrinn-0"
|
|
@@ -146,31 +132,31 @@ StyledBreadcrumb.defaultProps = {
|
|
|
146
132
|
theme: reactTheming.DEFAULT_THEME
|
|
147
133
|
};
|
|
148
134
|
|
|
149
|
-
|
|
135
|
+
var _path;
|
|
150
136
|
|
|
151
|
-
var
|
|
152
|
-
fill: "currentColor",
|
|
153
|
-
d: "M3.646 10.354a.5.5 0 01-.057-.638l.057-.07L7.293 6 3.646 2.354a.5.5 0 01-.057-.638l.057-.07a.5.5 0 01.638-.057l.07.057 4 4a.5.5 0 01.057.638l-.057.07-4 4a.5.5 0 01-.708 0z"
|
|
154
|
-
});
|
|
137
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
155
138
|
|
|
156
|
-
function SvgChevronRightStroke(props) {
|
|
139
|
+
var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
|
|
157
140
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
158
141
|
xmlns: "http://www.w3.org/2000/svg",
|
|
159
142
|
width: 12,
|
|
160
143
|
height: 12,
|
|
161
|
-
viewBox: "0 0 12 12",
|
|
162
144
|
focusable: "false",
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
}
|
|
145
|
+
viewBox: "0 0 12 12",
|
|
146
|
+
"aria-hidden": "true"
|
|
147
|
+
}, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
|
|
148
|
+
fill: "currentColor",
|
|
149
|
+
d: "M3.646 10.354a.5.5 0 01-.057-.638l.057-.07L7.293 6 3.646 2.354a.5.5 0 01-.057-.638l.057-.07a.5.5 0 01.638-.057l.07.057 4 4a.5.5 0 01.057.638l-.057.07-4 4a.5.5 0 01-.708 0z"
|
|
150
|
+
})));
|
|
151
|
+
};
|
|
166
152
|
|
|
167
153
|
var _excluded = ["theme"];
|
|
168
154
|
var ValidChevronIcon = function ValidChevronIcon(props) {
|
|
169
155
|
props.theme;
|
|
170
156
|
var validProps = _objectWithoutProperties(props, _excluded);
|
|
171
|
-
return React__default[
|
|
157
|
+
return React__default["default"].createElement(SvgChevronRightStroke, validProps);
|
|
172
158
|
};
|
|
173
|
-
var StyledChevronIcon = styled__default[
|
|
159
|
+
var StyledChevronIcon = styled__default["default"](ValidChevronIcon).attrs({
|
|
174
160
|
role: 'presentation',
|
|
175
161
|
'aria-hidden': 'true'
|
|
176
162
|
}).withConfig({
|
|
@@ -192,9 +178,9 @@ var linkStyles = function linkStyles(_ref) {
|
|
|
192
178
|
var isCurrent = _ref.isCurrent;
|
|
193
179
|
return styled.css(["& >:link,& >:visited{white-space:inherit;}", ""], isCurrent && "\n & > :link,\n & > :visited,\n & > :link:hover,\n & > :visited:hover,\n & > :link:focus,\n & > :visited:focus {\n color: inherit;\n }\n ");
|
|
194
180
|
};
|
|
195
|
-
var StyledBreadcrumbItem = styled__default[
|
|
181
|
+
var StyledBreadcrumbItem = styled__default["default"].li.attrs({
|
|
196
182
|
'data-garden-id': COMPONENT_ID,
|
|
197
|
-
'data-garden-version': '8.
|
|
183
|
+
'data-garden-version': '8.48.2'
|
|
198
184
|
}).withConfig({
|
|
199
185
|
displayName: "StyledBreadcrumbItem",
|
|
200
186
|
componentId: "sc-r0suq7-0"
|
|
@@ -207,7 +193,7 @@ StyledBreadcrumbItem.defaultProps = {
|
|
|
207
193
|
theme: reactTheming.DEFAULT_THEME
|
|
208
194
|
};
|
|
209
195
|
|
|
210
|
-
var StyledCenteredBreadcrumbItem = styled__default[
|
|
196
|
+
var StyledCenteredBreadcrumbItem = styled__default["default"](StyledBreadcrumbItem).attrs({
|
|
211
197
|
'aria-hidden': true
|
|
212
198
|
}).withConfig({
|
|
213
199
|
displayName: "StyledCenteredBreadcrumbItem",
|
|
@@ -217,7 +203,7 @@ StyledCenteredBreadcrumbItem.defaultProps = {
|
|
|
217
203
|
theme: reactTheming.DEFAULT_THEME
|
|
218
204
|
};
|
|
219
205
|
|
|
220
|
-
var Breadcrumb = React__default[
|
|
206
|
+
var Breadcrumb = React__default["default"].forwardRef(function (props, ref) {
|
|
221
207
|
var _useBreadcrumb = containerBreadcrumb.useBreadcrumb(),
|
|
222
208
|
getContainerProps = _useBreadcrumb.getContainerProps,
|
|
223
209
|
getCurrentPageProps = _useBreadcrumb.getCurrentPageProps;
|
|
@@ -225,16 +211,16 @@ var Breadcrumb = React__default['default'].forwardRef(function (props, ref) {
|
|
|
225
211
|
var mappedChildren = React.Children.map(props.children, function (child, index) {
|
|
226
212
|
var isLastItem = index === totalChildren - 1;
|
|
227
213
|
if (isLastItem) {
|
|
228
|
-
return React__default[
|
|
214
|
+
return React__default["default"].createElement(StyledBreadcrumbItem, {
|
|
229
215
|
isCurrent: true
|
|
230
216
|
}, React.cloneElement(child, getCurrentPageProps()));
|
|
231
217
|
}
|
|
232
|
-
return React__default[
|
|
218
|
+
return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(StyledBreadcrumbItem, null, child), React__default["default"].createElement(StyledCenteredBreadcrumbItem, null, React__default["default"].createElement(StyledChevronIcon, null)));
|
|
233
219
|
});
|
|
234
|
-
return React__default[
|
|
220
|
+
return React__default["default"].createElement("nav", getContainerProps(_objectSpread2(_objectSpread2({}, props), {}, {
|
|
235
221
|
ref: ref,
|
|
236
222
|
role: null
|
|
237
|
-
})), React__default[
|
|
223
|
+
})), React__default["default"].createElement(StyledBreadcrumb, null, mappedChildren));
|
|
238
224
|
});
|
|
239
225
|
Breadcrumb.displayName = 'Breadcrumb';
|
|
240
226
|
|
package/dist/index.esm.js
CHANGED
|
@@ -17,14 +17,9 @@ function ownKeys(object, enumerableOnly) {
|
|
|
17
17
|
|
|
18
18
|
if (Object.getOwnPropertySymbols) {
|
|
19
19
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
keys.push.apply(keys, symbols);
|
|
20
|
+
enumerableOnly && (symbols = symbols.filter(function (sym) {
|
|
21
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
22
|
+
})), keys.push.apply(keys, symbols);
|
|
28
23
|
}
|
|
29
24
|
|
|
30
25
|
return keys;
|
|
@@ -32,19 +27,12 @@ function ownKeys(object, enumerableOnly) {
|
|
|
32
27
|
|
|
33
28
|
function _objectSpread2(target) {
|
|
34
29
|
for (var i = 1; i < arguments.length; i++) {
|
|
35
|
-
var source = arguments[i]
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
} else if (Object.getOwnPropertyDescriptors) {
|
|
42
|
-
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
43
|
-
} else {
|
|
44
|
-
ownKeys(Object(source)).forEach(function (key) {
|
|
45
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
46
|
-
});
|
|
47
|
-
}
|
|
30
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
31
|
+
i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
|
|
32
|
+
_defineProperty(target, key, source[key]);
|
|
33
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
|
|
34
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
35
|
+
});
|
|
48
36
|
}
|
|
49
37
|
|
|
50
38
|
return target;
|
|
@@ -104,7 +92,7 @@ function _objectWithoutProperties(source, excluded) {
|
|
|
104
92
|
var COMPONENT_ID$1 = 'breadcrumbs.list';
|
|
105
93
|
var StyledBreadcrumb = styled.ol.attrs({
|
|
106
94
|
'data-garden-id': COMPONENT_ID$1,
|
|
107
|
-
'data-garden-version': '8.
|
|
95
|
+
'data-garden-version': '8.48.2'
|
|
108
96
|
}).withConfig({
|
|
109
97
|
displayName: "StyledBreadcrumb",
|
|
110
98
|
componentId: "sc-11jrinn-0"
|
|
@@ -117,23 +105,23 @@ StyledBreadcrumb.defaultProps = {
|
|
|
117
105
|
theme: DEFAULT_THEME
|
|
118
106
|
};
|
|
119
107
|
|
|
120
|
-
|
|
108
|
+
var _path;
|
|
121
109
|
|
|
122
|
-
var
|
|
123
|
-
fill: "currentColor",
|
|
124
|
-
d: "M3.646 10.354a.5.5 0 01-.057-.638l.057-.07L7.293 6 3.646 2.354a.5.5 0 01-.057-.638l.057-.07a.5.5 0 01.638-.057l.07.057 4 4a.5.5 0 01.057.638l-.057.07-4 4a.5.5 0 01-.708 0z"
|
|
125
|
-
});
|
|
110
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
126
111
|
|
|
127
|
-
function SvgChevronRightStroke(props) {
|
|
112
|
+
var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
|
|
128
113
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
129
114
|
xmlns: "http://www.w3.org/2000/svg",
|
|
130
115
|
width: 12,
|
|
131
116
|
height: 12,
|
|
132
|
-
viewBox: "0 0 12 12",
|
|
133
117
|
focusable: "false",
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
}
|
|
118
|
+
viewBox: "0 0 12 12",
|
|
119
|
+
"aria-hidden": "true"
|
|
120
|
+
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
|
121
|
+
fill: "currentColor",
|
|
122
|
+
d: "M3.646 10.354a.5.5 0 01-.057-.638l.057-.07L7.293 6 3.646 2.354a.5.5 0 01-.057-.638l.057-.07a.5.5 0 01.638-.057l.07.057 4 4a.5.5 0 01.057.638l-.057.07-4 4a.5.5 0 01-.708 0z"
|
|
123
|
+
})));
|
|
124
|
+
};
|
|
137
125
|
|
|
138
126
|
var _excluded = ["theme"];
|
|
139
127
|
var ValidChevronIcon = function ValidChevronIcon(props) {
|
|
@@ -165,7 +153,7 @@ var linkStyles = function linkStyles(_ref) {
|
|
|
165
153
|
};
|
|
166
154
|
var StyledBreadcrumbItem = styled.li.attrs({
|
|
167
155
|
'data-garden-id': COMPONENT_ID,
|
|
168
|
-
'data-garden-version': '8.
|
|
156
|
+
'data-garden-version': '8.48.2'
|
|
169
157
|
}).withConfig({
|
|
170
158
|
displayName: "StyledBreadcrumbItem",
|
|
171
159
|
componentId: "sc-r0suq7-0"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-breadcrumbs",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.48.2",
|
|
4
4
|
"description": "Components relating to breadcrumbs in the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"styled-components": "^4.2.0 || ^5.0.0"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@zendeskgarden/react-theming": "^8.
|
|
35
|
+
"@zendeskgarden/react-theming": "^8.48.2",
|
|
36
36
|
"@zendeskgarden/svg-icons": "6.30.2"
|
|
37
37
|
},
|
|
38
38
|
"keywords": [
|
|
@@ -45,5 +45,5 @@
|
|
|
45
45
|
"access": "public"
|
|
46
46
|
},
|
|
47
47
|
"zendeskgarden:src": "src/index.ts",
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "c514c351b0973fe1f9853853c536d4fac10f4ce4"
|
|
49
49
|
}
|