@semcore/progress-bar 4.40.0-prerelease.4 → 4.40.0

package/CHANGELOG.md

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

package/lib/esm/ProgressBar.mjs

@@ -0,0 +1,96 @@
+import x from "@babel/runtime/helpers/esm/objectSpread2";
+import B from "@babel/runtime/helpers/esm/classCallCheck";
+import S from "@babel/runtime/helpers/esm/createClass";
+import k from "@babel/runtime/helpers/esm/inherits";
+import z from "@babel/runtime/helpers/esm/createSuper";
+import s from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as y } from "@semcore/utils/lib/core/index";
+import C, { sstyled as v, assignProps as p, Component as V } from "@semcore/core";
+import g from "react";
+import { Box as h } from "@semcore/flex-box";
+import w from "@semcore/utils/lib/enhances/resolveColorEnhance";
+var E = (
+  /*__reshadow_css_start__*/
+  (y.insert(
+    /*__inner_css_start__*/
+    `@keyframes loading_1nxr8{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_1nxr8_gg_{position:relative;width:100%;overflow:hidden;background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_1nxr8_gg_._theme_dark_1nxr8_gg_{background-color:var(--intergalactic-progress-bar-bg-invert, rgba(255, 255, 255, 0.2))}.___SValue_1nxr8_gg_{position:absolute;top:0;left:0;background-color:var(--intergalactic-progress-bar-value-bg, #000000);background-image:var(--intergalactic-progress-bar-value-gradient,
+  linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%));overflow:hidden;animation-name:loading_1nxr8;animation-timing-function:linear;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;width:var(--width_1nxr8);animation-duration:var(--duration_1nxr8);transition-duration:var(--duration_1nxr8)}.___SValue_1nxr8_gg_.__theme_1nxr8_gg_{background-color:var(--colorBg_1nxr8);background-image:var(--colorBg_1nxr8)}.___SProgressBar_1nxr8_gg_._size_s_1nxr8_gg_,.___SValue_1nxr8_gg_._size_s_1nxr8_gg_{height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:8px 8px}.___SProgressBar_1nxr8_gg_._size_m_1nxr8_gg_,.___SValue_1nxr8_gg_._size_m_1nxr8_gg_{height:8px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px 12px}.___SProgressBar_1nxr8_gg_._size_l_1nxr8_gg_,.___SValue_1nxr8_gg_._size_l_1nxr8_gg_{height:12px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:16px 16px}.___SProgressBar_1nxr8_gg_._theme_invert_1nxr8_gg_{background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_1nxr8_gg_.__animation_1nxr8_gg_{background-color:var(--intergalactic-progress-bar-value-bg, #000000);background-image:var(--intergalactic-progress-bar-pattern-gradient,
+  linear-gradient(-45deg, rgba(224, 225, 233, 0.9) 25%, rgba(224, 225, 233, 1) 0%, rgba(224, 225, 233, 1) 50%, rgba(224, 225, 233, 0.9) 0%, rgba(224, 225, 233, 0.9) 75%, rgba(224, 225, 233, 1) 0%));animation-name:loading_1nxr8;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--duration_1nxr8)}.___SProgressBar_1nxr8_gg_._theme_custom_1nxr8_gg_{background-color:var(--colorBg_1nxr8);background-image:var(--colorBg_1nxr8)}@media (prefers-reduced-motion){.___SProgressBar_1nxr8_gg_.__animation_1nxr8_gg_,.___SValue_1nxr8_gg_{animation-name:none}}`,
+    "1nxr8_gg_"
+  ), {
+    __SProgressBar: "___SProgressBar_1nxr8_gg_",
+    _theme_dark: "_theme_dark_1nxr8_gg_",
+    __SValue: "___SValue_1nxr8_gg_",
+    "--width": "--width_1nxr8",
+    "--duration": "--duration_1nxr8",
+    _theme: "__theme_1nxr8_gg_",
+    "--colorBg": "--colorBg_1nxr8",
+    _size_s: "_size_s_1nxr8_gg_",
+    _size_m: "_size_m_1nxr8_gg_",
+    _size_l: "_size_l_1nxr8_gg_",
+    _theme_invert: "_theme_invert_1nxr8_gg_",
+    "@loading": "loading_1nxr8",
+    _animation: "__animation_1nxr8_gg_",
+    _theme_custom: "_theme_custom_1nxr8_gg_"
+  })
+);
+function R(e) {
+  return !["dark", "invert"].includes(e);
+}
+var i = /* @__PURE__ */ function(e) {
+  k(a, e);
+  var l = z(a);
+  function a() {
+    return B(this, a), l.apply(this, arguments);
+  }
+  return S(a, [{
+    key: "getValueProps",
+    value: function() {
+      var _ = this.asProps, n = _.value, o = _.duration, r = _.size, t = _.resolveColor;
+      return {
+        value: n,
+        duration: o,
+        size: r,
+        resolveColor: t
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var _ = this.asProps, n, o = h, r = this.asProps, t = r.Children, c = r.styles, b = r.duration, d = r.theme, m = r.value, f = r.resolveColor, P = R(d) ? "custom" : d;
+      return n = v(c), /* @__PURE__ */ g.createElement(o, n.cn("SProgressBar", x({}, p({
+        "use:theme": P,
+        "use:animation": !m,
+        "use:duration": "".concat(b, "ms"),
+        colorBg: f(d),
+        role: "progressbar",
+        "aria-valuenow": m
+      }, _))), /* @__PURE__ */ g.createElement(t, n.cn("Children", {})));
+    }
+  }]), a;
+}(V);
+s(i, "displayName", "ProgressBar");
+s(i, "style", E);
+s(i, "enhance", [w()]);
+s(i, "defaultProps", function() {
+  return {
+    duration: 1e3,
+    size: "m",
+    theme: "invert",
+    children: /* @__PURE__ */ g.createElement(T.Value, null)
+  };
+});
+function $(e) {
+  var l = arguments[0], a, u = h, _ = e.styles, n = e.value, o = e.theme, r = e.duration, t = e.resolveColor, c = "".concat(n, "%");
+  return a = v(_), /* @__PURE__ */ g.createElement(u, a.cn("SValue", x({}, p({
+    "use:width": c,
+    "use:duration": "".concat(r, "ms"),
+    colorBg: t(o)
+  }, l))));
+}
+var T = C(i, {
+  Value: $
+});
+export {
+  T as default
+};

package/lib/esm/index.mjs

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

package/package.json

@@ -1,19 +1,24 @@
 {
   "name": "@semcore/progress-bar",
   "description": "Semrush ProgressBar Component",
-  "version": "4.40.0-prerelease.4",
+  "version": "4.40.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/flex-box": "5.41.0-prerelease.4",
-    "@semcore/utils": "4.47.1-prerelease.4"
+    "@semcore/flex-box": "5.41.0",
+    "@semcore/utils": "4.48.0"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.39.0-prerelease.4",
+    "@semcore/core": "^2.17.5",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },
@@ -27,6 +32,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\/*/],
+      },
+    },
+  }),
+);