terra-tag
Advanced tools
Comparing version 2.30.0 to 2.31.0
@@ -7,2 +7,7 @@ ChangeLog | ||
2.31.0 - (April 22, 2020) | ||
------------------ | ||
### Changed | ||
* Updated documentation link in README | ||
2.30.0 - (March 10, 2020) | ||
@@ -9,0 +14,0 @@ ------------------ |
@@ -38,11 +38,15 @@ "use strict"; | ||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); } | ||
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); } | ||
function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; } | ||
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); } | ||
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } | ||
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } | ||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); } | ||
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } } | ||
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); } | ||
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } | ||
@@ -91,2 +95,4 @@ var cx = _bind.default.bind(_TagModule.default); | ||
var _super = _createSuper(Tag); | ||
function Tag(props) { | ||
@@ -97,3 +103,3 @@ var _this; | ||
_this = _possibleConstructorReturn(this, _getPrototypeOf(Tag).call(this, props)); | ||
_this = _super.call(this, props); | ||
_this.state = { | ||
@@ -151,3 +157,3 @@ focused: false | ||
var iconClass = cx('icon'); | ||
var tagIcon = icon ? _react.default.createElement("span", { | ||
var tagIcon = icon ? /*#__PURE__*/_react.default.createElement("span", { | ||
className: iconClass | ||
@@ -158,3 +164,3 @@ }, icon) : null; | ||
var ComponentType = isClickable ? clickableComponent : 'span'; | ||
return _react.default.createElement(ComponentType, _extends({}, customProps, { | ||
return /*#__PURE__*/_react.default.createElement(ComponentType, _extends({}, customProps, { | ||
className: tagClasses, | ||
@@ -161,0 +167,0 @@ onKeyUp: this.handleKeyUp, |
@@ -17,7 +17,7 @@ "use strict"; | ||
var HrefTag = function HrefTag() { | ||
return _react.default.createElement("div", null, _react.default.createElement(_terraTag.default, { | ||
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_terraTag.default, { | ||
href: "http://google.com", | ||
text: "HREF Tag" | ||
}), _react.default.createElement(_terraTag.default, { | ||
icon: _react.default.createElement(_IconTag.default, null), | ||
}), /*#__PURE__*/_react.default.createElement(_terraTag.default, { | ||
icon: /*#__PURE__*/_react.default.createElement(_IconTag.default, null), | ||
href: "http://google.com", | ||
@@ -24,0 +24,0 @@ text: "Icon & Text HREF Tag" |
@@ -17,3 +17,3 @@ "use strict"; | ||
var TagDefault = function TagDefault() { | ||
return _react.default.createElement("div", null, _react.default.createElement(_terraTag.default, { | ||
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_terraTag.default, { | ||
text: "Default OnClick Tag", | ||
@@ -23,4 +23,4 @@ onClick: function onClick() { | ||
} | ||
}), _react.default.createElement(_terraTag.default, { | ||
icon: _react.default.createElement(_IconTag.default, null), | ||
}), /*#__PURE__*/_react.default.createElement(_terraTag.default, { | ||
icon: /*#__PURE__*/_react.default.createElement(_IconTag.default, null), | ||
onClick: function onClick() { | ||
@@ -27,0 +27,0 @@ return window.alert('Tag has been clicked!'); |
@@ -17,6 +17,6 @@ "use strict"; | ||
var TagFallbacks = function TagFallbacks() { | ||
return _react.default.createElement("div", null, _react.default.createElement(_terraTag.default, { | ||
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_terraTag.default, { | ||
text: "No OnClick/HREF Tag" | ||
}), _react.default.createElement(_terraTag.default, { | ||
icon: _react.default.createElement(_IconTag.default, null), | ||
}), /*#__PURE__*/_react.default.createElement(_terraTag.default, { | ||
icon: /*#__PURE__*/_react.default.createElement(_IconTag.default, null), | ||
text: "Icon & Text - No OnClick/HREF Tag" | ||
@@ -23,0 +23,0 @@ })); |
@@ -21,5 +21,5 @@ "use strict"; | ||
var DefaultTag = function DefaultTag() { | ||
return _react.default.createElement("div", { | ||
return /*#__PURE__*/_react.default.createElement("div", { | ||
className: cx('tag-wrapper') | ||
}, _react.default.createElement(_Tag.default, { | ||
}, /*#__PURE__*/_react.default.createElement(_Tag.default, { | ||
id: "default", | ||
@@ -26,0 +26,0 @@ text: "Default Tag" |
@@ -15,3 +15,3 @@ "use strict"; | ||
var HrefTag = function HrefTag() { | ||
return _react.default.createElement(_Tag.default, { | ||
return /*#__PURE__*/_react.default.createElement(_Tag.default, { | ||
id: "href", | ||
@@ -18,0 +18,0 @@ text: "Href Tag", |
@@ -16,6 +16,6 @@ "use strict"; | ||
var icon = _react.default.createElement(_IconTile.default, null); | ||
var icon = /*#__PURE__*/_react.default.createElement(_IconTile.default, null); | ||
var IconTag = function IconTag() { | ||
return _react.default.createElement(_Tag.default, { | ||
return /*#__PURE__*/_react.default.createElement(_Tag.default, { | ||
icon: icon, | ||
@@ -22,0 +22,0 @@ text: "Icon Tag", |
@@ -23,3 +23,3 @@ "use strict"; | ||
var icon = _react.default.createElement(_IconTile.default, null); | ||
var icon = /*#__PURE__*/_react.default.createElement(_IconTile.default, null); | ||
@@ -29,5 +29,5 @@ var text = 'At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores '; | ||
var LongTextIconTag = function LongTextIconTag() { | ||
return _react.default.createElement("div", { | ||
return /*#__PURE__*/_react.default.createElement("div", { | ||
className: cx('long-text-tag-wrapper') | ||
}, ' ', _react.default.createElement(_Tag.default, { | ||
}, ' ', /*#__PURE__*/_react.default.createElement(_Tag.default, { | ||
icon: icon, | ||
@@ -34,0 +34,0 @@ text: text, |
@@ -17,3 +17,3 @@ "use strict"; | ||
/* eslint-disable no-alert */ | ||
var icon = _react.default.createElement(_IconTile.default, null); | ||
var icon = /*#__PURE__*/_react.default.createElement(_IconTile.default, null); | ||
@@ -23,3 +23,3 @@ var text = 'At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores '; | ||
var IconTag = function IconTag() { | ||
return _react.default.createElement(_Tag.default, { | ||
return /*#__PURE__*/_react.default.createElement(_Tag.default, { | ||
icon: icon, | ||
@@ -32,3 +32,3 @@ text: "Icon Tag", | ||
var LongTextIconTag = function LongTextIconTag() { | ||
return _react.default.createElement(_Tag.default, { | ||
return /*#__PURE__*/_react.default.createElement(_Tag.default, { | ||
icon: icon, | ||
@@ -44,3 +44,3 @@ text: text, | ||
var DefaultTag = function DefaultTag() { | ||
return _react.default.createElement(_Tag.default, { | ||
return /*#__PURE__*/_react.default.createElement(_Tag.default, { | ||
id: "default", | ||
@@ -52,3 +52,3 @@ text: "Default Tag" | ||
var OnClickTag = function OnClickTag() { | ||
return _react.default.createElement(_Tag.default, { | ||
return /*#__PURE__*/_react.default.createElement(_Tag.default, { | ||
id: "on-click", | ||
@@ -63,3 +63,3 @@ text: "Clickable Tag", | ||
var MultipleTags = function MultipleTags() { | ||
return _react.default.createElement("div", null, _react.default.createElement(IconTag, null), _react.default.createElement(DefaultTag, null), _react.default.createElement(OnClickTag, null), _react.default.createElement(LongTextIconTag, null)); | ||
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(IconTag, null), /*#__PURE__*/_react.default.createElement(DefaultTag, null), /*#__PURE__*/_react.default.createElement(OnClickTag, null), /*#__PURE__*/_react.default.createElement(LongTextIconTag, null)); | ||
}; | ||
@@ -66,0 +66,0 @@ |
@@ -22,5 +22,5 @@ "use strict"; | ||
var OnClickTag = function OnClickTag() { | ||
return _react.default.createElement("div", { | ||
return /*#__PURE__*/_react.default.createElement("div", { | ||
className: cx('tag-wrapper') | ||
}, _react.default.createElement(_Tag.default, { | ||
}, /*#__PURE__*/_react.default.createElement(_Tag.default, { | ||
id: "on-click", | ||
@@ -27,0 +27,0 @@ text: "Clickable Tag", |
{ | ||
"name": "terra-tag", | ||
"main": "lib/Tag.js", | ||
"version": "2.30.0", | ||
"version": "2.31.0", | ||
"description": "The tag component is used for tagging and provides users a way to trigger actions in the UI. Each tag should have text. It can optionally display an icon along with the text.", | ||
@@ -31,3 +31,3 @@ "repository": { | ||
"prop-types": "^15.5.8", | ||
"terra-icon": "^3.28.0" | ||
"terra-icon": "^3.29.0" | ||
}, | ||
@@ -47,3 +47,3 @@ "scripts": { | ||
}, | ||
"gitHead": "28a1067266d1014f6ddab6f7ee74c82b66de024b" | ||
"gitHead": "260525965e8cadfcb40b9acf10cecf8731d8489c" | ||
} |
@@ -11,3 +11,3 @@ # Terra Tag | ||
- [Getting Started](#getting-started) | ||
- [Documentation](https://engineering.cerner.com/terra-core/components/terra-tag/tag/tag) | ||
- [Documentation](https://engineering.cerner.com/terra-ui/components/terra-tag/tag/tag) | ||
- [LICENSE](#license) | ||
@@ -14,0 +14,0 @@ |
62027
643
Updatedterra-icon@^3.29.0