@gpa-gemstone/common-pages 0.0.55 → 0.0.57

package/lib/SearchBar.d.ts

@@ -13,6 +13,7 @@ interface IProps<T extends U> {
     GetAddlFields: (setAddlFields: (cols: Search.IField<T>[]) => void) => () => void;
     children: React.ReactNode;
     AddlFilters?: Search.IFilter<T>[];
+    StorageID?: string;
 }
 interface IOptions {
     Value: string;

package/lib/SearchBar.js

@@ -59,7 +59,7 @@ var DefaultSearch;
             return props.GetAddlFields(setAddlFieldCols);
         }, []);
         var standardSearch = { label: 'Name', key: 'Name', type: 'string', isPivotField: false };
-        return React.createElement(react_interactive_1.SearchBar, { CollumnList: __spreadArray(__spreadArray([], defaultSearchcols, true), addlFieldCols, true), SetFilter: function (flds) { return dispatch(props.Slice.DBSearch({ filter: (props.AddlFilters === undefined ? flds : __spreadArray(__spreadArray([], flds, true), props.AddlFilters, true)), sortField: sortField, ascending: ascending })); }, Direction: 'left', defaultCollumn: standardSearch, Width: '50%', Label: 'Search', ShowLoading: searchStatus === 'loading', ResultNote: searchStatus === 'error' ? 'Could not complete Search' : 'Found ' + data.length + ' Meter(s)', GetEnum: props.GetEnum }, props.children);
+        return React.createElement(react_interactive_1.SearchBar, { CollumnList: __spreadArray(__spreadArray([], defaultSearchcols, true), addlFieldCols, true), SetFilter: function (flds) { return dispatch(props.Slice.DBSearch({ filter: (props.AddlFilters === undefined ? flds : __spreadArray(__spreadArray([], flds, true), props.AddlFilters, true)), sortField: sortField, ascending: ascending })); }, Direction: 'left', defaultCollumn: standardSearch, Width: '50%', Label: 'Search', ShowLoading: searchStatus === 'loading', ResultNote: searchStatus === 'error' ? 'Could not complete Search' : 'Found ' + data.length + ' Meter(s)', GetEnum: props.GetEnum, StorageID: props.StorageID }, props.children);
     }
     DefaultSearch.Meter = Meter;
     /** This Implements a standard Substation Search */
@@ -83,7 +83,7 @@ var DefaultSearch;
         React.useEffect(function () {
             return props.GetAddlFields(setAddlFieldCols);
         }, []);
-        return React.createElement(react_interactive_1.SearchBar, { CollumnList: __spreadArray(__spreadArray([], defaultSearchcols, true), addlFieldCols, true), SetFilter: function (flds) { return dispatch(props.Slice.DBSearch({ filter: (props.AddlFilters === undefined ? flds : __spreadArray(__spreadArray([], flds, true), props.AddlFilters, true)), sortField: sortField, ascending: ascending })); }, Direction: 'left', defaultCollumn: standardSearch, Width: '50%', Label: 'Search', ShowLoading: searchStatus === 'loading', ResultNote: searchStatus === 'error' ? 'Could not complete Search' : 'Found ' + data.length + '  Substation(s)', GetEnum: props.GetEnum }, props.children);
+        return React.createElement(react_interactive_1.SearchBar, { CollumnList: __spreadArray(__spreadArray([], defaultSearchcols, true), addlFieldCols, true), SetFilter: function (flds) { return dispatch(props.Slice.DBSearch({ filter: (props.AddlFilters === undefined ? flds : __spreadArray(__spreadArray([], flds, true), props.AddlFilters, true)), sortField: sortField, ascending: ascending })); }, Direction: 'left', defaultCollumn: standardSearch, Width: '50%', Label: 'Search', ShowLoading: searchStatus === 'loading', ResultNote: searchStatus === 'error' ? 'Could not complete Search' : 'Found ' + data.length + '  Substation(s)', GetEnum: props.GetEnum, StorageID: props.StorageID }, props.children);
     }
     DefaultSearch.Location = Location;
     /** This Implements a standard Transmission Asset Search */
@@ -100,20 +100,20 @@ var DefaultSearch;
             { label: 'Name', key: 'AssetName', type: 'string', isPivotField: false },
             { label: 'Voltage (kV)', key: 'VoltageKV', type: 'number', isPivotField: false },
             { label: 'Type', key: 'AssetType', type: 'enum', isPivotField: false },
-            { label: 'Meter', key: 'Meter', type: 'string', isPivotField: false },
-            { label: 'Substation', key: 'Location', type: 'string', isPivotField: false },
+            { label: 'Meter Key', key: 'Meter', type: 'string', isPivotField: false },
+            { label: 'Substation Key', key: 'Location', type: 'string', isPivotField: false },
             { label: 'Number of Meters', key: 'Meters', type: 'integer', isPivotField: false },
             { label: 'Number of Substations', key: 'Locations', type: 'integer', isPivotField: false },
         ];
         React.useEffect(function () {
             return props.GetAddlFields(setAddlFieldCols);
         }, []);
-        return React.createElement(react_interactive_1.SearchBar, { CollumnList: __spreadArray(__spreadArray([], defaultSearchcols, true), addlFieldCols, true), SetFilter: function (flds) { return dispatch(props.Slice.DBSearch({ filter: (props.AddlFilters === undefined ? flds : __spreadArray(__spreadArray([], flds, true), props.AddlFilters, true)), sortField: sortField, ascending: ascending })); }, Direction: 'left', defaultCollumn: standardSearch, Width: '50%', Label: 'Search', ShowLoading: searchStatus === 'loading', ResultNote: searchStatus === 'error' ? 'Could not complete Search' : 'Found ' + data.length + ' Transmission Asset(s)', GetEnum: props.GetEnum }, props.children);
+        return React.createElement(react_interactive_1.SearchBar, { CollumnList: __spreadArray(__spreadArray([], defaultSearchcols, true), addlFieldCols, true), SetFilter: function (flds) { return dispatch(props.Slice.DBSearch({ filter: (props.AddlFilters === undefined ? flds : __spreadArray(__spreadArray([], flds, true), props.AddlFilters, true)), sortField: sortField, ascending: ascending })); }, Direction: 'left', defaultCollumn: standardSearch, Width: '50%', Label: 'Search', ShowLoading: searchStatus === 'loading', ResultNote: searchStatus === 'error' ? 'Could not complete Search' : 'Found ' + data.length + ' Transmission Asset(s)', GetEnum: props.GetEnum, StorageID: props.StorageID }, props.children);
     }
     DefaultSearch.Asset = Asset;
     /** This Implements a standard AssetGroup Search */
     function AssetGroup(props) {
-        var standardSearch = { label: 'Name', key: 'AssetName', type: 'string', isPivotField: false };
+        var standardSearch = { label: 'Name', key: 'Name', type: 'string', isPivotField: false };
         var _a = React.useState([]), addlFieldCols = _a[0], setAddlFieldCols = _a[1];
         var dispatch = (0, react_redux_1.useDispatch)();
         var searchStatus = (0, react_redux_1.useSelector)(props.Slice.SearchStatus);
@@ -130,7 +130,7 @@ var DefaultSearch;
         React.useEffect(function () {
             return props.GetAddlFields(setAddlFieldCols);
         }, []);
-        return React.createElement(react_interactive_1.SearchBar, { CollumnList: __spreadArray(__spreadArray([], defaultSearchcols, true), addlFieldCols, true), SetFilter: function (flds) { return dispatch(props.Slice.DBSearch({ filter: (props.AddlFilters === undefined ? flds : __spreadArray(__spreadArray([], flds, true), props.AddlFilters, true)), sortField: sortField, ascending: ascending })); }, Direction: 'left', defaultCollumn: standardSearch, Width: '50%', Label: 'Search', ShowLoading: searchStatus === 'loading', ResultNote: searchStatus === 'error' ? 'Could not complete Search' : 'Found ' + data.length + ' Asset Group(s)', GetEnum: props.GetEnum }, props.children);
+        return React.createElement(react_interactive_1.SearchBar, { CollumnList: __spreadArray(__spreadArray([], defaultSearchcols, true), addlFieldCols, true), SetFilter: function (flds) { return dispatch(props.Slice.DBSearch({ filter: (props.AddlFilters === undefined ? flds : __spreadArray(__spreadArray([], flds, true), props.AddlFilters, true)), sortField: sortField, ascending: ascending })); }, Direction: 'left', defaultCollumn: standardSearch, Width: '50%', Label: 'Search', ShowLoading: searchStatus === 'loading', ResultNote: searchStatus === 'error' ? 'Could not complete Search' : 'Found ' + data.length + ' Asset Group(s)', GetEnum: props.GetEnum, StorageID: props.StorageID }, props.children);
     }
     DefaultSearch.AssetGroup = AssetGroup;
     /** This Implements a standard User Search */
@@ -150,7 +150,7 @@ var DefaultSearch;
         React.useEffect(function () {
             return props.GetAddlFields(setAddlFieldCols);
         }, []);
-        return React.createElement(react_interactive_1.SearchBar, { CollumnList: __spreadArray(__spreadArray([], defaultSearchcols, true), addlFieldCols, true), SetFilter: function (flds) { return dispatch(props.Slice.DBSearch({ filter: (props.AddlFilters === undefined ? flds : __spreadArray(__spreadArray([], flds, true), props.AddlFilters, true)), sortField: sortField, ascending: ascending })); }, Direction: 'left', defaultCollumn: standardSearch, Width: '50%', Label: 'Search', ShowLoading: searchStatus === 'loading', ResultNote: searchStatus === 'error' ? 'Could not complete Search' : 'Found ' + data.length + ' Asset Group(s)', GetEnum: props.GetEnum }, props.children);
+        return React.createElement(react_interactive_1.SearchBar, { CollumnList: __spreadArray(__spreadArray([], defaultSearchcols, true), addlFieldCols, true), SetFilter: function (flds) { return dispatch(props.Slice.DBSearch({ filter: (props.AddlFilters === undefined ? flds : __spreadArray(__spreadArray([], flds, true), props.AddlFilters, true)), sortField: sortField, ascending: ascending })); }, Direction: 'left', defaultCollumn: standardSearch, Width: '50%', Label: 'Search', ShowLoading: searchStatus === 'loading', ResultNote: searchStatus === 'error' ? 'Could not complete Search' : 'Found ' + data.length + ' Asset Group(s)', GetEnum: props.GetEnum, StorageID: props.StorageID }, props.children);
     }
     DefaultSearch.User = User;
     /** This Implements a standard Customer Search */
@@ -171,7 +171,7 @@ var DefaultSearch;
         React.useEffect(function () {
             return props.GetAddlFields(setAddlFieldCols);
         }, []);
-        return React.createElement(react_interactive_1.SearchBar, { CollumnList: __spreadArray(__spreadArray([], defaultSearchcols, true), addlFieldCols, true), SetFilter: function (flds) { return dispatch(props.Slice.DBSearch({ filter: (props.AddlFilters === undefined ? flds : __spreadArray(__spreadArray([], flds, true), props.AddlFilters, true)), sortField: sortField, ascending: ascending })); }, Direction: 'left', defaultCollumn: standardSearch, Width: '50%', Label: 'Search', ShowLoading: searchStatus === 'loading', ResultNote: searchStatus === 'error' ? 'Could not complete Search' : 'Found ' + data.length + ' Customer(s)', GetEnum: props.GetEnum }, props.children);
+        return React.createElement(react_interactive_1.SearchBar, { CollumnList: __spreadArray(__spreadArray([], defaultSearchcols, true), addlFieldCols, true), SetFilter: function (flds) { return dispatch(props.Slice.DBSearch({ filter: (props.AddlFilters === undefined ? flds : __spreadArray(__spreadArray([], flds, true), props.AddlFilters, true)), sortField: sortField, ascending: ascending })); }, Direction: 'left', defaultCollumn: standardSearch, Width: '50%', Label: 'Search', ShowLoading: searchStatus === 'loading', ResultNote: searchStatus === 'error' ? 'Could not complete Search' : 'Found ' + data.length + ' Customer(s)', GetEnum: props.GetEnum, StorageID: props.StorageID }, props.children);
     }
     DefaultSearch.Customer = Customer;
 })(DefaultSearch = exports.DefaultSearch || (exports.DefaultSearch = {}));

package/lib/SelectionPopup.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { Column } from "@gpa-gemstone/react-table";
+import React = require("react");
 import { GenericSlice, Search } from "@gpa-gemstone/react-interactive";
 import { Application, OpenXDA, SystemCenter } from "@gpa-gemstone/application-typings";
 interface U {
@@ -17,6 +17,8 @@ interface IProps<T extends U> {
     GetAddlFields: (setAddlFields: (cols: Search.IField<T>[]) => void) => () => void;
     AddlFilters?: Search.IFilter<T>[];
     MinSelection?: number;
+    children?: React.ReactNode;
+    StorageID?: string;
 }
 interface IOptions {
     Value: string;

package/lib/SelectionPopup.js

@@ -41,32 +41,50 @@ var DefaultSelects;
 (function (DefaultSelects) {
     /** This Implements a standard Meter Selection Modal */
     function Meter(props) {
-        return React.createElement(StandardSelectPopup_1.default, __assign({}, props, { Searchbar: function (children) { return React.createElement(SearchBar_1.DefaultSearch.Meter, { Slice: props.Slice, GetAddlFields: props.GetAddlFields, GetEnum: props.GetEnum, AddlFilters: props.AddlFilters }, children); } }));
+        return React.createElement(StandardSelectPopup_1.default, __assign({}, props, { Searchbar: function (children) { return React.createElement(SearchBar_1.DefaultSearch.Meter, { Slice: props.Slice, GetAddlFields: props.GetAddlFields, GetEnum: props.GetEnum, StorageID: props.StorageID, AddlFilters: props.AddlFilters }, children); } }),
+            " ",
+            props.children,
+            " ");
     }
     DefaultSelects.Meter = Meter;
     /** This Implements a standard Substation Selection Modal */
     function Location(props) {
-        return React.createElement(StandardSelectPopup_1.default, __assign({}, props, { Searchbar: function (children) { return React.createElement(SearchBar_1.DefaultSearch.Location, { Slice: props.Slice, GetAddlFields: props.GetAddlFields, GetEnum: props.GetEnum, AddlFilters: props.AddlFilters }, children); } }));
+        return React.createElement(StandardSelectPopup_1.default, __assign({}, props, { Searchbar: function (children) { return React.createElement(SearchBar_1.DefaultSearch.Location, { Slice: props.Slice, GetAddlFields: props.GetAddlFields, GetEnum: props.GetEnum, StorageID: props.StorageID, AddlFilters: props.AddlFilters }, children); } }),
+            " ",
+            props.children,
+            " ");
     }
     DefaultSelects.Location = Location;
     /** This Implements a standard Transmission Asset Selection Modal */
     function Asset(props) {
-        return React.createElement(StandardSelectPopup_1.default, __assign({}, props, { Searchbar: function (children) { return React.createElement(SearchBar_1.DefaultSearch.Asset, { Slice: props.Slice, GetAddlFields: props.GetAddlFields, GetEnum: props.GetEnum, AddlFilters: props.AddlFilters }, children); } }));
+        return React.createElement(StandardSelectPopup_1.default, __assign({}, props, { Searchbar: function (children) { return React.createElement(SearchBar_1.DefaultSearch.Asset, { Slice: props.Slice, GetAddlFields: props.GetAddlFields, GetEnum: props.GetEnum, StorageID: props.StorageID, AddlFilters: props.AddlFilters }, children); } }),
+            " ",
+            props.children,
+            " ");
     }
     DefaultSelects.Asset = Asset;
     /** This Implements a standard Asset Group Selection Modal */
     function AssetGroup(props) {
-        return React.createElement(StandardSelectPopup_1.default, __assign({}, props, { Searchbar: function (children) { return React.createElement(SearchBar_1.DefaultSearch.AssetGroup, { Slice: props.Slice, GetAddlFields: props.GetAddlFields, GetEnum: props.GetEnum, AddlFilters: props.AddlFilters }, children); } }));
+        return React.createElement(StandardSelectPopup_1.default, __assign({}, props, { Searchbar: function (children) { return React.createElement(SearchBar_1.DefaultSearch.AssetGroup, { Slice: props.Slice, GetAddlFields: props.GetAddlFields, GetEnum: props.GetEnum, StorageID: props.StorageID, AddlFilters: props.AddlFilters }, children); } }),
+            " ",
+            props.children,
+            " ");
     }
     DefaultSelects.AssetGroup = AssetGroup;
     /** This Implements a standard User Selection Modal */
     function User(props) {
-        return React.createElement(StandardSelectPopup_1.default, __assign({}, props, { Searchbar: function (children) { return React.createElement(SearchBar_1.DefaultSearch.User, { Slice: props.Slice, GetAddlFields: props.GetAddlFields, GetEnum: props.GetEnum, AddlFilters: props.AddlFilters }, children); } }));
+        return React.createElement(StandardSelectPopup_1.default, __assign({}, props, { Searchbar: function (children) { return React.createElement(SearchBar_1.DefaultSearch.User, { Slice: props.Slice, GetAddlFields: props.GetAddlFields, GetEnum: props.GetEnum, StorageID: props.StorageID, AddlFilters: props.AddlFilters }, children); } }),
+            " ",
+            props.children,
+            " ");
     }
     DefaultSelects.User = User;
     /** This Implements a standard Customer Selection Modal */
     function Customer(props) {
-        return React.createElement(StandardSelectPopup_1.default, __assign({}, props, { Searchbar: function (children) { return React.createElement(SearchBar_1.DefaultSearch.Customer, { Slice: props.Slice, GetAddlFields: props.GetAddlFields, GetEnum: props.GetEnum, AddlFilters: props.AddlFilters }, children); } }));
+        return React.createElement(StandardSelectPopup_1.default, __assign({}, props, { Searchbar: function (children) { return React.createElement(SearchBar_1.DefaultSearch.Customer, { Slice: props.Slice, GetAddlFields: props.GetAddlFields, GetEnum: props.GetEnum, StorageID: props.StorageID, AddlFilters: props.AddlFilters }, children); } }),
+            " ",
+            props.children,
+            " ");
     }
     DefaultSelects.Customer = Customer;
 })(DefaultSelects = exports.DefaultSelects || (exports.DefaultSelects = {}));

package/lib/SliceInterfaces.d.ts

@@ -4,20 +4,20 @@ import { ActionCreatorWithPayload, AsyncThunk, ActionCreatorWithoutPayload } fro
 declare type DBAction = 'POST' | 'DELETE' | 'PATCH';
 export declare type UserValidation = 'Resolving' | 'Valid' | 'Invalid' | 'Unknown';
 export interface IGenericSlice<T> {
-    Fetch: (AsyncThunk<any, void | number, {}>);
+    Fetch: (AsyncThunk<any, void | number | string, {}>);
     DBAction: (AsyncThunk<any, {
         verb: DBAction;
         record: T;
     }, {}>);
-    Sort: ActionCreatorWithPayload<{
+    Sort: AsyncThunk<any, {
         SortField: keyof T;
         Ascending: boolean;
-    }, string>;
+    }, {}>;
     Data: (state: any) => T[];
     Status: (state: any) => Application.Types.Status;
     SortField: (state: any) => keyof T;
     Ascending: (state: any) => boolean;
-    ParentID?: (state: any) => number | null;
+    ParentID?: (state: any) => number | string;
 }
 export interface ISearchableSlice<T> extends IGenericSlice<T> {
     DBSearch: (AsyncThunk<any, {

package/lib/StandardSelectPopup.d.ts

@@ -14,6 +14,7 @@ interface IProps<T extends U> {
     Columns: Column<T>[];
     Title: string;
     MinSelection?: number;
+    children?: React.ReactNode;
 }
 export default function SelectPopup<T extends U>(props: IProps<T>): JSX.Element;
 export {};

package/lib/StandardSelectPopup.js

@@ -59,14 +59,20 @@ function SelectPopup(props) {
                 props.MinSelection,
                 " items must be selected. ") },
             React.createElement("div", { className: "row" },
-                React.createElement("div", { className: "col" }, props.Searchbar(props.Type === 'multiple' ? React.createElement("li", { className: "nav-item", style: { width: '20%', paddingRight: 10 } },
-                    React.createElement("fieldset", { className: "border", style: { padding: '10px', height: '100%' } },
-                        React.createElement("legend", { className: "w-auto", style: { fontSize: 'large' } }, "Quick Selects:"),
-                        React.createElement("form", null,
-                            React.createElement("div", { className: "form-group" },
-                                React.createElement("div", { className: "btn btn-primary", onClick: function (event) { event.preventDefault(); AddCurrentList(); } }, "Add Current List to Selection")),
-                            React.createElement("div", { className: "form-group" },
-                                React.createElement("div", { className: "btn btn-danger", onClick: function (event) { event.preventDefault(); setSelectedData([]); } }, "Remove All"))))) : null))),
+                React.createElement("div", { className: "col" }, props.Searchbar(React.createElement(React.Fragment, null,
+                    props.Type === 'multiple' ? React.createElement("li", { className: "nav-item", style: { width: '20%', paddingRight: 10 } },
+                        React.createElement("fieldset", { className: "border", style: { padding: '10px', height: '100%' } },
+                            React.createElement("legend", { className: "w-auto", style: { fontSize: 'large' } }, "Quick Selects:"),
+                            React.createElement("form", null,
+                                React.createElement("div", { className: "form-group" },
+                                    React.createElement("div", { className: "btn btn-primary", onClick: function (event) { event.preventDefault(); AddCurrentList(); } }, "Add Current List to Selection")),
+                                React.createElement("div", { className: "form-group" },
+                                    React.createElement("div", { className: "btn btn-danger", onClick: function (event) { event.preventDefault(); setSelectedData([]); } }, "Remove All"))))) : null,
+                    React.Children.map(props.children, function (e) {
+                        if (React.isValidElement(e))
+                            return e;
+                        return null;
+                    }))))),
             React.createElement("div", { className: "row" },
                 React.createElement("div", { className: "col", style: { width: (props.Type === undefined || props.Type === 'single' ? '100%' : '60%') } },
                     React.createElement(react_table_1.default, { cols: props.Columns, tableClass: "table table-hover", data: data, sortKey: sortField, ascending: ascending, onSort: function (d) {
@@ -77,7 +83,12 @@ function SelectPopup(props) {
                             else {
                                 dispatch(props.Slice.Sort({ SortField: d.colField, Ascending: true }));
                             }
-                        }, onClick: function (d) { return setSelectedData(__spreadArray(__spreadArray([], selectedData.filter(function (item) { return item.ID !== d.row.ID; }), true), [d.row], false)); }, theadStyle: { fontSize: 'smaller', display: 'table', tableLayout: 'fixed', width: '100%' }, tbodyStyle: { display: 'block', overflowY: 'scroll', maxHeight: '400px', width: '100%' }, rowStyle: { fontSize: 'smaller', display: 'table', tableLayout: 'fixed', width: '100%' }, selected: props.Type === undefined || props.Type === 'single' ? function (item) { return selectedData.findIndex(function (d) { return d.ID === item.ID; }) > -1; } : function (item) { return false; } })),
+                        }, onClick: function (d) {
+                            if (props.Type === undefined || props.Type === 'single')
+                                setSelectedData([d.row]);
+                            else
+                                setSelectedData(function (s) { return __spreadArray(__spreadArray([], s.filter(function (item) { return item.ID !== d.row.ID; }), true), [d.row], false); });
+                        }, theadStyle: { fontSize: 'smaller', display: 'table', tableLayout: 'fixed', width: '100%' }, tbodyStyle: { display: 'block', overflowY: 'scroll', maxHeight: '400px', width: '100%' }, rowStyle: { fontSize: 'smaller', display: 'table', tableLayout: 'fixed', width: '100%' }, selected: function (item) { return selectedData.findIndex(function (d) { return d.ID === item.ID; }) > -1; } })),
                 props.Type === 'multiple' ? React.createElement("div", { className: "col", style: { width: '40%' } },
                     React.createElement("div", { style: { width: '100%' } },
                         React.createElement("h3", null, " Current Selection ")),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpa-gemstone/common-pages",
-  "version": "0.0.55",
+  "version": "0.0.57",
   "description": "Common UI pages for GPA products",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -47,11 +47,11 @@
     "typescript": "4.4.4"
   },
   "dependencies": {
-    "@gpa-gemstone/application-typings": "0.0.49",
+    "@gpa-gemstone/application-typings": "0.0.51",
     "@gpa-gemstone/gpa-symbols": "0.0.23",
     "@gpa-gemstone/helper-functions": "0.0.17",
-    "@gpa-gemstone/react-forms": "1.1.32",
-    "@gpa-gemstone/react-interactive": "1.0.69",
+    "@gpa-gemstone/react-forms": "1.1.33",
+    "@gpa-gemstone/react-interactive": "1.0.71",
     "@gpa-gemstone/react-table": "1.2.19",
     "@reduxjs/toolkit": "1.8.3",
     "crypto-js": "4.0.0",