@semcore/progress-bar 3.3.11 → 3.3.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +2 -2
- package/lib/cjs/ProgressBar.js +24 -36
- package/lib/cjs/ProgressBar.js.map +1 -1
- package/lib/es6/ProgressBar.js +18 -27
- package/lib/es6/ProgressBar.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [3.3.
|
|
5
|
+
## [3.3.12] - 2023-03-13
|
|
6
6
|
|
|
7
7
|
### Changed
|
|
8
8
|
|
|
9
|
-
- Version patch update due to children dependencies update (`@semcore/flex-box` [4.7.
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/flex-box` [4.7.10 ~> 4.7.11], `@semcore/utils` [3.47.1 ~> 3.47.2]).
|
|
10
10
|
|
|
11
11
|
## [3.3.9] - 2023-02-09
|
|
12
12
|
|
package/lib/cjs/ProgressBar.js
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
10
|
exports["default"] = void 0;
|
|
11
11
|
|
|
12
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
|
+
|
|
12
14
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
15
|
|
|
14
16
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
17
|
|
|
16
18
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
19
|
|
|
18
|
-
var
|
|
19
|
-
|
|
20
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
20
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
21
21
|
|
|
22
22
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
23
|
|
|
@@ -29,42 +29,30 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
29
29
|
|
|
30
30
|
var _color = _interopRequireDefault(require("@semcore/utils/lib/color"));
|
|
31
31
|
|
|
32
|
-
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); }
|
|
33
|
-
|
|
34
|
-
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; }
|
|
35
|
-
|
|
36
|
-
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; }
|
|
37
|
-
|
|
38
|
-
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; }
|
|
39
|
-
|
|
40
|
-
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); }; }
|
|
41
|
-
|
|
42
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
43
|
-
|
|
44
32
|
/*__reshadow-styles__:"./style/progress-bar.shadow.css"*/
|
|
45
33
|
var style = (
|
|
46
34
|
/*__reshadow_css_start__*/
|
|
47
35
|
_core.sstyled.insert(
|
|
48
36
|
/*__inner_css_start__*/
|
|
49
|
-
"@keyframes
|
|
37
|
+
"@keyframes loading_1lnh0{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_1lnh0_gg_{position:relative;width:100%;overflow:hidden}.___SValue_1lnh0_gg_{position:absolute;top:0;left:0;background-color:var(--intergalactic-progress-bar-value-bg, #000000);background-image:var(--intergalactic-progress-bar-value-gradient,\n linear-gradient(\n -45deg,\n rgba(0, 159, 129, 0.9) 25%,\n rgba(0, 159, 129, 1) 0%,\n rgba(0, 159, 129, 1) 50%,\n rgba(0, 159, 129, 0.9) 0%,\n rgba(0, 159, 129, 0.9) 75%,\n rgba(0, 159, 129, 1) 0%\n )\n );overflow:hidden;animation-name:loading_1lnh0;animation-timing-function:linear;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;transition-duration:1000ms}.___SProgressBar_1lnh0_gg_._size_s_1lnh0_gg_,.___SValue_1lnh0_gg_._size_s_1lnh0_gg_{height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:8px 8px}.___SProgressBar_1lnh0_gg_._size_m_1lnh0_gg_,.___SValue_1lnh0_gg_._size_m_1lnh0_gg_{height:8px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px 12px}.___SProgressBar_1lnh0_gg_._size_l_1lnh0_gg_,.___SValue_1lnh0_gg_._size_l_1lnh0_gg_{height:12px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:16px 16px}.___SProgressBar_1lnh0_gg_._theme_dark_1lnh0_gg_{background-color:var(--intergalactic-progress-bar-bg-invert, rgba(255, 255, 255, 0.2))}.___SProgressBar_1lnh0_gg_,.___SProgressBar_1lnh0_gg_._theme_invert_1lnh0_gg_{background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_1lnh0_gg_.__animation_1lnh0_gg_{background-color:var(--intergalactic-progress-bar-value-bg, #000000);background-image:var(--intergalactic-progress-bar-pattern-gradient,\n linear-gradient(\n -45deg,\n rgba(224, 225, 233, 0.9) 25%,\n rgba(224, 225, 233, 1) 0%,\n rgba(224, 225, 233, 1) 50%,\n rgba(224, 225, 233, 0.9) 0%,\n rgba(224, 225, 233, 0.9) 75%,\n rgba(224, 225, 233, 1) 0%\n )\n );animation-name:loading_1lnh0;animation-timing-function:linear;animation-iteration-count:infinite}.___SProgressBar_1lnh0_gg_._theme_custom_1lnh0_gg_{background-color:var(--colorBg_1lnh0);background-image:var(--colorBg_1lnh0)}.___SProgressBar_1lnh0_gg_.__animation_1lnh0_gg_,.___SValue_1lnh0_gg_{animation-duration:var(--duration_1lnh0)}.___SValue_1lnh0_gg_{width:var(--width_1lnh0)}.___SValue_1lnh0_gg_.__theme_1lnh0_gg_{background-color:var(--colorBg_1lnh0);background-image:var(--colorBg_1lnh0)}@media (prefers-reduced-motion){.___SProgressBar_1lnh0_gg_.__animation_1lnh0_gg_,.___SValue_1lnh0_gg_{animation-name:none}}"
|
|
50
38
|
/*__inner_css_end__*/
|
|
51
|
-
, "
|
|
39
|
+
, "1lnh0_gg_")
|
|
52
40
|
/*__reshadow_css_end__*/
|
|
53
41
|
, {
|
|
54
|
-
"__SProgressBar": "
|
|
55
|
-
"__SValue": "
|
|
56
|
-
"_size_s": "
|
|
57
|
-
"_size_m": "
|
|
58
|
-
"_size_l": "
|
|
59
|
-
"_theme_dark": "
|
|
60
|
-
"_theme_invert": "
|
|
61
|
-
"@loading": "
|
|
62
|
-
"_animation": "
|
|
63
|
-
"_theme_custom": "
|
|
64
|
-
"--colorBg": "--
|
|
65
|
-
"--duration": "--
|
|
66
|
-
"--width": "--
|
|
67
|
-
"_theme": "
|
|
42
|
+
"__SProgressBar": "___SProgressBar_1lnh0_gg_",
|
|
43
|
+
"__SValue": "___SValue_1lnh0_gg_",
|
|
44
|
+
"_size_s": "_size_s_1lnh0_gg_",
|
|
45
|
+
"_size_m": "_size_m_1lnh0_gg_",
|
|
46
|
+
"_size_l": "_size_l_1lnh0_gg_",
|
|
47
|
+
"_theme_dark": "_theme_dark_1lnh0_gg_",
|
|
48
|
+
"_theme_invert": "_theme_invert_1lnh0_gg_",
|
|
49
|
+
"@loading": "loading_1lnh0",
|
|
50
|
+
"_animation": "__animation_1lnh0_gg_",
|
|
51
|
+
"_theme_custom": "_theme_custom_1lnh0_gg_",
|
|
52
|
+
"--colorBg": "--colorBg_1lnh0",
|
|
53
|
+
"--duration": "--duration_1lnh0",
|
|
54
|
+
"--width": "--width_1lnh0",
|
|
55
|
+
"_theme": "__theme_1lnh0_gg_"
|
|
68
56
|
});
|
|
69
57
|
|
|
70
58
|
function isCustomTheme(theme) {
|
|
@@ -74,7 +62,7 @@ function isCustomTheme(theme) {
|
|
|
74
62
|
var ProgressBarRoot = /*#__PURE__*/function (_Component) {
|
|
75
63
|
(0, _inherits2["default"])(ProgressBarRoot, _Component);
|
|
76
64
|
|
|
77
|
-
var _super =
|
|
65
|
+
var _super = (0, _createSuper2["default"])(ProgressBarRoot);
|
|
78
66
|
|
|
79
67
|
function ProgressBarRoot() {
|
|
80
68
|
(0, _classCallCheck2["default"])(this, ProgressBarRoot);
|
|
@@ -108,7 +96,7 @@ var ProgressBarRoot = /*#__PURE__*/function (_Component) {
|
|
|
108
96
|
theme = _this$asProps2.theme,
|
|
109
97
|
value = _this$asProps2.value;
|
|
110
98
|
var useTheme = isCustomTheme(theme) ? 'custom' : theme;
|
|
111
|
-
return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SProgressBar, _ref3.cn("SProgressBar",
|
|
99
|
+
return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SProgressBar, _ref3.cn("SProgressBar", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
112
100
|
"use:theme": useTheme,
|
|
113
101
|
"use:animation": !value,
|
|
114
102
|
"use:duration": "".concat(duration, "ms"),
|
|
@@ -142,7 +130,7 @@ function Value(props) {
|
|
|
142
130
|
theme = props.theme,
|
|
143
131
|
duration = props.duration;
|
|
144
132
|
var width = "".concat(value, "%");
|
|
145
|
-
return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SValue, _ref4.cn("SValue",
|
|
133
|
+
return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SValue, _ref4.cn("SValue", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
146
134
|
"use:width": width,
|
|
147
135
|
"use:duration": "".concat(duration, "ms"),
|
|
148
136
|
"colorBg": (0, _color["default"])(theme)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","names":["isCustomTheme","theme","includes","ProgressBarRoot","asProps","value","duration","size","SProgressBar","Box","Children","styles","useTheme","sstyled","resolveColor","Component","style","children","Value","props","SValue","width","ProgressBar","createComponent"],"sources":["../../src/ProgressBar.jsx"],"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';\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, theme, value } = this.asProps;\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n return sstyled(styles)(\n <SProgressBar\n render={Box}\n use:theme={useTheme}\n use:animation={!value}\n use:duration={`${duration}ms`}\n colorBg={resolveColor(theme)}\n role=\"progressbar\"\n aria-valuenow={value}\n >\n <Children />\n </SProgressBar>,\n );\n }\n}\n\nfunction Value(props) {\n const SValue = Root;\n const { styles, value, theme, duration } = props;\n const width = `${value}%`;\n\n return sstyled(styles)(\n <SValue\n render={Box}\n use:width={width}\n use:duration={`${duration}ms`}\n colorBg={resolveColor(theme)}\n />,\n );\n}\n\nconst ProgressBar = createComponent(ProgressBarRoot, {\n Value,\n});\n\nexport default ProgressBar;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","names":["isCustomTheme","theme","includes","ProgressBarRoot","asProps","value","duration","size","SProgressBar","Box","Children","styles","useTheme","sstyled","resolveColor","Component","style","children","Value","props","SValue","width","ProgressBar","createComponent"],"sources":["../../src/ProgressBar.jsx"],"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';\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, theme, value } = this.asProps;\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n return sstyled(styles)(\n <SProgressBar\n render={Box}\n use:theme={useTheme}\n use:animation={!value}\n use:duration={`${duration}ms`}\n colorBg={resolveColor(theme)}\n role=\"progressbar\"\n aria-valuenow={value}\n >\n <Children />\n </SProgressBar>,\n );\n }\n}\n\nfunction Value(props) {\n const SValue = Root;\n const { styles, value, theme, duration } = props;\n const width = `${value}%`;\n\n return sstyled(styles)(\n <SValue\n render={Box}\n use:width={width}\n use:duration={`${duration}ms`}\n colorBg={resolveColor(theme)}\n />,\n );\n}\n\nconst ProgressBar = createComponent(ProgressBarRoot, {\n Value,\n});\n\nexport default ProgressBar;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,SAASA,aAAT,CAAuBC,KAAvB,EAA8B;EAC5B,OAAO,CAAC,CAAC,MAAD,EAAS,QAAT,EAAmBC,QAAnB,CAA4BD,KAA5B,CAAR;AACD;;IAEKE,e;;;;;;;;;;;;WAUJ,yBAAgB;MACd,oBAAkC,KAAKC,OAAvC;MAAA,IAAQC,KAAR,iBAAQA,KAAR;MAAA,IAAeC,QAAf,iBAAeA,QAAf;MAAA,IAAyBC,IAAzB,iBAAyBA,IAAzB;MACA,OAAO;QACLF,KAAK,EAALA,KADK;QAELC,QAAQ,EAARA,QAFK;QAGLC,IAAI,EAAJA;MAHK,CAAP;IAKD;;;WAED,kBAAS;MAAA;MAAA;;MACP,IAAMC,YAAY,GAMNC,YANZ;MACA,qBAAqD,KAAKL,OAA1D;MAAA,IAAQM,QAAR,kBAAQA,QAAR;MAAA,IAAkBC,MAAlB,kBAAkBA,MAAlB;MAAA,IAA0BL,QAA1B,kBAA0BA,QAA1B;MAAA,IAAoCL,KAApC,kBAAoCA,KAApC;MAAA,IAA2CI,KAA3C,kBAA2CA,KAA3C;MACA,IAAMO,QAAQ,GAAGZ,aAAa,CAACC,KAAD,CAAb,GAAuB,QAAvB,GAAkCA,KAAnD;MAEA,eAAO,IAAAY,aAAA,EAAQF,MAAR,CAAP,eACE,gCAAC,YAAD;QAAA,aAEaC,QAFb;QAAA,iBAGiB,CAACP,KAHlB;QAAA,0BAImBC,QAJnB;QAAA,WAKW,IAAAQ,iBAAA,EAAab,KAAb,CALX;QAAA,QAMO,aANP;QAAA,iBAOiBI;MAPjB,yBASE,gCAAC,QAAD,2BATF,CADF;IAaD;;;EArC2BU,e;;iCAAxBZ,e,iBACiB,a;iCADjBA,e,WAEWa,K;iCAFXb,e,kBAGkB;EAAA,OAAO;IAC3BG,QAAQ,EAAE,IADiB;IAE3BC,IAAI,EAAE,GAFqB;IAG3BN,KAAK,EAAE,QAHoB;IAI3BgB,QAAQ,eAAE,gCAAC,WAAD,CAAa,KAAb;EAJiB,CAAP;AAAA,C;;AAqCxB,SAASC,KAAT,CAAeC,KAAf,EAAsB;EAAA;EAAA;;EACpB,IAAMC,MAAM,GAMAX,YANZ;EACA,IAAQE,MAAR,GAA2CQ,KAA3C,CAAQR,MAAR;EAAA,IAAgBN,KAAhB,GAA2Cc,KAA3C,CAAgBd,KAAhB;EAAA,IAAuBJ,KAAvB,GAA2CkB,KAA3C,CAAuBlB,KAAvB;EAAA,IAA8BK,QAA9B,GAA2Ca,KAA3C,CAA8Bb,QAA9B;EACA,IAAMe,KAAK,aAAMhB,KAAN,MAAX;EAEA,eAAO,IAAAQ,aAAA,EAAQF,MAAR,CAAP,eACE,gCAAC,MAAD;IAAA,aAEaU,KAFb;IAAA,0BAGmBf,QAHnB;IAAA,WAIW,IAAAQ,iBAAA,EAAab,KAAb;EAJX,YADF;AAQD;;AAED,IAAMqB,WAAW,GAAG,IAAAC,gBAAA,EAAgBpB,eAAhB,EAAiC;EACnDe,KAAK,EAALA;AADmD,CAAjC,CAApB;eAIeI,W"}
|
package/lib/es6/ProgressBar.js
CHANGED
|
@@ -1,21 +1,12 @@
|
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
1
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
4
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
4
|
-
import
|
|
5
|
-
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
5
|
+
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
7
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
8
8
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
9
9
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
10
|
-
|
|
11
|
-
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; }
|
|
12
|
-
|
|
13
|
-
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; }
|
|
14
|
-
|
|
15
|
-
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); }; }
|
|
16
|
-
|
|
17
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
18
|
-
|
|
19
10
|
import React from 'react';
|
|
20
11
|
import createComponent, { Component, sstyled, Root } from '@semcore/core';
|
|
21
12
|
import { Box } from '@semcore/flex-box';
|
|
@@ -26,25 +17,25 @@ var style = (
|
|
|
26
17
|
/*__reshadow_css_start__*/
|
|
27
18
|
_sstyled.insert(
|
|
28
19
|
/*__inner_css_start__*/
|
|
29
|
-
"@keyframes
|
|
20
|
+
"@keyframes loading_1lnh0{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_1lnh0_gg_{position:relative;width:100%;overflow:hidden}.___SValue_1lnh0_gg_{position:absolute;top:0;left:0;background-color:var(--intergalactic-progress-bar-value-bg, #000000);background-image:var(--intergalactic-progress-bar-value-gradient,\n linear-gradient(\n -45deg,\n rgba(0, 159, 129, 0.9) 25%,\n rgba(0, 159, 129, 1) 0%,\n rgba(0, 159, 129, 1) 50%,\n rgba(0, 159, 129, 0.9) 0%,\n rgba(0, 159, 129, 0.9) 75%,\n rgba(0, 159, 129, 1) 0%\n )\n );overflow:hidden;animation-name:loading_1lnh0;animation-timing-function:linear;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;transition-duration:1000ms}.___SProgressBar_1lnh0_gg_._size_s_1lnh0_gg_,.___SValue_1lnh0_gg_._size_s_1lnh0_gg_{height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:8px 8px}.___SProgressBar_1lnh0_gg_._size_m_1lnh0_gg_,.___SValue_1lnh0_gg_._size_m_1lnh0_gg_{height:8px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px 12px}.___SProgressBar_1lnh0_gg_._size_l_1lnh0_gg_,.___SValue_1lnh0_gg_._size_l_1lnh0_gg_{height:12px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:16px 16px}.___SProgressBar_1lnh0_gg_._theme_dark_1lnh0_gg_{background-color:var(--intergalactic-progress-bar-bg-invert, rgba(255, 255, 255, 0.2))}.___SProgressBar_1lnh0_gg_,.___SProgressBar_1lnh0_gg_._theme_invert_1lnh0_gg_{background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_1lnh0_gg_.__animation_1lnh0_gg_{background-color:var(--intergalactic-progress-bar-value-bg, #000000);background-image:var(--intergalactic-progress-bar-pattern-gradient,\n linear-gradient(\n -45deg,\n rgba(224, 225, 233, 0.9) 25%,\n rgba(224, 225, 233, 1) 0%,\n rgba(224, 225, 233, 1) 50%,\n rgba(224, 225, 233, 0.9) 0%,\n rgba(224, 225, 233, 0.9) 75%,\n rgba(224, 225, 233, 1) 0%\n )\n );animation-name:loading_1lnh0;animation-timing-function:linear;animation-iteration-count:infinite}.___SProgressBar_1lnh0_gg_._theme_custom_1lnh0_gg_{background-color:var(--colorBg_1lnh0);background-image:var(--colorBg_1lnh0)}.___SProgressBar_1lnh0_gg_.__animation_1lnh0_gg_,.___SValue_1lnh0_gg_{animation-duration:var(--duration_1lnh0)}.___SValue_1lnh0_gg_{width:var(--width_1lnh0)}.___SValue_1lnh0_gg_.__theme_1lnh0_gg_{background-color:var(--colorBg_1lnh0);background-image:var(--colorBg_1lnh0)}@media (prefers-reduced-motion){.___SProgressBar_1lnh0_gg_.__animation_1lnh0_gg_,.___SValue_1lnh0_gg_{animation-name:none}}"
|
|
30
21
|
/*__inner_css_end__*/
|
|
31
|
-
, "
|
|
22
|
+
, "1lnh0_gg_")
|
|
32
23
|
/*__reshadow_css_end__*/
|
|
33
24
|
, {
|
|
34
|
-
"__SProgressBar": "
|
|
35
|
-
"__SValue": "
|
|
36
|
-
"_size_s": "
|
|
37
|
-
"_size_m": "
|
|
38
|
-
"_size_l": "
|
|
39
|
-
"_theme_dark": "
|
|
40
|
-
"_theme_invert": "
|
|
41
|
-
"@loading": "
|
|
42
|
-
"_animation": "
|
|
43
|
-
"_theme_custom": "
|
|
44
|
-
"--colorBg": "--
|
|
45
|
-
"--duration": "--
|
|
46
|
-
"--width": "--
|
|
47
|
-
"_theme": "
|
|
25
|
+
"__SProgressBar": "___SProgressBar_1lnh0_gg_",
|
|
26
|
+
"__SValue": "___SValue_1lnh0_gg_",
|
|
27
|
+
"_size_s": "_size_s_1lnh0_gg_",
|
|
28
|
+
"_size_m": "_size_m_1lnh0_gg_",
|
|
29
|
+
"_size_l": "_size_l_1lnh0_gg_",
|
|
30
|
+
"_theme_dark": "_theme_dark_1lnh0_gg_",
|
|
31
|
+
"_theme_invert": "_theme_invert_1lnh0_gg_",
|
|
32
|
+
"@loading": "loading_1lnh0",
|
|
33
|
+
"_animation": "__animation_1lnh0_gg_",
|
|
34
|
+
"_theme_custom": "_theme_custom_1lnh0_gg_",
|
|
35
|
+
"--colorBg": "--colorBg_1lnh0",
|
|
36
|
+
"--duration": "--duration_1lnh0",
|
|
37
|
+
"--width": "--width_1lnh0",
|
|
38
|
+
"_theme": "__theme_1lnh0_gg_"
|
|
48
39
|
});
|
|
49
40
|
|
|
50
41
|
function isCustomTheme(theme) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","names":["React","createComponent","Component","sstyled","Root","Box","resolveColor","isCustomTheme","theme","includes","ProgressBarRoot","asProps","value","duration","size","SProgressBar","Children","styles","useTheme","style","children","Value","props","SValue","width","ProgressBar"],"sources":["../../src/ProgressBar.jsx"],"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';\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, theme, value } = this.asProps;\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n return sstyled(styles)(\n <SProgressBar\n render={Box}\n use:theme={useTheme}\n use:animation={!value}\n use:duration={`${duration}ms`}\n colorBg={resolveColor(theme)}\n role=\"progressbar\"\n aria-valuenow={value}\n >\n <Children />\n </SProgressBar>,\n );\n }\n}\n\nfunction Value(props) {\n const SValue = Root;\n const { styles, value, theme, duration } = props;\n const width = `${value}%`;\n\n return sstyled(styles)(\n <SValue\n render={Box}\n use:width={width}\n use:duration={`${duration}ms`}\n colorBg={resolveColor(theme)}\n />,\n );\n}\n\nconst ProgressBar = createComponent(ProgressBarRoot, {\n Value,\n});\n\nexport default ProgressBar;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","names":["React","createComponent","Component","sstyled","Root","Box","resolveColor","isCustomTheme","theme","includes","ProgressBarRoot","asProps","value","duration","size","SProgressBar","Children","styles","useTheme","style","children","Value","props","SValue","width","ProgressBar"],"sources":["../../src/ProgressBar.jsx"],"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';\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, theme, value } = this.asProps;\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n return sstyled(styles)(\n <SProgressBar\n render={Box}\n use:theme={useTheme}\n use:animation={!value}\n use:duration={`${duration}ms`}\n colorBg={resolveColor(theme)}\n role=\"progressbar\"\n aria-valuenow={value}\n >\n <Children />\n </SProgressBar>,\n );\n }\n}\n\nfunction Value(props) {\n const SValue = Root;\n const { styles, value, theme, duration } = props;\n const width = `${value}%`;\n\n return sstyled(styles)(\n <SValue\n render={Box}\n use:width={width}\n use:duration={`${duration}ms`}\n colorBg={resolveColor(theme)}\n />,\n );\n}\n\nconst ProgressBar = createComponent(ProgressBarRoot, {\n Value,\n});\n\nexport default ProgressBar;\n"],"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,SAASC,aAAT,CAAuBC,KAAvB,EAA8B;EAC5B,OAAO,CAAC,CAAC,MAAD,EAAS,QAAT,EAAmBC,QAAnB,CAA4BD,KAA5B,CAAR;AACD;;IAEKE,e;;;;;;;;;;;;;WAUJ,yBAAgB;MACd,oBAAkC,KAAKC,OAAvC;MAAA,IAAQC,KAAR,iBAAQA,KAAR;MAAA,IAAeC,QAAf,iBAAeA,QAAf;MAAA,IAAyBC,IAAzB,iBAAyBA,IAAzB;MACA,OAAO;QACLF,KAAK,EAALA,KADK;QAELC,QAAQ,EAARA,QAFK;QAGLC,IAAI,EAAJA;MAHK,CAAP;IAKD;;;WAED,kBAAS;MAAA;MAAA;;MACP,IAAMC,YAAY,GAMNV,GANZ;MACA,qBAAqD,KAAKM,OAA1D;MAAA,IAAQK,QAAR,kBAAQA,QAAR;MAAA,IAAkBC,MAAlB,kBAAkBA,MAAlB;MAAA,IAA0BJ,QAA1B,kBAA0BA,QAA1B;MAAA,IAAoCL,KAApC,kBAAoCA,KAApC;MAAA,IAA2CI,KAA3C,kBAA2CA,KAA3C;MACA,IAAMM,QAAQ,GAAGX,aAAa,CAACC,KAAD,CAAb,GAAuB,QAAvB,GAAkCA,KAAnD;MAEA,eAAOL,OAAO,CAACc,MAAD,CAAd,eACE,oBAAC,YAAD;QAAA,aAEaC,QAFb;QAAA,iBAGiB,CAACN,KAHlB;QAAA,0BAImBC,QAJnB;QAAA,WAKWP,YAAY,CAACE,KAAD,CALvB;QAAA,QAMO,aANP;QAAA,iBAOiBI;MAPjB,yBASE,oBAAC,QAAD,2BATF,CADF;IAaD;;;;EArC2BV,S;;gBAAxBQ,e,iBACiB,a;;gBADjBA,e,WAEWS,K;;gBAFXT,e,kBAGkB;EAAA,OAAO;IAC3BG,QAAQ,EAAE,IADiB;IAE3BC,IAAI,EAAE,GAFqB;IAG3BN,KAAK,EAAE,QAHoB;IAI3BY,QAAQ,eAAE,oBAAC,WAAD,CAAa,KAAb;EAJiB,CAAP;AAAA,C;;AAqCxB,SAASC,KAAT,CAAeC,KAAf,EAAsB;EAAA;EAAA;;EACpB,IAAMC,MAAM,GAMAlB,GANZ;EACA,IAAQY,MAAR,GAA2CK,KAA3C,CAAQL,MAAR;EAAA,IAAgBL,KAAhB,GAA2CU,KAA3C,CAAgBV,KAAhB;EAAA,IAAuBJ,KAAvB,GAA2Cc,KAA3C,CAAuBd,KAAvB;EAAA,IAA8BK,QAA9B,GAA2CS,KAA3C,CAA8BT,QAA9B;EACA,IAAMW,KAAK,aAAMZ,KAAN,MAAX;EAEA,eAAOT,OAAO,CAACc,MAAD,CAAd,eACE,oBAAC,MAAD;IAAA,aAEaO,KAFb;IAAA,0BAGmBX,QAHnB;IAAA,WAIWP,YAAY,CAACE,KAAD;EAJvB,YADF;AAQD;;AAED,IAAMiB,WAAW,GAAGxB,eAAe,CAACS,eAAD,EAAkB;EACnDW,KAAK,EAALA;AADmD,CAAlB,CAAnC;AAIA,eAAeI,WAAf"}
|