@gpa-gemstone/common-pages 0.0.151 → 0.0.153

package/lib/Gemstone/GenericSlices/ReadOnlyGenericSlice.js

@@ -0,0 +1,230 @@
+"use strict";
+// ******************************************************************************************************
+//  ReadOnlyGenericSlice.tsx - Gbtc
+//
+//  Copyright © 2020, Grid Protection Alliance.  All Rights Reserved.
+//
+//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
+//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
+//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
+//  file except in compliance with the License. You may obtain a copy of the License at:
+//
+//      http://opensource.org/licenses/MIT
+//
+//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
+//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
+//  License for the specific language governing permissions and limitations.
+//
+//  Code Modification History:
+//  ----------------------------------------------------------------------------------------------------
+//  08/12/2024 - Preston Crawford
+//       Generated original version of source code.
+// ******************************************************************************************************
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var toolkit_1 = require("@reduxjs/toolkit");
+var ControllerFunctions_1 = require("../ControllerFunctions");
+/**
+ * A generic class providing functionalities related to a slice of data.
+ */
+var ReadOnlyGenericSlice = /** @class */ (function () {
+    function ReadOnlyGenericSlice(name, defaultSortField, ascending, apiPathOrReadOnlyController) {
+        var _this = this;
+        this.Data = function (state) { return state[_this.Name].Data; };
+        this.Error = function (state) { return state[_this.Name].Error; };
+        this.FetchStatus = function (state) { return state[_this.Name].FetchStatus; };
+        this.SortField = function (state) { return state[_this.Name].SortField; };
+        this.Ascending = function (state) { return state[_this.Name].Ascending; };
+        this.ParentID = function (state) { return state[_this.Name].ParentID; };
+        this.Name = name;
+        this.fetchHandle = null;
+        if (typeof apiPathOrReadOnlyController === 'string')
+            this.controller = new ControllerFunctions_1.ReadOnlyControllerFunctions(apiPathOrReadOnlyController);
+        else
+            this.controller = apiPathOrReadOnlyController;
+        this.Fetch = (0, toolkit_1.createAsyncThunk)("".concat(this.Name, "/Fetch").concat(this.Name), function () {
+            var args_1 = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args_1[_i] = arguments[_i];
+            }
+            return __awaiter(_this, __spreadArray([], args_1, true), void 0, function (arg, _a) {
+                var stateMap, state, fetchHandle, sortField, ascending, filter, parentID, paginationHandle;
+                var _b, _c, _d, _e, _f;
+                if (arg === void 0) { arg = undefined; }
+                var signal = _a.signal, getState = _a.getState;
+                return __generator(this, function (_g) {
+                    stateMap = getState();
+                    state = stateMap[this.Name];
+                    if (this.fetchHandle != null && this.fetchHandle.abort != null)
+                        this.fetchHandle.abort('Prev');
+                    sortField = (_b = arg === null || arg === void 0 ? void 0 : arg.sortField) !== null && _b !== void 0 ? _b : state.SortField;
+                    ascending = (_c = arg === null || arg === void 0 ? void 0 : arg.ascending) !== null && _c !== void 0 ? _c : state.Ascending;
+                    filter = (_d = arg === null || arg === void 0 ? void 0 : arg.filter) !== null && _d !== void 0 ? _d : state.Filter;
+                    parentID = (_f = (_e = arg === null || arg === void 0 ? void 0 : arg.parentID) !== null && _e !== void 0 ? _e : state.ParentID) !== null && _f !== void 0 ? _f : undefined;
+                    if ((arg === null || arg === void 0 ? void 0 : arg.filter) == null)
+                        fetchHandle = this.controller.GetPage(0, sortField, ascending, parentID);
+                    else
+                        fetchHandle = this.controller.SearchPage(0, sortField, ascending, filter, parentID);
+                    this.fetchHandle = fetchHandle;
+                    paginationHandle = this.controller.GetPageInfo();
+                    signal.addEventListener('abort', function () {
+                        if (fetchHandle.abort !== undefined)
+                            fetchHandle.abort();
+                        if (paginationHandle.abort !== undefined)
+                            paginationHandle.abort();
+                    });
+                    return [2 /*return*/, Promise.all([fetchHandle]).then(function (responses) { return ({ Data: responses[0] }); })];
+                });
+            });
+        });
+        this.SetStatusToChanged = (0, toolkit_1.createAsyncThunk)("".concat(this.Name, "/SetChanged").concat(this.Name), function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
+            return [2 /*return*/];
+        }); }); });
+        this.initializeSlice(defaultSortField, ascending);
+    }
+    ReadOnlyGenericSlice.prototype.initializeSlice = function (defaultSortField, ascending) {
+        var _this = this;
+        if (ascending === void 0) { ascending = true; }
+        var initialState = {
+            FetchStatus: 'uninitiated',
+            Error: null,
+            Data: [],
+            SortField: defaultSortField,
+            Ascending: ascending,
+            Filter: [],
+            ActiveID: [],
+            PageInfo: {
+                PageCount: 0,
+                TotalCount: 0,
+                PageSize: 0
+            },
+            ParentID: null
+        };
+        this.Slice = (0, toolkit_1.createSlice)({
+            name: this.Name,
+            initialState: initialState,
+            reducers: {},
+            extraReducers: function (builder) {
+                builder.addCase(_this.Fetch.pending, function (state, action) {
+                    state.FetchStatus = 'loading';
+                    state.ActiveID.push(action.meta.requestId);
+                });
+                builder.addCase(_this.Fetch.rejected, function (state, action) {
+                    var _a;
+                    state.ActiveID = state.ActiveID.filter(function (id) { return id !== action.meta.requestId; });
+                    if (state.ActiveID.length > 0)
+                        return;
+                    state.FetchStatus = 'error';
+                    state.Error = {
+                        Message: (_a = action.error.message) !== null && _a !== void 0 ? _a : '',
+                        Action: 'FETCH',
+                        Time: new Date().toString()
+                    };
+                });
+                builder.addCase(_this.Fetch.fulfilled, function (state, action) {
+                    var _a, _b;
+                    state.ActiveID = state.ActiveID.filter(function (id) { return id !== action.meta.requestId; });
+                    state.FetchStatus = 'idle';
+                    state.Error = null;
+                    state.Data = action.payload.Data;
+                    if (action.meta.arg == null)
+                        return;
+                    if (action.meta.arg.filter != null)
+                        state.Filter = (_a = action.meta.arg) === null || _a === void 0 ? void 0 : _a.filter;
+                    if (action.meta.arg.parentID != null)
+                        state.ParentID = (_b = action.meta.arg) === null || _b === void 0 ? void 0 : _b.parentID;
+                    if (state.SortField === action.meta.arg.sortField)
+                        state.Ascending = !state.Ascending;
+                    else if (action.meta.arg.sortField != null)
+                        state.SortField = action.meta.arg.sortField;
+                });
+                builder.addCase(_this.SetStatusToChanged.pending, function (state) {
+                    state.FetchStatus = 'changed';
+                });
+            }
+        });
+        this.Reducer = this.Slice.reducer;
+    };
+    ReadOnlyGenericSlice.prototype.addExtraReducers = function (builder) {
+        builder.addCase(this.Fetch.pending, function (state, action) {
+            state.FetchStatus = 'loading';
+            state.ActiveID.push(action.meta.requestId);
+        });
+        builder.addCase(this.Fetch.rejected, function (state, action) {
+            var _a;
+            state.ActiveID = state.ActiveID.filter(function (id) { return id !== action.meta.requestId; });
+            if (state.ActiveID.length > 0)
+                return;
+            state.FetchStatus = 'error';
+            state.Error = {
+                Message: (_a = action.error.message) !== null && _a !== void 0 ? _a : '',
+                Action: 'FETCH',
+                Time: new Date().toString()
+            };
+        });
+        builder.addCase(this.Fetch.fulfilled, function (state, action) {
+            var _a, _b;
+            state.ActiveID = state.ActiveID.filter(function (id) { return id !== action.meta.requestId; });
+            state.FetchStatus = 'idle';
+            state.Error = null;
+            state.Data = action.payload.Data;
+            if (action.meta.arg.filter != null)
+                state.Filter = (_a = action.meta.arg) === null || _a === void 0 ? void 0 : _a.filter;
+            if (action.meta.arg.parentID != null)
+                state.ParentID = (_b = action.meta.arg) === null || _b === void 0 ? void 0 : _b.parentID;
+            if (state.SortField === action.meta.arg.sortField)
+                state.Ascending = !state.Ascending;
+            else if (action.meta.arg.sortField != null)
+                state.SortField = action.meta.arg.sortField;
+        });
+        builder.addCase(this.SetStatusToChanged.pending, function (state) {
+            state.FetchStatus = 'changed';
+        });
+    };
+    return ReadOnlyGenericSlice;
+}());
+exports.default = ReadOnlyGenericSlice;

package/lib/Gemstone/GenericSlices/ReadWriteGenericSlice.d.ts

@@ -0,0 +1,19 @@
+import { AsyncThunk } from '@reduxjs/toolkit';
+import { ReadOnlyControllerFunctions, ReadWriteControllerFunctions } from '../ControllerFunctions';
+import ReadOnlyGenericSlice from './ReadOnlyGenericSlice';
+import { Application } from '@gpa-gemstone/application-typings';
+export default class ReadWriteGenericSlice<T> extends ReadOnlyGenericSlice<T> {
+    Add: AsyncThunk<T, T, {}>;
+    Update: AsyncThunk<T, T, {}>;
+    Delete: AsyncThunk<T, (string | number | T), {}>;
+    private updateHandle;
+    private addHandle;
+    private deleteHandle;
+    private readWriteController;
+    constructor(name: string, defaultSortField: keyof T, ascending: boolean, apiPath: string);
+    constructor(name: string, defaultSortField: keyof T, ascending: boolean, readWriteController: ReadWriteControllerFunctions<T>, readOnlyController?: ReadOnlyControllerFunctions<T>);
+    private initializeReadWriteSlice;
+    UpdateStatus: (state: any) => Application.Types.Status;
+    AddStatus: (state: any) => Application.Types.Status;
+    DeleteStatus: (state: any) => Application.Types.Status;
+}

package/lib/Gemstone/GenericSlices/ReadWriteGenericSlice.js

@@ -0,0 +1,241 @@
+"use strict";
+// ******************************************************************************************************
+//  ReadWriteGenericSlice.tsx - Gbtc
+//
+//  Copyright © 2020, Grid Protection Alliance.  All Rights Reserved.
+//
+//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
+//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
+//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
+//  file except in compliance with the License. You may obtain a copy of the License at:
+//
+//      http://opensource.org/licenses/MIT
+//
+//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
+//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
+//  License for the specific language governing permissions and limitations.
+//
+//  Code Modification History:
+//  ----------------------------------------------------------------------------------------------------
+//  08/12/2024 - Preston Crawford
+//       Generated original version of source code.
+// ******************************************************************************************************
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var toolkit_1 = require("@reduxjs/toolkit");
+var ControllerFunctions_1 = require("../ControllerFunctions");
+var ReadOnlyGenericSlice_1 = __importDefault(require("./ReadOnlyGenericSlice"));
+var ReadWriteGenericSlice = /** @class */ (function (_super) {
+    __extends(ReadWriteGenericSlice, _super);
+    function ReadWriteGenericSlice(name, defaultSortField, ascending, apiPathOrReadWriteController, readOnlyController) {
+        var _this = _super.call(this, name, defaultSortField, ascending, typeof apiPathOrReadWriteController === 'string' ? new ControllerFunctions_1.ReadWriteControllerFunctions(apiPathOrReadWriteController) : (readOnlyController !== null && readOnlyController !== void 0 ? readOnlyController : apiPathOrReadWriteController)) || this;
+        _this.updateHandle = null;
+        _this.addHandle = null;
+        _this.deleteHandle = null;
+        _this.UpdateStatus = function (state) { return state[_this.Name].UpdateStatus; };
+        _this.AddStatus = function (state) { return state[_this.Name].AddStatus; };
+        _this.DeleteStatus = function (state) { return state[_this.Name].DeleteStatus; };
+        _this.readWriteController = typeof apiPathOrReadWriteController === 'string' ? new ControllerFunctions_1.ReadWriteControllerFunctions(apiPathOrReadWriteController) : apiPathOrReadWriteController;
+        _this.initializeReadWriteSlice();
+        return _this;
+    }
+    ReadWriteGenericSlice.prototype.initializeReadWriteSlice = function () {
+        var _this = this;
+        this.Add = (0, toolkit_1.createAsyncThunk)("".concat(this.Name, "/Add").concat(this.Name), function (record_1, _a) { return __awaiter(_this, [record_1, _a], void 0, function (record, _b) {
+            var _this = this;
+            var _c;
+            var signal = _b.signal;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        if (((_c = this.addHandle) === null || _c === void 0 ? void 0 : _c.abort) != null)
+                            this.addHandle.abort('Prev');
+                        this.addHandle = this.readWriteController.Add(record);
+                        signal.addEventListener('abort', function () {
+                            var _a;
+                            (_a = _this.addHandle) === null || _a === void 0 ? void 0 : _a.abort();
+                        });
+                        return [4 /*yield*/, this.addHandle];
+                    case 1: return [2 /*return*/, _d.sent()];
+                }
+            });
+        }); });
+        this.Update = (0, toolkit_1.createAsyncThunk)("".concat(this.Name, "/Update").concat(this.Name), function (record_1, _a) { return __awaiter(_this, [record_1, _a], void 0, function (record, _b) {
+            var _this = this;
+            var _c;
+            var signal = _b.signal;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        if (((_c = this.updateHandle) === null || _c === void 0 ? void 0 : _c.abort) != null)
+                            this.updateHandle.abort('Prev');
+                        this.updateHandle = this.readWriteController.Update(record);
+                        signal.addEventListener('abort', function () {
+                            var _a;
+                            (_a = _this.updateHandle) === null || _a === void 0 ? void 0 : _a.abort();
+                        });
+                        return [4 /*yield*/, this.updateHandle];
+                    case 1: return [2 /*return*/, _d.sent()];
+                }
+            });
+        }); });
+        this.Delete = (0, toolkit_1.createAsyncThunk)("".concat(this.Name, "/Delete").concat(this.Name), function (record_1, _a) { return __awaiter(_this, [record_1, _a], void 0, function (record, _b) {
+            var _this = this;
+            var _c;
+            var signal = _b.signal;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        if (((_c = this.deleteHandle) === null || _c === void 0 ? void 0 : _c.abort) != null)
+                            this.deleteHandle.abort('Prev');
+                        if (typeof record === 'string' || typeof record === 'number')
+                            this.deleteHandle = this.readWriteController.DeleteByID(record);
+                        else
+                            this.deleteHandle = this.readWriteController.Delete(record);
+                        signal.addEventListener('abort', function () {
+                            var _a;
+                            (_a = _this.deleteHandle) === null || _a === void 0 ? void 0 : _a.abort();
+                        });
+                        return [4 /*yield*/, this.deleteHandle];
+                    case 1: return [2 /*return*/, _d.sent()];
+                }
+            });
+        }); });
+        // Create the slice with extended reducers
+        this.Slice = (0, toolkit_1.createSlice)({
+            name: this.Name,
+            initialState: __assign(__assign({}, this.Slice.getInitialState()), { AddStatus: 'uninitiated', UpdateStatus: 'uninitiated', DeleteStatus: 'uninitiated' }),
+            reducers: {},
+            extraReducers: function (builder) {
+                _this.addExtraReducers(builder);
+                builder.addCase(_this.Add.pending, function (state, action) {
+                    state.AddStatus = 'loading';
+                    state.ActiveID.push(action.meta.requestId);
+                });
+                builder.addCase(_this.Add.fulfilled, function (state, action) {
+                    state.AddStatus = 'changed';
+                    state.ActiveID = state.ActiveID.filter(function (id) { return id !== action.meta.requestId; });
+                });
+                builder.addCase(_this.Add.rejected, function (state, action) {
+                    var _a;
+                    state.ActiveID = state.ActiveID.filter(function (id) { return id !== action.meta.requestId; });
+                    if (state.ActiveID.length > 0)
+                        return;
+                    state.AddStatus = 'error';
+                    state.Error = {
+                        Message: (_a = action.error.message) !== null && _a !== void 0 ? _a : '',
+                        Action: 'ADD',
+                        Time: new Date().toString()
+                    };
+                });
+                builder.addCase(_this.Update.pending, function (state, action) {
+                    state.UpdateStatus = 'loading';
+                    state.ActiveID.push(action.meta.requestId);
+                });
+                builder.addCase(_this.Update.fulfilled, function (state, action) {
+                    state.UpdateStatus = 'changed';
+                    state.ActiveID = state.ActiveID.filter(function (id) { return id !== action.meta.requestId; });
+                });
+                builder.addCase(_this.Update.rejected, function (state, action) {
+                    var _a;
+                    state.ActiveID = state.ActiveID.filter(function (id) { return id !== action.meta.requestId; });
+                    if (state.ActiveID.length > 0)
+                        return;
+                    state.UpdateStatus = 'error';
+                    state.Error = {
+                        Message: (_a = action.error.message) !== null && _a !== void 0 ? _a : '',
+                        Action: 'UPDATE',
+                        Time: new Date().toString()
+                    };
+                });
+                builder.addCase(_this.Delete.pending, function (state, action) {
+                    state.DeleteStatus = 'loading';
+                    state.ActiveID.push(action.meta.requestId);
+                });
+                builder.addCase(_this.Delete.fulfilled, function (state, action) {
+                    state.DeleteStatus = 'changed';
+                    state.ActiveID = state.ActiveID.filter(function (id) { return id !== action.meta.requestId; });
+                });
+                builder.addCase(_this.Delete.rejected, function (state, action) {
+                    var _a;
+                    state.ActiveID = state.ActiveID.filter(function (id) { return id !== action.meta.requestId; });
+                    if (state.ActiveID.length > 0)
+                        return;
+                    state.DeleteStatus = 'error';
+                    state.Error = {
+                        Message: (_a = action.error.message) !== null && _a !== void 0 ? _a : '',
+                        Action: 'DELETE',
+                        Time: new Date().toString()
+                    };
+                });
+            }
+        });
+        this.Reducer = this.Slice.reducer;
+    };
+    return ReadWriteGenericSlice;
+}(ReadOnlyGenericSlice_1.default));
+exports.default = ReadWriteGenericSlice;

package/lib/Gemstone/GenericSlices/useInitializeData.d.ts

@@ -0,0 +1,10 @@
+import ReadOnlyGenericSlice from './ReadOnlyGenericSlice';
+/**
+ * Custom hook to initialize data fetching for a read-only generic slice.
+ * @param slice - The read-only generic slice instance.
+ * @param dispatch - The Redux dispatch function.
+ * @param useSelector - The Redux useSelector hook.
+ * @param parentID - The optional parent ID for the data fetch.
+ * @returns The current fetch status.
+ */
+export declare function useInitializeWithFetch<T>(slice: ReadOnlyGenericSlice<T>, dispatch: (action: any) => void, useSelector: any, parentID?: string | number): any;

package/lib/Gemstone/GenericSlices/useInitializeData.js

@@ -0,0 +1,65 @@
+"use strict";
+// ******************************************************************************************************
+//  useInitializeHook.tsx - Gbtc
+//
+//  Copyright © 2020, Grid Protection Alliance.  All Rights Reserved.
+//
+//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
+//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
+//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
+//  file except in compliance with the License. You may obtain a copy of the License at:
+//
+//      http://opensource.org/licenses/MIT
+//
+//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
+//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
+//  License for the specific language governing permissions and limitations.
+//
+//  Code Modification History:
+//  ----------------------------------------------------------------------------------------------------
+//  08/13/2024 - Preston Crawford
+//       Generated original version of source code.
+// ******************************************************************************************************
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInitializeWithFetch = useInitializeWithFetch;
+var React = __importStar(require("react"));
+/**
+ * Custom hook to initialize data fetching for a read-only generic slice.
+ * @param slice - The read-only generic slice instance.
+ * @param dispatch - The Redux dispatch function.
+ * @param useSelector - The Redux useSelector hook.
+ * @param parentID - The optional parent ID for the data fetch.
+ * @returns The current fetch status.
+ */
+function useInitializeWithFetch(slice, dispatch, useSelector, parentID) {
+    var status = useSelector(slice.FetchStatus);
+    var ParentID = useSelector(slice.ParentID);
+    React.useEffect(function () {
+        if (status === 'uninitiated' || status === 'changed' || ParentID != parentID)
+            dispatch(slice.Fetch({ parentID: parentID }));
+    }, [status, dispatch]);
+    return status;
+}

package/lib/NavBarFilterButton.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import 'moment';
 import { OpenXDA, SystemCenter } from '@gpa-gemstone/application-typings';
 type S = SystemCenter.Types.DetailedMeter | SystemCenter.Types.DetailedAsset | SystemCenter.Types.DetailedLocation | OpenXDA.Types.AssetGroup;
@@ -11,5 +10,5 @@ interface IProps<S> {
         selected: string;
     };
 }
-declare function NavbarFilterButton(props: IProps<S>): React.JSX.Element;
+declare function NavbarFilterButton(props: IProps<S>): JSX.Element;
 export default NavbarFilterButton;

package/lib/Note.d.ts

@@ -16,5 +16,5 @@ interface IProps {
     DefaultApplication?: OpenXDA.Types.NoteApplication;
     Filter?: (note: OpenXDA.Types.Note) => boolean;
 }
-declare function Note(props: React.PropsWithChildren<IProps>): React.JSX.Element;
+declare function Note(props: React.PropsWithChildren<IProps>): JSX.Element;
 export default Note;

package/lib/Note.js

@@ -80,7 +80,7 @@ function Note(props) {
     var _c = React.useState(CreateNewNote()), note = _c[0], setNote = _c[1];
     var _d = React.useState([]), notes = _d[0], setNotes = _d[1];
     React.useEffect(function () {
-        if (dataStatus === 'unintiated' || dataStatus === 'changed' || parentID !== props.ReferenceTableID)
+        if (dataStatus === 'uninitiated' || dataStatus === 'changed' || parentID !== props.ReferenceTableID)
             dispatch(props.NoteSlice.Fetch(props.ReferenceTableID));
     }, [props.ReferenceTableID, dispatch, dataStatus]);
     React.useEffect(function () {

package/lib/RoleAcessErrorPage.d.ts

@@ -4,5 +4,5 @@ interface IProps {
     ClassName?: string;
     Logo?: string;
 }
-declare const RoleAccessErrorPage: React.FunctionComponent<IProps>;
+declare const RoleAccessErrorPage: (props: IProps) => JSX.Element;
 export default RoleAccessErrorPage;

package/lib/SearchBar.d.ts

@@ -21,16 +21,16 @@ interface IOptions {
 /** This Implements a few standardized SearchBars */
 export declare namespace DefaultSearch {
     /** This Implements a standard Meter Search */
-    const Meter: React.FC<IProps<SystemCenter.Types.DetailedMeter>>;
+    const Meter: (props: React.PropsWithChildren<IProps<SystemCenter.Types.DetailedMeter>>) => JSX.Element;
     /** This Implements a standard Substation Search */
-    const Location: React.FC<IProps<SystemCenter.Types.DetailedLocation>>;
+    const Location: (props: React.PropsWithChildren<IProps<SystemCenter.Types.DetailedLocation>>) => JSX.Element;
     /** This Implements a standard Transmission Asset Search */
-    const Asset: React.FC<IProps<SystemCenter.Types.DetailedAsset>>;
+    const Asset: (props: React.PropsWithChildren<IProps<SystemCenter.Types.DetailedAsset>>) => JSX.Element;
     /** This Implements a standard AssetGroup Search */
-    const AssetGroup: React.FC<IProps<OpenXDA.Types.AssetGroup>>;
+    const AssetGroup: (props: React.PropsWithChildren<IProps<OpenXDA.Types.AssetGroup>>) => JSX.Element;
     /** This Implements a standard User Search */
-    const User: React.FC<IProps<Application.Types.iUserAccount>>;
+    const User: (props: React.PropsWithChildren<IProps<Application.Types.iUserAccount>>) => JSX.Element;
     /** This Implements a standard Customer Search */
-    const Customer: React.FC<IProps<OpenXDA.Types.Customer>>;
+    const Customer: (props: React.PropsWithChildren<IProps<OpenXDA.Types.Customer>>) => JSX.Element;
 }
 export {};