@gpa-gemstone/common-pages 0.0.41 → 0.0.44

package/lib/SearchBar.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { GenericSlice, Search } from '@gpa-gemstone/react-interactive';
-import { OpenXDA, SystemCenter } from '@gpa-gemstone/application-typings';
+import { OpenXDA, SystemCenter, Application } from '@gpa-gemstone/application-typings';
 interface U {
     ID: number | string;
 }
@@ -27,5 +27,9 @@ export declare namespace DefaultSearch {
     function Asset(props: IProps<SystemCenter.Types.DetailedAsset>): JSX.Element;
     /** This Implements a standard AssetGroup Search */
     function AssetGroup(props: IProps<OpenXDA.Types.AssetGroup>): JSX.Element;
+    /** This Implements a standard User Search */
+    function User(props: IProps<Application.Types.iUserAccount>): JSX.Element;
+    /** This Implements a standard Customer Search */
+    function Customer(props: IProps<OpenXDA.Types.Customer>): JSX.Element;
 }
 export {};

package/lib/SearchBar.js

@@ -133,4 +133,45 @@ var DefaultSearch;
         return React.createElement(react_interactive_1.SearchBar, { CollumnList: __spreadArray(__spreadArray([], defaultSearchcols, true), addlFieldCols, true), SetFilter: function (flds) { return dispatch(props.Slice.DBSearch({ filter: flds, 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);
     }
     DefaultSearch.AssetGroup = AssetGroup;
+    /** This Implements a standard User Search */
+    function User(props) {
+        var standardSearch = { label: 'Username', 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);
+        var sortField = (0, react_redux_1.useSelector)(props.Slice.SortField);
+        var ascending = (0, react_redux_1.useSelector)(props.Slice.Ascending);
+        var data = (0, react_redux_1.useSelector)(props.Slice.SearchResults);
+        var defaultSearchcols = [
+            { label: 'Username', key: 'Name', type: 'string', isPivotField: false },
+            { label: 'Email', key: 'Email', type: 'string', isPivotField: false },
+            { label: 'Account Locked', key: 'LockedOut', type: 'boolean', 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: flds, 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);
+    }
+    DefaultSearch.User = User;
+    /** This Implements a standard Customer Search */
+    function Customer(props) {
+        var defaultSearchcols = [
+            { label: 'Account Name', key: 'CustomerKey', type: 'string', isPivotField: false },
+            { label: 'Name', key: 'Name', type: 'string', isPivotField: false },
+            { label: 'Phone', key: 'Phone', type: 'string', isPivotField: false },
+            { label: 'Description', key: 'Description', type: 'string', isPivotField: false },
+        ];
+        var standardSearch = defaultSearchcols[0];
+        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);
+        var sortField = (0, react_redux_1.useSelector)(props.Slice.SortField);
+        var ascending = (0, react_redux_1.useSelector)(props.Slice.Ascending);
+        var data = (0, react_redux_1.useSelector)(props.Slice.SearchResults);
+        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: flds, 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);
+    }
+    DefaultSearch.Customer = Customer;
 })(DefaultSearch = exports.DefaultSearch || (exports.DefaultSearch = {}));

package/lib/SelectionPopup.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Column } from "@gpa-gemstone/react-table";
 import { GenericSlice, Search } from "@gpa-gemstone/react-interactive";
-import { OpenXDA, SystemCenter } from "@gpa-gemstone/application-typings";
+import { Application, OpenXDA, SystemCenter } from "@gpa-gemstone/application-typings";
 interface U {
     ID: number | string;
 }
@@ -31,5 +31,9 @@ export declare namespace DefaultSelects {
     function Asset(props: IProps<SystemCenter.Types.DetailedAsset>): JSX.Element;
     /** This Implements a standard Asset Group Selection Modal */
     function AssetGroup(props: IProps<OpenXDA.Types.AssetGroup>): JSX.Element;
+    /** This Implements a standard User Selection Modal */
+    function User(props: IProps<Application.Types.iUserAccount>): JSX.Element;
+    /** This Implements a standard Customer Selection Modal */
+    function Customer(props: IProps<OpenXDA.Types.Customer>): JSX.Element;
 }
 export {};

package/lib/SelectionPopup.js

@@ -59,4 +59,14 @@ var DefaultSelects;
         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 }, 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 }, 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 }, children); } }));
+    }
+    DefaultSelects.Customer = Customer;
 })(DefaultSelects = exports.DefaultSelects || (exports.DefaultSelects = {}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpa-gemstone/common-pages",
-  "version": "0.0.41",
+  "version": "0.0.44",
   "description": "Common UI pages for GPA products",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -47,18 +47,18 @@
     "typescript": "4.4.4"
   },
   "dependencies": {
-    "@gpa-gemstone/application-typings": "0.0.46",
-    "@gpa-gemstone/gpa-symbols": "0.0.20",
-    "@gpa-gemstone/helper-functions": "0.0.14",
-    "@gpa-gemstone/react-forms": "1.1.22",
-    "@gpa-gemstone/react-interactive": "1.0.52",
-    "@gpa-gemstone/react-table": "1.2.13",
+    "@gpa-gemstone/application-typings": "0.0.48",
+    "@gpa-gemstone/gpa-symbols": "0.0.21",
+    "@gpa-gemstone/helper-functions": "0.0.16",
+    "@gpa-gemstone/react-forms": "1.1.24",
+    "@gpa-gemstone/react-interactive": "1.0.55",
+    "@gpa-gemstone/react-table": "1.2.16",
     "@reduxjs/toolkit": "1.6.0",
     "crypto-js": "4.0.0",
-    "moment": "^2.29.1",
+    "moment": "^2.29.4",
     "react": "^17.0.2",
     "react-redux": "7.2.6",
-    "styled-components": "^5.3.3"
+    "styled-components": "5.3.3"
   },
   "publishConfig": {
     "access": "public"