@pnp/spfx-controls-react 3.15.0-beta.4845678 → 3.15.0-beta.4845714
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/CHANGELOG.json +2 -1
- package/CHANGELOG.md +1 -0
- package/lib/common/telemetry/version.js +1 -1
- package/lib/controls/filePicker/controls/TilesList/TilesList.d.ts.map +1 -1
- package/lib/controls/filePicker/controls/TilesList/TilesList.js +20 -7
- package/lib/controls/filePicker/controls/TilesList/TilesList.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.json
CHANGED
|
@@ -15,7 +15,8 @@
|
|
|
15
15
|
"new": [],
|
|
16
16
|
"enhancements": [
|
|
17
17
|
"`DateTimePicker`: Fixed DateTimePicker strings in Danish Locale #1498](https://github.com/pnp/sp-dev-fx-controls-react/pull/1489)",
|
|
18
|
-
"SharePoint Framework v1.17.1 support"
|
|
18
|
+
"SharePoint Framework v1.17.1 support",
|
|
19
|
+
"`FieldCollectionData`: Adds panelProps property to FieldCollectionData #1525](https://github.com/pnp/sp-dev-fx-controls-react/pull/1525)"
|
|
19
20
|
],
|
|
20
21
|
"fixes": [
|
|
21
22
|
"`DynamicForm`: Fixes DynamicForm trying to load TaxonomyFields with wrong display name [#1422](https://github.com/pnp/sp-dev-fx-controls-react/issues/1422)",
|
package/CHANGELOG.md
CHANGED
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
- `DateTimePicker`: Fixed DateTimePicker strings in Danish Locale #1498](https://github.com/pnp/sp-dev-fx-controls-react/pull/1489)
|
|
10
10
|
- SharePoint Framework v1.17.1 support
|
|
11
|
+
- `FieldCollectionData`: Adds panelProps property to FieldCollectionData #1525](https://github.com/pnp/sp-dev-fx-controls-react/pull/1525)
|
|
11
12
|
|
|
12
13
|
### Fixes
|
|
13
14
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var version = "3.15.0-beta.
|
|
1
|
+
export var version = "3.15.0-beta.4845714";
|
|
2
2
|
//# sourceMappingURL=version.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TilesList.d.ts","sourceRoot":"","sources":["../../../../../src/controls/filePicker/controls/TilesList/TilesList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"TilesList.d.ts","sourceRoot":"","sources":["../../../../../src/controls/filePicker/controls/TilesList/TilesList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAkCpD,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAC7D,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,UAAU,CAAS;gBAEf,KAAK,EAAE,eAAe;IAI3B,kBAAkB,CAAC,SAAS,EAAE,eAAe,GAAG,IAAI;IAMpD,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC;IAmBpD;;MAEE;IACF,OAAO,CAAC,kBAAkB,CAQzB;IAED;;QAEI;IACJ,OAAO,CAAC,oBAAoB,CAiC3B;IAED;;OAEG;IACH,OAAO,CAAC,aAAa,CA4BpB;IAED,qDAAqD;IACrD,OAAO,CAAC,cAAc,CAErB;IAED;;OAEG;IACH,OAAO,CAAC,aAAa,CA+DpB;CACF"}
|
|
@@ -43,6 +43,7 @@ import { FocusZone } from 'office-ui-fabric-react/lib/FocusZone';
|
|
|
43
43
|
import { css } from 'office-ui-fabric-react/lib/Utilities';
|
|
44
44
|
import { FolderTile } from '../FolderTile';
|
|
45
45
|
import { DocumentTile } from '../DocumentTile';
|
|
46
|
+
import { findIndex } from '@microsoft/sp-lodash-subset';
|
|
46
47
|
/**
|
|
47
48
|
* Rows per page
|
|
48
49
|
*/
|
|
@@ -90,10 +91,18 @@ var TilesList = /** @class */ (function (_super) {
|
|
|
90
91
|
*/
|
|
91
92
|
_this._getItemCountForPage = function (itemIndex, surfaceRect) {
|
|
92
93
|
if (itemIndex === 0) {
|
|
93
|
-
|
|
94
|
-
|
|
94
|
+
if (surfaceRect.width === 0) {
|
|
95
|
+
//surfaceRect.width is 0 on load of this component, passing some default values so it renders.
|
|
96
|
+
_this._columnCount = 5;
|
|
97
|
+
_this._columnWidth = 232;
|
|
98
|
+
_this._pageWidth = 232;
|
|
99
|
+
}
|
|
100
|
+
else {
|
|
101
|
+
_this._columnCount = Math.ceil(surfaceRect.width / MAX_ROW_HEIGHT);
|
|
102
|
+
_this._columnWidth = Math.floor(surfaceRect.width / _this._columnCount);
|
|
103
|
+
_this._pageWidth = surfaceRect.width;
|
|
104
|
+
}
|
|
95
105
|
_this._rowHeight = _this._columnWidth;
|
|
96
|
-
_this._pageWidth = surfaceRect.width;
|
|
97
106
|
}
|
|
98
107
|
// Get the list of items
|
|
99
108
|
var items = _this.props.items;
|
|
@@ -141,15 +150,19 @@ var TilesList = /** @class */ (function (_super) {
|
|
|
141
150
|
* Renders a file folder cover
|
|
142
151
|
*/
|
|
143
152
|
_this._onRenderCell = function (item, index) {
|
|
153
|
+
var _a;
|
|
144
154
|
if (!item) {
|
|
145
155
|
_this.props.onNextPageDataRequest();
|
|
146
156
|
return null;
|
|
147
157
|
}
|
|
148
|
-
|
|
158
|
+
//If List component have more than 1 page, it starts to index items from 0,
|
|
159
|
+
//but for Selection index should be unique
|
|
160
|
+
var itemIndex = findIndex(_this.props.items, item);
|
|
161
|
+
var isSelected = ((_a = _this.props.filePickerResults) === null || _a === void 0 ? void 0 : _a.filter(function (x) { return x.fileAbsoluteUrl === item.absoluteUrl; }).length) > 0;
|
|
149
162
|
// I know this is a lot of divs and spans inside of each other, but my
|
|
150
163
|
// goal was to mimic the HTML and style of the out-of-the-box file picker
|
|
151
164
|
// to the best of my ability.
|
|
152
|
-
return (React.createElement("div", { className: styles.listCell, "data-item-index":
|
|
165
|
+
return (React.createElement("div", { className: styles.listCell, "data-item-index": itemIndex, style: {
|
|
153
166
|
flexBasis: _this._columnWidth,
|
|
154
167
|
maxWidth: _this._columnWidth,
|
|
155
168
|
margin: STANDARD_TILE_MARGIN,
|
|
@@ -160,12 +173,12 @@ var TilesList = /** @class */ (function (_super) {
|
|
|
160
173
|
// I don't agree with this magic number. Where does this come from?
|
|
161
174
|
style: { paddingTop: "97.16%" } },
|
|
162
175
|
React.createElement("div", { role: "presentation", className: styles.cellContent }, item.isFolder ?
|
|
163
|
-
React.createElement(FolderTile, { item: item, index:
|
|
176
|
+
React.createElement(FolderTile, { item: item, index: itemIndex, isSelected: isSelected, pageWidth: _this._pageWidth, tileDimensions: {
|
|
164
177
|
width: _this._columnWidth - TILE_HORZ_PADDING,
|
|
165
178
|
height: _this._rowHeight - TILE_HORZ_PADDING
|
|
166
179
|
}, onItemInvoked: function (itemInvoked) { return _this._handleItemInvoked(itemInvoked); } })
|
|
167
180
|
:
|
|
168
|
-
React.createElement(DocumentTile, { fileBroserService: _this.props.fileBrowserService, item: item, index:
|
|
181
|
+
React.createElement(DocumentTile, { fileBroserService: _this.props.fileBrowserService, item: item, index: itemIndex, isSelected: isSelected, pageWidth: _this._pageWidth, tileDimensions: {
|
|
169
182
|
width: _this._columnWidth - TILE_HORZ_PADDING,
|
|
170
183
|
height: _this._rowHeight - TILE_HORZ_PADDING
|
|
171
184
|
}, onItemInvoked: function (itemInvoked) { return _this._handleItemInvoked(itemInvoked); } })))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TilesList.js","sourceRoot":"","sources":["../../../../../src/controls/filePicker/controls/TilesList/TilesList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAErE,OAAO,EAAE,IAAI,EAAc,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAA+B,GAAG,EAAE,MAAM,sCAAsC,CAAC;AACxF,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"TilesList.js","sourceRoot":"","sources":["../../../../../src/controls/filePicker/controls/TilesList/TilesList.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED