@hitachivantara/uikit-react-lab 3.39.19 → 3.40.0
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 +11 -0
- package/dist/AppSwitcherPanel/Action/Action.js +2 -2
- package/dist/AppSwitcherPanel/styles.js +2 -2
- package/dist/FormComposer/FormComposer.js +2 -2
- package/dist/InlineEditor/InlineEditor.js +2 -2
- package/dist/InlineEditor/styles.js +2 -2
- package/dist/NotificationPanel/Notification/styles.js +2 -2
- package/dist/ProgressBar/ProgressBar.d.ts +11 -0
- package/dist/ProgressBar/ProgressBar.js +159 -0
- package/dist/ProgressBar/ProgressBar.js.map +1 -0
- package/dist/ProgressBar/index.d.ts +33 -0
- package/dist/ProgressBar/index.js +16 -0
- package/dist/ProgressBar/index.js.map +1 -0
- package/dist/ProgressBar/styles.js +53 -0
- package/dist/ProgressBar/styles.js.map +1 -0
- package/dist/QueryBuilder/Rule/Value/Value.js +2 -2
- package/dist/QueryBuilder/utils/index.js +2 -2
- package/dist/QueryBuilder/utils/reducer.js +2 -2
- package/dist/Slider/Slider.js +2 -2
- package/dist/Slider/styles.js +2 -2
- package/dist/Table/TableCell/styles.js +2 -2
- package/dist/Table/TableHeader/styles.js +2 -2
- package/dist/Table/hooks/useRowSelection.js +2 -2
- package/dist/Table/hooks/useTable.js +2 -2
- package/dist/Table/hooks/useTableStyles.js +2 -2
- package/dist/Table/renderers/renderers.js +2 -2
- package/dist/Table/styles.js +2 -2
- package/dist/Tag/styles.js +2 -2
- package/dist/TimePicker/TimePicker.js +2 -2
- package/dist/TimePicker/UnitTimePicker/styles.js +2 -2
- package/dist/TimePicker/styles.js +2 -2
- package/dist/TimePicker/timePickerConverter.js +2 -2
- package/dist/index.d.ts +3 -0
- package/dist/index.js +10 -1
- package/dist/index.js.map +1 -1
- package/dist/legacy/AppSwitcherPanel/Action/Action.js +2 -2
- package/dist/legacy/AppSwitcherPanel/styles.js +2 -2
- package/dist/legacy/FormComposer/FormComposer.js +2 -2
- package/dist/legacy/InlineEditor/InlineEditor.js +2 -2
- package/dist/legacy/InlineEditor/styles.js +2 -2
- package/dist/legacy/NotificationPanel/Notification/styles.js +2 -2
- package/dist/legacy/ProgressBar/ProgressBar.d.ts +11 -0
- package/dist/legacy/ProgressBar/ProgressBar.js +139 -0
- package/dist/legacy/ProgressBar/ProgressBar.js.map +1 -0
- package/dist/legacy/ProgressBar/index.d.ts +33 -0
- package/dist/legacy/ProgressBar/index.js +2 -0
- package/dist/legacy/ProgressBar/index.js.map +1 -0
- package/dist/legacy/ProgressBar/styles.js +45 -0
- package/dist/legacy/ProgressBar/styles.js.map +1 -0
- package/dist/legacy/QueryBuilder/Rule/Value/Value.js +2 -2
- package/dist/legacy/QueryBuilder/utils/index.js +2 -2
- package/dist/legacy/QueryBuilder/utils/reducer.js +2 -2
- package/dist/legacy/Slider/Slider.js +2 -2
- package/dist/legacy/Slider/styles.js +2 -2
- package/dist/legacy/Table/TableCell/styles.js +2 -2
- package/dist/legacy/Table/TableHeader/styles.js +2 -2
- package/dist/legacy/Table/hooks/useRowSelection.js +2 -2
- package/dist/legacy/Table/hooks/useTable.js +2 -2
- package/dist/legacy/Table/hooks/useTableStyles.js +2 -2
- package/dist/legacy/Table/renderers/renderers.js +2 -2
- package/dist/legacy/Table/styles.js +2 -2
- package/dist/legacy/Tag/styles.js +2 -2
- package/dist/legacy/TimePicker/TimePicker.js +2 -2
- package/dist/legacy/TimePicker/UnitTimePicker/styles.js +2 -2
- package/dist/legacy/TimePicker/styles.js +2 -2
- package/dist/legacy/TimePicker/timePickerConverter.js +2 -2
- package/dist/legacy/index.d.ts +3 -0
- package/dist/legacy/index.js +1 -0
- package/dist/legacy/index.js.map +1 -1
- package/dist/modern/AppSwitcherPanel/Action/Action.js +2 -2
- package/dist/modern/AppSwitcherPanel/styles.js +2 -2
- package/dist/modern/FormComposer/FormComposer.js +2 -2
- package/dist/modern/InlineEditor/InlineEditor.js +2 -2
- package/dist/modern/InlineEditor/styles.js +2 -2
- package/dist/modern/NotificationPanel/Notification/styles.js +2 -2
- package/dist/modern/ProgressBar/ProgressBar.d.ts +11 -0
- package/dist/modern/ProgressBar/ProgressBar.js +139 -0
- package/dist/modern/ProgressBar/ProgressBar.js.map +1 -0
- package/dist/modern/ProgressBar/index.d.ts +33 -0
- package/dist/modern/ProgressBar/index.js +2 -0
- package/dist/modern/ProgressBar/index.js.map +1 -0
- package/dist/modern/ProgressBar/styles.js +43 -0
- package/dist/modern/ProgressBar/styles.js.map +1 -0
- package/dist/modern/QueryBuilder/Rule/Value/Value.js +2 -2
- package/dist/modern/QueryBuilder/utils/index.js +2 -2
- package/dist/modern/QueryBuilder/utils/reducer.js +2 -2
- package/dist/modern/Slider/Slider.js +2 -2
- package/dist/modern/Slider/styles.js +2 -2
- package/dist/modern/Table/TableCell/styles.js +2 -2
- package/dist/modern/Table/TableHeader/styles.js +2 -2
- package/dist/modern/Table/hooks/useRowSelection.js +2 -2
- package/dist/modern/Table/hooks/useTable.js +2 -2
- package/dist/modern/Table/hooks/useTableStyles.js +2 -2
- package/dist/modern/Table/renderers/renderers.js +2 -2
- package/dist/modern/Table/styles.js +2 -2
- package/dist/modern/Tag/styles.js +2 -2
- package/dist/modern/TimePicker/TimePicker.js +2 -2
- package/dist/modern/TimePicker/UnitTimePicker/styles.js +2 -2
- package/dist/modern/TimePicker/styles.js +2 -2
- package/dist/modern/TimePicker/timePickerConverter.js +2 -2
- package/dist/modern/index.d.ts +3 -0
- package/dist/modern/index.js +1 -0
- package/dist/modern/index.js.map +1 -1
- package/package.json +4 -4
package/dist/Tag/styles.js
CHANGED
|
@@ -23,9 +23,9 @@ exports.outlineStyles = exports.default = void 0;
|
|
|
23
23
|
|
|
24
24
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
25
|
|
|
26
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
26
|
+
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; }
|
|
27
27
|
|
|
28
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
28
|
+
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; }
|
|
29
29
|
|
|
30
30
|
var outlineStyles = {
|
|
31
31
|
outlineColor: "#52A8EC",
|
|
@@ -79,9 +79,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
79
79
|
|
|
80
80
|
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; }
|
|
81
81
|
|
|
82
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
82
|
+
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; }
|
|
83
83
|
|
|
84
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
84
|
+
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; }
|
|
85
85
|
|
|
86
86
|
var setFocusToContent = function setFocusToContent(containerRef) {
|
|
87
87
|
var _containerRef$getElem;
|
|
@@ -23,9 +23,9 @@ exports.default = void 0;
|
|
|
23
23
|
|
|
24
24
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
25
|
|
|
26
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
26
|
+
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; }
|
|
27
27
|
|
|
28
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
28
|
+
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; }
|
|
29
29
|
|
|
30
30
|
var styles = function styles(theme) {
|
|
31
31
|
return {
|
|
@@ -23,9 +23,9 @@ exports.default = void 0;
|
|
|
23
23
|
|
|
24
24
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
25
|
|
|
26
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
26
|
+
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; }
|
|
27
27
|
|
|
28
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
28
|
+
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; }
|
|
29
29
|
|
|
30
30
|
var icon = {
|
|
31
31
|
position: "absolute",
|
|
@@ -27,9 +27,9 @@ var _timePickerUtils = require("./timePickerUtils");
|
|
|
27
27
|
|
|
28
28
|
var _enums = require("./enums");
|
|
29
29
|
|
|
30
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
30
|
+
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; }
|
|
31
31
|
|
|
32
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
32
|
+
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; }
|
|
33
33
|
|
|
34
34
|
/**
|
|
35
35
|
* Gets hours for the passed time format.
|
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -36,7 +36,8 @@ var _exportNames = {
|
|
|
36
36
|
HvDrawer: true,
|
|
37
37
|
HvColorPicker: true,
|
|
38
38
|
HvQueryBuilder: true,
|
|
39
|
-
HvInlineEditor: true
|
|
39
|
+
HvInlineEditor: true,
|
|
40
|
+
HvProgressBar: true
|
|
40
41
|
};
|
|
41
42
|
Object.defineProperty(exports, "HvAppSwitcherPanel", {
|
|
42
43
|
enumerable: true,
|
|
@@ -80,6 +81,12 @@ Object.defineProperty(exports, "HvNotificationPanel", {
|
|
|
80
81
|
return _NotificationPanel.default;
|
|
81
82
|
}
|
|
82
83
|
});
|
|
84
|
+
Object.defineProperty(exports, "HvProgressBar", {
|
|
85
|
+
enumerable: true,
|
|
86
|
+
get: function get() {
|
|
87
|
+
return _ProgressBar.default;
|
|
88
|
+
}
|
|
89
|
+
});
|
|
83
90
|
Object.defineProperty(exports, "HvQueryBuilder", {
|
|
84
91
|
enumerable: true,
|
|
85
92
|
get: function get() {
|
|
@@ -179,6 +186,8 @@ var _QueryBuilder = _interopRequireDefault(require("./QueryBuilder"));
|
|
|
179
186
|
|
|
180
187
|
var _InlineEditor = _interopRequireDefault(require("./InlineEditor"));
|
|
181
188
|
|
|
189
|
+
var _ProgressBar = _interopRequireDefault(require("./ProgressBar"));
|
|
190
|
+
|
|
182
191
|
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); }
|
|
183
192
|
|
|
184
193
|
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; }
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["// components\nexport { default as HvAppSwitcherPanel } from \"./AppSwitcherPanel\";\nexport * from \"./AppSwitcherPanel\";\nexport { default as HvFormComposer } from \"./FormComposer\";\nexport { default as HvNavigationAnchors } from \"./NavigationAnchors\";\nexport { default as HvNotificationPanel } from \"./NotificationPanel\";\nexport { default as HvSlider } from \"./Slider\";\nexport { default as HvTable } from \"./Table\";\nexport * from \"./Table\";\nexport { default as HvTimeAgo } from \"./TimeAgo\";\nexport * from \"./TimeAgo\";\nexport { default as HvTimePicker } from \"./TimePicker\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvDrawer } from \"./Drawer\";\nexport { default as HvColorPicker } from \"./ColorPicker\";\nexport { default as HvQueryBuilder } from \"./QueryBuilder\";\nexport { default as HvInlineEditor } from \"./InlineEditor\";\nexport { default as HvProgressBar } from \"./ProgressBar\";\n"],"file":"index.js"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
3
|
|
|
4
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
4
|
+
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; }
|
|
5
5
|
|
|
6
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
6
|
+
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; }
|
|
7
7
|
|
|
8
8
|
import "core-js/modules/es.function.name.js";
|
|
9
9
|
import "core-js/modules/es.symbol.js";
|
|
@@ -7,9 +7,9 @@ import "core-js/modules/web.dom-collections.for-each.js";
|
|
|
7
7
|
import "core-js/modules/es.object.get-own-property-descriptors.js";
|
|
8
8
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
9
|
|
|
10
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
10
|
+
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; }
|
|
11
11
|
|
|
12
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
12
|
+
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; }
|
|
13
13
|
|
|
14
14
|
import "core-js/modules/es.array.concat.js";
|
|
15
15
|
|
|
@@ -12,9 +12,9 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
|
|
|
12
12
|
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
13
13
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
14
14
|
|
|
15
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
15
|
+
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; }
|
|
16
16
|
|
|
17
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
17
|
+
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; }
|
|
18
18
|
|
|
19
19
|
import "core-js/modules/es.object.to-string.js";
|
|
20
20
|
import "core-js/modules/web.dom-collections.for-each.js";
|
|
@@ -11,9 +11,9 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
|
11
11
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
12
12
|
var _excluded = ["className", "classes", "value", "defaultValue", "showIcon", "component", "variant", "placeholder", "onBlur", "onChange", "onKeyDown", "buttonProps", "typographyProps"];
|
|
13
13
|
|
|
14
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
14
|
+
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; }
|
|
15
15
|
|
|
16
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
16
|
+
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; }
|
|
17
17
|
|
|
18
18
|
import React, { useLayoutEffect, useRef, useState } from "react";
|
|
19
19
|
import PropTypes from "prop-types";
|
|
@@ -7,9 +7,9 @@ import "core-js/modules/web.dom-collections.for-each.js";
|
|
|
7
7
|
import "core-js/modules/es.object.get-own-property-descriptors.js";
|
|
8
8
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
9
|
|
|
10
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
10
|
+
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; }
|
|
11
11
|
|
|
12
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
12
|
+
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; }
|
|
13
13
|
|
|
14
14
|
var truncateStyles = {
|
|
15
15
|
overflow: "hidden",
|
|
@@ -7,9 +7,9 @@ import "core-js/modules/web.dom-collections.for-each.js";
|
|
|
7
7
|
import "core-js/modules/es.object.get-own-property-descriptors.js";
|
|
8
8
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
9
|
|
|
10
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
10
|
+
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; }
|
|
11
11
|
|
|
12
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
12
|
+
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; }
|
|
13
13
|
|
|
14
14
|
var outlineStyles = {
|
|
15
15
|
outlineColor: "#52A8EC",
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { StandardProps } from "@material-ui/core";
|
|
3
|
+
|
|
4
|
+
export type HvProgressBarClassKey = "root";
|
|
5
|
+
|
|
6
|
+
export type HvProgressBarProps = StandardProps<
|
|
7
|
+
React.HTMLAttributes<HTMLDivElement>,
|
|
8
|
+
HvProgressBarClassKey
|
|
9
|
+
>;
|
|
10
|
+
|
|
11
|
+
export default function HvProgressBar(props: HvProgressBarProps): JSX.Element | null;
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
+
var _excluded = ["className", "classes", "value", "status", "undeterminate", "labelProps"];
|
|
4
|
+
import React from "react";
|
|
5
|
+
import PropTypes from "prop-types";
|
|
6
|
+
import clsx from "clsx";
|
|
7
|
+
import clamp from "lodash/clamp";
|
|
8
|
+
import { HvTypography } from "@hitachivantara/uikit-react-core";
|
|
9
|
+
import { withStyles } from "@material-ui/core";
|
|
10
|
+
import styles from "./styles";
|
|
11
|
+
/**
|
|
12
|
+
* ProgressBar provides feedback about a process that is taking place in the application.
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
var HvProgressBar = function HvProgressBar(props) {
|
|
16
|
+
var className = props.className,
|
|
17
|
+
classes = props.classes,
|
|
18
|
+
_props$value = props.value,
|
|
19
|
+
value = _props$value === void 0 ? 0 : _props$value,
|
|
20
|
+
status = props.status,
|
|
21
|
+
_props$undeterminate = props.undeterminate,
|
|
22
|
+
undeterminate = _props$undeterminate === void 0 ? false : _props$undeterminate,
|
|
23
|
+
labelProps = props.labelProps,
|
|
24
|
+
others = _objectWithoutProperties(props, _excluded);
|
|
25
|
+
|
|
26
|
+
var clampedValue = clamp(value, 0, 100);
|
|
27
|
+
return /*#__PURE__*/React.createElement("div", _extends({
|
|
28
|
+
className: clsx(className, classes.root, classes.progress),
|
|
29
|
+
role: "progressbar",
|
|
30
|
+
status: "inProgress",
|
|
31
|
+
"aria-valuenow": clampedValue // it only makes sense to put this in ariaProps if the min and max values of the progress bar are intended to be changed by the user
|
|
32
|
+
,
|
|
33
|
+
"aria-valuemin": "0",
|
|
34
|
+
"aria-valuemax": "100"
|
|
35
|
+
}, others), /*#__PURE__*/React.createElement("div", {
|
|
36
|
+
className: classes.progressContainer
|
|
37
|
+
}, /*#__PURE__*/React.createElement(HvTypography, _extends({
|
|
38
|
+
variant: "vizText",
|
|
39
|
+
style: {
|
|
40
|
+
width: "".concat(clampedValue, "%")
|
|
41
|
+
},
|
|
42
|
+
className: clsx(classes.progressBarLabel, undeterminate && classes.progressBarLabelHidden, status === "completed" && classes.progressDone)
|
|
43
|
+
}, labelProps), "".concat(clampedValue, "%")), /*#__PURE__*/React.createElement("div", {
|
|
44
|
+
className: classes.progressBarContainer
|
|
45
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
46
|
+
style: {
|
|
47
|
+
width: "".concat(clampedValue, "%")
|
|
48
|
+
},
|
|
49
|
+
className: clsx(classes.progressBar, {
|
|
50
|
+
"completed": classes.progressDone,
|
|
51
|
+
"error": classes.progressError
|
|
52
|
+
}[status])
|
|
53
|
+
}))));
|
|
54
|
+
};
|
|
55
|
+
|
|
56
|
+
process.env.NODE_ENV !== "production" ? HvProgressBar.propTypes = {
|
|
57
|
+
/**
|
|
58
|
+
* Class names to be applied.
|
|
59
|
+
*/
|
|
60
|
+
className: PropTypes.string,
|
|
61
|
+
|
|
62
|
+
/**
|
|
63
|
+
* A Jss Object used to override or extend the styles applied.
|
|
64
|
+
*/
|
|
65
|
+
classes: PropTypes.shape({
|
|
66
|
+
/**
|
|
67
|
+
* Styles applied to the component root class.
|
|
68
|
+
*/
|
|
69
|
+
root: PropTypes.string,
|
|
70
|
+
|
|
71
|
+
/**
|
|
72
|
+
* Style applied to the overall container when in progress mode.
|
|
73
|
+
*/
|
|
74
|
+
progress: PropTypes.string,
|
|
75
|
+
|
|
76
|
+
/**
|
|
77
|
+
* Style applied to the specifc container when in progress mode.
|
|
78
|
+
*/
|
|
79
|
+
progressContainer: PropTypes.string,
|
|
80
|
+
|
|
81
|
+
/**
|
|
82
|
+
* Style applied to progress bar container.
|
|
83
|
+
*/
|
|
84
|
+
progressBarContainer: PropTypes.string,
|
|
85
|
+
|
|
86
|
+
/**
|
|
87
|
+
* Style applied to the progress bar.
|
|
88
|
+
*/
|
|
89
|
+
progressBar: PropTypes.string,
|
|
90
|
+
|
|
91
|
+
/**
|
|
92
|
+
* Style applied to the progress bar when the loading is done.
|
|
93
|
+
*/
|
|
94
|
+
progressDone: PropTypes.string,
|
|
95
|
+
|
|
96
|
+
/**
|
|
97
|
+
* Style applied to the progress bar when an error occurs.
|
|
98
|
+
*/
|
|
99
|
+
progressError: PropTypes.string,
|
|
100
|
+
|
|
101
|
+
/**
|
|
102
|
+
* Style applied to the progress bar label.
|
|
103
|
+
*/
|
|
104
|
+
progressBarLabel: PropTypes.string,
|
|
105
|
+
|
|
106
|
+
/**
|
|
107
|
+
* Style applied to the progress bar label.
|
|
108
|
+
*/
|
|
109
|
+
progressBarLabelHidden: PropTypes.string
|
|
110
|
+
}).isRequired,
|
|
111
|
+
|
|
112
|
+
/**
|
|
113
|
+
* The value of the progress bar.
|
|
114
|
+
*/
|
|
115
|
+
value: PropTypes.number,
|
|
116
|
+
|
|
117
|
+
/**
|
|
118
|
+
* The status of the progress bar.
|
|
119
|
+
*
|
|
120
|
+
* inProgress is black, error is red and completed is green.
|
|
121
|
+
*
|
|
122
|
+
* When uncontrolled and unspecified it will default to "inProgress".
|
|
123
|
+
*/
|
|
124
|
+
status: PropTypes.oneOf(["inProgress", "completed", "error"]),
|
|
125
|
+
|
|
126
|
+
/**
|
|
127
|
+
* If `true` the progress bar will not show the percentage label.
|
|
128
|
+
*/
|
|
129
|
+
undeterminate: PropTypes.bool,
|
|
130
|
+
|
|
131
|
+
/**
|
|
132
|
+
* Aria Properties passed on to the progress bar.
|
|
133
|
+
*/
|
|
134
|
+
labelProps: PropTypes.instanceOf(Object)
|
|
135
|
+
} : void 0;
|
|
136
|
+
export default withStyles(styles, {
|
|
137
|
+
name: "HvProgressBar"
|
|
138
|
+
})(HvProgressBar);
|
|
139
|
+
//# sourceMappingURL=ProgressBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/ProgressBar/ProgressBar.js"],"names":["React","PropTypes","clsx","clamp","HvTypography","withStyles","styles","HvProgressBar","props","className","classes","value","status","undeterminate","labelProps","others","clampedValue","root","progress","progressContainer","width","progressBarLabel","progressBarLabelHidden","progressDone","progressBarContainer","progressBar","progressError","propTypes","string","shape","isRequired","number","oneOf","bool","instanceOf","Object","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport clamp from \"lodash/clamp\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport styles from \"./styles\";\n\n/**\n * ProgressBar provides feedback about a process that is taking place in the application.\n */\nconst HvProgressBar = (props) => {\n const {\n className,\n classes,\n value = 0,\n status,\n undeterminate = false,\n labelProps,\n ...others\n } = props;\n\n const clampedValue = clamp(value, 0, 100);\n\n return (\n <div\n className={clsx(className, classes.root, classes.progress)}\n role=\"progressbar\"\n status=\"inProgress\"\n aria-valuenow={clampedValue} // it only makes sense to put this in ariaProps if the min and max values of the progress bar are intended to be changed by the user\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n {...others}\n >\n <div className={classes.progressContainer}>\n <HvTypography\n variant=\"vizText\"\n style={{ width: `${clampedValue}%` }}\n className={clsx(\n classes.progressBarLabel,\n status === \"completed\" && classes.progressDone,\n undeterminate && classes.progressBarLabelHidden\n )}\n {...labelProps}\n >\n {`${clampedValue}%`}\n </HvTypography>\n <div className={classes.progressBarContainer}>\n <div\n style={{ width: `${clampedValue}%` }}\n className={clsx(\n classes.progressBar,\n status === \"completed\" && classes.progressDone,\n status === \"error\" && classes.progressError\n )}\n />\n </div>\n </div>\n </div>\n );\n};\n\nHvProgressBar.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root class.\n */\n root: PropTypes.string,\n\n /**\n * Style applied to the overall container when in progress mode.\n */\n progress: PropTypes.string,\n /**\n * Style applied to the specifc container when in progress mode.\n */\n progressContainer: PropTypes.string,\n /**\n * Style applied to progress bar container.\n */\n progressBarContainer: PropTypes.string,\n /**\n * Style applied to the progress bar.\n */\n progressBar: PropTypes.string,\n /**\n * Style applied to the progress bar when the loading is done.\n */\n progressDone: PropTypes.string,\n /**\n * Style applied to the progress bar when an error occurs.\n */\n progressError: PropTypes.string,\n /**\n * Style applied to the progress bar label.\n */\n progressBarLabel: PropTypes.string,\n /**\n * Style applied to the progress bar label.\n */\n progressBarLabelHidden: PropTypes.string,\n }).isRequired,\n\n /**\n * The value of the progress bar.\n */\n value: PropTypes.number,\n /**\n * The status of the progress bar.\n *\n * inProgress is black, error is red and completed is green.\n *\n * When uncontrolled and unspecified it will default to \"inProgress\".\n */\n status: PropTypes.oneOf([\"inProgress\", \"completed\", \"error\"]),\n /**\n * If `true` the progress bar will not show the percentage label.\n */\n undeterminate: PropTypes.bool,\n /**\n * Aria Properties passed on to the progress bar.\n */\n labelProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvProgressBar\" })(HvProgressBar);\n"],"file":"ProgressBar.js"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { StandardProps } from "@material-ui/core";
|
|
3
|
+
|
|
4
|
+
export type HvProgressClassKey =
|
|
5
|
+
| "root"
|
|
6
|
+
| "progress"
|
|
7
|
+
| "progressContainer"
|
|
8
|
+
| "progressBarContainer"
|
|
9
|
+
| "progressBar"
|
|
10
|
+
| "progressDone"
|
|
11
|
+
| "progressError"
|
|
12
|
+
| "progressBarLabel"
|
|
13
|
+
| "progressAriaAlert";
|
|
14
|
+
|
|
15
|
+
export interface HvProgressBarProps
|
|
16
|
+
extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvProgressClassKey> {
|
|
17
|
+
/**
|
|
18
|
+
* The value of the progress bar.
|
|
19
|
+
*/
|
|
20
|
+
value?: number;
|
|
21
|
+
/**
|
|
22
|
+
* Indicates current status of the progress bar represented by the color.
|
|
23
|
+
*/
|
|
24
|
+
status?: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* If `true` the progress bar will not show the percentage label.
|
|
27
|
+
*/
|
|
28
|
+
undeterminate?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Aria Properties passed on to the progress bar.
|
|
31
|
+
*/
|
|
32
|
+
labelProps?: object;
|
|
33
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/ProgressBar/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB","sourcesContent":["export { default } from \"./ProgressBar\";\n"],"file":"index.js"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
var styles = function styles(theme) {
|
|
2
|
+
return {
|
|
3
|
+
root: {
|
|
4
|
+
display: "flex",
|
|
5
|
+
flexDirection: "column",
|
|
6
|
+
alignItems: "center",
|
|
7
|
+
justifyContent: "center"
|
|
8
|
+
},
|
|
9
|
+
progress: {
|
|
10
|
+
width: "100%"
|
|
11
|
+
},
|
|
12
|
+
progressContainer: {
|
|
13
|
+
width: "100%"
|
|
14
|
+
},
|
|
15
|
+
progressBarContainer: {
|
|
16
|
+
display: "flex",
|
|
17
|
+
width: "100%",
|
|
18
|
+
height: 4,
|
|
19
|
+
backgroundColor: theme.hv.palette.atmosphere.atmo4
|
|
20
|
+
},
|
|
21
|
+
progressBar: {
|
|
22
|
+
backgroundColor: "#000",
|
|
23
|
+
height: 4
|
|
24
|
+
},
|
|
25
|
+
progressDone: {
|
|
26
|
+
backgroundColor: theme.hv.palette.semantic.sema1
|
|
27
|
+
},
|
|
28
|
+
progressError: {
|
|
29
|
+
backgroundColor: theme.hv.palette.semantic.sema4
|
|
30
|
+
},
|
|
31
|
+
progressBarLabel: {
|
|
32
|
+
backgroundColor: "transparent",
|
|
33
|
+
display: "flex",
|
|
34
|
+
justifyContent: "end"
|
|
35
|
+
},
|
|
36
|
+
progressBarLabelHidden: {
|
|
37
|
+
width: "1px",
|
|
38
|
+
height: "1px",
|
|
39
|
+
overflow: "hidden"
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
export default styles;
|
|
45
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/ProgressBar/styles.js"],"names":["styles","theme","root","display","flexDirection","alignItems","justifyContent","progress","width","progressContainer","progressBarContainer","height","backgroundColor","hv","palette","atmosphere","atmo4","progressBar","progressDone","semantic","sema1","progressError","sema4","progressBarLabel","progressBarLabelHidden","overflow"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,MADL;AAEJC,MAAAA,aAAa,EAAE,QAFX;AAGJC,MAAAA,UAAU,EAAE,QAHR;AAIJC,MAAAA,cAAc,EAAE;AAJZ,KADmB;AAQzBC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,KAAK,EAAE;AADC,KARe;AAYzBC,IAAAA,iBAAiB,EAAE;AACjBD,MAAAA,KAAK,EAAE;AADU,KAZM;AAgBzBE,IAAAA,oBAAoB,EAAE;AACpBP,MAAAA,OAAO,EAAE,MADW;AAEpBK,MAAAA,KAAK,EAAE,MAFa;AAGpBG,MAAAA,MAAM,EAAE,CAHY;AAIpBC,MAAAA,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;AAJzB,KAhBG;AAuBzBC,IAAAA,WAAW,EAAE;AACXL,MAAAA,eAAe,EAAE,MADN;AAEXD,MAAAA,MAAM,EAAE;AAFG,KAvBY;AA4BzBO,IAAAA,YAAY,EAAE;AACZN,MAAAA,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BC;AAD/B,KA5BW;AAgCzBC,IAAAA,aAAa,EAAE;AACbT,MAAAA,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BG;AAD9B,KAhCU;AAoCzBC,IAAAA,gBAAgB,EAAE;AAChBX,MAAAA,eAAe,EAAE,aADD;AAEhBT,MAAAA,OAAO,EAAE,MAFO;AAGhBG,MAAAA,cAAc,EAAE;AAHA,KApCO;AA0CzBkB,IAAAA,sBAAsB,EAAE;AACtBhB,MAAAA,KAAK,EAAE,KADe;AAEtBG,MAAAA,MAAM,EAAE,KAFc;AAGtBc,MAAAA,QAAQ,EAAE;AAHY;AA1CC,GAAZ;AAAA,CAAf;;AAiDA,eAAezB,MAAf","sourcesContent":["const styles = (theme) => ({\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n\n progress: {\n width: \"100%\",\n },\n\n progressContainer: {\n width: \"100%\",\n },\n\n progressBarContainer: {\n display: \"flex\",\n width: \"100%\",\n height: 4,\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n },\n\n progressBar: {\n backgroundColor: \"#000\",\n height: 4,\n },\n\n progressDone: {\n backgroundColor: theme.hv.palette.semantic.sema1,\n },\n\n progressError: {\n backgroundColor: theme.hv.palette.semantic.sema4,\n },\n\n progressBarLabel: {\n backgroundColor: \"transparent\",\n display: \"flex\",\n justifyContent: \"end\",\n },\n\n progressBarLabelHidden: {\n width: \"1px\",\n height: \"1px\",\n overflow: \"hidden\",\n },\n});\n\nexport default styles;\n"],"file":"styles.js"}
|
|
@@ -7,9 +7,9 @@ import "core-js/modules/web.dom-collections.for-each.js";
|
|
|
7
7
|
import "core-js/modules/es.object.get-own-property-descriptors.js";
|
|
8
8
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
9
|
|
|
10
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
10
|
+
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; }
|
|
11
11
|
|
|
12
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
12
|
+
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; }
|
|
13
13
|
|
|
14
14
|
import React from "react";
|
|
15
15
|
import PropTypes from "prop-types";
|
|
@@ -8,9 +8,9 @@ import "core-js/modules/es.object.get-own-property-descriptors.js";
|
|
|
8
8
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
9
|
import "core-js/modules/es.array.map.js";
|
|
10
10
|
|
|
11
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
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
12
|
|
|
13
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
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
14
|
|
|
15
15
|
export var isBigList = function isBigList(values) {
|
|
16
16
|
return values != null && (values === null || values === void 0 ? void 0 : values.length) > 10;
|
|
@@ -7,9 +7,9 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
|
7
7
|
import "core-js/modules/es.array.filter.js";
|
|
8
8
|
import "core-js/modules/es.object.to-string.js";
|
|
9
9
|
|
|
10
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
10
|
+
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; }
|
|
11
11
|
|
|
12
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
12
|
+
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; }
|
|
13
13
|
|
|
14
14
|
import { emptyRule, emptyGroup, findNodeById, findParentById } from "./index";
|
|
15
15
|
|
|
@@ -15,9 +15,9 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
|
15
15
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
16
16
|
var _excluded = ["value", "dragging", "index", "style"];
|
|
17
17
|
|
|
18
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
18
|
+
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; }
|
|
19
19
|
|
|
20
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
20
|
+
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; }
|
|
21
21
|
|
|
22
22
|
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); }; }
|
|
23
23
|
|
|
@@ -7,9 +7,9 @@ import "core-js/modules/web.dom-collections.for-each.js";
|
|
|
7
7
|
import "core-js/modules/es.object.get-own-property-descriptors.js";
|
|
8
8
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
9
|
|
|
10
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
10
|
+
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; }
|
|
11
11
|
|
|
12
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
12
|
+
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; }
|
|
13
13
|
|
|
14
14
|
var styles = function styles(theme) {
|
|
15
15
|
return {
|
|
@@ -8,9 +8,9 @@ import "core-js/modules/es.object.get-own-property-descriptors.js";
|
|
|
8
8
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
9
|
import "core-js/modules/es.array.concat.js";
|
|
10
10
|
|
|
11
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
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
12
|
|
|
13
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
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
14
|
|
|
15
15
|
import { hexToRgbA } from "@hitachivantara/uikit-react-core";
|
|
16
16
|
|
|
@@ -7,9 +7,9 @@ import "core-js/modules/web.dom-collections.for-each.js";
|
|
|
7
7
|
import "core-js/modules/es.object.get-own-property-descriptors.js";
|
|
8
8
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
9
|
|
|
10
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
10
|
+
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; }
|
|
11
11
|
|
|
12
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
12
|
+
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; }
|
|
13
13
|
|
|
14
14
|
import { hexToRgbA } from "@hitachivantara/uikit-react-core";
|
|
15
15
|
|