jitz-sharepoint-utilities 2.0.18 → 2.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/controls/JitzGrid.tsx +31 -21
- package/data/context/List.ts +2 -2
- package/data/context/Repository.ts +1 -2
- package/lib/controls/JitzGrid.d.ts +2 -0
- package/lib/controls/JitzGrid.js +6 -5
- package/lib/data/context/List.js +10 -6
- package/lib/data/context/Repository.js +1 -2
- package/package.json +1 -1
package/controls/JitzGrid.tsx
CHANGED
|
@@ -76,6 +76,8 @@ export interface IJitzGridProps<T extends IModel> {
|
|
|
76
76
|
refreshedOn?: Date;
|
|
77
77
|
displayMode?: DisplayMode;
|
|
78
78
|
downloadFileName?: string;
|
|
79
|
+
outerGridClass?: string;
|
|
80
|
+
fixedGridWidthCss?: string;
|
|
79
81
|
}
|
|
80
82
|
|
|
81
83
|
export class JitzGrid<T extends IModel> extends React.Component<
|
|
@@ -443,27 +445,35 @@ export class JitzGrid<T extends IModel> extends React.Component<
|
|
|
443
445
|
this.state.showingItems.length > 0) && (
|
|
444
446
|
<div className="ms-Grid-row">
|
|
445
447
|
<div className="ms-Grid-col ms-sm12 ms-md12 ms-lg12">
|
|
446
|
-
{this.
|
|
447
|
-
<
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
448
|
+
<div className={this.props.outerGridClass || ""}>
|
|
449
|
+
<div className={this.props.fixedGridWidthCss || ""}>
|
|
450
|
+
{this.state.displayMode === DisplayMode.Grid && (
|
|
451
|
+
<DetailsList
|
|
452
|
+
items={
|
|
453
|
+
this.state.showingItems != undefined
|
|
454
|
+
? this.state.showingItems
|
|
455
|
+
: []
|
|
456
|
+
}
|
|
457
|
+
setKey={"Id"}
|
|
458
|
+
columns={this.state.columns}
|
|
459
|
+
onRenderItemColumn={this._renderItemColumn}
|
|
460
|
+
onColumnHeaderClick={this._onColumnClick}
|
|
461
|
+
onItemInvoked={this._onItemInvoked}
|
|
462
|
+
onShouldVirtualize={() => false}
|
|
463
|
+
onColumnHeaderContextMenu={
|
|
464
|
+
this._onColumnHeaderContextMenu
|
|
465
|
+
}
|
|
466
|
+
onActiveItemChanged={(item: any, index?: number) => {
|
|
467
|
+
this.itemSelected(item, index);
|
|
468
|
+
}}
|
|
469
|
+
selectionMode={
|
|
470
|
+
this.props.selectionMode || SelectionMode.none
|
|
471
|
+
}
|
|
472
|
+
selection={this._selection}
|
|
473
|
+
/>
|
|
474
|
+
)}
|
|
475
|
+
</div>
|
|
476
|
+
</div>
|
|
467
477
|
{this.state.displayMode === DisplayMode.Tile &&
|
|
468
478
|
this.state.showingItems != undefined &&
|
|
469
479
|
this.state.showingItems.length > 0 &&
|
package/data/context/List.ts
CHANGED
|
@@ -246,7 +246,7 @@ export default class List<T extends IModel> implements IList<T> {
|
|
|
246
246
|
// .catch((err) => {
|
|
247
247
|
// console.log(err);
|
|
248
248
|
// });
|
|
249
|
-
|
|
249
|
+
item = (item as any)?.data?.d || (item as any)?.data || item;
|
|
250
250
|
return item;
|
|
251
251
|
};
|
|
252
252
|
|
|
@@ -270,7 +270,7 @@ export default class List<T extends IModel> implements IList<T> {
|
|
|
270
270
|
// .catch((err) => {
|
|
271
271
|
// console.log(err);
|
|
272
272
|
// });
|
|
273
|
-
|
|
273
|
+
item = (item as any)?.data?.d || (item as any)?.data || item;
|
|
274
274
|
return item;
|
|
275
275
|
};
|
|
276
276
|
|
|
@@ -304,8 +304,7 @@ export default class Repository<T extends IModel> implements IRepository<T> {
|
|
|
304
304
|
})
|
|
305
305
|
.then((response: any): Promise<T> => {
|
|
306
306
|
if (response.status >= 200 && response.status < 300) {
|
|
307
|
-
|
|
308
|
-
var json = response.data.d;
|
|
307
|
+
var json = response;
|
|
309
308
|
return json;
|
|
310
309
|
} else {
|
|
311
310
|
return Promise.reject(new Error(JSON.stringify(response)));
|
|
@@ -51,6 +51,8 @@ export interface IJitzGridProps<T extends IModel> {
|
|
|
51
51
|
refreshedOn?: Date;
|
|
52
52
|
displayMode?: DisplayMode;
|
|
53
53
|
downloadFileName?: string;
|
|
54
|
+
outerGridClass?: string;
|
|
55
|
+
fixedGridWidthCss?: string;
|
|
54
56
|
}
|
|
55
57
|
export declare class JitzGrid<T extends IModel> extends React.Component<IJitzGridProps<T>, IJitzGridState<T>> {
|
|
56
58
|
private _selection;
|
package/lib/controls/JitzGrid.js
CHANGED
|
@@ -567,11 +567,12 @@ var JitzGrid = /** @class */ (function (_super) {
|
|
|
567
567
|
(this.state.showingItems == undefined ||
|
|
568
568
|
this.state.showingItems.length > 0) && (React.createElement("div", { className: "ms-Grid-row" },
|
|
569
569
|
React.createElement("div", { className: "ms-Grid-col ms-sm12 ms-md12 ms-lg12" },
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
570
|
+
React.createElement("div", { className: this.props.outerGridClass || "" },
|
|
571
|
+
React.createElement("div", { className: this.props.fixedGridWidthCss || "" }, this.state.displayMode === DisplayMode.Grid && (React.createElement(react_1.DetailsList, { items: this.state.showingItems != undefined
|
|
572
|
+
? this.state.showingItems
|
|
573
|
+
: [], setKey: "Id", columns: this.state.columns, onRenderItemColumn: this._renderItemColumn, onColumnHeaderClick: this._onColumnClick, onItemInvoked: this._onItemInvoked, onShouldVirtualize: function () { return false; }, onColumnHeaderContextMenu: this._onColumnHeaderContextMenu, onActiveItemChanged: function (item, index) {
|
|
574
|
+
_this.itemSelected(item, index);
|
|
575
|
+
}, selectionMode: this.props.selectionMode || react_1.SelectionMode.none, selection: this._selection })))),
|
|
575
576
|
this.state.displayMode === DisplayMode.Tile &&
|
|
576
577
|
this.state.showingItems != undefined &&
|
|
577
578
|
this.state.showingItems.length > 0 &&
|
package/lib/data/context/List.js
CHANGED
|
@@ -255,13 +255,14 @@ var List = /** @class */ (function () {
|
|
|
255
255
|
}); };
|
|
256
256
|
this.create = function (item) { return __awaiter(_this, void 0, void 0, function () {
|
|
257
257
|
var newItem;
|
|
258
|
-
|
|
259
|
-
|
|
258
|
+
var _a;
|
|
259
|
+
return __generator(this, function (_b) {
|
|
260
|
+
switch (_b.label) {
|
|
260
261
|
case 0:
|
|
261
262
|
newItem = this.setPropertiesForSharePointApi(item);
|
|
262
263
|
return [4 /*yield*/, this.repository.createItem(newItem)];
|
|
263
264
|
case 1:
|
|
264
|
-
item =
|
|
265
|
+
item = _b.sent();
|
|
265
266
|
// await this.context.graphClient
|
|
266
267
|
// .api(`/sites/${this.context.siteId}/lists/${this.listName}/items`)
|
|
267
268
|
// .post({ fields: item })
|
|
@@ -271,19 +272,21 @@ var List = /** @class */ (function () {
|
|
|
271
272
|
// .catch((err) => {
|
|
272
273
|
// console.log(err);
|
|
273
274
|
// });
|
|
275
|
+
item = ((_a = item === null || item === void 0 ? void 0 : item.data) === null || _a === void 0 ? void 0 : _a.d) || (item === null || item === void 0 ? void 0 : item.data) || item;
|
|
274
276
|
return [2 /*return*/, item];
|
|
275
277
|
}
|
|
276
278
|
});
|
|
277
279
|
}); };
|
|
278
280
|
this.update = function (item) { return __awaiter(_this, void 0, void 0, function () {
|
|
279
281
|
var newItem;
|
|
280
|
-
|
|
281
|
-
|
|
282
|
+
var _a;
|
|
283
|
+
return __generator(this, function (_b) {
|
|
284
|
+
switch (_b.label) {
|
|
282
285
|
case 0:
|
|
283
286
|
newItem = this.setPropertiesForSharePointApi(item);
|
|
284
287
|
return [4 /*yield*/, this.repository.updateItem(newItem)];
|
|
285
288
|
case 1:
|
|
286
|
-
item =
|
|
289
|
+
item = _b.sent();
|
|
287
290
|
// let newObject: any = {};
|
|
288
291
|
// var itemAsAny = item as any;
|
|
289
292
|
// Object.keys(itemAsAny).forEach((key) => {
|
|
@@ -301,6 +304,7 @@ var List = /** @class */ (function () {
|
|
|
301
304
|
// .catch((err) => {
|
|
302
305
|
// console.log(err);
|
|
303
306
|
// });
|
|
307
|
+
item = ((_a = item === null || item === void 0 ? void 0 : item.data) === null || _a === void 0 ? void 0 : _a.d) || (item === null || item === void 0 ? void 0 : item.data) || item;
|
|
304
308
|
return [2 /*return*/, item];
|
|
305
309
|
}
|
|
306
310
|
});
|
|
@@ -339,8 +339,7 @@ var Repository = /** @class */ (function () {
|
|
|
339
339
|
})
|
|
340
340
|
.then(function (response) {
|
|
341
341
|
if (response.status >= 200 && response.status < 300) {
|
|
342
|
-
|
|
343
|
-
var json = response.data.d;
|
|
342
|
+
var json = response;
|
|
344
343
|
return json;
|
|
345
344
|
}
|
|
346
345
|
else {
|