@apvee/spfx-react-toolkit 1.2.0 → 1.3.0

package/lib/webparts/spFxReactToolkitTest/components/demos/PnPListDemo.js

@@ -0,0 +1,159 @@
+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 };
+    }
+};
+import * as React from 'react';
+import { Stack, TextField, PrimaryButton, DefaultButton, MessageBar, Separator, Label, Icon, } from '@fluentui/react';
+import { useSPFxPnPList } from '../../../../hooks';
+import '@pnp/sp/webs';
+import '@pnp/sp/lists';
+import '@pnp/sp/items';
+/**
+ * Example 7: useSPFxPnPList - CRUD Operations
+ */
+export var PnPListDemo = function () {
+    var _a = React.useState(''), listTitle = _a[0], setListTitle = _a[1];
+    var _b = React.useState(''), newTitle = _b[0], setNewTitle = _b[1];
+    var _c = React.useState(null), editingId = _c[0], setEditingId = _c[1];
+    var _d = React.useState(''), editTitle = _d[0], setEditTitle = _d[1];
+    var _e = useSPFxPnPList(listTitle, { pageSize: 10 }), query = _e.query, items = _e.items, loading = _e.loading, error = _e.error, isEmpty = _e.isEmpty, hasMore = _e.hasMore, loadMore = _e.loadMore, clearError = _e.clearError, create = _e.create, update = _e.update, remove = _e.remove;
+    var handleLoadList = React.useCallback(function () {
+        query(function (q) { return q.select('Id', 'Title').orderBy('Id', false); }).catch(function (err) { return console.error('Load error:', err); });
+    }, [query]);
+    var handleCreate = React.useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var err_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!newTitle || !listTitle)
+                        return [2 /*return*/];
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, create({ Title: newTitle })];
+                case 2:
+                    _a.sent();
+                    setNewTitle('');
+                    return [3 /*break*/, 4];
+                case 3:
+                    err_1 = _a.sent();
+                    console.error('Create error:', err_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [create, newTitle, listTitle]);
+    var handleUpdate = React.useCallback(function (id) { return __awaiter(void 0, void 0, void 0, function () {
+        var err_2;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!editTitle)
+                        return [2 /*return*/];
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, update(id, { Title: editTitle })];
+                case 2:
+                    _a.sent();
+                    setEditingId(null);
+                    setEditTitle('');
+                    return [3 /*break*/, 4];
+                case 3:
+                    err_2 = _a.sent();
+                    console.error('Update error:', err_2);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [update, editTitle]);
+    var handleDelete = React.useCallback(function (id) { return __awaiter(void 0, void 0, void 0, function () {
+        var err_3;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!confirm('Delete this item?'))
+                        return [2 /*return*/];
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, remove(id)];
+                case 2:
+                    _a.sent();
+                    return [3 /*break*/, 4];
+                case 3:
+                    err_3 = _a.sent();
+                    console.error('Delete error:', err_3);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [remove]);
+    return (React.createElement(Stack, { tokens: { childrenGap: 10 }, styles: { root: { padding: '16px', border: '1px solid #edebe9', borderRadius: '4px' } } },
+        React.createElement("h3", null,
+            React.createElement(Icon, { iconName: "BulletedList", style: { marginRight: '8px' } }),
+            "Example 3: useSPFxPnPList - CRUD Operations"),
+        React.createElement(Separator, null),
+        React.createElement(Stack, { horizontal: true, tokens: { childrenGap: 6 } },
+            React.createElement(TextField, { label: "List Title", value: listTitle, onChange: function (_, newValue) { return setListTitle(newValue !== null && newValue !== void 0 ? newValue : ''); }, placeholder: "e.g., Site Pages", styles: { root: { flexGrow: 1 } } }),
+            React.createElement(PrimaryButton, { text: "Load", onClick: handleLoadList, disabled: !listTitle || loading, styles: { root: { marginTop: '28px' } } })),
+        error && (React.createElement(MessageBar, { onDismiss: clearError }, error.message)),
+        listTitle && (React.createElement(Stack, { horizontal: true, tokens: { childrenGap: 6 }, styles: { root: { padding: '8px', backgroundColor: '#f3f2f1', borderRadius: '4px' } } },
+            React.createElement(TextField, { value: newTitle, onChange: function (_, newValue) { return setNewTitle(newValue !== null && newValue !== void 0 ? newValue : ''); }, placeholder: "New item title...", styles: { root: { flexGrow: 1 } } }),
+            React.createElement(PrimaryButton, { text: "Create", onClick: handleCreate, disabled: !newTitle || loading }))),
+        loading && React.createElement(MessageBar, null, "Loading..."),
+        isEmpty && !loading && React.createElement(MessageBar, null, "No items found."),
+        items.length > 0 && (React.createElement(Stack, { tokens: { childrenGap: 3 } },
+            React.createElement(Label, null,
+                "Items (",
+                items.length,
+                "):"),
+            items.map(function (item) { return (React.createElement(Stack, { key: item.Id, horizontal: true, tokens: { childrenGap: 6 }, styles: { root: { padding: '6px', backgroundColor: '#faf9f8', borderRadius: '4px' } } }, editingId === item.Id ? (React.createElement(React.Fragment, null,
+                React.createElement(TextField, { value: editTitle, onChange: function (_, v) { return setEditTitle(v !== null && v !== void 0 ? v : ''); }, styles: { root: { flexGrow: 1 } } }),
+                React.createElement(DefaultButton, { text: "Save", onClick: function () { return handleUpdate(item.Id); } }),
+                React.createElement(DefaultButton, { text: "Cancel", onClick: function () { setEditingId(null); setEditTitle(''); } }))) : (React.createElement(React.Fragment, null,
+                React.createElement("div", { style: { flexGrow: 1 } },
+                    "#",
+                    item.Id,
+                    " - ",
+                    item.Title),
+                React.createElement(DefaultButton, { text: "Edit", onClick: function () { setEditingId(item.Id); setEditTitle(item.Title); } }),
+                React.createElement(DefaultButton, { text: "Delete", onClick: function () { return handleDelete(item.Id); } }))))); }),
+            hasMore && React.createElement(PrimaryButton, { text: "Load More", onClick: loadMore, disabled: loading }))),
+        React.createElement(Label, null,
+            React.createElement(Icon, { iconName: "InfoSolid", style: { marginRight: '4px', color: '#0078d4' } }),
+            "Complete CRUD with auto-refetch. Try with \"Site Pages\" or \"Documents\".")));
+};
+//# sourceMappingURL=PnPListDemo.js.map

package/lib/webparts/spFxReactToolkitTest/components/demos/PnPListDemo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PnPListDemo.js","sourceRoot":"","sources":["../../../../../src/webparts/spFxReactToolkitTest/components/demos/PnPListDemo.tsx"],"names":[],"mappings":"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"}

package/lib/webparts/spFxReactToolkitTest/components/demos/PnPOperationsDemo.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import '@pnp/sp/webs';
+import '@pnp/sp/lists';
+import '@pnp/sp/site-users';
+/**
+ * Example 2: useSPFxPnP
+ * Shows invoke() for single operations and batch() for multiple operations
+ */
+export declare const PnPOperationsDemo: React.FC;
+//# sourceMappingURL=PnPOperationsDemo.d.ts.map

package/lib/webparts/spFxReactToolkitTest/components/demos/PnPOperationsDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PnPOperationsDemo.d.ts","sourceRoot":"","sources":["../../../../../src/webparts/spFxReactToolkitTest/components/demos/PnPOperationsDemo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,cAAc,CAAC;AACtB,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AAE5B;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAgHrC,CAAC"}

package/lib/webparts/spFxReactToolkitTest/components/demos/PnPOperationsDemo.js

@@ -0,0 +1,141 @@
+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 };
+    }
+};
+import * as React from 'react';
+import { Stack, PrimaryButton, MessageBar, MessageBarType, Separator, Label, Icon, } from '@fluentui/react';
+import { useSPFxPnP } from '../../../../hooks';
+import { InfoRow } from '../shared';
+import '@pnp/sp/webs';
+import '@pnp/sp/lists';
+import '@pnp/sp/site-users';
+/**
+ * Example 2: useSPFxPnP
+ * Shows invoke() for single operations and batch() for multiple operations
+ */
+export var PnPOperationsDemo = function () {
+    var _a = useSPFxPnP(), invoke = _a.invoke, batch = _a.batch, isLoading = _a.isLoading, error = _a.error, clearError = _a.clearError;
+    var _b = React.useState([]), lists = _b[0], setLists = _b[1];
+    var _c = React.useState(null), batchData = _c[0], setBatchData = _c[1];
+    var handleInvokeLists = React.useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var result, err_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    clearError();
+                    return [4 /*yield*/, invoke(function (sp) {
+                            return sp.web.lists
+                                .select('Title', 'ItemCount')
+                                .filter('Hidden eq false')
+                                .top(10)();
+                        })];
+                case 1:
+                    result = _a.sent();
+                    setLists(result);
+                    return [3 /*break*/, 3];
+                case 2:
+                    err_1 = _a.sent();
+                    console.error('Invoke error:', err_1);
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); }, [invoke, clearError]);
+    var handleBatchOperations = React.useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var results, listsResult, userResult, webResult, err_2;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    clearError();
+                    return [4 /*yield*/, batch(function (batchedSP) { return __awaiter(void 0, void 0, void 0, function () {
+                            var listsPromise, userPromise, webPromise;
+                            return __generator(this, function (_a) {
+                                listsPromise = batchedSP.web.lists.select('Title').top(5)();
+                                userPromise = batchedSP.web.currentUser.select('Title')();
+                                webPromise = batchedSP.web.select('Title')();
+                                // Wait for all batched operations to complete
+                                return [2 /*return*/, Promise.all([listsPromise, userPromise, webPromise])];
+                            });
+                        }); })];
+                case 1:
+                    results = _a.sent();
+                    listsResult = results[0], userResult = results[1], webResult = results[2];
+                    setBatchData({
+                        lists: listsResult,
+                        user: userResult,
+                        webTitle: webResult.Title
+                    });
+                    return [3 /*break*/, 3];
+                case 2:
+                    err_2 = _a.sent();
+                    console.error('Batch error:', err_2);
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); }, [batch, clearError]);
+    return (React.createElement(Stack, { tokens: { childrenGap: 10 }, styles: { root: { padding: '16px', border: '1px solid #edebe9', borderRadius: '4px' } } },
+        React.createElement("h3", null,
+            React.createElement(Icon, { iconName: "CloudUpload", style: { marginRight: '8px' } }),
+            "Example 2: useSPFxPnP - Operations & Batching"),
+        React.createElement(Separator, null),
+        error && (React.createElement(MessageBar, { messageBarType: MessageBarType.error, onDismiss: clearError }, error.message)),
+        React.createElement(Stack, { tokens: { childrenGap: 8 } },
+            React.createElement(Label, null, "Single Operation with invoke()"),
+            React.createElement(PrimaryButton, { text: isLoading ? 'Loading...' : 'Load Lists (invoke)', onClick: handleInvokeLists, disabled: isLoading, iconProps: { iconName: 'BulletedList' } }),
+            lists.length > 0 && (React.createElement(Stack, { tokens: { childrenGap: 4 }, styles: { root: { padding: '12px', backgroundColor: '#f3f2f1', borderRadius: '4px' } } },
+                React.createElement(Label, null, "Lists (top 10, non-hidden):"),
+                lists.map(function (list, idx) { return (React.createElement("div", { key: idx, style: { padding: '4px 0', borderBottom: idx < lists.length - 1 ? '1px solid #edebe9' : 'none' } },
+                    React.createElement("strong", null, list.Title),
+                    " - ",
+                    list.ItemCount,
+                    " items")); })))),
+        React.createElement(Stack, { tokens: { childrenGap: 8 } },
+            React.createElement(Label, null, "Batch Operations with batch()"),
+            React.createElement(PrimaryButton, { text: isLoading ? 'Loading...' : 'Load Multiple (batch)', onClick: handleBatchOperations, disabled: isLoading, iconProps: { iconName: 'Streaming' } }),
+            batchData && (React.createElement(Stack, { tokens: { childrenGap: 8 }, styles: { root: { padding: '12px', backgroundColor: '#f3f2f1', borderRadius: '4px' } } },
+                React.createElement(InfoRow, { label: "Web Title", value: batchData.webTitle, icon: "CityNext" }),
+                React.createElement(InfoRow, { label: "Current User", value: batchData.user.Title, icon: "Contact" }),
+                React.createElement(Label, null, "Lists (top 5):"),
+                batchData.lists.map(function (list, idx) { return (React.createElement("div", { key: idx, style: { paddingLeft: '16px' } },
+                    "\u2022 ",
+                    list.Title)); })))),
+        React.createElement(Label, null,
+            React.createElement(Icon, { iconName: "InfoSolid", style: { marginRight: '4px', color: '#0078d4' } }),
+            "invoke() for single operations, batch() combines multiple requests into ONE HTTP call for better performance.")));
+};
+//# sourceMappingURL=PnPOperationsDemo.js.map

package/lib/webparts/spFxReactToolkitTest/components/demos/PnPOperationsDemo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PnPOperationsDemo.js","sourceRoot":"","sources":["../../../../../src/webparts/spFxReactToolkitTest/components/demos/PnPOperationsDemo.tsx"],"names":[],"mappings":"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"}

package/lib/webparts/spFxReactToolkitTest/components/demos/PnPSearchAdvancedDemo.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+/**
+ * Example 4: Advanced Search with Builder and Verticals
+ */
+export declare const PnPSearchAdvancedDemo: React.FC;
+//# sourceMappingURL=PnPSearchAdvancedDemo.d.ts.map

package/lib/webparts/spFxReactToolkitTest/components/demos/PnPSearchAdvancedDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PnPSearchAdvancedDemo.d.ts","sourceRoot":"","sources":["../../../../../src/webparts/spFxReactToolkitTest/components/demos/PnPSearchAdvancedDemo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EA6GzC,CAAC"}

package/lib/webparts/spFxReactToolkitTest/components/demos/PnPSearchAdvancedDemo.js

@@ -0,0 +1,62 @@
+import * as React from 'react';
+import { Stack, PrimaryButton, DefaultButton, MessageBar, MessageBarType, Separator, Label, Icon, } from '@fluentui/react';
+import { useSPFxPnPSearch, SearchVerticals } from '../../../../hooks';
+/**
+ * Example 4: Advanced Search with Builder and Verticals
+ */
+export var PnPSearchAdvancedDemo = function () {
+    var _a = React.useState('All'), selectedVertical = _a[0], setSelectedVertical = _a[1];
+    var _b = useSPFxPnPSearch({
+        pageSize: 5,
+        selectProperties: ['Title', 'Path', 'Author', 'LastModifiedTime', 'FileType']
+    }), search = _b.search, results = _b.results, totalResults = _b.totalResults, loading = _b.loading, loadMore = _b.loadMore, hasMore = _b.hasMore, error = _b.error, clearError = _b.clearError;
+    var getVerticalSourceId = function (vertical) {
+        switch (vertical) {
+            case 'People': return SearchVerticals.People;
+            case 'Documents': return SearchVerticals.Documents;
+            case 'Pages': return SearchVerticals.Pages;
+            case 'Videos': return SearchVerticals.Videos;
+            default: return undefined;
+        }
+    };
+    var handleSearch = React.useCallback(function (query) {
+        search(function (builder) {
+            var result = builder.text(query).sortList({ Property: 'LastModifiedTime', Direction: 1 });
+            var sourceId = getVerticalSourceId(selectedVertical);
+            if (sourceId)
+                result = result.sourceId(sourceId);
+            return result;
+        }).catch(function (err) { return console.error('Search error:', err); });
+    }, [search, selectedVertical]);
+    return (React.createElement(Stack, { tokens: { childrenGap: 10 }, styles: { root: { padding: '16px', border: '1px solid #edebe9', borderRadius: '4px' } } },
+        React.createElement("h3", null,
+            React.createElement(Icon, { iconName: "SearchAndApps", style: { marginRight: '8px' } }),
+            "Example 2: Advanced Search with Builder"),
+        React.createElement(Separator, null),
+        error && (React.createElement(MessageBar, { messageBarType: MessageBarType.error, onDismiss: clearError }, error.message)),
+        React.createElement(Stack, { horizontal: true, tokens: { childrenGap: 6 }, wrap: true }, ['All', 'Documents', 'Pages', 'People', 'Videos'].map(function (v) { return (React.createElement(DefaultButton, { key: v, text: v, onClick: function () { return setSelectedVertical(v); }, primary: selectedVertical === v })); })),
+        React.createElement(Stack, { horizontal: true, tokens: { childrenGap: 6 } },
+            React.createElement(PrimaryButton, { text: "Search All", onClick: function () { return handleSearch('*'); }, disabled: loading }),
+            React.createElement(DefaultButton, { text: "Search Documents", onClick: function () { return handleSearch('filetype:docx OR filetype:pdf'); }, disabled: loading })),
+        totalResults !== undefined && (React.createElement(MessageBar, { messageBarType: MessageBarType.info },
+            "Found ",
+            totalResults,
+            " result",
+            totalResults !== 1 ? 's' : '',
+            " in \"",
+            selectedVertical,
+            "\"")),
+        results.length > 0 && (React.createElement(Stack, { tokens: { childrenGap: 6 } },
+            results.map(function (result) { return (React.createElement(Stack, { key: result.id, tokens: { childrenGap: 2 }, styles: { root: { padding: '10px', backgroundColor: '#f3f2f1', borderRadius: '4px' } } },
+                React.createElement("div", { style: { fontWeight: 600 } }, result.data.Title || '(No Title)'),
+                React.createElement(Label, null,
+                    result.data.Author,
+                    " - ",
+                    result.data.LastModifiedTime ? new Date(result.data.LastModifiedTime).toLocaleDateString() : 'N/A'),
+                React.createElement("a", { href: result.data.Path, target: "_blank", rel: "noopener noreferrer", style: { fontSize: '11px' } }, result.data.Path))); }),
+            hasMore && (React.createElement(PrimaryButton, { text: loading ? 'Loading...' : 'Load More', onClick: loadMore, disabled: loading })))),
+        React.createElement(Label, null,
+            React.createElement(Icon, { iconName: "InfoSolid", style: { marginRight: '4px', color: '#0078d4' } }),
+            "Builder API with verticals (People, Documents, Pages, Videos) and pagination.")));
+};
+//# sourceMappingURL=PnPSearchAdvancedDemo.js.map

package/lib/webparts/spFxReactToolkitTest/components/demos/PnPSearchAdvancedDemo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PnPSearchAdvancedDemo.js","sourceRoot":"","sources":["../../../../../src/webparts/spFxReactToolkitTest/components/demos/PnPSearchAdvancedDemo.tsx"],"names":[],"mappings":"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"}

package/lib/webparts/spFxReactToolkitTest/components/demos/PnPSearchBasicDemo.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+/**
+ * Example 3: useSPFxPnPSearch - Basic Search
+ */
+export declare const PnPSearchBasicDemo: React.FC;
+//# sourceMappingURL=PnPSearchBasicDemo.d.ts.map

package/lib/webparts/spFxReactToolkitTest/components/demos/PnPSearchBasicDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PnPSearchBasicDemo.d.ts","sourceRoot":"","sources":["../../../../../src/webparts/spFxReactToolkitTest/components/demos/PnPSearchBasicDemo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EA0FtC,CAAC"}

package/lib/webparts/spFxReactToolkitTest/components/demos/PnPSearchBasicDemo.js

@@ -0,0 +1,98 @@
+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 };
+    }
+};
+import * as React from 'react';
+import { Stack, TextField, PrimaryButton, MessageBar, MessageBarType, Separator, Label, Icon, } from '@fluentui/react';
+import { useSPFxPnPSearch } from '../../../../hooks';
+/**
+ * Example 3: useSPFxPnPSearch - Basic Search
+ */
+export var PnPSearchBasicDemo = function () {
+    var _a = React.useState(''), searchText = _a[0], setSearchText = _a[1];
+    var _b = useSPFxPnPSearch({
+        pageSize: 10
+    }), search = _b.search, results = _b.results, totalResults = _b.totalResults, loading = _b.loading, error = _b.error, clearError = _b.clearError;
+    var handleSearch = React.useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var err_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!searchText.trim())
+                        return [2 /*return*/];
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, search(searchText)];
+                case 2:
+                    _a.sent();
+                    return [3 /*break*/, 4];
+                case 3:
+                    err_1 = _a.sent();
+                    console.error('Search error:', err_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [searchText, search]);
+    return (React.createElement(Stack, { tokens: { childrenGap: 10 }, styles: { root: { padding: '16px', border: '1px solid #edebe9', borderRadius: '4px' } } },
+        React.createElement("h3", null,
+            React.createElement(Icon, { iconName: "Search", style: { marginRight: '8px' } }),
+            "Example 1: Basic Search"),
+        React.createElement(Separator, null),
+        error && (React.createElement(MessageBar, { messageBarType: MessageBarType.error, onDismiss: clearError }, error.message)),
+        React.createElement(Stack, { horizontal: true, tokens: { childrenGap: 8 } },
+            React.createElement(TextField, { value: searchText, onChange: function (_, newValue) { return setSearchText(newValue !== null && newValue !== void 0 ? newValue : ''); }, placeholder: "Search SharePoint...", styles: { root: { flexGrow: 1 } }, onKeyDown: function (e) {
+                    if (e.key === 'Enter') {
+                        handleSearch().catch(function (err) { return console.error('Search error:', err); });
+                    }
+                } }),
+            React.createElement(PrimaryButton, { text: loading ? 'Searching...' : 'Search', onClick: handleSearch, disabled: !searchText.trim() || loading, iconProps: { iconName: 'Search' } })),
+        totalResults !== undefined && (React.createElement(MessageBar, { messageBarType: MessageBarType.info },
+            "Found ",
+            totalResults,
+            " result",
+            totalResults !== 1 ? 's' : '')),
+        results.length > 0 ? (React.createElement(Stack, { tokens: { childrenGap: 6 } }, results.map(function (result) { return (React.createElement(Stack, { key: result.id, tokens: { childrenGap: 4 }, styles: { root: { padding: '10px', backgroundColor: '#faf9f8', borderRadius: '4px' } } },
+            React.createElement("div", { style: { fontWeight: 600 } }, result.data.Title || '(No Title)'),
+            React.createElement("a", { href: result.data.Path, target: "_blank", rel: "noopener noreferrer", style: { fontSize: '12px' } }, result.data.Path),
+            result.data.FileType && React.createElement(Label, null,
+                "Type: ",
+                result.data.FileType))); }))) : totalResults === 0 ? (React.createElement(MessageBar, null, "No results found. Try a different query.")) : null,
+        React.createElement(Label, null,
+            React.createElement(Icon, { iconName: "InfoSolid", style: { marginRight: '4px', color: '#0078d4' } }),
+            "Simple text search. Try: \"document\", \"report\", \"ContentType:Document\"")));
+};
+//# sourceMappingURL=PnPSearchBasicDemo.js.map

package/lib/webparts/spFxReactToolkitTest/components/demos/PnPSearchBasicDemo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PnPSearchBasicDemo.js","sourceRoot":"","sources":["../../../../../src/webparts/spFxReactToolkitTest/components/demos/PnPSearchBasicDemo.tsx"],"names":[],"mappings":"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"}

package/lib/webparts/spFxReactToolkitTest/components/demos/PnPSearchRefinersDemo.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+/**
+ * Example 5: Faceted Search with Refiners
+ */
+export declare const PnPSearchRefinersDemo: React.FC;
+//# sourceMappingURL=PnPSearchRefinersDemo.d.ts.map

package/lib/webparts/spFxReactToolkitTest/components/demos/PnPSearchRefinersDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PnPSearchRefinersDemo.d.ts","sourceRoot":"","sources":["../../../../../src/webparts/spFxReactToolkitTest/components/demos/PnPSearchRefinersDemo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EA2FzC,CAAC"}

package/lib/webparts/spFxReactToolkitTest/components/demos/PnPSearchRefinersDemo.js

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { Stack, PrimaryButton, DefaultButton, MessageBar, MessageBarType, Separator, Label, Icon, } from '@fluentui/react';
+import { useSPFxPnPSearch } from '../../../../hooks';
+/**
+ * Example 5: Faceted Search with Refiners
+ */
+export var PnPSearchRefinersDemo = function () {
+    var _a = useSPFxPnPSearch({
+        pageSize: 10,
+        selectProperties: ['Title', 'Path', 'FileType', 'Author'],
+        refiners: 'FileType,Author'
+    }), search = _a.search, results = _a.results, refiners = _a.refiners, totalResults = _a.totalResults, loading = _a.loading, applyRefiner = _a.applyRefiner, error = _a.error, clearError = _a.clearError;
+    var handleSearch = React.useCallback(function () {
+        search('*').catch(function (err) { return console.error('Search error:', err); });
+    }, [search]);
+    return (React.createElement(Stack, { tokens: { childrenGap: 10 }, styles: { root: { padding: '16px', border: '1px solid #edebe9', borderRadius: '4px' } } },
+        React.createElement("h3", null,
+            React.createElement(Icon, { iconName: "FilterSettings", style: { marginRight: '8px' } }),
+            "Example 3: Faceted Search with Refiners"),
+        React.createElement(Separator, null),
+        error && (React.createElement(MessageBar, { messageBarType: MessageBarType.error, onDismiss: clearError }, error.message)),
+        React.createElement(PrimaryButton, { text: loading ? 'Loading...' : 'Search All Content', onClick: handleSearch, disabled: loading, iconProps: { iconName: 'Search' } }),
+        totalResults !== undefined && (React.createElement(Label, null,
+            React.createElement(Icon, { iconName: "SearchIssue", style: { marginRight: '4px', color: '#0078d4' } }),
+            "Found ",
+            totalResults,
+            " results")),
+        React.createElement(Stack, { horizontal: true, tokens: { childrenGap: 12 }, styles: { root: { alignItems: 'flex-start' } } },
+            refiners.length > 0 && (React.createElement(Stack, { tokens: { childrenGap: 8 }, styles: { root: { width: '200px', padding: '8px', backgroundColor: '#f3f2f1', borderRadius: '4px' } } },
+                React.createElement(Label, { style: { fontWeight: 600 } }, "Filters"),
+                refiners.map(function (refiner) { return (React.createElement(Stack, { key: refiner.name, tokens: { childrenGap: 2 } },
+                    React.createElement(Label, null, refiner.name),
+                    refiner.entries.slice(0, 5).map(function (entry) { return (React.createElement(DefaultButton, { key: entry.value, text: "".concat(entry.value, " (").concat(entry.count, ")"), onClick: function () { return applyRefiner(refiner.name, entry.value); }, styles: { root: { height: '28px', fontSize: '12px' } } })); }))); }))),
+            React.createElement(Stack, { tokens: { childrenGap: 6 }, styles: { root: { flexGrow: 1 } } }, results.length > 0 ? (results.map(function (result) { return (React.createElement(Stack, { key: result.id, tokens: { childrenGap: 2 }, styles: { root: { padding: '8px', backgroundColor: '#faf9f8', borderRadius: '4px' } } },
+                React.createElement("div", { style: { fontWeight: 600 } }, result.data.Title || '(No Title)'),
+                React.createElement(Label, null,
+                    result.data.FileType,
+                    " | ",
+                    result.data.Author),
+                React.createElement("a", { href: result.data.Path, target: "_blank", rel: "noopener noreferrer", style: { fontSize: '11px' } }, result.data.Path))); })) : (React.createElement(Label, null, "Click \"Search All Content\" to see results.")))),
+        React.createElement(Label, null,
+            React.createElement(Icon, { iconName: "InfoSolid", style: { marginRight: '4px', color: '#0078d4' } }),
+            "Faceted search with FileType and Author refiners. Click to filter/toggle.")));
+};
+//# sourceMappingURL=PnPSearchRefinersDemo.js.map

package/lib/webparts/spFxReactToolkitTest/components/demos/PnPSearchRefinersDemo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PnPSearchRefinersDemo.js","sourceRoot":"","sources":["../../../../../src/webparts/spFxReactToolkitTest/components/demos/PnPSearchRefinersDemo.tsx"],"names":[],"mappings":"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"}