@semcore/progress-bar 2.2.0 → 2.3.0

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [2.3.0] - 2021-03-04
+
+### Added
+
+- Disabled animation if reduce motion is preferred.
+
+## [2.2.2] - 2022-02-24
+
+### Added
+
+- Added repository field to package.json file.
+
+## [2.2.1] - 2021-8-26
+
+### Changed
+
+- Add 'sideEffect=false' for more optimal build via webpack
+
 ## [2.2.0] - 2021-07-05
 
 ### Changed

package/lib/cjs/ProgressBar.js

@@ -1,13 +1,13 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Progress = exports.Bar = exports["default"] = void 0;
+exports["default"] = exports.Progress = exports.Bar = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -35,9 +35,15 @@ var _color = _interopRequireDefault(require("@semcore/utils/lib/color"));
 
 var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+var _excluded = ["Children", "styles", "duration", "size", "theme", "value", "animation"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
@@ -48,25 +54,25 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SProgressBar_1gore_gg_{position:relative;width:100%;overflow:hidden}.___SValue_1gore_gg_{position:absolute;top:0;left:0;background-image:linear-gradient(-45deg,#479d2e 25%,#4fae33 0,#4fae33 50%,#479d2e 0,#479d2e 76%,#4fae33 0);overflow:hidden;-webkit-animation-name:loading_1wbyfk1;animation-name:loading_1wbyfk1;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;transition-duration:1s}.___SProgressBar_1gore_gg_._size_s_1gore_gg_,.___SValue_1gore_gg_._size_s_1gore_gg_{height:4px;border-radius:2px;background-size:8px 8px}.___SProgressBar_1gore_gg_._size_m_1gore_gg_,.___SValue_1gore_gg_._size_m_1gore_gg_{height:8px;border-radius:4px;background-size:12px 12px}.___SProgressBar_1gore_gg_._size_l_1gore_gg_,.___SValue_1gore_gg_._size_l_1gore_gg_{height:12px;border-radius:6px;background-size:16px 16px}.___SProgressBar_1gore_gg_._theme_dark_1gore_gg_{background-color:hsla(0,0%,100%,.2)}.___SProgressBar_1gore_gg_._theme_invert_1gore_gg_{background-color:#dee3e5}@-webkit-keyframes loading_1wbyfk1{0%{background-position:0 0}to{background-position:60px 0}}@keyframes loading_1wbyfk1{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_1gore_gg_.__animation_1gore_gg_{background-image:linear-gradient(-45deg,#c8ccce 25%,#dee3e5 0,#dee3e5 50%,#c8ccce 0,#c8ccce 76%,#dee3e5 0);-webkit-animation-name:loading_1wbyfk1;animation-name:loading_1wbyfk1;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.___SProgressBar_1gore_gg_._theme_custom_1gore_gg_{background-color:var(--backgroundColor_1wbyfk1);background-image:var(--backgroundColor_1wbyfk1)}.___SProgressBar_1gore_gg_.__animation_1gore_gg_,.___SValue_1gore_gg_{-webkit-animation-duration:var(--duration_1wbyfk1);animation-duration:var(--duration_1wbyfk1)}.___SValue_1gore_gg_{width:var(--width_1wbyfk1)}.___SValue_1gore_gg_.__theme_1gore_gg_{background-color:var(--backgroundColor_1wbyfk1);background-image:var(--backgroundColor_1wbyfk1)}"
+".___SProgressBar_1jx5f_gg_{position:relative;width:100%;overflow:hidden}.___SValue_1jx5f_gg_{position:absolute;top:0;left:0;background-image:linear-gradient(-45deg,#479d2e 25%,#4fae33 0,#4fae33 50%,#479d2e 0,#479d2e 76%,#4fae33 0);overflow:hidden;-webkit-animation-name:loading_1v03k;animation-name:loading_1v03k;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;transition-duration:1s}.___SProgressBar_1jx5f_gg_._size_s_1jx5f_gg_,.___SValue_1jx5f_gg_._size_s_1jx5f_gg_{height:4px;border-radius:2px;background-size:8px 8px}.___SProgressBar_1jx5f_gg_._size_m_1jx5f_gg_,.___SValue_1jx5f_gg_._size_m_1jx5f_gg_{height:8px;border-radius:4px;background-size:12px 12px}.___SProgressBar_1jx5f_gg_._size_l_1jx5f_gg_,.___SValue_1jx5f_gg_._size_l_1jx5f_gg_{height:12px;border-radius:6px;background-size:16px 16px}.___SProgressBar_1jx5f_gg_._theme_dark_1jx5f_gg_{background-color:hsla(0,0%,100%,.2)}.___SProgressBar_1jx5f_gg_._theme_invert_1jx5f_gg_{background-color:#dee3e5}@-webkit-keyframes loading_1v03k{0%{background-position:0 0}to{background-position:60px 0}}@keyframes loading_1v03k{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_1jx5f_gg_.__animation_1jx5f_gg_{background-image:linear-gradient(-45deg,#c8ccce 25%,#dee3e5 0,#dee3e5 50%,#c8ccce 0,#c8ccce 76%,#dee3e5 0);-webkit-animation-name:loading_1v03k;animation-name:loading_1v03k;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.___SProgressBar_1jx5f_gg_._theme_custom_1jx5f_gg_{background-color:var(--backgroundColor_1v03k)}.___SProgressBar_1jx5f_gg_._theme_custom_1jx5f_gg_{background-image:var(--backgroundColor_1v03k)}.___SProgressBar_1jx5f_gg_.__animation_1jx5f_gg_{-webkit-animation-duration:var(--duration_1v03k);animation-duration:var(--duration_1v03k)}.___SValue_1jx5f_gg_{width:var(--width_1v03k);-webkit-animation-duration:var(--duration_1v03k);animation-duration:var(--duration_1v03k)}.___SValue_1jx5f_gg_.__theme_1jx5f_gg_{background-color:var(--backgroundColor_1v03k);background-image:var(--backgroundColor_1v03k)}@media (prefers-reduced-motion){.___SValue_1jx5f_gg_{-webkit-animation-name:none;animation-name:none}.___SProgressBar_1jx5f_gg_.__animation_1jx5f_gg_{-webkit-animation-name:none;animation-name:none}}"
 /*__inner_css_end__*/
-, "1wbyfk1_gg_")
+, "1v03k_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SProgressBar": "___SProgressBar_1gore_gg_",
-  "__SValue": "___SValue_1gore_gg_",
-  "_size_s": "_size_s_1gore_gg_",
-  "_size_m": "_size_m_1gore_gg_",
-  "_size_l": "_size_l_1gore_gg_",
-  "_theme_dark": "_theme_dark_1gore_gg_",
-  "_theme_invert": "_theme_invert_1gore_gg_",
-  "@loading": "loading_1wbyfk1",
-  "_animation": "__animation_1gore_gg_",
-  "_theme_custom": "_theme_custom_1gore_gg_",
-  "--backgroundColor": "--backgroundColor_1wbyfk1",
-  "--duration": "--duration_1wbyfk1",
-  "--width": "--width_1wbyfk1",
-  "_theme": "__theme_1gore_gg_"
+  "__SProgressBar": "___SProgressBar_1jx5f_gg_",
+  "__SValue": "___SValue_1jx5f_gg_",
+  "_size_s": "_size_s_1jx5f_gg_",
+  "_size_m": "_size_m_1jx5f_gg_",
+  "_size_l": "_size_l_1jx5f_gg_",
+  "_theme_dark": "_theme_dark_1jx5f_gg_",
+  "_theme_invert": "_theme_invert_1jx5f_gg_",
+  "@loading": "loading_1v03k",
+  "_animation": "__animation_1jx5f_gg_",
+  "_theme_custom": "_theme_custom_1jx5f_gg_",
+  "--backgroundColor": "--backgroundColor_1v03k",
+  "--duration": "--duration_1v03k",
+  "--width": "--width_1v03k",
+  "_theme": "__theme_1jx5f_gg_"
 });
 
 function isCustomTheme(theme) {
@@ -111,7 +117,7 @@ var ProgressBarRoot = /*#__PURE__*/function (_Component) {
           theme = _this$asProps2.theme,
           value = _this$asProps2.value,
           animation = _this$asProps2.animation,
-          other = (0, _objectWithoutProperties2["default"])(_this$asProps2, ["Children", "styles", "duration", "size", "theme", "value", "animation"]);
+          other = (0, _objectWithoutProperties2["default"])(_this$asProps2, _excluded);
       var useTheme = isCustomTheme(theme) ? 'custom' : theme;
       var color = (0, _color["default"])(theme);
 

package/lib/cjs/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ProgressBar.js"],"names":["isCustomTheme","theme","includes","ProgressBarRoot","asProps","value","duration","size","SProgressBar","Box","Children","styles","animation","other","useTheme","color","logger","warn","undefined","displayName","Component","style","children","Value","props","SValue","width","ProgressBar","Progress","React","forwardRef","ref","Bar"],"mappings":"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","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor from '@semcore/utils/lib/color';\nimport logger from '@semcore/utils/lib/logger';\n\nimport style from './style/progress-bar.shadow.css';\n\nfunction isCustomTheme(theme) {\n  return !['dark', 'invert'].includes(theme);\n}\n\nclass ProgressBarRoot extends Component {\n  static displayName = 'ProgressBar';\n  static style = style;\n  static defaultProps = () => ({\n    duration: 1000,\n    size: 'm',\n    theme: 'invert',\n    children: <ProgressBar.Value />,\n  });\n\n  getValueProps() {\n    const { value, duration, size } = this.asProps;\n    return {\n      value,\n      duration,\n      size,\n    };\n  }\n\n  render() {\n    const SProgressBar = Root;\n    const { Children, styles, duration, size, theme, value, animation, ...other } = this.asProps;\n    const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n    const color = resolveColor(theme);\n\n    logger.warn(\n      animation !== undefined,\n      \"The 'animation' property is deprecated, use 'value'\",\n      other['data-ui-name'] || ProgressBarRoot.displayName,\n    );\n\n    return sstyled(styles)(\n      <SProgressBar\n        render={Box}\n        use:theme={useTheme}\n        use:animation={animation === undefined ? !value : animation}\n        use:duration={`${duration}ms`}\n        backgroundColor={color}\n      >\n        <Children />\n      </SProgressBar>,\n    );\n  }\n}\n\nfunction Value(props) {\n  const SValue = Root;\n  const { styles, value, size, theme, duration } = props;\n  const width = `${value}%`;\n  const color = resolveColor(theme);\n\n  return sstyled(styles)(\n    <SValue\n      render={Box}\n      use:width={width}\n      use:duration={`${duration}ms`}\n      backgroundColor={color}\n    />,\n  );\n}\n\nconst ProgressBar = createComponent(ProgressBarRoot, {\n  Value,\n});\n\nexport default ProgressBar;\n\nconst Progress = React.forwardRef(function(props, ref) {\n  logger.warn(\n    true,\n    \"Component '<Progress/>' is deprecated, use '<ProgressBar.Value/>'\",\n    props['data-ui-name'] || ProgressBar.displayName,\n  );\n  return <ProgressBar.Value ref={ref} {...props} />;\n});\n\nconst Bar = React.forwardRef(function(props, ref) {\n  logger.warn(\n    true,\n    \"Component '<Bar/>' is deprecated, please use '<ProgressBar/>'\",\n    props['data-ui-name'] || ProgressBar.displayName,\n  );\n  return <ProgressBar ref={ref} {...props} />;\n});\n\nexport { Bar, Progress };\n"],"file":"ProgressBar.js"}
+{"version":3,"sources":["../../src/ProgressBar.js"],"names":["isCustomTheme","theme","includes","ProgressBarRoot","asProps","value","duration","size","SProgressBar","Box","Children","styles","animation","other","useTheme","color","logger","warn","undefined","displayName","Component","style","children","Value","props","SValue","width","ProgressBar","Progress","React","forwardRef","ref","Bar"],"mappings":"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","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor from '@semcore/utils/lib/color';\nimport logger from '@semcore/utils/lib/logger';\n\nimport style from './style/progress-bar.shadow.css';\n\nfunction isCustomTheme(theme) {\n  return !['dark', 'invert'].includes(theme);\n}\n\nclass ProgressBarRoot extends Component {\n  static displayName = 'ProgressBar';\n  static style = style;\n  static defaultProps = () => ({\n    duration: 1000,\n    size: 'm',\n    theme: 'invert',\n    children: <ProgressBar.Value />,\n  });\n\n  getValueProps() {\n    const { value, duration, size } = this.asProps;\n    return {\n      value,\n      duration,\n      size,\n    };\n  }\n\n  render() {\n    const SProgressBar = Root;\n    const { Children, styles, duration, size, theme, value, animation, ...other } = this.asProps;\n    const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n    const color = resolveColor(theme);\n\n    logger.warn(\n      animation !== undefined,\n      \"The 'animation' property is deprecated, use 'value'\",\n      other['data-ui-name'] || ProgressBarRoot.displayName,\n    );\n\n    return sstyled(styles)(\n      <SProgressBar\n        render={Box}\n        use:theme={useTheme}\n        use:animation={animation === undefined ? !value : animation}\n        use:duration={`${duration}ms`}\n        backgroundColor={color}\n      >\n        <Children />\n      </SProgressBar>,\n    );\n  }\n}\n\nfunction Value(props) {\n  const SValue = Root;\n  const { styles, value, size, theme, duration } = props;\n  const width = `${value}%`;\n  const color = resolveColor(theme);\n\n  return sstyled(styles)(\n    <SValue\n      render={Box}\n      use:width={width}\n      use:duration={`${duration}ms`}\n      backgroundColor={color}\n    />,\n  );\n}\n\nconst ProgressBar = createComponent(ProgressBarRoot, {\n  Value,\n});\n\nexport default ProgressBar;\n\nconst Progress = React.forwardRef(function (props, ref) {\n  logger.warn(\n    true,\n    \"Component '<Progress/>' is deprecated, use '<ProgressBar.Value/>'\",\n    props['data-ui-name'] || ProgressBar.displayName,\n  );\n  return <ProgressBar.Value ref={ref} {...props} />;\n});\n\nconst Bar = React.forwardRef(function (props, ref) {\n  logger.warn(\n    true,\n    \"Component '<Bar/>' is deprecated, please use '<ProgressBar/>'\",\n    props['data-ui-name'] || ProgressBar.displayName,\n  );\n  return <ProgressBar ref={ref} {...props} />;\n});\n\nexport { Bar, Progress };\n"],"file":"ProgressBar.js"}

package/lib/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -26,4 +26,8 @@ Object.keys(_ProgressBar).forEach(function (key) {
     }
   });
 });
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 //# sourceMappingURL=index.js.map

package/lib/cjs/style/progress-bar.shadow.css

@@ -100,3 +100,12 @@ SValue[theme] {
   background-color: var(--backgroundColor);
   background-image: var(--backgroundColor);
 }
+
+@media (prefers-reduced-motion) {
+  SValue {
+    animation-name: none;
+  }
+  SProgressBar[animation] {
+    animation-name: none;
+  }
+}

package/lib/es6/ProgressBar.js

@@ -9,10 +9,11 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
+var _excluded = ["Children", "styles", "duration", "size", "theme", "value", "animation"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -29,25 +30,25 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SProgressBar_1gore_gg_{position:relative;width:100%;overflow:hidden}.___SValue_1gore_gg_{position:absolute;top:0;left:0;background-image:linear-gradient(-45deg,#479d2e 25%,#4fae33 0,#4fae33 50%,#479d2e 0,#479d2e 76%,#4fae33 0);overflow:hidden;-webkit-animation-name:loading_1wbyfk1;animation-name:loading_1wbyfk1;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;transition-duration:1s}.___SProgressBar_1gore_gg_._size_s_1gore_gg_,.___SValue_1gore_gg_._size_s_1gore_gg_{height:4px;border-radius:2px;background-size:8px 8px}.___SProgressBar_1gore_gg_._size_m_1gore_gg_,.___SValue_1gore_gg_._size_m_1gore_gg_{height:8px;border-radius:4px;background-size:12px 12px}.___SProgressBar_1gore_gg_._size_l_1gore_gg_,.___SValue_1gore_gg_._size_l_1gore_gg_{height:12px;border-radius:6px;background-size:16px 16px}.___SProgressBar_1gore_gg_._theme_dark_1gore_gg_{background-color:hsla(0,0%,100%,.2)}.___SProgressBar_1gore_gg_._theme_invert_1gore_gg_{background-color:#dee3e5}@-webkit-keyframes loading_1wbyfk1{0%{background-position:0 0}to{background-position:60px 0}}@keyframes loading_1wbyfk1{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_1gore_gg_.__animation_1gore_gg_{background-image:linear-gradient(-45deg,#c8ccce 25%,#dee3e5 0,#dee3e5 50%,#c8ccce 0,#c8ccce 76%,#dee3e5 0);-webkit-animation-name:loading_1wbyfk1;animation-name:loading_1wbyfk1;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.___SProgressBar_1gore_gg_._theme_custom_1gore_gg_{background-color:var(--backgroundColor_1wbyfk1);background-image:var(--backgroundColor_1wbyfk1)}.___SProgressBar_1gore_gg_.__animation_1gore_gg_,.___SValue_1gore_gg_{-webkit-animation-duration:var(--duration_1wbyfk1);animation-duration:var(--duration_1wbyfk1)}.___SValue_1gore_gg_{width:var(--width_1wbyfk1)}.___SValue_1gore_gg_.__theme_1gore_gg_{background-color:var(--backgroundColor_1wbyfk1);background-image:var(--backgroundColor_1wbyfk1)}"
+".___SProgressBar_1jx5f_gg_{position:relative;width:100%;overflow:hidden}.___SValue_1jx5f_gg_{position:absolute;top:0;left:0;background-image:linear-gradient(-45deg,#479d2e 25%,#4fae33 0,#4fae33 50%,#479d2e 0,#479d2e 76%,#4fae33 0);overflow:hidden;-webkit-animation-name:loading_1v03k;animation-name:loading_1v03k;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;transition-duration:1s}.___SProgressBar_1jx5f_gg_._size_s_1jx5f_gg_,.___SValue_1jx5f_gg_._size_s_1jx5f_gg_{height:4px;border-radius:2px;background-size:8px 8px}.___SProgressBar_1jx5f_gg_._size_m_1jx5f_gg_,.___SValue_1jx5f_gg_._size_m_1jx5f_gg_{height:8px;border-radius:4px;background-size:12px 12px}.___SProgressBar_1jx5f_gg_._size_l_1jx5f_gg_,.___SValue_1jx5f_gg_._size_l_1jx5f_gg_{height:12px;border-radius:6px;background-size:16px 16px}.___SProgressBar_1jx5f_gg_._theme_dark_1jx5f_gg_{background-color:hsla(0,0%,100%,.2)}.___SProgressBar_1jx5f_gg_._theme_invert_1jx5f_gg_{background-color:#dee3e5}@-webkit-keyframes loading_1v03k{0%{background-position:0 0}to{background-position:60px 0}}@keyframes loading_1v03k{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_1jx5f_gg_.__animation_1jx5f_gg_{background-image:linear-gradient(-45deg,#c8ccce 25%,#dee3e5 0,#dee3e5 50%,#c8ccce 0,#c8ccce 76%,#dee3e5 0);-webkit-animation-name:loading_1v03k;animation-name:loading_1v03k;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.___SProgressBar_1jx5f_gg_._theme_custom_1jx5f_gg_{background-color:var(--backgroundColor_1v03k)}.___SProgressBar_1jx5f_gg_._theme_custom_1jx5f_gg_{background-image:var(--backgroundColor_1v03k)}.___SProgressBar_1jx5f_gg_.__animation_1jx5f_gg_{-webkit-animation-duration:var(--duration_1v03k);animation-duration:var(--duration_1v03k)}.___SValue_1jx5f_gg_{width:var(--width_1v03k);-webkit-animation-duration:var(--duration_1v03k);animation-duration:var(--duration_1v03k)}.___SValue_1jx5f_gg_.__theme_1jx5f_gg_{background-color:var(--backgroundColor_1v03k);background-image:var(--backgroundColor_1v03k)}@media (prefers-reduced-motion){.___SValue_1jx5f_gg_{-webkit-animation-name:none;animation-name:none}.___SProgressBar_1jx5f_gg_.__animation_1jx5f_gg_{-webkit-animation-name:none;animation-name:none}}"
 /*__inner_css_end__*/
-, "1wbyfk1_gg_")
+, "1v03k_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SProgressBar": "___SProgressBar_1gore_gg_",
-  "__SValue": "___SValue_1gore_gg_",
-  "_size_s": "_size_s_1gore_gg_",
-  "_size_m": "_size_m_1gore_gg_",
-  "_size_l": "_size_l_1gore_gg_",
-  "_theme_dark": "_theme_dark_1gore_gg_",
-  "_theme_invert": "_theme_invert_1gore_gg_",
-  "@loading": "loading_1wbyfk1",
-  "_animation": "__animation_1gore_gg_",
-  "_theme_custom": "_theme_custom_1gore_gg_",
-  "--backgroundColor": "--backgroundColor_1wbyfk1",
-  "--duration": "--duration_1wbyfk1",
-  "--width": "--width_1wbyfk1",
-  "_theme": "__theme_1gore_gg_"
+  "__SProgressBar": "___SProgressBar_1jx5f_gg_",
+  "__SValue": "___SValue_1jx5f_gg_",
+  "_size_s": "_size_s_1jx5f_gg_",
+  "_size_m": "_size_m_1jx5f_gg_",
+  "_size_l": "_size_l_1jx5f_gg_",
+  "_theme_dark": "_theme_dark_1jx5f_gg_",
+  "_theme_invert": "_theme_invert_1jx5f_gg_",
+  "@loading": "loading_1v03k",
+  "_animation": "__animation_1jx5f_gg_",
+  "_theme_custom": "_theme_custom_1jx5f_gg_",
+  "--backgroundColor": "--backgroundColor_1v03k",
+  "--duration": "--duration_1v03k",
+  "--width": "--width_1v03k",
+  "_theme": "__theme_1jx5f_gg_"
 });
 
 function isCustomTheme(theme) {
@@ -94,7 +95,7 @@ var ProgressBarRoot = /*#__PURE__*/function (_Component) {
           theme = _this$asProps2.theme,
           value = _this$asProps2.value,
           animation = _this$asProps2.animation,
-          other = _objectWithoutProperties(_this$asProps2, ["Children", "styles", "duration", "size", "theme", "value", "animation"]);
+          other = _objectWithoutProperties(_this$asProps2, _excluded);
 
       var useTheme = isCustomTheme(theme) ? 'custom' : theme;
       var color = resolveColor(theme);

package/lib/es6/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ProgressBar.js"],"names":["React","createComponent","Component","sstyled","Root","Box","resolveColor","logger","isCustomTheme","theme","includes","ProgressBarRoot","asProps","value","duration","size","SProgressBar","Children","styles","animation","other","useTheme","color","warn","undefined","displayName","style","children","Value","props","SValue","width","ProgressBar","Progress","forwardRef","ref","Bar"],"mappings":"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","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor from '@semcore/utils/lib/color';\nimport logger from '@semcore/utils/lib/logger';\n\nimport style from './style/progress-bar.shadow.css';\n\nfunction isCustomTheme(theme) {\n  return !['dark', 'invert'].includes(theme);\n}\n\nclass ProgressBarRoot extends Component {\n  static displayName = 'ProgressBar';\n  static style = style;\n  static defaultProps = () => ({\n    duration: 1000,\n    size: 'm',\n    theme: 'invert',\n    children: <ProgressBar.Value />,\n  });\n\n  getValueProps() {\n    const { value, duration, size } = this.asProps;\n    return {\n      value,\n      duration,\n      size,\n    };\n  }\n\n  render() {\n    const SProgressBar = Root;\n    const { Children, styles, duration, size, theme, value, animation, ...other } = this.asProps;\n    const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n    const color = resolveColor(theme);\n\n    logger.warn(\n      animation !== undefined,\n      \"The 'animation' property is deprecated, use 'value'\",\n      other['data-ui-name'] || ProgressBarRoot.displayName,\n    );\n\n    return sstyled(styles)(\n      <SProgressBar\n        render={Box}\n        use:theme={useTheme}\n        use:animation={animation === undefined ? !value : animation}\n        use:duration={`${duration}ms`}\n        backgroundColor={color}\n      >\n        <Children />\n      </SProgressBar>,\n    );\n  }\n}\n\nfunction Value(props) {\n  const SValue = Root;\n  const { styles, value, size, theme, duration } = props;\n  const width = `${value}%`;\n  const color = resolveColor(theme);\n\n  return sstyled(styles)(\n    <SValue\n      render={Box}\n      use:width={width}\n      use:duration={`${duration}ms`}\n      backgroundColor={color}\n    />,\n  );\n}\n\nconst ProgressBar = createComponent(ProgressBarRoot, {\n  Value,\n});\n\nexport default ProgressBar;\n\nconst Progress = React.forwardRef(function(props, ref) {\n  logger.warn(\n    true,\n    \"Component '<Progress/>' is deprecated, use '<ProgressBar.Value/>'\",\n    props['data-ui-name'] || ProgressBar.displayName,\n  );\n  return <ProgressBar.Value ref={ref} {...props} />;\n});\n\nconst Bar = React.forwardRef(function(props, ref) {\n  logger.warn(\n    true,\n    \"Component '<Bar/>' is deprecated, please use '<ProgressBar/>'\",\n    props['data-ui-name'] || ProgressBar.displayName,\n  );\n  return <ProgressBar ref={ref} {...props} />;\n});\n\nexport { Bar, Progress };\n"],"file":"ProgressBar.js"}
+{"version":3,"sources":["../../src/ProgressBar.js"],"names":["React","createComponent","Component","sstyled","Root","Box","resolveColor","logger","isCustomTheme","theme","includes","ProgressBarRoot","asProps","value","duration","size","SProgressBar","Children","styles","animation","other","useTheme","color","warn","undefined","displayName","style","children","Value","props","SValue","width","ProgressBar","Progress","forwardRef","ref","Bar"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,OAArC,EAA8CC,IAA9C,QAA0D,eAA1D;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,YAAP,MAAyB,0BAAzB;AACA,OAAOC,MAAP,MAAmB,2BAAnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,SAASC,aAAT,CAAuBC,KAAvB,EAA8B;AAC5B,SAAO,CAAC,CAAC,MAAD,EAAS,QAAT,EAAmBC,QAAnB,CAA4BD,KAA5B,CAAR;AACD;;IAEKE,e;;;;;;;;;;;;;WAUJ,yBAAgB;AACd,0BAAkC,KAAKC,OAAvC;AAAA,UAAQC,KAAR,iBAAQA,KAAR;AAAA,UAAeC,QAAf,iBAAeA,QAAf;AAAA,UAAyBC,IAAzB,iBAAyBA,IAAzB;AACA,aAAO;AACLF,QAAAA,KAAK,EAALA,KADK;AAELC,QAAAA,QAAQ,EAARA,QAFK;AAGLC,QAAAA,IAAI,EAAJA;AAHK,OAAP;AAKD;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAaNX,GAbZ;;AACA,2BAAgF,KAAKO,OAArF;AAAA,UAAQK,QAAR,kBAAQA,QAAR;AAAA,UAAkBC,MAAlB,kBAAkBA,MAAlB;AAAA,UAA0BJ,QAA1B,kBAA0BA,QAA1B;AAAA,UAAoCC,IAApC,kBAAoCA,IAApC;AAAA,UAA0CN,KAA1C,kBAA0CA,KAA1C;AAAA,UAAiDI,KAAjD,kBAAiDA,KAAjD;AAAA,UAAwDM,SAAxD,kBAAwDA,SAAxD;AAAA,UAAsEC,KAAtE;;AACA,UAAMC,QAAQ,GAAGb,aAAa,CAACC,KAAD,CAAb,GAAuB,QAAvB,GAAkCA,KAAnD;AACA,UAAMa,KAAK,GAAGhB,YAAY,CAACG,KAAD,CAA1B;AAEAF,MAAAA,MAAM,CAACgB,IAAP,CACEJ,SAAS,KAAKK,SADhB,EAEE,qDAFF,EAGEJ,KAAK,CAAC,cAAD,CAAL,IAAyBT,eAAe,CAACc,WAH3C;AAMA,qBAAOtB,OAAO,CAACe,MAAD,CAAd,eACE,oBAAC,YAAD;AAAA,qBAEaG,QAFb;AAAA,yBAGiBF,SAAS,KAAKK,SAAd,GAA0B,CAACX,KAA3B,GAAmCM,SAHpD;AAAA,kCAImBL,QAJnB;AAAA,2BAKmBQ;AALnB,+BAOE,oBAAC,QAAD,2BAPF,CADF;AAWD;;;;EA1C2BpB,S;;gBAAxBS,e,iBACiB,a;;gBADjBA,e,WAEWe,K;;gBAFXf,e,kBAGkB;AAAA,SAAO;AAC3BG,IAAAA,QAAQ,EAAE,IADiB;AAE3BC,IAAAA,IAAI,EAAE,GAFqB;AAG3BN,IAAAA,KAAK,EAAE,QAHoB;AAI3BkB,IAAAA,QAAQ,eAAE,oBAAC,WAAD,CAAa,KAAb;AAJiB,GAAP;AAAA,C;;AA0CxB,SAASC,KAAT,CAAeC,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMC,MAAM,GAOAzB,GAPZ;AACA,MAAQa,MAAR,GAAiDW,KAAjD,CAAQX,MAAR;AAAA,MAAgBL,KAAhB,GAAiDgB,KAAjD,CAAgBhB,KAAhB;AAAA,MAAuBE,IAAvB,GAAiDc,KAAjD,CAAuBd,IAAvB;AAAA,MAA6BN,KAA7B,GAAiDoB,KAAjD,CAA6BpB,KAA7B;AAAA,MAAoCK,QAApC,GAAiDe,KAAjD,CAAoCf,QAApC;AACA,MAAMiB,KAAK,aAAMlB,KAAN,MAAX;AACA,MAAMS,KAAK,GAAGhB,YAAY,CAACG,KAAD,CAA1B;AAEA,iBAAON,OAAO,CAACe,MAAD,CAAd,eACE,oBAAC,MAAD;AAAA,iBAEaa,KAFb;AAAA,8BAGmBjB,QAHnB;AAAA,uBAImBQ;AAJnB,cADF;AAQD;;AAED,IAAMU,WAAW,GAAG/B,eAAe,CAACU,eAAD,EAAkB;AACnDiB,EAAAA,KAAK,EAALA;AADmD,CAAlB,CAAnC;AAIA,eAAeI,WAAf;AAEA,IAAMC,QAAQ,gBAAGjC,KAAK,CAACkC,UAAN,CAAiB,UAAUL,KAAV,EAAiBM,GAAjB,EAAsB;AACtD5B,EAAAA,MAAM,CAACgB,IAAP,CACE,IADF,EAEE,mEAFF,EAGEM,KAAK,CAAC,cAAD,CAAL,IAAyBG,WAAW,CAACP,WAHvC;AAKA,sBAAO,oBAAC,WAAD,CAAa,KAAb;AAAmB,IAAA,GAAG,EAAEU;AAAxB,KAAiCN,KAAjC,EAAP;AACD,CAPgB,CAAjB;AASA,IAAMO,GAAG,gBAAGpC,KAAK,CAACkC,UAAN,CAAiB,UAAUL,KAAV,EAAiBM,GAAjB,EAAsB;AACjD5B,EAAAA,MAAM,CAACgB,IAAP,CACE,IADF,EAEE,+DAFF,EAGEM,KAAK,CAAC,cAAD,CAAL,IAAyBG,WAAW,CAACP,WAHvC;AAKA,sBAAO,oBAAC,WAAD;AAAa,IAAA,GAAG,EAAEU;AAAlB,KAA2BN,KAA3B,EAAP;AACD,CAPW,CAAZ;AASA,SAASO,GAAT,EAAcH,QAAd","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor from '@semcore/utils/lib/color';\nimport logger from '@semcore/utils/lib/logger';\n\nimport style from './style/progress-bar.shadow.css';\n\nfunction isCustomTheme(theme) {\n  return !['dark', 'invert'].includes(theme);\n}\n\nclass ProgressBarRoot extends Component {\n  static displayName = 'ProgressBar';\n  static style = style;\n  static defaultProps = () => ({\n    duration: 1000,\n    size: 'm',\n    theme: 'invert',\n    children: <ProgressBar.Value />,\n  });\n\n  getValueProps() {\n    const { value, duration, size } = this.asProps;\n    return {\n      value,\n      duration,\n      size,\n    };\n  }\n\n  render() {\n    const SProgressBar = Root;\n    const { Children, styles, duration, size, theme, value, animation, ...other } = this.asProps;\n    const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n    const color = resolveColor(theme);\n\n    logger.warn(\n      animation !== undefined,\n      \"The 'animation' property is deprecated, use 'value'\",\n      other['data-ui-name'] || ProgressBarRoot.displayName,\n    );\n\n    return sstyled(styles)(\n      <SProgressBar\n        render={Box}\n        use:theme={useTheme}\n        use:animation={animation === undefined ? !value : animation}\n        use:duration={`${duration}ms`}\n        backgroundColor={color}\n      >\n        <Children />\n      </SProgressBar>,\n    );\n  }\n}\n\nfunction Value(props) {\n  const SValue = Root;\n  const { styles, value, size, theme, duration } = props;\n  const width = `${value}%`;\n  const color = resolveColor(theme);\n\n  return sstyled(styles)(\n    <SValue\n      render={Box}\n      use:width={width}\n      use:duration={`${duration}ms`}\n      backgroundColor={color}\n    />,\n  );\n}\n\nconst ProgressBar = createComponent(ProgressBarRoot, {\n  Value,\n});\n\nexport default ProgressBar;\n\nconst Progress = React.forwardRef(function (props, ref) {\n  logger.warn(\n    true,\n    \"Component '<Progress/>' is deprecated, use '<ProgressBar.Value/>'\",\n    props['data-ui-name'] || ProgressBar.displayName,\n  );\n  return <ProgressBar.Value ref={ref} {...props} />;\n});\n\nconst Bar = React.forwardRef(function (props, ref) {\n  logger.warn(\n    true,\n    \"Component '<Bar/>' is deprecated, please use '<ProgressBar/>'\",\n    props['data-ui-name'] || ProgressBar.displayName,\n  );\n  return <ProgressBar ref={ref} {...props} />;\n});\n\nexport { Bar, Progress };\n"],"file":"ProgressBar.js"}

package/lib/es6/style/progress-bar.shadow.css

@@ -100,3 +100,12 @@ SValue[theme] {
   background-color: var(--backgroundColor);
   background-image: var(--backgroundColor);
 }
+
+@media (prefers-reduced-motion) {
+  SValue {
+    animation-name: none;
+  }
+  SProgressBar[animation] {
+    animation-name: none;
+  }
+}

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@semcore/progress-bar",
   "description": "SEMRush ProgressBar Component",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
+  "sideEffects": false,
   "author": "Roman Lysov <r.lysov@semrush.com>",
   "license": "MIT",
   "scripts": {
@@ -20,6 +21,11 @@
     "react": "16.8 - 17"
   },
   "jest": {
-    "preset": "jest-preset-ui"
+    "preset": "@semcore/jest-preset-ui"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/semrush/intergalactic.git",
+    "directory": "semcore/progress-bar"
   }
 }

package/src/ProgressBar.js

@@ -77,7 +77,7 @@ const ProgressBar = createComponent(ProgressBarRoot, {
 
 export default ProgressBar;
 
-const Progress = React.forwardRef(function(props, ref) {
+const Progress = React.forwardRef(function (props, ref) {
   logger.warn(
     true,
     "Component '<Progress/>' is deprecated, use '<ProgressBar.Value/>'",
@@ -86,7 +86,7 @@ const Progress = React.forwardRef(function(props, ref) {
   return <ProgressBar.Value ref={ref} {...props} />;
 });
 
-const Bar = React.forwardRef(function(props, ref) {
+const Bar = React.forwardRef(function (props, ref) {
   logger.warn(
     true,
     "Component '<Bar/>' is deprecated, please use '<ProgressBar/>'",

package/src/style/progress-bar.shadow.css

@@ -100,3 +100,12 @@ SValue[theme] {
   background-color: var(--backgroundColor);
   background-image: var(--backgroundColor);
 }
+
+@media (prefers-reduced-motion) {
+  SValue {
+    animation-name: none;
+  }
+  SProgressBar[animation] {
+    animation-name: none;
+  }
+}