New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

terra-tag

Package Overview
Dependencies
Maintainers
10
Versions
114
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

terra-tag - npm Package Compare versions

Comparing version 2.30.0 to 2.31.0

5

CHANGELOG.md

@@ -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 @@ ------------------

20

lib/Tag.js

@@ -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 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc