@semcore/breadcrumbs 5.48.0-prerelease.11 → 5.48.0-prerelease.12

package/CHANGELOG.md

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

package/lib/esm/Breadcrumbs.mjs

@@ -0,0 +1,95 @@
+import S from "@babel/runtime/helpers/esm/objectSpread2";
+import b from "@babel/runtime/helpers/esm/classCallCheck";
+import v from "@babel/runtime/helpers/esm/createClass";
+import f from "@babel/runtime/helpers/esm/inherits";
+import h from "@babel/runtime/helpers/esm/createSuper";
+import g from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as F } from "@semcore/utils/lib/core/index";
+import $, { sstyled as y, assignProps as x, Component as B } from "@semcore/core";
+import t from "react";
+import { Box as I } from "@semcore/flex-box";
+import z from "@semcore/icon/ChevronRight/m";
+import T from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
+import { localizedMessages as L } from "./translations/__intergalactic-dynamic-locales.mjs";
+import j from "@semcore/utils/lib/enhances/i18nEnhance";
+var M = (
+  /*__reshadow_css_start__*/
+  (F.insert(
+    /*__inner_css_start__*/
+    ".___SBreadcrumbs_1og04_gg_{display:flex;align-items:center;padding:0;margin:0}.___SBreadcrumbs_1og04_gg_ .___SListContainer_1og04_gg_{display:contents;list-style:none;overflow:hidden;margin:0;padding:0}.___SBreadcrumbs_1og04_gg_ .___SListContainer_1og04_gg_ .___SSeparator_1og04_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SBreadcrumbs_1og04_gg_ .___SListContainer_1og04_gg_ .___SSeparator_1og04_gg_:last-child{display:none}.___SBreadcrumbs_1og04_gg_ .___SListContainer_1og04_gg_ .___SListItem_1og04_gg_{overflow:hidden;padding:3px;margin:-3px}.___SBreadcrumbs_1og04_gg_ .___SListContainer_1og04_gg_ .___SListItem_1og04_gg_ .___SBreadcrumbsItem_1og04_gg_{width:100%;display:block;position:relative;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:none;text-decoration:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbs_1og04_gg_ .___SListContainer_1og04_gg_ .___SListItem_1og04_gg_ .___SBreadcrumbsItem_1og04_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbs_1og04_gg_ .___SListContainer_1og04_gg_ .___SListItem_1og04_gg_ .___SBreadcrumbsItem_1og04_gg_.__keyboardFocused_1og04_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbs_1og04_gg_ .___SListContainer_1og04_gg_ .___SListItem_1og04_gg_ .___SBreadcrumbsItem_1og04_gg_.__active_1og04_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbs_1og04_gg_ .___SListContainer_1og04_gg_ .___SListItem_1og04_gg_ .___SBreadcrumbsItem_1og04_gg_.__active_1og04_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}",
+    "1og04_gg_"
+  ), {
+    __SBreadcrumbs: "___SBreadcrumbs_1og04_gg_",
+    __SListContainer: "___SListContainer_1og04_gg_",
+    __SSeparator: "___SSeparator_1og04_gg_",
+    __SListItem: "___SListItem_1og04_gg_",
+    __SBreadcrumbsItem: "___SBreadcrumbsItem_1og04_gg_",
+    _keyboardFocused: "__keyboardFocused_1og04_gg_",
+    _active: "__active_1og04_gg_"
+  })
+), s = /* @__PURE__ */ function(m) {
+  f(e, m);
+  var d = h(e);
+  function e() {
+    return b(this, e), d.apply(this, arguments);
+  }
+  return v(e, [{
+    key: "getItemProps",
+    value: function() {
+      var a = this.asProps, _ = a.separator, i = a.locale;
+      return {
+        separator: _,
+        locale: i
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var a = this.asProps, _, i = I, r = "ol", n = this.asProps, l = n.styles, o = n.getI18nText, c = n.Children;
+      return _ = y(l), /* @__PURE__ */ t.createElement(i, _.cn("SBreadcrumbs", S({}, x({
+        "aria-label": o("breadcrumbs")
+      }, a))), /* @__PURE__ */ t.createElement(r, _.cn("SListContainer", {}), /* @__PURE__ */ t.createElement(c, _.cn("Children", {}))));
+    }
+  }]), e;
+}(B);
+g(s, "displayName", "Breadcrumbs");
+g(s, "style", M);
+g(s, "enhance", [j(L)]);
+g(s, "defaultProps", {
+  separator: /* @__PURE__ */ t.createElement(z, null),
+  tag: "nav",
+  i18n: L,
+  locale: "en"
+});
+var p = /* @__PURE__ */ function(m) {
+  f(e, m);
+  var d = h(e);
+  function e() {
+    return b(this, e), d.apply(this, arguments);
+  }
+  return v(e, [{
+    key: "render",
+    value: function() {
+      var a = this.asProps, _, i = I, r = this.asProps, n = r.styles, l = r.separator, o = r.active, c = r.disabled, C = r.href, P = r.tabIndex, k = r.tag, w = "div", E = "li";
+      return _ = y(n), /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(E, _.cn("SListItem", {}), /* @__PURE__ */ t.createElement(i, _.cn("SBreadcrumbsItem", S({}, x({
+        "use:tabIndex": o || c ? -1 : P,
+        "use:href": !o && !c ? C : void 0,
+        "aria-current": o ? "page" : void 0,
+        "use:tag": o ? "span" : k
+      }, a))))), /* @__PURE__ */ t.createElement(w, _.cn("SSeparator", {
+        "aria-hidden": "true"
+      }), l));
+    }
+  }]), e;
+}(B);
+g(p, "defaultProps", {
+  tag: "a",
+  locale: "en"
+});
+g(p, "enhance", [T()]);
+const X = $(s, {
+  Item: p
+});
+export {
+  X as default
+};

package/lib/esm/index.mjs

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

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -0,0 +1,33 @@
+import r from "./de.json.mjs";
+import o from "./en.json.mjs";
+import m from "./es.json.mjs";
+import t from "./fr.json.mjs";
+import i from "./it.json.mjs";
+import p from "./ja.json.mjs";
+import f from "./ko.json.mjs";
+import e from "./nl.json.mjs";
+import s from "./pt.json.mjs";
+import a from "./tr.json.mjs";
+import l from "./vi.json.mjs";
+import v from "./zh.json.mjs";
+import d from "./pl.json.mjs";
+import n from "./sv.json.mjs";
+var B = {
+  de: r,
+  en: o,
+  es: m,
+  fr: t,
+  it: i,
+  ja: p,
+  ko: f,
+  nl: e,
+  pt: s,
+  tr: a,
+  vi: l,
+  zh: v,
+  pl: d,
+  sv: n
+};
+export {
+  B as localizedMessages
+};

package/lib/esm/translations/de.json.mjs

@@ -0,0 +1,7 @@
+const r = "Breadcrumbs", e = {
+  breadcrumbs: r
+};
+export {
+  r as breadcrumbs,
+  e as default
+};

package/lib/esm/translations/en.json.mjs

@@ -0,0 +1,7 @@
+const r = "Breadcrumbs", e = {
+  breadcrumbs: r
+};
+export {
+  r as breadcrumbs,
+  e as default
+};

package/lib/esm/translations/es.json.mjs

@@ -0,0 +1,7 @@
+const s = "Migas de pan", a = {
+  breadcrumbs: s
+};
+export {
+  s as breadcrumbs,
+  a as default
+};

package/lib/esm/translations/fr.json.mjs

@@ -0,0 +1,7 @@
+const e = "Miettes de pain", r = {
+  breadcrumbs: e
+};
+export {
+  e as breadcrumbs,
+  r as default
+};

package/lib/esm/translations/it.json.mjs

@@ -0,0 +1,7 @@
+const r = "Breadcrumb", a = {
+  breadcrumbs: r
+};
+export {
+  r as breadcrumbs,
+  a as default
+};

package/lib/esm/translations/ja.json.mjs

@@ -0,0 +1,7 @@
+const a = "パンくず", r = {
+  breadcrumbs: a
+};
+export {
+  a as breadcrumbs,
+  r as default
+};

package/lib/esm/translations/ko.json.mjs

@@ -0,0 +1,7 @@
+const r = "이동 경로", s = {
+  breadcrumbs: r
+};
+export {
+  r as breadcrumbs,
+  s as default
+};

package/lib/esm/translations/nl.json.mjs

@@ -0,0 +1,7 @@
+const r = "Breadcrumbs", s = {
+  breadcrumbs: r
+};
+export {
+  r as breadcrumbs,
+  s as default
+};

package/lib/esm/translations/pl.json.mjs

@@ -0,0 +1,7 @@
+const r = "Okruszki", s = {
+  breadcrumbs: r
+};
+export {
+  r as breadcrumbs,
+  s as default
+};

package/lib/esm/translations/pt.json.mjs

@@ -0,0 +1,7 @@
+const a = "Trilhas de navegação", e = {
+  breadcrumbs: a
+};
+export {
+  a as breadcrumbs,
+  e as default
+};

package/lib/esm/translations/sv.json.mjs

@@ -0,0 +1,7 @@
+const r = "Brödsmulor", s = {
+  breadcrumbs: r
+};
+export {
+  r as breadcrumbs,
+  s as default
+};

package/lib/esm/translations/tr.json.mjs

@@ -0,0 +1,7 @@
+const r = "İçerik haritası", a = {
+  breadcrumbs: r
+};
+export {
+  r as breadcrumbs,
+  a as default
+};

package/lib/esm/translations/vi.json.mjs

@@ -0,0 +1,7 @@
+const b = "Vụ bánh mì", r = {
+  breadcrumbs: b
+};
+export {
+  b as breadcrumbs,
+  r as default
+};

package/lib/esm/translations/zh.json.mjs

@@ -0,0 +1,7 @@
+const r = "面包屑", s = {
+  breadcrumbs: r
+};
+export {
+  r as breadcrumbs,
+  s as default
+};

package/package.json

@@ -1,20 +1,25 @@
 {
   "name": "@semcore/breadcrumbs",
   "description": "Semrush Breadcrumbs Component",
-  "version": "5.48.0-prerelease.11",
+  "version": "5.48.0-prerelease.12",
   "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.11",
-    "@semcore/icon": "4.58.0-prerelease.11",
-    "@semcore/flex-box": "5.41.0-prerelease.11"
+    "@semcore/utils": "4.48.0-prerelease.12",
+    "@semcore/icon": "4.61.0-prerelease.12",
+    "@semcore/flex-box": "5.41.0-prerelease.12"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.39.0-prerelease.11",
+    "@semcore/core": "^2.39.0-prerelease.12",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },
@@ -28,6 +33,6 @@
     "@semcore/testing-utils": "1.0.0"
   },
   "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\/*/],
+      },
+    },
+  }),
+);