@hig/text-link - npm Package Compare versions

Comparing version 0.1.0-alpha.21135dbe to 0.1.0-alpha.35b8a71d

build/index.es.js

@@ -1,5 +0,149 @@
-import { TextLink } from 'hig-react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import cx from 'classnames';
+import { ThemeContext } from '@hig/themes';
 
-TextLink.displayName = "TextLink";
+var targets = Object.freeze(["_self", "_blank", "_parent", "_top"]);
 
+/** @type {Object.<string, string>} */
+var types = Object.freeze({
+  PRIMARY: "primary",
+  SECONDARY: "secondary"
+});
+
+/** @type {string[]} */
+var AVAILABLE_TYPES = Object.freeze(Object.values(types));
+
+/** @type {Object.<string, string>} */
+var classNames = Object.freeze({
+  wrapper: "hig__text-link",
+  wrapperPrimary: "hig__text-link--primary",
+  wrapperSecondary: "hig__text-link--secondary"
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _wrapperModifiersByTy;
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var wrapperModifiersByType = (_wrapperModifiersByTy = {}, _defineProperty(_wrapperModifiersByTy, types.PRIMARY, classNames.wrapperPrimary), _defineProperty(_wrapperModifiersByTy, types.SECONDARY, classNames.wrapperSecondary), _wrapperModifiersByTy);
+
+var TextLink = function (_Component) {
+  _inherits(TextLink, _Component);
+
+  function TextLink() {
+    _classCallCheck(this, TextLink);
+
+    return _possibleConstructorReturn(this, (TextLink.__proto__ || Object.getPrototypeOf(TextLink)).apply(this, arguments));
+  }
+
+  _createClass(TextLink, [{
+    key: "render",
+    value: function render() {
+      var _props = this.props,
+          children = _props.children,
+          link = _props.link,
+          onClick = _props.onClick,
+          target = _props.target,
+          type = _props.type;
+
+      var linkClasses = function linkClasses(themeClass) {
+        return cx(themeClass, classNames.wrapper, wrapperModifiersByType[type]);
+      };
+
+      return React.createElement(
+        ThemeContext.Consumer,
+        null,
+        function (_ref) {
+          var themeClass = _ref.themeClass;
+          return React.createElement(
+            "a",
+            {
+              href: link,
+              onClick: onClick,
+              className: linkClasses(themeClass),
+              target: target
+            },
+            children
+          );
+        }
+      );
+    }
+  }]);
+
+  return TextLink;
+}(Component);
+
+TextLink.propTypes = {
+  /** Text content of the link */
+  children: PropTypes.string,
+  /** The href to link to. Note that this was previously 'href' in the version distributed with hig-react. */
+  link: PropTypes.string.isRequired,
+  /** Called when link is clicked */
+  onClick: PropTypes.func,
+  /** Specify the anchor tag's target */
+  target: PropTypes.oneOf(targets),
+  /** Indicates the style of link */
+  type: PropTypes.oneOf(AVAILABLE_TYPES)
+};
+TextLink.defaultProps = {
+  type: types.PRIMARY
+};
+TextLink.__docgenInfo = {
+  "description": "",
+  "displayName": "TextLink",
+  "props": {
+    "children": {
+      "type": {
+        "name": "string"
+      },
+      "required": false,
+      "description": "Text content of the link"
+    },
+    "link": {
+      "type": {
+        "name": "string"
+      },
+      "required": true,
+      "description": "The href to link to. Note that this was previously 'href' in the version distributed with hig-react."
+    },
+    "onClick": {
+      "type": {
+        "name": "func"
+      },
+      "required": false,
+      "description": "Called when link is clicked"
+    },
+    "target": {
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "targets"
+      },
+      "required": false,
+      "description": "Specify the anchor tag's target"
+    },
+    "type": {
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "AVAILABLE_TYPES"
+      },
+      "required": false,
+      "description": "Indicates the style of link",
+      "defaultValue": {
+        "value": "types.PRIMARY",
+        "computed": true
+      }
+    }
+  }
+};
+
 export default TextLink;

build/index.js

 'use strict';
 
-var higReact = require('hig-react');
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-higReact.TextLink.displayName = "TextLink";
+var React = require('react');
+var React__default = _interopDefault(React);
+var PropTypes = _interopDefault(require('prop-types'));
+var cx = _interopDefault(require('classnames'));
+var themes = require('@hig/themes');
 
-module.exports = higReact.TextLink;
+var targets = Object.freeze(["_self", "_blank", "_parent", "_top"]);
+
+/** @type {Object.<string, string>} */
+var types = Object.freeze({
+  PRIMARY: "primary",
+  SECONDARY: "secondary"
+});
+
+/** @type {string[]} */
+var AVAILABLE_TYPES = Object.freeze(Object.values(types));
+
+/** @type {Object.<string, string>} */
+var classNames = Object.freeze({
+  wrapper: "hig__text-link",
+  wrapperPrimary: "hig__text-link--primary",
+  wrapperSecondary: "hig__text-link--secondary"
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _wrapperModifiersByTy;
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var wrapperModifiersByType = (_wrapperModifiersByTy = {}, _defineProperty(_wrapperModifiersByTy, types.PRIMARY, classNames.wrapperPrimary), _defineProperty(_wrapperModifiersByTy, types.SECONDARY, classNames.wrapperSecondary), _wrapperModifiersByTy);
+
+var TextLink = function (_Component) {
+  _inherits(TextLink, _Component);
+
+  function TextLink() {
+    _classCallCheck(this, TextLink);
+
+    return _possibleConstructorReturn(this, (TextLink.__proto__ || Object.getPrototypeOf(TextLink)).apply(this, arguments));
+  }
+
+  _createClass(TextLink, [{
+    key: "render",
+    value: function render() {
+      var _props = this.props,
+          children = _props.children,
+          link = _props.link,
+          onClick = _props.onClick,
+          target = _props.target,
+          type = _props.type;
+
+      var linkClasses = function linkClasses(themeClass) {
+        return cx(themeClass, classNames.wrapper, wrapperModifiersByType[type]);
+      };
+
+      return React__default.createElement(
+        themes.ThemeContext.Consumer,
+        null,
+        function (_ref) {
+          var themeClass = _ref.themeClass;
+          return React__default.createElement(
+            "a",
+            {
+              href: link,
+              onClick: onClick,
+              className: linkClasses(themeClass),
+              target: target
+            },
+            children
+          );
+        }
+      );
+    }
+  }]);
+
+  return TextLink;
+}(React.Component);
+
+TextLink.propTypes = {
+  /** Text content of the link */
+  children: PropTypes.string,
+  /** The href to link to. Note that this was previously 'href' in the version distributed with hig-react. */
+  link: PropTypes.string.isRequired,
+  /** Called when link is clicked */
+  onClick: PropTypes.func,
+  /** Specify the anchor tag's target */
+  target: PropTypes.oneOf(targets),
+  /** Indicates the style of link */
+  type: PropTypes.oneOf(AVAILABLE_TYPES)
+};
+TextLink.defaultProps = {
+  type: types.PRIMARY
+};
+TextLink.__docgenInfo = {
+  "description": "",
+  "displayName": "TextLink",
+  "props": {
+    "children": {
+      "type": {
+        "name": "string"
+      },
+      "required": false,
+      "description": "Text content of the link"
+    },
+    "link": {
+      "type": {
+        "name": "string"
+      },
+      "required": true,
+      "description": "The href to link to. Note that this was previously 'href' in the version distributed with hig-react."
+    },
+    "onClick": {
+      "type": {
+        "name": "func"
+      },
+      "required": false,
+      "description": "Called when link is clicked"
+    },
+    "target": {
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "targets"
+      },
+      "required": false,
+      "description": "Specify the anchor tag's target"
+    },
+    "type": {
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "AVAILABLE_TYPES"
+      },
+      "required": false,
+      "description": "Indicates the style of link",
+      "defaultValue": {
+        "value": "types.PRIMARY",
+        "computed": true
+      }
+    }
+  }
+};
+
+module.exports = TextLink;

package.json

 {
   "name": "@hig/text-link",
-  "version": "0.1.0-alpha.21135dbe",
+  "version": "0.1.0-alpha.35b8a71d",
   "description": "HIG Text Link",
@@ -18,3 +18,2 @@ "author": "Autodesk Inc.",
     "classnames": "^2.2.5",
-    "hig-react": "0.29.0-alpha.21135dbe",
     "react-lifecycles-compat": "^3.0.2"
@@ -27,6 +26,6 @@ },
   "devDependencies": {
-    "@hig/babel-preset": "0.2.0-alpha.21135dbe",
-    "@hig/eslint-config": "0.2.0-alpha.21135dbe",
-    "@hig/scripts": "0.2.0-alpha.21135dbe",
-    "@hig/styles": "0.1.0-alpha.21135dbe"
+    "@hig/babel-preset": "0.2.0-alpha.35b8a71d",
+    "@hig/eslint-config": "0.2.0-alpha.35b8a71d",
+    "@hig/scripts": "0.2.0-alpha.35b8a71d",
+    "@hig/styles": "0.1.0-alpha.35b8a71d"
   },
@@ -33,0 +32,0 @@ "scripts": {

README.md

@@ -23,6 +23,5 @@ # Text Link
 ```jsx
-<TextLink
-  href="https://github.com/Autodesk/hig"
-  text="This is a primary text link"
-/>
+<TextLink link="https://github.com/Autodesk/hig">
+  This is a primary text link
+</TextLink>
 ```

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Dependency count

4

decreased by-20%

Worsened metrics

Total package byte prevSize

26244

decreased by-90.75%

Lines of code

477

decreased by-94.17%

Number of lines in readme file

27

decreased by-3.57%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• - Removedhig-react@0.29.0-alpha.21135dbe

• - Removed@babel/runtime@7.26.0(transitive)

• - Removed@hig/icon@0.1.0-alpha.21135dbe(transitive)

• - Removed@hig/icon-button@0.1.0-alpha.21135dbe(transitive)

• - Removed@hig/icons@0.1.0-alpha.21135dbe(transitive)

• - Removed@hig/typography@0.1.0-alpha.21135dbe(transitive)

• - Removedasap@2.0.6(transitive)

• - Removedcore-js@1.2.7(transitive)

• - Removedcreate-react-class@15.7.0(transitive)

• - Removeddom-helpers@3.4.0(transitive)

• - Removedencoding@0.1.13(transitive)

• - Removedfbjs@0.8.18(transitive)

• - Removedhig-interface@0.2.0-alpha.21135dbe(transitive)

• - Removedhig-react@0.29.0-alpha.21135dbe(transitive)

• - Removedhig-vanilla@0.2.0-alpha.21135dbe(transitive)

• - Removediconv-lite@0.6.3(transitive)

• - Removedis-stream@1.1.0(transitive)

• - Removedisomorphic-fetch@2.2.1(transitive)

• - Removednode-fetch@1.7.3(transitive)

• - Removedpromise@7.3.1(transitive)

• - Removedreact@15.7.018.3.1(transitive)

• - Removedreact-dom@15.7.018.3.1(transitive)

• - Removedreact-flip-move@3.0.5(transitive)

• - Removedreact-transition-group@2.9.0(transitive)

• - Removedregenerator-runtime@0.14.1(transitive)

• - Removedsafer-buffer@2.1.2(transitive)

• - Removedscheduler@0.23.2(transitive)

• - Removedsetimmediate@1.0.5(transitive)

• - Removedua-parser-js@0.7.39(transitive)

• - Removedwhatwg-fetch@3.6.20(transitive)