asab_webui_components 26.1.3 → 26.1.5

package/dist/components/Context/store/AppStore.js

@@ -87,11 +87,9 @@ function AppStoreProvider(_ref) {
     children,
     app
   } = _ref;
-  // Keep the initial state from the registry at mount
-  var initialState = (0, _reducerRegistry.getInitialStates)();
   // Pulls the current reducer set on every action:
   var reducerFn = (0, _react.useCallback)((state, action) => combineReducers((0, _reducerRegistry.getReducers)())(state, action), []);
-  var [state, dispatch] = (0, _react.useReducer)(reducerFn, initialState);
+  var [state, dispatch] = (0, _react.useReducer)(reducerFn, app.AppStore.state);
 
   // Wrapped dispatch to update both React state and global AppStore.state
   var wrappedDispatch = action => {

package/dist/components/Context/store/AppStore.jsx

@@ -78,12 +78,10 @@ const AppStoreContext = createContext();
 
 // App store
 export function AppStoreProvider({ children, app }) {
-	// Keep the initial state from the registry at mount
-	const initialState = getInitialStates();
 	// Pulls the current reducer set on every action:
 	const reducerFn = useCallback((state, action) => combineReducers(getReducers())(state, action), []);
 
-	const [state, dispatch] = useReducer(reducerFn, initialState);
+	const [state, dispatch] = useReducer(reducerFn, app.AppStore.state);
 
 	// Wrapped dispatch to update both React state and global AppStore.state
 	const wrappedDispatch = (action) => {

package/dist/components/Progress/ASABProgress.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ASABProgress = ASABProgress;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _reactstrap = require("reactstrap");
+require("./ASABProgress.scss");
+var _excluded = ["showLabel", "children"];
+function ASABProgress(_ref) {
+  var {
+      showLabel = true,
+      children
+    } = _ref,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  // Value has to be present and numeric
+  var progressValue = props === null || props === void 0 ? void 0 : props.value;
+
+  // Early return if not a number
+  if (!(typeof progressValue === 'number')) {
+    console.warn('ASABProgress not rendered due to an invalid value');
+    return null;
+  }
+
+  // Handle non-finite numbers (Infinity, -Infinity, NaN)
+  if (!Number.isFinite(progressValue)) {
+    progressValue = 0;
+  }
+
+  // Clamp between 0-100 & round to nearest integer
+  progressValue = Math.round(Math.min(Math.max(progressValue, 0), 100));
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "d-flex align-items-center"
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Progress, (0, _extends2.default)({}, props, {
+    className: "w-100 ".concat(showLabel && !children ? 'me-2' : '', " ").concat(props.className || ''),
+    value: progressValue
+  }), children), showLabel && !children && /*#__PURE__*/_react.default.createElement("span", {
+    className: "asab-progress-percentage text-end"
+  }, "".concat(progressValue, "%")));
+}

package/dist/components/Progress/ASABProgress.jsx

@@ -0,0 +1,45 @@
+import React from 'react';
+import { Progress } from 'reactstrap';
+
+import './ASABProgress.scss';
+
+export function ASABProgress({
+	showLabel = true,
+	children,
+	...props
+}) {
+	// Value has to be present and numeric
+	let progressValue = props?.value;
+
+	// Early return if not a number
+	if (!(typeof progressValue === 'number')) {
+		console.warn('ASABProgress not rendered due to an invalid value');
+		return null;
+	}
+
+	// Handle non-finite numbers (Infinity, -Infinity, NaN)
+	if (!Number.isFinite(progressValue)) {
+		progressValue = 0;
+	}
+
+	// Clamp between 0-100 & round to nearest integer
+	progressValue = Math.round(Math.min(Math.max(progressValue, 0), 100));
+
+	return (
+		<div className='d-flex align-items-center'>
+			<Progress
+				{...props}
+				className={`w-100 ${showLabel && !children ? 'me-2' : ''} ${props.className || ''}`}
+				value={progressValue}
+			>
+				{children}
+			</Progress>
+			{/* show label only when there is no children */}
+			{showLabel && !children
+				&& <span className='asab-progress-percentage text-end'>
+					{`${progressValue}%`}
+				</span>
+			}
+		</div>
+	);
+}

package/dist/components/Progress/ASABProgress.scss

@@ -0,0 +1,3 @@
+.asab-progress-percentage {
+	width: 2.4rem;
+}

package/dist/index.js

@@ -4,6 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "ASABProgress", {
+  enumerable: true,
+  get: function get() {
+    return _ASABProgress.ASABProgress;
+  }
+});
 Object.defineProperty(exports, "AdvancedCard", {
   enumerable: true,
   get: function get() {
@@ -342,6 +348,7 @@ var _AsabReactJson = require("./components/AsabReactJson/AsabReactJson.js");
 var _FullscreenButton = require("./components/FullscreenButton.js");
 var _AttentionRequiredBadge = require("./components/AttentionRequired/AttentionRequiredBadge.js");
 var _RendererWrapper = require("./components/RendererWrapper/RendererWrapper.js");
+var _ASABProgress = require("./components/Progress/ASABProgress.js");
 var _FlowbiteIllustration = require("./components/FlowbiteIllustration.js");
 var _PubSubContext = require("./components/Context/PubSubContext");
 var _AppStore = require("./components/Context/store/AppStore.js");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asab_webui_components",
-  "version": "26.1.3",
+  "version": "26.1.5",
   "license": "BSD-3-Clause",
   "description": "TeskaLabs ASAB WebUI Components Library",
   "contributors": [