@pnp/spfx-controls-react 3.20.0-beta.1188101 → 3.20.0-beta.1203408
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 +4 -1
- package/CHANGELOG.md +2 -1
- package/lib/common/telemetry/version.js +1 -1
- package/lib/controls/filePicker/LinkFilePickerTab/LinkFilePickerTab.d.ts.map +1 -1
- package/lib/controls/filePicker/LinkFilePickerTab/LinkFilePickerTab.js +1 -1
- package/lib/controls/filePicker/LinkFilePickerTab/LinkFilePickerTab.js.map +1 -1
- package/lib/controls/filePicker/controls/DocumentLibraryBrowser/DocumentLibraryBrowser.d.ts +5 -24
- package/lib/controls/filePicker/controls/DocumentLibraryBrowser/DocumentLibraryBrowser.d.ts.map +1 -1
- package/lib/controls/filePicker/controls/DocumentLibraryBrowser/DocumentLibraryBrowser.js +21 -43
- package/lib/controls/filePicker/controls/DocumentLibraryBrowser/DocumentLibraryBrowser.js.map +1 -1
- package/lib/controls/filePicker/controls/DocumentLibraryBrowser/DocumentLibraryBrowser.module.css +2 -2
- package/lib/controls/filePicker/controls/DocumentLibraryBrowser/DocumentLibraryBrowser.module.scss.d.ts +4 -5
- package/lib/controls/filePicker/controls/DocumentLibraryBrowser/DocumentLibraryBrowser.module.scss.d.ts.map +1 -1
- package/lib/controls/filePicker/controls/DocumentLibraryBrowser/DocumentLibraryBrowser.module.scss.js +6 -7
- package/lib/controls/filePicker/controls/DocumentLibraryBrowser/DocumentLibraryBrowser.module.scss.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.json
CHANGED
|
@@ -10,7 +10,8 @@
|
|
|
10
10
|
"`DynamicForm`: custom sorting [#1802](https://github.com/pnp/sp-dev-fx-controls-react/pull/1802)",
|
|
11
11
|
"`ImagePicker`: new Control ImagePicker [#1820](https://github.com/pnp/sp-dev-fx-controls-react/pull/1820)",
|
|
12
12
|
"`UserPicker`: new Control UserPicker [#1675](https://github.com/pnp/sp-dev-fx-controls-react/pull/1675)",
|
|
13
|
-
"`DynamicForm`: DynamicForm storeLastActiveTab option #1879 [#1879](https://github.com/pnp/sp-dev-fx-controls-react/pull/1879)"
|
|
13
|
+
"`DynamicForm`: DynamicForm storeLastActiveTab option #1879 [#1879](https://github.com/pnp/sp-dev-fx-controls-react/pull/1879)",
|
|
14
|
+
"`FilePicker`: Image picker enhancements [#1805](https://github.com/pnp/sp-dev-fx-controls-react/pull/1805)"
|
|
14
15
|
],
|
|
15
16
|
"fixes": [
|
|
16
17
|
"Debug Controls in any language [#1882](https://github.com/pnp/sp-dev-fx-controls-react/pull/1882)",
|
|
@@ -24,6 +25,8 @@
|
|
|
24
25
|
]
|
|
25
26
|
},
|
|
26
27
|
"contributions": [
|
|
28
|
+
"[Alex Terentiev](https://github.com/AJIXuMuK)",
|
|
29
|
+
"[Antanina Druzhkina](https://github.com/Ateina)",
|
|
27
30
|
"[Guido Zambarda](https://github.com/GuidoZam)",
|
|
28
31
|
"[Michaël Maillot](https://github.com/michaelmaillot)",
|
|
29
32
|
"[srpmtt](https://github.com/srpmtt)",
|
package/CHANGELOG.md
CHANGED
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
- `ImagePicker`: new Control ImagePicker [#1820](https://github.com/pnp/sp-dev-fx-controls-react/pull/1820)
|
|
11
11
|
- `UserPicker`: new Control UserPicker [#1675](https://github.com/pnp/sp-dev-fx-controls-react/pull/1675)
|
|
12
12
|
- `DynamicForm`: DynamicForm storeLastActiveTab option #1879 [#1879](https://github.com/pnp/sp-dev-fx-controls-react/pull/1879)
|
|
13
|
+
- `FilePicker`: Image picker enhancements [#1805](https://github.com/pnp/sp-dev-fx-controls-react/pull/1805)
|
|
13
14
|
|
|
14
15
|
### Fixes
|
|
15
16
|
|
|
@@ -24,7 +25,7 @@
|
|
|
24
25
|
|
|
25
26
|
### Contributors
|
|
26
27
|
|
|
27
|
-
Special thanks to our contributors (in alphabetical order): [Guido Zambarda](https://github.com/GuidoZam), [Michaël Maillot](https://github.com/michaelmaillot), [srpmtt](https://github.com/srpmtt), [wilecoyotegenius](https://github.com/wilecoyotegenius), [joaojmendes](https://github.com/joaojmendes), [IRRDC](https://github.com/IRRDC), [wilecoyotegenius](https://github.com/wilecoyotegenius), [wuxiaojun514](https://github.com/wuxiaojun514), [Nishkalank Bezawada](https://github.com/NishkalankBezawada).
|
|
28
|
+
Special thanks to our contributors (in alphabetical order): [Alex Terentiev](https://github.com/AJIXuMuK), [Antanina Druzhkina](https://github.com/Ateina), [Guido Zambarda](https://github.com/GuidoZam), [Michaël Maillot](https://github.com/michaelmaillot), [srpmtt](https://github.com/srpmtt), [wilecoyotegenius](https://github.com/wilecoyotegenius), [joaojmendes](https://github.com/joaojmendes), [IRRDC](https://github.com/IRRDC), [wilecoyotegenius](https://github.com/wilecoyotegenius), [wuxiaojun514](https://github.com/wuxiaojun514), [Nishkalank Bezawada](https://github.com/NishkalankBezawada).
|
|
28
29
|
|
|
29
30
|
## 3.19.0
|
|
30
31
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var version = "3.20.0-beta.
|
|
1
|
+
export var version = "3.20.0-beta.1203408";
|
|
2
2
|
//# sourceMappingURL=version.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkFilePickerTab.d.ts","sourceRoot":"","sources":["../../../../src/controls/filePicker/LinkFilePickerTab/LinkFilePickerTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAWpE,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,uBAAuB,EAAE,uBAAuB,CAAC;gBAClG,KAAK,EAAE,uBAAuB;IAKnC,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"LinkFilePickerTab.d.ts","sourceRoot":"","sources":["../../../../src/controls/filePicker/LinkFilePickerTab/LinkFilePickerTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAWpE,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,uBAAuB,EAAE,uBAAuB,CAAC;gBAClG,KAAK,EAAE,uBAAuB;IAKnC,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,uBAAuB,CAAC;IA0C5D;;OAEG;IACH,OAAO,CAAC,aAAa,CAUpB;IAED;;;OAGG;IACH,OAAO,CAAC,uBAAuB,CA6B9B;IAED;;OAEG;IACH,OAAO,CAAC,WAAW,CAElB;IAED;;OAEG;IACH,OAAO,CAAC,YAAY,CAEnB;IAED;;;OAGG;IACH,OAAO,CAAC,MAAM,CAOb;IAED,OAAO,CAAC,aAAa,CAQpB;CACF"}
|
|
@@ -155,7 +155,7 @@ var LinkFilePickerTab = /** @class */ (function (_super) {
|
|
|
155
155
|
React.createElement("div", { className: styles.tabHeaderContainer },
|
|
156
156
|
React.createElement("h2", { className: styles.tabHeader }, strings.LinkHeader)),
|
|
157
157
|
React.createElement("div", { className: css(styles.tab, styles.tabOffset) },
|
|
158
|
-
React.createElement(TextField, { multiline: true, required: true, resizable: false, deferredValidationTime: 300, className: styles.linkTextField, label: strings.LinkFileInstructions, ariaLabel: strings.LinkFileInstructions, onGetErrorMessage: function (value) { return _this._getErrorMessagePromise(value); }, autoAdjustHeight: false, underlined: false, borderless: false, validateOnFocusIn: false, validateOnFocusOut: false, validateOnLoad: true, value: fileUrl, onChange: function (e, newValue) { return _this._handleChange(newValue); } }),
|
|
158
|
+
React.createElement(TextField, { multiline: true, required: true, resizable: false, deferredValidationTime: 300, className: styles.linkTextField, label: strings.LinkFileInstructions, ariaLabel: strings.LinkFileInstructions, placeholder: "https://", onGetErrorMessage: function (value) { return _this._getErrorMessagePromise(value); }, autoAdjustHeight: false, underlined: false, borderless: false, validateOnFocusIn: false, validateOnFocusOut: false, validateOnLoad: true, value: fileUrl, onChange: function (e, newValue) { return _this._handleChange(newValue); } }),
|
|
159
159
|
this.props.renderCustomLinkTabContent && this.props.renderCustomLinkTabContent(this.state.filePickerResult)),
|
|
160
160
|
React.createElement("div", { className: styles.actionButtonsContainer },
|
|
161
161
|
React.createElement("div", { className: styles.actionButtons },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkFilePickerTab.js","sourceRoot":"","sources":["../../../../src/controls/filePicker/LinkFilePickerTab/LinkFilePickerTab.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAExE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AAEpD,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAC1C,OAAO,MAAM,MAAM,iCAAiC,CAAC;AAGrD;IAA+C,qCAAiE;IAC9G,2BAAY,KAA8B;QAA1C,YACE,kBAAM,KAAK,CAAC,SAEb;
|
|
1
|
+
{"version":3,"file":"LinkFilePickerTab.js","sourceRoot":"","sources":["../../../../src/controls/filePicker/LinkFilePickerTab/LinkFilePickerTab.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,35 +1,16 @@
|
|
|
1
|
-
import * as React from
|
|
2
|
-
import { IDocumentLibraryBrowserProps } from
|
|
3
|
-
import { IDocumentLibraryBrowserState } from
|
|
4
|
-
/**
|
|
5
|
-
* Rows per page
|
|
6
|
-
*/
|
|
7
|
-
export declare const ROWS_PER_PAGE = 3;
|
|
8
|
-
/**
|
|
9
|
-
* Maximum row height
|
|
10
|
-
*/
|
|
11
|
-
export declare const MAX_ROW_HEIGHT = 250;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { IDocumentLibraryBrowserProps } from "./IDocumentLibraryBrowserProps";
|
|
3
|
+
import { IDocumentLibraryBrowserState } from "./IDocumentLibraryBrowserState";
|
|
12
4
|
/**
|
|
13
5
|
* This would have been better done as an Office Fabric TileList, but it isn't available yet for production use
|
|
14
6
|
*/
|
|
15
7
|
export declare class DocumentLibraryBrowser extends React.Component<IDocumentLibraryBrowserProps, IDocumentLibraryBrowserState> {
|
|
16
|
-
private _columnCount;
|
|
17
|
-
private _columnWidth;
|
|
18
|
-
private _rowHeight;
|
|
19
8
|
constructor(props: IDocumentLibraryBrowserProps);
|
|
20
9
|
componentDidMount(): Promise<void>;
|
|
21
10
|
render(): React.ReactElement<IDocumentLibraryBrowserProps>;
|
|
22
11
|
/**
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
private _getItemCountForPage;
|
|
26
|
-
/**
|
|
27
|
-
* Gets the height of a list "page"
|
|
28
|
-
*/
|
|
29
|
-
private _getPageHeight;
|
|
30
|
-
/**
|
|
31
|
-
* Renders a cell for search suggestions
|
|
32
|
-
*/
|
|
12
|
+
* Renders a cell for search suggestions
|
|
13
|
+
*/
|
|
33
14
|
private _onRenderLibraryTile;
|
|
34
15
|
/**
|
|
35
16
|
* Calls parent when library is opened
|
package/lib/controls/filePicker/controls/DocumentLibraryBrowser/DocumentLibraryBrowser.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DocumentLibraryBrowser.d.ts","sourceRoot":"","sources":["../../../../../src/controls/filePicker/controls/DocumentLibraryBrowser/DocumentLibraryBrowser.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"DocumentLibraryBrowser.d.ts","sourceRoot":"","sources":["../../../../../src/controls/filePicker/controls/DocumentLibraryBrowser/DocumentLibraryBrowser.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAM9E;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CACzD,4BAA4B,EAC5B,4BAA4B,CAC7B;gBAEa,KAAK,EAAE,4BAA4B;IASlC,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IAQxC,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,4BAA4B,CAAC;IAgBhE;;MAEE;IACH,OAAO,CAAC,oBAAoB,CA0B3B;IAID;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAEzB;CACF"}
|
|
@@ -49,21 +49,12 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
49
49
|
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
50
50
|
}
|
|
51
51
|
};
|
|
52
|
-
import * as React from
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import
|
|
57
|
-
import
|
|
58
|
-
import * as strings from 'ControlStrings';
|
|
59
|
-
/**
|
|
60
|
-
* Rows per page
|
|
61
|
-
*/
|
|
62
|
-
export var ROWS_PER_PAGE = 3;
|
|
63
|
-
/**
|
|
64
|
-
* Maximum row height
|
|
65
|
-
*/
|
|
66
|
-
export var MAX_ROW_HEIGHT = 250;
|
|
52
|
+
import * as React from "react";
|
|
53
|
+
import { Spinner } from "@fluentui/react/lib/Spinner";
|
|
54
|
+
import { Stack } from "@fluentui/react/lib/Stack";
|
|
55
|
+
import { Icon } from "@fluentui/react/lib/Icon";
|
|
56
|
+
import styles from "./DocumentLibraryBrowser.module.scss";
|
|
57
|
+
import * as strings from "ControlStrings";
|
|
67
58
|
/**
|
|
68
59
|
* This would have been better done as an Office Fabric TileList, but it isn't available yet for production use
|
|
69
60
|
*/
|
|
@@ -72,34 +63,18 @@ var DocumentLibraryBrowser = /** @class */ (function (_super) {
|
|
|
72
63
|
function DocumentLibraryBrowser(props) {
|
|
73
64
|
var _this = _super.call(this, props) || this;
|
|
74
65
|
/**
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
_this._getItemCountForPage = function (itemIndex, surfaceRect) {
|
|
78
|
-
if (itemIndex === 0) {
|
|
79
|
-
_this._columnCount = Math.ceil(surfaceRect.width / MAX_ROW_HEIGHT);
|
|
80
|
-
_this._columnWidth = Math.floor(surfaceRect.width / _this._columnCount);
|
|
81
|
-
_this._rowHeight = _this._columnWidth;
|
|
82
|
-
}
|
|
83
|
-
return _this._columnCount * ROWS_PER_PAGE;
|
|
84
|
-
};
|
|
85
|
-
/**
|
|
86
|
-
* Gets the height of a list "page"
|
|
87
|
-
*/
|
|
88
|
-
_this._getPageHeight = function () {
|
|
89
|
-
return _this._rowHeight * ROWS_PER_PAGE;
|
|
90
|
-
};
|
|
91
|
-
/**
|
|
92
|
-
* Renders a cell for search suggestions
|
|
93
|
-
*/
|
|
66
|
+
* Renders a cell for search suggestions
|
|
67
|
+
*/
|
|
94
68
|
_this._onRenderLibraryTile = function (item, index) {
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
React.createElement(
|
|
101
|
-
|
|
102
|
-
|
|
69
|
+
return (React.createElement("div", { key: item.absoluteUrl, className: styles.filePickerFolderCardTile, "data-is-focusable": true, onClick: function (_event) { return _this._handleOpenLibrary(item); } },
|
|
70
|
+
React.createElement("div", { className: styles.filePickerFolderCardImage },
|
|
71
|
+
React.createElement(Icon, { className: styles.filePickerFolderCoverBack, imageProps: {
|
|
72
|
+
src: strings.FolderBackPlate
|
|
73
|
+
} }),
|
|
74
|
+
React.createElement(Icon, { className: styles.filePickerFolderCoverFront, imageProps: {
|
|
75
|
+
src: strings.FolderFrontPlate
|
|
76
|
+
} })),
|
|
77
|
+
React.createElement("div", { className: styles.filePickerFolderCardTitle }, item.title)));
|
|
103
78
|
};
|
|
104
79
|
/**
|
|
105
80
|
* Calls parent when library is opened
|
|
@@ -131,10 +106,13 @@ var DocumentLibraryBrowser = /** @class */ (function (_super) {
|
|
|
131
106
|
});
|
|
132
107
|
};
|
|
133
108
|
DocumentLibraryBrowser.prototype.render = function () {
|
|
109
|
+
var _this = this;
|
|
134
110
|
var _a = this.state, lists = _a.lists, isLoading = _a.isLoading;
|
|
135
111
|
return (React.createElement("div", { className: styles.documentLibraryBrowserContainer },
|
|
136
112
|
isLoading && React.createElement(Spinner, { label: strings.Loading }),
|
|
137
|
-
React.createElement(
|
|
113
|
+
React.createElement(Stack, { wrap: true, horizontal: true, horizontalAlign: "start", verticalAlign: "center" }, lists.map(function (list, index) {
|
|
114
|
+
return _this._onRenderLibraryTile(list, index);
|
|
115
|
+
}))));
|
|
138
116
|
};
|
|
139
117
|
return DocumentLibraryBrowser;
|
|
140
118
|
}(React.Component));
|
package/lib/controls/filePicker/controls/DocumentLibraryBrowser/DocumentLibraryBrowser.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DocumentLibraryBrowser.js","sourceRoot":"","sources":["../../../../../src/controls/filePicker/controls/DocumentLibraryBrowser/DocumentLibraryBrowser.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"DocumentLibraryBrowser.js","sourceRoot":"","sources":["../../../../../src/controls/filePicker/controls/DocumentLibraryBrowser/DocumentLibraryBrowser.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAKhD,OAAO,MAAM,MAAM,sCAAsC,CAAC;AAC1D,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAE1C;;GAEG;AACH;IAA4C,0CAG3C;IAEC,gCAAY,KAAmC;QAA/C,YACE,kBAAM,KAAK,CAAC,SAMb;QA0BA;;UAEE;QACK,0BAAoB,GAAG,UAAC,IAAc,EAAE,KAAyB;YAEvE,OAAO,CACL,6BACE,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,SAAS,EAAE,MAAM,CAAC,wBAAwB,uBACvB,IAAI,EACvB,OAAO,EAAE,UAAC,MAAM,IAAK,OAAA,KAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAA7B,CAA6B;gBAEhD,6BAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB;oBAC9C,oBAAC,IAAI,IACH,SAAS,EAAE,MAAM,CAAC,yBAAyB,EAC3C,UAAU,EAAE;4BACV,GAAG,EAAE,OAAO,CAAC,eAAe;yBAC/B,GAAI;oBACL,oBAAC,IAAI,IACH,SAAS,EAAE,MAAM,CAAC,0BAA0B,EAC5C,UAAU,EAAE;4BACV,GAAG,EAAE,OAAO,CAAC,gBAAgB;yBAChC,GAAI,CACD;gBACJ,6BAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,IAC7C,IAAI,CAAC,KAAK,CACT,CACJ,CACP,CAAC;QACJ,CAAC,CAAA;QAID;;WAEG;QACK,wBAAkB,GAAG,UAAC,OAAiB;YAC7C,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC,CAAA;QApEC,KAAI,CAAC,KAAK,GAAG;YACX,SAAS,EAAE,IAAI;YACf,KAAK,EAAE,EAAE;SACV,CAAC;;IACJ,CAAC;IAEY,kDAAiB,GAA9B;;;;;4BACgB,qBAAM,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAA;;wBAAlG,KAAK,GAAG,SAA0F;wBACxG,IAAI,CAAC,QAAQ,CAAC;4BACZ,KAAK,EAAE,KAAK;4BACZ,SAAS,EAAE,KAAK;yBACjB,CAAC,CAAC;;;;;KACJ;IAEM,uCAAM,GAAb;QAAA,iBAcC;QAZO,IAAA,KAAuB,IAAI,CAAC,KAAK,EAA/B,KAAK,WAAA,EAAE,SAAS,eAAe,CAAC;QAExC,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,+BAA+B;YACnD,SAAS,IAAI,oBAAC,OAAO,IAAC,KAAK,EAAE,OAAO,CAAC,OAAO,GAAI;YACjD,oBAAC,KAAK,IAAC,IAAI,QAAC,UAAU,QAAC,eAAe,EAAC,OAAO,EAAC,aAAa,EAAC,QAAQ,IAClE,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;gBACrB,OAAA,KAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC;YAAtC,CAAsC,CACvC,CACK,CACJ,CACP,CAAC;IACJ,CAAC;IAyCH,6BAAC;AAAD,CAAC,AA7ED,CAA4C,KAAK,CAAC,SAAS,GA6E1D"}
|
package/lib/controls/filePicker/controls/DocumentLibraryBrowser/DocumentLibraryBrowser.module.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
.documentLibraryBrowserContainer_e94588a3{padding:0}.filePickerFolderCardTile_e94588a3{width:10vw;margin:1vh 0;text-align:center;outline:0}[dir=ltr] .filePickerFolderCardTile_e94588a3{float:left}[dir=rtl] .filePickerFolderCardTile_e94588a3{float:right}.filePickerFolderCardTile_e94588a3:hover{background-color:#f3f2f1;border-radius:5px}.filePickerFolderCardTile_e94588a3:hover .filePickerFolderCardTitle_e94588a3{text-decoration:underline}.filePickerFolderCardTile_e94588a3 .filePickerFolderCardImage_e94588a3{height:100%;cursor:pointer;margin:1vw 0 0}.filePickerFolderCardTile_e94588a3 .filePickerFolderCardImage_e94588a3 .filePickerFolderCoverBack_e94588a3{display:block;position:absolute}.filePickerFolderCardTile_e94588a3 .filePickerFolderCardImage_e94588a3 .filePickerFolderCoverFront_e94588a3{display:block}.filePickerFolderCardTile_e94588a3 .filePickerFolderCardImage_e94588a3 .filePickerFolderCoverBack_e94588a3,.filePickerFolderCardTile_e94588a3 .filePickerFolderCardImage_e94588a3 .filePickerFolderCoverFront_e94588a3{margin:0 1vw;width:8vw}.filePickerFolderCardTile_e94588a3 .filePickerFolderCardImage_e94588a3 .filePickerFolderCoverBack_e94588a3 img,.filePickerFolderCardTile_e94588a3 .filePickerFolderCardImage_e94588a3 .filePickerFolderCoverFront_e94588a3 img{border:none;padding:0;margin:0;width:100%}.filePickerFolderCardTile_e94588a3 .filePickerFolderCardTitle_e94588a3{cursor:pointer;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:1vh .5vw;text-align:center}
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpbGU6Ly8vaG9tZS9ydW5uZXIvd29yay9zcC1kZXYtZngtY29udHJvbHMtcmVhY3Qvc3AtZGV2LWZ4LWNvbnRyb2xzLXJlYWN0L3NyYy9jb250cm9scy9maWxlUGlja2VyL2NvbnRyb2xzL0RvY3VtZW50TGlicmFyeUJyb3dzZXIvRG9jdW1lbnRMaWJyYXJ5QnJvd3Nlci5tb2R1bGUuc2NzcyIsImZpbGU6Ly8vaG9tZS9ydW5uZXIvd29yay9zcC1kZXYtZngtY29udHJvbHMtcmVhY3Qvc3AtZGV2LWZ4LWNvbnRyb2xzLXJlYWN0L25vZGVfbW9kdWxlcy9AZmx1ZW50dWkvcmVhY3QvZGlzdC9zYXNzL21peGlucy9fRGlyZWN0aW9uYWxpdHkuTWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUEsMENBQ0UsUUFBQSxFQUdGLG1DQUNFLE1BQUEsS0FDQSxPQUFBLElBQUEsRUFDQSxXQUFBLE9BQ0EsUUFBQSxFQ0hBLDZDQTJLSSxNQUFBLEtBcEtKLDZDQXdLSSxNQUFBLE1EektKLHlDQUNFLGlCQUFBLFFBQ0EsY0FBQSxJQUNBLDZFQUNFLGdCQUFBLFVBSUosdUVBQ0UsT0FBQSxLQUNBLE9BQUEsUUFDQSxPQUFBLElBQUEsRUFBQSxFQUVBLDJHQUNFLFFBQUEsTUFDQSxTQUFBLFNBR0YsNEdBQ0UsUUFBQSxNQUdGLDJHQUFBLDRHQUVFLE9BQUEsRUFBQSxJQUNBLE1BQUEsSUFFQSwrR0FBQSxnSEFDRSxPQUFBLEtBQ0EsUUFBQSxFQUNBLE9BQUEsRUFDQSxNQUFBLEtBS04sdUVBQ0UsT0FBQSxRQUNBLFVBQUEsS0FDQSxTQUFBLE9BQ0EsWUFBQSxPQUNBLGNBQUEsU0FDQSxRQUFBLElBQUEsS0FDQSxXQUFBIn0= */
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
declare const styles: {
|
|
2
|
-
|
|
2
|
+
documentLibraryBrowserContainer: string;
|
|
3
3
|
filePickerFolderCardTile: string;
|
|
4
|
-
|
|
5
|
-
filePickerFolderCardSizer: string;
|
|
4
|
+
filePickerFolderCardTitle: string;
|
|
6
5
|
filePickerFolderCardImage: string;
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
filePickerFolderCoverBack: string;
|
|
7
|
+
filePickerFolderCoverFront: string;
|
|
9
8
|
};
|
|
10
9
|
export default styles;
|
|
11
10
|
//# sourceMappingURL=DocumentLibraryBrowser.module.scss.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DocumentLibraryBrowser.module.scss.d.ts","sourceRoot":"","sources":["../../../../../src/controls/filePicker/controls/DocumentLibraryBrowser/DocumentLibraryBrowser.module.scss.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"DocumentLibraryBrowser.module.scss.d.ts","sourceRoot":"","sources":["../../../../../src/controls/filePicker/controls/DocumentLibraryBrowser/DocumentLibraryBrowser.module.scss.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,MAAM;;;;;;;CAOX,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
require("./DocumentLibraryBrowser.module.css");
|
|
2
2
|
var styles = {
|
|
3
|
-
|
|
4
|
-
filePickerFolderCardTile: '
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
documentLibraryBrowserContainer: 'documentLibraryBrowserContainer_0cfe82ad'
|
|
3
|
+
documentLibraryBrowserContainer: 'documentLibraryBrowserContainer_e94588a3',
|
|
4
|
+
filePickerFolderCardTile: 'filePickerFolderCardTile_e94588a3',
|
|
5
|
+
filePickerFolderCardTitle: 'filePickerFolderCardTitle_e94588a3',
|
|
6
|
+
filePickerFolderCardImage: 'filePickerFolderCardImage_e94588a3',
|
|
7
|
+
filePickerFolderCoverBack: 'filePickerFolderCoverBack_e94588a3',
|
|
8
|
+
filePickerFolderCoverFront: 'filePickerFolderCoverFront_e94588a3'
|
|
10
9
|
};
|
|
11
10
|
export default styles;
|
|
12
11
|
//# sourceMappingURL=DocumentLibraryBrowser.module.scss.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DocumentLibraryBrowser.module.scss.js","sourceRoot":"","sources":["../../../../../src/controls/filePicker/controls/DocumentLibraryBrowser/DocumentLibraryBrowser.module.scss.ts"],"names":[],"mappings":"AACA,OAAO,CAAC,qCAAqC,CAAC,CAAC;AAC/C,IAAM,MAAM,GAAG;IACb,
|
|
1
|
+
{"version":3,"file":"DocumentLibraryBrowser.module.scss.js","sourceRoot":"","sources":["../../../../../src/controls/filePicker/controls/DocumentLibraryBrowser/DocumentLibraryBrowser.module.scss.ts"],"names":[],"mappings":"AACA,OAAO,CAAC,qCAAqC,CAAC,CAAC;AAC/C,IAAM,MAAM,GAAG;IACb,+BAA+B,EAAE,0CAA0C;IAC3E,wBAAwB,EAAE,mCAAmC;IAC7D,yBAAyB,EAAE,oCAAoC;IAC/D,yBAAyB,EAAE,oCAAoC;IAC/D,yBAAyB,EAAE,oCAAoC;IAC/D,0BAA0B,EAAE,qCAAqC;CAClE,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pnp/spfx-controls-react",
|
|
3
3
|
"description": "Reusable React controls for SharePoint Framework solutions",
|
|
4
|
-
"version": "3.20.0-beta.
|
|
4
|
+
"version": "3.20.0-beta.1203408",
|
|
5
5
|
"node": ">=16.13.0 <17.0.0 || >=18.17.1 <19.0.0",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"build": "gulp build",
|