@asphalt-react/breadcrumb
Advanced tools
Comparing version 1.16.0 to 1.17.0
@@ -17,3 +17,3 @@ 'use strict'; | ||
function _extends() { | ||
_extends = Object.assign || function (target) { | ||
_extends = Object.assign ? Object.assign.bind() : function (target) { | ||
for (var i = 1; i < arguments.length; i++) { | ||
@@ -31,3 +31,2 @@ var source = arguments[i]; | ||
}; | ||
return _extends.apply(this, arguments); | ||
@@ -63,5 +62,5 @@ } | ||
var css_248z = ".Breadcrumb__5kK9Y {\n --breadcrumb-font-color: var(--text-secondary, hsla(219, 42%, 24%, 1));\n --breadcrumb-link-color: var(--link-default, hsla(209, 100%, 25%, 1));\n --breadcrumb-hover-color: var(--link-hover, hsla(209, 100%, 42%, 1));\n --breadcrumb-visited-color: var(--link-visited, hsla(309, 49%, 23%, 1));\n --breadcrumb-active-color: var(--link-active, hsla(209, 100%, 25%, 1));\n color: var(--breadcrumb-font-color);\n margin: 0;\n padding: 0;\n}\n\n.separator__1bfmP {\n margin: 0 0.5rem 0 0.75rem;\n}\n\n.crumb__1LeIf:link {\n color: var(--breadcrumb-link-color);\n}\n\n.crumb__1LeIf:visited {\n color: var(--breadcrumb-visited-color);\n}\n\n.crumb__1LeIf:hover {\n color: var(--breadcrumb-hover-color);\n}\n\n.crumb__1LeIf:active {\n color: var(--breadcrumb-active-color);\n}\n\n.crumblist__1K-SQ {\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n white-space: nowrap;\n}\n\n.crumbItem__p6dmm {\n display: inline;\n}\n"; | ||
var styles = {"Breadcrumb":"Breadcrumb__5kK9Y","separator":"separator__1bfmP","crumb":"crumb__1LeIf","crumblist":"crumblist__1K-SQ","crumbItem":"crumbItem__p6dmm"}; | ||
var stylesheet=".Breadcrumb__5kK9Y {\n --breadcrumb-font-color: var(--text-secondary, hsla(219, 42%, 24%, 1));\n --breadcrumb-link-color: var(--link-default, hsla(209, 100%, 25%, 1));\n --breadcrumb-hover-color: var(--link-hover, hsla(209, 100%, 42%, 1));\n --breadcrumb-visited-color: var(--link-visited, hsla(309, 49%, 23%, 1));\n --breadcrumb-active-color: var(--link-active, hsla(209, 100%, 25%, 1));\n color: var(--breadcrumb-font-color);\n margin: 0;\n padding: 0;\n}\n\n.separator__1bfmP {\n margin: 0 0.5rem 0 0.75rem;\n}\n\n.crumb__1LeIf:link {\n color: var(--breadcrumb-link-color);\n}\n\n.crumb__1LeIf:visited {\n color: var(--breadcrumb-visited-color);\n}\n\n.crumb__1LeIf:hover {\n color: var(--breadcrumb-hover-color);\n}\n\n.crumb__1LeIf:active {\n color: var(--breadcrumb-active-color);\n}\n\n.crumblist__1K-SQ {\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n white-space: nowrap;\n}\n\n.crumbItem__p6dmm {\n display: inline;\n}\n"; | ||
var css_248z = ".Breadcrumb__nUjIh {\n --breadcrumb-font-color: var(--text-secondary, hsla(219, 42%, 24%, 1));\n --breadcrumb-link-color: var(--link-default, hsla(209, 100%, 25%, 1));\n --breadcrumb-hover-color: var(--link-hover, hsla(209, 100%, 42%, 1));\n --breadcrumb-visited-color: var(--link-visited, hsla(309, 49%, 23%, 1));\n --breadcrumb-active-color: var(--link-active, hsla(209, 100%, 25%, 1));\n color: var(--breadcrumb-font-color);\n margin: 0;\n padding: 0;\n}\n\n.separator__1b9uz {\n margin: 0 0.5rem 0 0.75rem;\n}\n\n.crumb__yUAHj:link {\n color: var(--breadcrumb-link-color);\n}\n\n.crumb__yUAHj:visited {\n color: var(--breadcrumb-visited-color);\n}\n\n.crumb__yUAHj:hover {\n color: var(--breadcrumb-hover-color);\n}\n\n.crumb__yUAHj:active {\n color: var(--breadcrumb-active-color);\n}\n\n.crumblist__G6rN2 {\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n white-space: nowrap;\n}\n\n.crumbItem__Cumex {\n display: inline;\n}\n"; | ||
var styles = {"Breadcrumb":"Breadcrumb__nUjIh","separator":"separator__1b9uz","crumb":"crumb__yUAHj","crumblist":"crumblist__G6rN2","crumbItem":"crumbItem__Cumex"}; | ||
var stylesheet=".Breadcrumb__nUjIh {\n --breadcrumb-font-color: var(--text-secondary, hsla(219, 42%, 24%, 1));\n --breadcrumb-link-color: var(--link-default, hsla(209, 100%, 25%, 1));\n --breadcrumb-hover-color: var(--link-hover, hsla(209, 100%, 42%, 1));\n --breadcrumb-visited-color: var(--link-visited, hsla(309, 49%, 23%, 1));\n --breadcrumb-active-color: var(--link-active, hsla(209, 100%, 25%, 1));\n color: var(--breadcrumb-font-color);\n margin: 0;\n padding: 0;\n}\n\n.separator__1b9uz {\n margin: 0 0.5rem 0 0.75rem;\n}\n\n.crumb__yUAHj:link {\n color: var(--breadcrumb-link-color);\n}\n\n.crumb__yUAHj:visited {\n color: var(--breadcrumb-visited-color);\n}\n\n.crumb__yUAHj:hover {\n color: var(--breadcrumb-hover-color);\n}\n\n.crumb__yUAHj:active {\n color: var(--breadcrumb-active-color);\n}\n\n.crumblist__G6rN2 {\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n white-space: nowrap;\n}\n\n.crumbItem__Cumex {\n display: inline;\n}\n"; | ||
styleInject(css_248z); | ||
@@ -109,11 +108,11 @@ | ||
attrs.href = to; | ||
attrs.className = cn__default['default'](styles.Breadcrumb, styles.crumb); | ||
attrs.className = cn__default["default"](styles.Breadcrumb, styles.crumb); | ||
} | ||
return /*#__PURE__*/React__default['default'].createElement("li", { | ||
className: cn__default['default'](styles.crumbItem) | ||
}, /*#__PURE__*/React__default['default'].createElement(Tag, attrs, text)); | ||
return /*#__PURE__*/React__default["default"].createElement("li", { | ||
className: cn__default["default"](styles.crumbItem) | ||
}, /*#__PURE__*/React__default["default"].createElement(Tag, attrs, text)); | ||
}; | ||
return /*#__PURE__*/React__default['default'].createElement(Consumer, null, ({ | ||
return /*#__PURE__*/React__default["default"].createElement(Consumer, null, ({ | ||
valid | ||
@@ -136,3 +135,3 @@ }) => { | ||
*/ | ||
as: PropTypes__default['default'].elementType, | ||
as: PropTypes__default["default"].elementType, | ||
@@ -143,3 +142,3 @@ /** | ||
*/ | ||
tagProps: PropTypes__default['default'].object, | ||
tagProps: PropTypes__default["default"].object, | ||
@@ -149,3 +148,3 @@ /** | ||
*/ | ||
text: PropTypes__default['default'].string.isRequired, | ||
text: PropTypes__default["default"].string.isRequired, | ||
@@ -157,3 +156,3 @@ /** | ||
*/ | ||
to: PropTypes__default['default'].string, | ||
to: PropTypes__default["default"].string, | ||
@@ -163,3 +162,3 @@ /** | ||
*/ | ||
noLink: PropTypes__default['default'].bool | ||
noLink: PropTypes__default["default"].bool | ||
}; | ||
@@ -193,3 +192,3 @@ Crumb.defaultProps = { | ||
return /*#__PURE__*/React__default['default'].createElement(Consumer, null, ({ | ||
return /*#__PURE__*/React__default["default"].createElement(Consumer, null, ({ | ||
valid | ||
@@ -204,6 +203,6 @@ }) => { | ||
return /*#__PURE__*/React__default['default'].createElement("li", { | ||
return /*#__PURE__*/React__default["default"].createElement("li", { | ||
className: styles.crumbItem | ||
}, /*#__PURE__*/React__default['default'].createElement("span", _extends({ | ||
className: cn__default['default'](styles.Breadcrumbs, styles.separator) | ||
}, /*#__PURE__*/React__default["default"].createElement("span", _extends({ | ||
className: cn__default["default"](styles.Breadcrumbs, styles.separator) | ||
}, rest), symbol)); | ||
@@ -217,3 +216,3 @@ }); | ||
*/ | ||
symbol: PropTypes__default['default'].string | ||
symbol: PropTypes__default["default"].string | ||
}; | ||
@@ -257,7 +256,7 @@ Separator.defaultProps = { | ||
const tree = () => /*#__PURE__*/React__default['default'].createElement(React.Fragment, { | ||
const tree = () => /*#__PURE__*/React__default["default"].createElement(React.Fragment, { | ||
key: `${text}_${index}` | ||
}, index === crumbs.length - 1 ? /*#__PURE__*/React__default['default'].createElement(Crumb, _extends({ | ||
}, index === crumbs.length - 1 ? /*#__PURE__*/React__default["default"].createElement(Crumb, _extends({ | ||
text: text | ||
}, rest)) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Crumb, crumbProps), /*#__PURE__*/React__default['default'].createElement(Separator, { | ||
}, rest)) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Crumb, crumbProps), /*#__PURE__*/React__default["default"].createElement(Separator, { | ||
symbol: separator | ||
@@ -300,10 +299,10 @@ }))); | ||
}) : children; | ||
return /*#__PURE__*/React__default['default'].createElement(Provider, { | ||
return /*#__PURE__*/React__default["default"].createElement(Provider, { | ||
value: { | ||
valid: true | ||
} | ||
}, /*#__PURE__*/React__default['default'].createElement("nav", { | ||
}, /*#__PURE__*/React__default["default"].createElement("nav", { | ||
"aria-label": "Breadcrumb" | ||
}, /*#__PURE__*/React__default['default'].createElement("ul", { | ||
className: cn__default['default'](styles.Breadcrumb, styles.crumblist) | ||
}, /*#__PURE__*/React__default["default"].createElement("ul", { | ||
className: cn__default["default"](styles.Breadcrumb, styles.crumblist) | ||
}, tree))); | ||
@@ -315,3 +314,3 @@ }; | ||
*/ | ||
children: PropTypes__default['default'].node, | ||
children: PropTypes__default["default"].node, | ||
@@ -321,3 +320,3 @@ /** | ||
*/ | ||
as: PropTypes__default['default'].elementType, | ||
as: PropTypes__default["default"].elementType, | ||
@@ -329,3 +328,3 @@ /** | ||
*/ | ||
tagProps: PropTypes__default['default'].object, | ||
tagProps: PropTypes__default["default"].object, | ||
@@ -341,6 +340,6 @@ /** | ||
*/ | ||
crumbs: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({ | ||
text: PropTypes__default['default'].string.isRequired, | ||
to: PropTypes__default['default'].string, | ||
linkProps: PropTypes__default['default'].object | ||
crumbs: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({ | ||
text: PropTypes__default["default"].string.isRequired, | ||
to: PropTypes__default["default"].string, | ||
linkProps: PropTypes__default["default"].object | ||
})), | ||
@@ -351,3 +350,3 @@ | ||
*/ | ||
separator: PropTypes__default['default'].string | ||
separator: PropTypes__default["default"].string | ||
}; | ||
@@ -363,2 +362,2 @@ Breadcrumb.defaultProps = { | ||
exports.Separator = Separator; | ||
exports.default = Breadcrumb; | ||
exports["default"] = Breadcrumb; |
@@ -7,3 +7,3 @@ import React, { createContext, Fragment } from 'react'; | ||
function _extends() { | ||
_extends = Object.assign || function (target) { | ||
_extends = Object.assign ? Object.assign.bind() : function (target) { | ||
for (var i = 1; i < arguments.length; i++) { | ||
@@ -21,3 +21,2 @@ var source = arguments[i]; | ||
}; | ||
return _extends.apply(this, arguments); | ||
@@ -53,5 +52,5 @@ } | ||
var css_248z = ".Breadcrumb__5kK9Y {\n --breadcrumb-font-color: var(--text-secondary, hsla(219, 42%, 24%, 1));\n --breadcrumb-link-color: var(--link-default, hsla(209, 100%, 25%, 1));\n --breadcrumb-hover-color: var(--link-hover, hsla(209, 100%, 42%, 1));\n --breadcrumb-visited-color: var(--link-visited, hsla(309, 49%, 23%, 1));\n --breadcrumb-active-color: var(--link-active, hsla(209, 100%, 25%, 1));\n color: var(--breadcrumb-font-color);\n margin: 0;\n padding: 0;\n}\n\n.separator__1bfmP {\n margin: 0 0.5rem 0 0.75rem;\n}\n\n.crumb__1LeIf:link {\n color: var(--breadcrumb-link-color);\n}\n\n.crumb__1LeIf:visited {\n color: var(--breadcrumb-visited-color);\n}\n\n.crumb__1LeIf:hover {\n color: var(--breadcrumb-hover-color);\n}\n\n.crumb__1LeIf:active {\n color: var(--breadcrumb-active-color);\n}\n\n.crumblist__1K-SQ {\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n white-space: nowrap;\n}\n\n.crumbItem__p6dmm {\n display: inline;\n}\n"; | ||
var styles = {"Breadcrumb":"Breadcrumb__5kK9Y","separator":"separator__1bfmP","crumb":"crumb__1LeIf","crumblist":"crumblist__1K-SQ","crumbItem":"crumbItem__p6dmm"}; | ||
var stylesheet=".Breadcrumb__5kK9Y {\n --breadcrumb-font-color: var(--text-secondary, hsla(219, 42%, 24%, 1));\n --breadcrumb-link-color: var(--link-default, hsla(209, 100%, 25%, 1));\n --breadcrumb-hover-color: var(--link-hover, hsla(209, 100%, 42%, 1));\n --breadcrumb-visited-color: var(--link-visited, hsla(309, 49%, 23%, 1));\n --breadcrumb-active-color: var(--link-active, hsla(209, 100%, 25%, 1));\n color: var(--breadcrumb-font-color);\n margin: 0;\n padding: 0;\n}\n\n.separator__1bfmP {\n margin: 0 0.5rem 0 0.75rem;\n}\n\n.crumb__1LeIf:link {\n color: var(--breadcrumb-link-color);\n}\n\n.crumb__1LeIf:visited {\n color: var(--breadcrumb-visited-color);\n}\n\n.crumb__1LeIf:hover {\n color: var(--breadcrumb-hover-color);\n}\n\n.crumb__1LeIf:active {\n color: var(--breadcrumb-active-color);\n}\n\n.crumblist__1K-SQ {\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n white-space: nowrap;\n}\n\n.crumbItem__p6dmm {\n display: inline;\n}\n"; | ||
var css_248z = ".Breadcrumb__nUjIh {\n --breadcrumb-font-color: var(--text-secondary, hsla(219, 42%, 24%, 1));\n --breadcrumb-link-color: var(--link-default, hsla(209, 100%, 25%, 1));\n --breadcrumb-hover-color: var(--link-hover, hsla(209, 100%, 42%, 1));\n --breadcrumb-visited-color: var(--link-visited, hsla(309, 49%, 23%, 1));\n --breadcrumb-active-color: var(--link-active, hsla(209, 100%, 25%, 1));\n color: var(--breadcrumb-font-color);\n margin: 0;\n padding: 0;\n}\n\n.separator__1b9uz {\n margin: 0 0.5rem 0 0.75rem;\n}\n\n.crumb__yUAHj:link {\n color: var(--breadcrumb-link-color);\n}\n\n.crumb__yUAHj:visited {\n color: var(--breadcrumb-visited-color);\n}\n\n.crumb__yUAHj:hover {\n color: var(--breadcrumb-hover-color);\n}\n\n.crumb__yUAHj:active {\n color: var(--breadcrumb-active-color);\n}\n\n.crumblist__G6rN2 {\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n white-space: nowrap;\n}\n\n.crumbItem__Cumex {\n display: inline;\n}\n"; | ||
var styles = {"Breadcrumb":"Breadcrumb__nUjIh","separator":"separator__1b9uz","crumb":"crumb__yUAHj","crumblist":"crumblist__G6rN2","crumbItem":"crumbItem__Cumex"}; | ||
var stylesheet=".Breadcrumb__nUjIh {\n --breadcrumb-font-color: var(--text-secondary, hsla(219, 42%, 24%, 1));\n --breadcrumb-link-color: var(--link-default, hsla(209, 100%, 25%, 1));\n --breadcrumb-hover-color: var(--link-hover, hsla(209, 100%, 42%, 1));\n --breadcrumb-visited-color: var(--link-visited, hsla(309, 49%, 23%, 1));\n --breadcrumb-active-color: var(--link-active, hsla(209, 100%, 25%, 1));\n color: var(--breadcrumb-font-color);\n margin: 0;\n padding: 0;\n}\n\n.separator__1b9uz {\n margin: 0 0.5rem 0 0.75rem;\n}\n\n.crumb__yUAHj:link {\n color: var(--breadcrumb-link-color);\n}\n\n.crumb__yUAHj:visited {\n color: var(--breadcrumb-visited-color);\n}\n\n.crumb__yUAHj:hover {\n color: var(--breadcrumb-hover-color);\n}\n\n.crumb__yUAHj:active {\n color: var(--breadcrumb-active-color);\n}\n\n.crumblist__G6rN2 {\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n white-space: nowrap;\n}\n\n.crumbItem__Cumex {\n display: inline;\n}\n"; | ||
styleInject(css_248z); | ||
@@ -335,3 +334,2 @@ | ||
export default Breadcrumb; | ||
export { Crumb, Separator }; | ||
export { Crumb, Separator, Breadcrumb as default }; |
{ | ||
"name": "@asphalt-react/breadcrumb", | ||
"version": "1.16.0", | ||
"version": "1.17.0", | ||
"description": "Breadcrumb", | ||
@@ -37,3 +37,3 @@ "keywords": [ | ||
"@asphalt-react/context": "^1.16.0", | ||
"@asphalt-react/helper": "^1.14.1", | ||
"@asphalt-react/helper": "^1.17.0", | ||
"classnames": "^2.3.1", | ||
@@ -43,3 +43,3 @@ "prop-types": "^15.7.2" | ||
"license": "UNLICENSED", | ||
"gitHead": "8c0c23a0e60b0f8240dac1532c03a03545e0aaba" | ||
"gitHead": "34f490aa96b747372b4a4f06ecd1407a13f7c0d1" | ||
} |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
31821
9
876