@semcore/link 5.44.0-prerelease.4 → 5.44.0

package/CHANGELOG.md

@@ -2,11 +2,11 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [5.44.0] - 2025-02-27
+## [5.44.0] - 2025-03-14
 
-### Changed
+### Added
 
-- Version minor update due to children dependencies update (`@semcore/utils` [4.45.1 ~> 4.47.1], `@semcore/flex-box` [5.40.1 ~> 5.41.0], `@semcore/tooltip` [6.47.3 ~> 6.48.0], `@semcore/core` [2.38.1 ~> 2.39.0]).
+- Build for ESM.
 
 ## [5.43.1] - 2025-02-05
 

package/lib/esm/Link.mjs

@@ -0,0 +1,136 @@
+import y from "@babel/runtime/helpers/esm/objectSpread2";
+import A from "@babel/runtime/helpers/esm/classCallCheck";
+import C from "@babel/runtime/helpers/esm/createClass";
+import f from "@babel/runtime/helpers/esm/assertThisInitialized";
+import T from "@babel/runtime/helpers/esm/inherits";
+import E from "@babel/runtime/helpers/esm/createSuper";
+import g from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as P } from "@semcore/utils/lib/core/index";
+import R, { sstyled as u, assignProps as k, Component as w } from "@semcore/core";
+import i from "react";
+import { Text as M } from "@semcore/typography";
+import { Box as S } from "@semcore/flex-box";
+import { Hint as O } from "@semcore/tooltip";
+import W from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
+import B from "@semcore/utils/lib/addonTextChildren";
+import F from "@semcore/utils/lib/logger";
+import H from "@semcore/utils/lib/hasLabels";
+import $ from "@semcore/utils/lib/enhances/resolveColorEnhance";
+var V = (
+  /*__reshadow_css_start__*/
+  (P.insert(
+    /*__inner_css_start__*/
+    ".___SLink_1ggr4_gg_{display:inline-block;font-family:inherit;color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SLink_1ggr4_gg_:active,.___SLink_1ggr4_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_1ggr4_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_1ggr4_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_1ggr4_gg_.__active_1ggr4_gg_,.___SLink_1ggr4_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_1ggr4_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_1ggr4_gg_.__active_1ggr4_gg_ .___SText_1ggr4_gg_,.___SLink_1ggr4_gg_:active .___SText_1ggr4_gg_{border-color:currentColor}@media (hover:hover){.___SLink_1ggr4_gg_:hover .___SText_1ggr4_gg_{border-color:currentColor}}.___SLink_1ggr4_gg_.__enableVisited_1ggr4_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_1ggr4_gg_.__enableVisited_1ggr4_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_1ggr4_gg_.__keyboardFocused_1ggr4_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SLink_1ggr4_gg_.__visually-disabled_1ggr4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_1ggr4_gg_.__noWrapText_1ggr4_gg_{white-space:nowrap}.___SLink_1ggr4_gg_.__inline_1ggr4_gg_{display:inline}.___SAddon_1ggr4_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle;pointer-events:none}.___SLink_1ggr4_gg_ .___SAddon_1ggr4_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_1ggr4_gg_ .___SAddon_1ggr4_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_1ggr4_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_1ggr4_gg_.__text-color_1ggr4_gg_{color:var(--text-color_1ggr4)}.___SLink_1ggr4_gg_.__text-color_1ggr4_gg_.__active_1ggr4_gg_,.___SLink_1ggr4_gg_.__text-color_1ggr4_gg_:active{color:var(--text-color_1ggr4);filter:brightness(.8)}@media (hover:hover){.___SLink_1ggr4_gg_.__text-color_1ggr4_gg_:hover{color:var(--text-color_1ggr4);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_1ggr4_gg_,.___SText_1ggr4_gg_{transition:none}}",
+    "1ggr4_gg_"
+  ), {
+    __SLink: "___SLink_1ggr4_gg_",
+    _keyboardFocused: "__keyboardFocused_1ggr4_gg_",
+    "_visually-disabled": "__visually-disabled_1ggr4_gg_",
+    _noWrapText: "__noWrapText_1ggr4_gg_",
+    _inline: "__inline_1ggr4_gg_",
+    __SAddon: "___SAddon_1ggr4_gg_",
+    __SText: "___SText_1ggr4_gg_",
+    _active: "__active_1ggr4_gg_",
+    _enableVisited: "__enableVisited_1ggr4_gg_",
+    "_text-color": "__text-color_1ggr4_gg_",
+    "--text-color": "--text-color_1ggr4"
+  })
+), h = /* @__PURE__ */ function(s) {
+  T(o, s);
+  var a = E(o);
+  function o() {
+    var t;
+    A(this, o);
+    for (var e = arguments.length, n = new Array(e), _ = 0; _ < e; _++)
+      n[_] = arguments[_];
+    return t = a.call.apply(a, [this].concat(n)), g(f(t), "containerRef", /* @__PURE__ */ i.createRef()), g(f(t), "state", {
+      ariaLabelledByContent: "",
+      visibleHint: !1
+    }), g(f(t), "handleMouseEnterOnlyAddon", function() {
+      t.setState({
+        visibleHint: !0
+      });
+    }), g(f(t), "handleMouseLeaveOnlyAddon", function() {
+      t.setState({
+        visibleHint: !1
+      });
+    }), t;
+  }
+  return C(o, [{
+    key: "componentDidMount",
+    value: function() {
+      var e = this;
+      process.env.NODE_ENV !== "production" && F.warn(this.containerRef.current && !H(this.containerRef.current), "'title' or 'aria-label' or 'aria-labelledby' are required props for links without text content", this.asProps["data-ui-name"] || o.displayName), this.asProps["aria-labelledby"] && setTimeout(function() {
+        var n, _;
+        e.setState({
+          ariaLabelledByContent: (n = (_ = document.getElementById(e.asProps["aria-labelledby"])) === null || _ === void 0 ? void 0 : _.textContent) !== null && n !== void 0 ? n : ""
+        });
+      }, 0);
+    }
+  }, {
+    key: "renderChildren",
+    value: function() {
+      var e = this.asProps, n = e.Children, _ = e.styles, r = e.addonLeft, l = e.addonRight;
+      return u(_), /* @__PURE__ */ i.createElement(i.Fragment, null, r ? /* @__PURE__ */ i.createElement(v.Addon, {
+        tag: r
+      }) : null, B(n, v.Text, v.Addon), l ? /* @__PURE__ */ i.createElement(v.Addon, {
+        tag: l
+      }) : null);
+    }
+  }, {
+    key: "renderOnlyAddons",
+    value: function() {
+      var e, n, _, r = this.asProps, l = r.styles, m = r.addonLeft, p = r.addonRight, d = r.title, c = r["aria-label"], b = r.keyboardFocused, x = this.state.visibleHint, L = (n = (_ = d ?? c) !== null && _ !== void 0 ? _ : this.state.ariaLabelledByContent) !== null && n !== void 0 ? n : "";
+      return e = u(l), /* @__PURE__ */ i.createElement(v.Addon, {
+        tag: O,
+        title: L,
+        timeout: [250, 50],
+        visible: b || x
+      }, m && /* @__PURE__ */ i.createElement(m, e.cn("AddonLeft", {})), p && /* @__PURE__ */ i.createElement(p, e.cn("AddonRight", {})));
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var e = this.asProps, n, _ = M, r = this.asProps, l = r.styles, m = r.noWrap, p = r.color, d = r.resolveColor, c = r.disabled, b = r.href, x = r.children;
+      return n = u(l), /* @__PURE__ */ i.createElement(_, n.cn("SLink", y({}, k({
+        role: "link",
+        tabIndex: c ? -1 : 0,
+        "use:href": c ? void 0 : b,
+        "visually-disabled": c,
+        "text-color": d(p),
+        tag: "a",
+        noWrapText: m,
+        "use:noWrap": !1,
+        ref: this.containerRef,
+        __excludeProps: ["disabled", "aria-disabled"],
+        onMouseEnter: this.handleMouseEnterOnlyAddon,
+        onMouseLeave: this.handleMouseLeaveOnlyAddon
+      }, e))), x !== void 0 ? this.renderChildren() : this.renderOnlyAddons());
+    }
+  }]), o;
+}(w);
+g(h, "displayName", "Link");
+g(h, "defaultProps", {
+  noWrap: !0
+});
+g(h, "style", V);
+g(h, "enhance", [W(), $()]);
+function N(s) {
+  var a = arguments[0], o, t = S, e = s.styles;
+  return o = u(e), /* @__PURE__ */ i.createElement(t, o.cn("SText", y({}, k({
+    tag: "span"
+  }, a))));
+}
+function D(s) {
+  var a = arguments[0], o, t = S, e = s.styles;
+  return o = u(e), /* @__PURE__ */ i.createElement(t, o.cn("SAddon", y({}, k({
+    tag: "span"
+  }, a))));
+}
+var v = R(h, {
+  Text: N,
+  Addon: D
+});
+export {
+  v as default
+};

package/lib/esm/index.mjs

@@ -0,0 +1,4 @@
+import { default as o } from "./Link.mjs";
+export {
+  o as default
+};

package/package.json

@@ -1,21 +1,26 @@
 {
   "name": "@semcore/link",
   "description": "Semrush Link Component",
-  "version": "5.44.0-prerelease.4",
+  "version": "5.44.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
+  "exports": {
+    "require": "./lib/cjs/index.js",
+    "import": "./lib/esm/index.mjs",
+    "types": "./lib/types/index.d.ts"
+  },
   "dependencies": {
-    "@semcore/utils": "4.47.1-prerelease.4",
-    "@semcore/typography": "5.52.0-prerelease.4",
-    "@semcore/flex-box": "5.41.0-prerelease.4",
-    "@semcore/tooltip": "6.48.0-prerelease.4"
+    "@semcore/utils": "4.48.0",
+    "@semcore/typography": "5.52.0",
+    "@semcore/flex-box": "5.41.0",
+    "@semcore/tooltip": "6.49.0"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.39.0-prerelease.4",
+    "@semcore/core": "^2.17.5",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },
@@ -30,6 +35,6 @@
     "@semcore/icon": "*"
   },
   "scripts": {
-    "build": "pnpm semcore-builder --source=js"
+    "build": "pnpm semcore-builder --source=js && pnpm vite build"
   }
 }

package/vite.config.ts

@@ -0,0 +1,17 @@
+import { defineConfig, mergeConfig } from 'vite';
+
+import viteConfig from '../../commonVite.config';
+
+export default mergeConfig(
+  viteConfig,
+  defineConfig({
+    build: {
+      lib: {
+        entry: './src/index.js',
+      },
+      rollupOptions: {
+        external: ['react', 'react-dom', 'react/jsx-runtime', /@babel\/runtime\/*/, /@semcore\/*/],
+      },
+    },
+  }),
+);