@pnp/spfx-controls-react 3.15.0-beta.4845704 → 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.
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD;;GAEG;AACH,IAAM,aAAa,GAAW,CAAC,CAAC;AAEhC;;GAEG;AACH,IAAM,cAAc,GAAW,GAAG,CAAC;AAEnC;;GAEG;AACH,IAAM,cAAc,GAAW,EAAE,CAAC;AAElC;;GAEG;AACH,IAAM,oBAAoB,GAAW,CAAC,CAAC;AAEvC;;GAEG;AACH,IAAM,iBAAiB,GAAW,EAAE,CAAC;AAErC;;GAEG;AACH,IAAM,aAAa,GAAW,EAAE,CAAC;AAGjC;IAA+B,6BAAgC;IAO7D,mBAAY,KAAsB;QAAlC,YACE,kBAAM,KAAK,CAAC,SACb;QALO,eAAS,GAAS,SAAS,CAAC;QAgCpC;;UAEE;QACM,wBAAkB,GAAG,UAAC,IAAW;YACvC,0CAA0C;YAC1C,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,KAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;aAC/B;iBAAM;gBACL,sCAAsC;gBACtC,KAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;aACjC;QACH,CAAC,CAAA;QAED;;YAEI;QACI,0BAAoB,GAAG,UAAC,SAAiB,EAAE,WAAuB;YACxE,IAAI,SAAS,KAAK,CAAC,EAAE;gBACnB,IAAI,WAAW,CAAC,KAAK,KAAK,CAAC,EAAE;oBAC3B,8FAA8F;oBAC9F,KAAI,CAAC,YAAY,GAAG,CAAC,CAAC;oBACtB,KAAI,CAAC,YAAY,GAAG,GAAG,CAAC;oBACxB,KAAI,CAAC,UAAU,GAAG,GAAG,CAAC;iBACvB;qBAAM;oBACL,KAAI,CAAC,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,cAAc,CAAC,CAAC;oBAClE,KAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,GAAG,KAAI,CAAC,YAAY,CAAC,CAAC;oBACtE,KAAI,CAAC,UAAU,GAAG,WAAW,CAAC,KAAK,CAAC;iBACrC;gBAED,KAAI,CAAC,UAAU,GAAG,KAAI,CAAC,YAAY,CAAC;aACrC;YAED,wBAAwB;YAChB,IAAA,KAAK,GAAK,KAAI,CAAC,KAAK,MAAf,CAAgB;YAC7B,IAAM,QAAQ,GAAY,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;YAExH,mCAAmC;YACnC,IAAI,UAAU,GAAW,CAAC,CAAC;YAC3B,KAAK,IAAI,KAAK,GAAG,SAAS,EAAE,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBACzD,IAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;gBAC7B,IAAI,OAAO,IAAI,OAAO,CAAC,QAAQ,KAAK,QAAQ,EAAE;oBAC5C,UAAU,EAAE,CAAC;iBACd;qBAAM;oBACL,MAAM;iBACP;aACF;YAED,qEAAqE;YACrE,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;QAC9C,CAAC,CAAA;QAED;;WAEG;QACK,mBAAa,GAAG,UAAC,SAAqB,EAAE,cAA4C;YAExF,IAAA,IAAI,GAGF,SAAS,KAHP,EACO,aAAa,GAEtB,SAAS,UAFa,EACrB,QAAQ,UACT,SAAS,EAJP,qBAIL,CADY,CACC;YAEN,IAAA,KAAK,GAAK,IAAI,MAAT,CAAU;YACvB,qGAAqG;YACrG,IAAI,CAAC,KAAK,EAAE;gBACV,OAAO,IAAI,CAAC;aACb;YAED,OAAO,CAAC,wCAAS,QAAQ,IAAE,SAAS,EAAE,GAAG,CAAC,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG;gBACtF,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI,EACzB,KAAK,EAAE;wBACL,KAAK,EAAE,KAAI,CAAC,UAAU;wBACtB,SAAS,EAAE,CAAC,oBAAoB;wBAChC,YAAY,EAAE,aAAa;wBAC3B,UAAU,EAAE,CAAC,oBAAoB;wBACjC,WAAW,EAAE,CAAC,oBAAoB;qBACnC,IAEA,KAAK,CAAC,GAAG,CAAC,UAAC,IAAW,EAAE,KAAa;oBACpC,OAAO,KAAI,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;gBACzC,CAAC,CAAC,CACE,CACF,CAAC,CAAC;QACV,CAAC,CAAA;QAED,qDAAqD;QAC7C,oBAAc,GAAG;YACvB,OAAO,KAAI,CAAC,UAAU,GAAG,aAAa,CAAC;QACzC,CAAC,CAAA;QAED;;WAEG;QACK,mBAAa,GAAG,UAAC,IAAW,EAAE,KAAyB;;YAC7D,IAAI,CAAC,IAAI,EAAE;gBACT,KAAI,CAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC;gBACnC,OAAO,IAAI,CAAC;aACb;YACD,2EAA2E;YAC3E,0CAA0C;YAC1C,IAAM,SAAS,GAAG,SAAS,CAAC,KAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YACpD,IAAM,UAAU,GAAY,CAAA,MAAA,KAAI,CAAC,KAAK,CAAC,iBAAiB,0CAAE,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,eAAe,KAAK,IAAI,CAAC,WAAW,EAAtC,CAAsC,EAAE,MAAM,IAAG,CAAC,CAAC;YACzH,sEAAsE;YACtE,yEAAyE;YACzE,6BAA6B;YAC7B,OAAO,CACL,6BACE,SAAS,EAAE,MAAM,CAAC,QAAQ,qBACT,SAAS,EAC1B,KAAK,EAAE;oBACL,SAAS,EAAE,KAAI,CAAC,YAAY;oBAC5B,QAAQ,EAAE,KAAI,CAAC,YAAY;oBAC3B,MAAM,EAAE,oBAAoB;oBAC5B,WAAW,EAAE,MAAM;oBACnB,WAAW,EAAE,CAAC;iBACf;gBAED,6BACE,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,MAAM,CAAC,IAAI;oBAEtB,mEAAmE;oBACnE,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE;oBAE/B,6BAAK,IAAI,EAAC,cAAc,EAAC,SAAS,EAAE,MAAM,CAAC,WAAW,IAElD,IAAI,CAAC,QAAQ,CAAC,CAAC;wBACb,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,EAChB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,KAAI,CAAC,UAAU,EAC1B,cAAc,EAAE;gCACd,KAAK,EAAE,KAAI,CAAC,YAAY,GAAG,iBAAiB;gCAC5C,MAAM,EAAE,KAAI,CAAC,UAAU,GAAG,iBAAiB;6BAC5C,EACD,aAAa,EAAE,UAAC,WAAkB,IAAK,OAAA,KAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,EAApC,CAAoC,GAC3E;wBACF,CAAC;4BACD,oBAAC,YAAY,IACX,iBAAiB,EAAE,KAAI,CAAC,KAAK,CAAC,kBAAkB,EAChD,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,EAChB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,KAAI,CAAC,UAAU,EAC1B,cAAc,EAAE;oCACd,KAAK,EAAE,KAAI,CAAC,YAAY,GAAG,iBAAiB;oCAC5C,MAAM,EAAE,KAAI,CAAC,UAAU,GAAG,iBAAiB;iCAC5C,EACD,aAAa,EAAE,UAAC,WAAkB,IAAK,OAAA,KAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,EAApC,CAAoC,GAC3E,CAEF,CACF,CACF,CACP,CAAC;QACJ,CAAC,CAAA;;IAtLD,CAAC;IAEM,sCAAkB,GAAzB,UAA0B,SAA0B;QAClD,IAAI,IAAI,CAAC,KAAK,CAAC,iBAAiB,KAAK,SAAS,CAAC,iBAAiB,EAAE;YAChE,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC;SAC9B;IACH,CAAC;IAEM,0BAAM,GAAb;QAAA,iBAiBC;QAhBC,OAAO,CACL,oBAAC,aAAa,IAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,aAAa,EAAE,UAAC,IAAW,IAAO,KAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAChH,oBAAC,SAAS;gBACR;oBACE,oBAAC,IAAI,IACH,GAAG,EAAE,UAAC,CAAO,IAAO,KAAI,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,EACzC,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,mBAAmB,EAAE,IAAI,CAAC,oBAAoB,EAC9C,aAAa,EAAE,IAAI,CAAC,cAAc,EAClC,YAAY,EAAE,UAAC,SAAqB,EAAE,aAA2C,IAAK,OAAA,KAAI,CAAC,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,EAA5C,CAA4C,GAClI,CACE,CACI,CACE,CACjB,CAAC;IACJ,CAAC;IA8JH,gBAAC;AAAD,CAAC,AAhMD,CAA+B,KAAK,CAAC,SAAS,GAgM7C"}
|
package/package.json
CHANGED