@gpa-gemstone/common-pages 0.0.39 → 0.0.42

package/lib/SearchBar.d.ts

@@ -27,5 +27,7 @@ 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 Customer Search */
+    function Customer(props: IProps<OpenXDA.Types.Customer>): JSX.Element;
 }
 export {};

package/lib/SearchBar.js

@@ -133,4 +133,25 @@ 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 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

@@ -31,5 +31,7 @@ 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 Asset Group Selection Modal */
+    function Customer(props: IProps<OpenXDA.Types.Customer>): JSX.Element;
 }
 export {};

package/lib/SelectionPopup.js

@@ -59,4 +59,9 @@ 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 Asset Group 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.39",
+  "version": "0.0.42",
   "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.45",
-    "@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.50",
-    "@gpa-gemstone/react-table": "1.2.12",
+    "@gpa-gemstone/application-typings": "0.0.47",
+    "@gpa-gemstone/gpa-symbols": "0.0.21",
+    "@gpa-gemstone/helper-functions": "0.0.15",
+    "@gpa-gemstone/react-forms": "1.1.23",
+    "@gpa-gemstone/react-interactive": "1.0.53",
+    "@gpa-gemstone/react-table": "1.2.14",
     "@reduxjs/toolkit": "1.6.0",
     "crypto-js": "4.0.0",
     "moment": "^2.29.1",
     "react": "^17.0.2",
     "react-redux": "7.2.6",
-    "styled-components": "^5.3.3"
+    "styled-components": "5.3.3"
   },
   "publishConfig": {
     "access": "public"