@pnp/spfx-controls-react 3.20.0-beta.1098871 → 3.20.0-beta.1140258
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/.hintrc +15 -0
- package/lib/DynamicForm.d.ts +1 -0
- package/lib/DynamicForm.d.ts.map +1 -1
- package/lib/DynamicForm.js +1 -0
- package/lib/DynamicForm.js.map +1 -1
- package/lib/ImagePicker.d.ts +2 -0
- package/lib/ImagePicker.d.ts.map +1 -0
- package/lib/ImagePicker.js +2 -0
- package/lib/ImagePicker.js.map +1 -0
- package/lib/common/telemetry/version.js +1 -1
- package/lib/controls/imagePicker/IFilePickerResult.d.ts +31 -0
- package/lib/controls/imagePicker/IFilePickerResult.d.ts.map +1 -0
- package/lib/controls/imagePicker/IFilePickerResult.js +2 -0
- package/lib/controls/imagePicker/IFilePickerResult.js.map +1 -0
- package/lib/controls/imagePicker/IImagePickerProps.d.ts +7 -0
- package/lib/controls/imagePicker/IImagePickerProps.d.ts.map +1 -0
- package/lib/controls/imagePicker/IImagePickerProps.js +2 -0
- package/lib/controls/imagePicker/IImagePickerProps.js.map +1 -0
- package/lib/controls/imagePicker/ImagePicker.d.ts +25 -0
- package/lib/controls/imagePicker/ImagePicker.d.ts.map +1 -0
- package/lib/controls/imagePicker/ImagePicker.js +144 -0
- package/lib/controls/imagePicker/ImagePicker.js.map +1 -0
- package/lib/controls/imagePicker/RenderSpninner/RenderSpinner.d.ts +10 -0
- package/lib/controls/imagePicker/RenderSpninner/RenderSpinner.d.ts.map +1 -0
- package/lib/controls/imagePicker/RenderSpninner/RenderSpinner.js +22 -0
- package/lib/controls/imagePicker/RenderSpninner/RenderSpinner.js.map +1 -0
- package/lib/controls/imagePicker/SelectStokImage.d.ts +23 -0
- package/lib/controls/imagePicker/SelectStokImage.d.ts.map +1 -0
- package/lib/controls/imagePicker/SelectStokImage.js +64 -0
- package/lib/controls/imagePicker/SelectStokImage.js.map +1 -0
- package/lib/controls/imagePicker/StockImagesModel.d.ts +32 -0
- package/lib/controls/imagePicker/StockImagesModel.d.ts.map +1 -0
- package/lib/controls/imagePicker/StockImagesModel.js +2 -0
- package/lib/controls/imagePicker/StockImagesModel.js.map +1 -0
- package/lib/controls/imagePicker/Upload.d.ts +16 -0
- package/lib/controls/imagePicker/Upload.d.ts.map +1 -0
- package/lib/controls/imagePicker/Upload.js +15 -0
- package/lib/controls/imagePicker/Upload.js.map +1 -0
- package/lib/controls/imagePicker/atoms/contextState.d.ts +10 -0
- package/lib/controls/imagePicker/atoms/contextState.d.ts.map +1 -0
- package/lib/controls/imagePicker/atoms/contextState.js +5 -0
- package/lib/controls/imagePicker/atoms/contextState.js.map +1 -0
- package/lib/controls/imagePicker/constants/EMessageTypes.d.ts +6 -0
- package/lib/controls/imagePicker/constants/EMessageTypes.d.ts.map +1 -0
- package/lib/controls/imagePicker/constants/EMessageTypes.js +7 -0
- package/lib/controls/imagePicker/constants/EMessageTypes.js.map +1 -0
- package/lib/controls/imagePicker/constants/EUploadLocations.d.ts +5 -0
- package/lib/controls/imagePicker/constants/EUploadLocations.d.ts.map +1 -0
- package/lib/controls/imagePicker/constants/EUploadLocations.js +6 -0
- package/lib/controls/imagePicker/constants/EUploadLocations.js.map +1 -0
- package/lib/controls/imagePicker/constants/constants.d.ts +5 -0
- package/lib/controls/imagePicker/constants/constants.d.ts.map +1 -0
- package/lib/controls/imagePicker/constants/constants.js +5 -0
- package/lib/controls/imagePicker/constants/constants.js.map +1 -0
- package/lib/controls/imagePicker/constants/defaultImage.png +0 -0
- package/lib/controls/imagePicker/hooks/useDeleteFile.d.ts +3 -0
- package/lib/controls/imagePicker/hooks/useDeleteFile.d.ts.map +1 -0
- package/lib/controls/imagePicker/hooks/useDeleteFile.js +67 -0
- package/lib/controls/imagePicker/hooks/useDeleteFile.js.map +1 -0
- package/lib/controls/imagePicker/hooks/useGrapAPI.d.ts +11 -0
- package/lib/controls/imagePicker/hooks/useGrapAPI.d.ts.map +1 -0
- package/lib/controls/imagePicker/hooks/useGrapAPI.js +220 -0
- package/lib/controls/imagePicker/hooks/useGrapAPI.js.map +1 -0
- package/lib/controls/imagePicker/hooks/useSpAPI.d.ts +9 -0
- package/lib/controls/imagePicker/hooks/useSpAPI.d.ts.map +1 -0
- package/lib/controls/imagePicker/hooks/useSpAPI.js +138 -0
- package/lib/controls/imagePicker/hooks/useSpAPI.js.map +1 -0
- package/lib/controls/imagePicker/hooks/useUploadFile.d.ts +4 -0
- package/lib/controls/imagePicker/hooks/useUploadFile.d.ts.map +1 -0
- package/lib/controls/imagePicker/hooks/useUploadFile.js +148 -0
- package/lib/controls/imagePicker/hooks/useUploadFile.js.map +1 -0
- package/lib/controls/imagePicker/hooks/useUtils.d.ts +29 -0
- package/lib/controls/imagePicker/hooks/useUtils.d.ts.map +1 -0
- package/lib/controls/imagePicker/hooks/useUtils.js +270 -0
- package/lib/controls/imagePicker/hooks/useUtils.js.map +1 -0
- package/lib/controls/imagePicker/index.d.ts +3 -0
- package/lib/controls/imagePicker/index.d.ts.map +1 -0
- package/lib/controls/imagePicker/index.js +3 -0
- package/lib/controls/imagePicker/index.js.map +1 -0
- package/lib/controls/imagePicker/models/IFileExtended.d.ts +4 -0
- package/lib/controls/imagePicker/models/IFileExtended.d.ts.map +1 -0
- package/lib/controls/imagePicker/models/IFileExtended.js +2 -0
- package/lib/controls/imagePicker/models/IFileExtended.js.map +1 -0
- package/lib/controls/imagePicker/models/IImageFile.d.ts +8 -0
- package/lib/controls/imagePicker/models/IImageFile.d.ts.map +1 -0
- package/lib/controls/imagePicker/models/IImageFile.js +2 -0
- package/lib/controls/imagePicker/models/IImageFile.js.map +1 -0
- package/lib/controls/imagePicker/models/ISearchImagesResult.d.ts +25 -0
- package/lib/controls/imagePicker/models/ISearchImagesResult.d.ts.map +1 -0
- package/lib/controls/imagePicker/models/ISearchImagesResult.js +2 -0
- package/lib/controls/imagePicker/models/ISearchImagesResult.js.map +1 -0
- package/lib/controls/imagePicker/models/ISearchResult.d.ts +7 -0
- package/lib/controls/imagePicker/models/ISearchResult.d.ts.map +1 -0
- package/lib/controls/imagePicker/models/ISearchResult.js +2 -0
- package/lib/controls/imagePicker/models/ISearchResult.js.map +1 -0
- package/lib/controls/imagePicker/models/ISearchSiteAssetsResult.d.ts +16 -0
- package/lib/controls/imagePicker/models/ISearchSiteAssetsResult.d.ts.map +1 -0
- package/lib/controls/imagePicker/models/ISearchSiteAssetsResult.js +2 -0
- package/lib/controls/imagePicker/models/ISearchSiteAssetsResult.js.map +1 -0
- package/lib/controls/imagePicker/models/IUploadFileResult.d.ts +58 -0
- package/lib/controls/imagePicker/models/IUploadFileResult.d.ts.map +1 -0
- package/lib/controls/imagePicker/models/IUploadFileResult.js +2 -0
- package/lib/controls/imagePicker/models/IUploadFileResult.js.map +1 -0
- package/lib/controls/imagePicker/renderHeader/RenderHeader.d.ts +9 -0
- package/lib/controls/imagePicker/renderHeader/RenderHeader.d.ts.map +1 -0
- package/lib/controls/imagePicker/renderHeader/RenderHeader.js +19 -0
- package/lib/controls/imagePicker/renderHeader/RenderHeader.js.map +1 -0
- package/lib/controls/imagePicker/renderHeader/useRenderHeaderStyles.d.ts +2 -0
- package/lib/controls/imagePicker/renderHeader/useRenderHeaderStyles.d.ts.map +1 -0
- package/lib/controls/imagePicker/renderHeader/useRenderHeaderStyles.js +49 -0
- package/lib/controls/imagePicker/renderHeader/useRenderHeaderStyles.js.map +1 -0
- package/lib/controls/imagePicker/selectFromSharePoint.d.ts +9 -0
- package/lib/controls/imagePicker/selectFromSharePoint.d.ts.map +1 -0
- package/lib/controls/imagePicker/selectFromSharePoint.js +251 -0
- package/lib/controls/imagePicker/selectFromSharePoint.js.map +1 -0
- package/lib/controls/imagePicker/uploadFiles/DeleteFile.d.ts +7 -0
- package/lib/controls/imagePicker/uploadFiles/DeleteFile.d.ts.map +1 -0
- package/lib/controls/imagePicker/uploadFiles/DeleteFile.js +22 -0
- package/lib/controls/imagePicker/uploadFiles/DeleteFile.js.map +1 -0
- package/lib/controls/imagePicker/uploadFiles/FileError.d.ts +7 -0
- package/lib/controls/imagePicker/uploadFiles/FileError.d.ts.map +1 -0
- package/lib/controls/imagePicker/uploadFiles/FileError.js +38 -0
- package/lib/controls/imagePicker/uploadFiles/FileError.js.map +1 -0
- package/lib/controls/imagePicker/uploadFiles/FileProgress.d.ts +7 -0
- package/lib/controls/imagePicker/uploadFiles/FileProgress.d.ts.map +1 -0
- package/lib/controls/imagePicker/uploadFiles/FileProgress.js +32 -0
- package/lib/controls/imagePicker/uploadFiles/FileProgress.js.map +1 -0
- package/lib/controls/imagePicker/uploadFiles/RetryUpload.d.ts +7 -0
- package/lib/controls/imagePicker/uploadFiles/RetryUpload.d.ts.map +1 -0
- package/lib/controls/imagePicker/uploadFiles/RetryUpload.js +22 -0
- package/lib/controls/imagePicker/uploadFiles/RetryUpload.js.map +1 -0
- package/lib/controls/imagePicker/uploadFiles/SelectUploadLocation.d.ts +6 -0
- package/lib/controls/imagePicker/uploadFiles/SelectUploadLocation.d.ts.map +1 -0
- package/lib/controls/imagePicker/uploadFiles/SelectUploadLocation.js +46 -0
- package/lib/controls/imagePicker/uploadFiles/SelectUploadLocation.js.map +1 -0
- package/lib/controls/imagePicker/uploadFiles/UploadFile.d.ts +12 -0
- package/lib/controls/imagePicker/uploadFiles/UploadFile.d.ts.map +1 -0
- package/lib/controls/imagePicker/uploadFiles/UploadFile.js +193 -0
- package/lib/controls/imagePicker/uploadFiles/UploadFile.js.map +1 -0
- package/lib/controls/imagePicker/uploadFiles/UploadFiles.d.ts +7 -0
- package/lib/controls/imagePicker/uploadFiles/UploadFiles.d.ts.map +1 -0
- package/lib/controls/imagePicker/uploadFiles/UploadFiles.js +187 -0
- package/lib/controls/imagePicker/uploadFiles/UploadFiles.js.map +1 -0
- package/lib/controls/imagePicker/uploadFiles/useUploadFilesStyles.d.ts +2 -0
- package/lib/controls/imagePicker/uploadFiles/useUploadFilesStyles.d.ts.map +1 -0
- package/lib/controls/imagePicker/uploadFiles/useUploadFilesStyles.js +50 -0
- package/lib/controls/imagePicker/uploadFiles/useUploadFilesStyles.js.map +1 -0
- package/lib/controls/imagePicker/useImagePickerStyles.d.ts +2 -0
- package/lib/controls/imagePicker/useImagePickerStyles.d.ts.map +1 -0
- package/lib/controls/imagePicker/useImagePickerStyles.js +48 -0
- package/lib/controls/imagePicker/useImagePickerStyles.js.map +1 -0
- package/lib/loc/en-us.js +89 -81
- package/lib/loc/en-us.js.map +1 -1
- package/package.json +3 -1
package/.hintrc
ADDED
package/lib/DynamicForm.d.ts
CHANGED
package/lib/DynamicForm.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DynamicForm.d.ts","sourceRoot":"","sources":["../src/DynamicForm.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}
|
|
1
|
+
{"version":3,"file":"DynamicForm.d.ts","sourceRoot":"","sources":["../src/DynamicForm.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC"}
|
package/lib/DynamicForm.js
CHANGED
package/lib/DynamicForm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DynamicForm.js","sourceRoot":"","sources":["../src/DynamicForm.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}
|
|
1
|
+
{"version":3,"file":"DynamicForm.js","sourceRoot":"","sources":["../src/DynamicForm.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ImagePicker.d.ts","sourceRoot":"","sources":["../src/ImagePicker.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ImagePicker.js","sourceRoot":"","sources":["../src/ImagePicker.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var version = "3.20.0-beta.
|
|
1
|
+
export var version = "3.20.0-beta.1140258";
|
|
2
2
|
//# sourceMappingURL=version.js.map
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export interface IFilePickerResult {
|
|
2
|
+
/**
|
|
3
|
+
* Selected file name with extension.
|
|
4
|
+
*/
|
|
5
|
+
fileName: string;
|
|
6
|
+
/**
|
|
7
|
+
* Selected file name without extension.
|
|
8
|
+
*/
|
|
9
|
+
fileNameWithoutExtension: string;
|
|
10
|
+
/**
|
|
11
|
+
* Absolute file URL. Undefined in case of file upload.
|
|
12
|
+
*/
|
|
13
|
+
fileAbsoluteUrl: string;
|
|
14
|
+
/**
|
|
15
|
+
* Size of a selected file (in bytes). Undefined in all cases but file upload
|
|
16
|
+
*/
|
|
17
|
+
fileSize?: number;
|
|
18
|
+
/**
|
|
19
|
+
* Absolute not modified file SharePoint URL.
|
|
20
|
+
*/
|
|
21
|
+
spItemUrl?: string;
|
|
22
|
+
/**
|
|
23
|
+
* Downloads file picker result content.
|
|
24
|
+
*/
|
|
25
|
+
downloadFileContent: () => Promise<File>;
|
|
26
|
+
/**
|
|
27
|
+
* Preview
|
|
28
|
+
*/
|
|
29
|
+
previewDataUrl?: string;
|
|
30
|
+
}
|
|
31
|
+
//# sourceMappingURL=IFilePickerResult.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IFilePickerResult.d.ts","sourceRoot":"","sources":["../../../src/controls/imagePicker/IFilePickerResult.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAC9B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,wBAAwB,EAAE,MAAM,CAAC;IACjC;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,mBAAmB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAEzC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IFilePickerResult.js","sourceRoot":"","sources":["../../../src/controls/imagePicker/IFilePickerResult.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IImagePickerProps.d.ts","sourceRoot":"","sources":["../../../src/controls/imagePicker/IImagePickerProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAClC,eAAe,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7C,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,IAAI,CAAC;CAErB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IImagePickerProps.js","sourceRoot":"","sources":["../../../src/controls/imagePicker/IImagePickerProps.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { BaseComponentContext } from '@microsoft/sp-component-base';
|
|
3
|
+
import { IFilePickerResult } from './IFilePickerResult';
|
|
4
|
+
export interface IImagePickerProps {
|
|
5
|
+
onFileSelected: (file: IFilePickerResult) => void;
|
|
6
|
+
onDeleteFile: () => void;
|
|
7
|
+
selectedFileUrl: string;
|
|
8
|
+
context: BaseComponentContext;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* Renders an image picker component.
|
|
12
|
+
*
|
|
13
|
+
* @component
|
|
14
|
+
* @example
|
|
15
|
+
* ```tsx
|
|
16
|
+
* <ImagePicker
|
|
17
|
+
* onFileSelected={handleFileSelected}
|
|
18
|
+
* onDeleteFile={handleDeleteFile}
|
|
19
|
+
* selectedFileUrl={selectedImageUrl}
|
|
20
|
+
* context={appContext}
|
|
21
|
+
* />
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
24
|
+
export declare const ImagePicker: React.FunctionComponent<IImagePickerProps>;
|
|
25
|
+
//# sourceMappingURL=ImagePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ImagePicker.d.ts","sourceRoot":"","sources":["../../../src/controls/imagePicker/ImagePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAGpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAmBxD,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,oBAAoB,CAAC;CAC/B;AA8BD;;;;;;;;;;;;;GAaG;AAEH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAgElE,CAAC"}
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
13
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
14
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
15
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
16
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
17
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
18
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
19
|
+
});
|
|
20
|
+
};
|
|
21
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
22
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
23
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
24
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
25
|
+
function step(op) {
|
|
26
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
27
|
+
while (_) try {
|
|
28
|
+
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;
|
|
29
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
30
|
+
switch (op[0]) {
|
|
31
|
+
case 0: case 1: t = op; break;
|
|
32
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
33
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
34
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
35
|
+
default:
|
|
36
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
37
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
38
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
39
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
40
|
+
if (t[2]) _.ops.pop();
|
|
41
|
+
_.trys.pop(); continue;
|
|
42
|
+
}
|
|
43
|
+
op = body.call(thisArg, _);
|
|
44
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
45
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
/* eslint-disable @typescript-eslint/explicit-function-return-type */
|
|
49
|
+
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
50
|
+
import * as React from 'react';
|
|
51
|
+
import strings from 'ControlStrings';
|
|
52
|
+
import { useAtom } from 'jotai';
|
|
53
|
+
import { css } from '@emotion/css';
|
|
54
|
+
import { Button, Image, } from '@fluentui/react-components';
|
|
55
|
+
import { Delete16Regular, Image20Regular, } from '@fluentui/react-icons';
|
|
56
|
+
import { contextState } from './atoms/contextState';
|
|
57
|
+
/* import { RenderSpinner } from "./RenderSpninner/RenderSpinner"; */
|
|
58
|
+
import { SelectFromSharePoint } from './selectFromSharePoint';
|
|
59
|
+
import { useImagePickerStyles } from './useImagePickerStyles';
|
|
60
|
+
var maxWidth = 200;
|
|
61
|
+
var maxHeight = 200;
|
|
62
|
+
var useStyles = function () {
|
|
63
|
+
return {
|
|
64
|
+
image: css({
|
|
65
|
+
minWidth: maxWidth,
|
|
66
|
+
maxWidth: maxWidth,
|
|
67
|
+
height: maxHeight,
|
|
68
|
+
objectPosition: "top center",
|
|
69
|
+
}),
|
|
70
|
+
};
|
|
71
|
+
};
|
|
72
|
+
/**
|
|
73
|
+
* Renders the preview image component.
|
|
74
|
+
*
|
|
75
|
+
* @param props - The component props.
|
|
76
|
+
* @param props.selectedImageFileUrl - The URL of the selected image file.
|
|
77
|
+
* @returns The JSX element representing the preview image component.
|
|
78
|
+
*/
|
|
79
|
+
var RenderPreviewImage = function (props) {
|
|
80
|
+
var selectedImageFileUrl = props.selectedImageFileUrl;
|
|
81
|
+
var maxWidth = 200;
|
|
82
|
+
var maxHeight = 200;
|
|
83
|
+
var styles = useImagePickerStyles();
|
|
84
|
+
var imageStyles = useStyles();
|
|
85
|
+
if (!selectedImageFileUrl) {
|
|
86
|
+
return null;
|
|
87
|
+
}
|
|
88
|
+
return (React.createElement(React.Fragment, null,
|
|
89
|
+
React.createElement("div", { className: styles.renderImageContainer },
|
|
90
|
+
React.createElement(Image, { src: selectedImageFileUrl, fit: "cover", className: imageStyles.image, alt: "Selected Image" }))));
|
|
91
|
+
};
|
|
92
|
+
/**
|
|
93
|
+
* Renders an image picker component.
|
|
94
|
+
*
|
|
95
|
+
* @component
|
|
96
|
+
* @example
|
|
97
|
+
* ```tsx
|
|
98
|
+
* <ImagePicker
|
|
99
|
+
* onFileSelected={handleFileSelected}
|
|
100
|
+
* onDeleteFile={handleDeleteFile}
|
|
101
|
+
* selectedFileUrl={selectedImageUrl}
|
|
102
|
+
* context={appContext}
|
|
103
|
+
* />
|
|
104
|
+
* ```
|
|
105
|
+
*/
|
|
106
|
+
export var ImagePicker = function (props) {
|
|
107
|
+
var onFileSelected = props.onFileSelected, onDeleteFile = props.onDeleteFile, selectedFileUrl = props.selectedFileUrl, context = props.context;
|
|
108
|
+
var _a = React.useState(false), isOpen = _a[0], setIsOpen = _a[1];
|
|
109
|
+
var styles = useImagePickerStyles();
|
|
110
|
+
var ref = React.useRef(null);
|
|
111
|
+
var _b = useAtom(contextState), appContext = _b[0], setAppContext = _b[1];
|
|
112
|
+
React.useEffect(function () {
|
|
113
|
+
setAppContext(__assign(__assign({}, appContext), { context: context }));
|
|
114
|
+
}, []);
|
|
115
|
+
var _c = React.useState(selectedFileUrl), selectedImageFileUrl = _c[0], setSelectedImageFileUrl = _c[1];
|
|
116
|
+
var onDismiss = function () {
|
|
117
|
+
setIsOpen(false);
|
|
118
|
+
};
|
|
119
|
+
var isFileSelected = React.useMemo(function () {
|
|
120
|
+
return !!selectedImageFileUrl;
|
|
121
|
+
}, [selectedImageFileUrl]);
|
|
122
|
+
var onDeleteFileCLick = React.useCallback(function () {
|
|
123
|
+
setSelectedImageFileUrl(undefined);
|
|
124
|
+
onDeleteFile();
|
|
125
|
+
}, []);
|
|
126
|
+
var styleButtonDelete = { display: !isFileSelected ? "none" : "inline-flex" };
|
|
127
|
+
if (!context)
|
|
128
|
+
return null;
|
|
129
|
+
return (React.createElement(React.Fragment, null,
|
|
130
|
+
React.createElement("div", { className: styles.root, ref: ref },
|
|
131
|
+
React.createElement("div", { className: styles.buttonContainer },
|
|
132
|
+
React.createElement(Button, { icon: React.createElement(Image20Regular, null), shape: "circular", onClick: function () { return setIsOpen(true); } }, strings.ImagePickderSelectLabel),
|
|
133
|
+
React.createElement(Button, { icon: React.createElement(Delete16Regular, null), shape: "circular", style: styleButtonDelete, onClick: function () { return onDeleteFileCLick(); } }, strings.ImagePickerDeleteImageLabel)),
|
|
134
|
+
React.createElement(SelectFromSharePoint, { isOpen: isOpen, onDismiss: onDismiss, onFileSelected: function (file) { return __awaiter(void 0, void 0, void 0, function () {
|
|
135
|
+
return __generator(this, function (_a) {
|
|
136
|
+
onFileSelected(file);
|
|
137
|
+
setSelectedImageFileUrl(file.previewDataUrl);
|
|
138
|
+
onDismiss();
|
|
139
|
+
return [2 /*return*/];
|
|
140
|
+
});
|
|
141
|
+
}); } }),
|
|
142
|
+
React.createElement(RenderPreviewImage, { selectedImageFileUrl: selectedImageFileUrl }))));
|
|
143
|
+
};
|
|
144
|
+
//# sourceMappingURL=ImagePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ImagePicker.js","sourceRoot":"","sources":["../../../src/controls/imagePicker/ImagePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface IRenderSpinnerProps {
|
|
3
|
+
size: "medium" | "small" | "extra-tiny" | "tiny" | "extra-small" | "large" | "extra-large" | "huge";
|
|
4
|
+
label?: string;
|
|
5
|
+
labelPosition?: "above" | "below" | "before" | "after";
|
|
6
|
+
style?: React.CSSProperties;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const RenderSpinner: React.FunctionComponent<IRenderSpinnerProps>;
|
|
10
|
+
//# sourceMappingURL=RenderSpinner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RenderSpinner.d.ts","sourceRoot":"","sources":["../../../../src/controls/imagePicker/RenderSpninner/RenderSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,MAAM,GAAG,aAAa,GAAG,OAAO,GAAG,aAAa,GAAG,MAAM,CAAC;IACpG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACvD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAiBtE,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { makeStyles, mergeClasses, Spinner, } from '@fluentui/react-components';
|
|
3
|
+
var useStyles = makeStyles({
|
|
4
|
+
root: {
|
|
5
|
+
display: "flex",
|
|
6
|
+
justifyContent: "center",
|
|
7
|
+
alignItems: "center",
|
|
8
|
+
height: "100%",
|
|
9
|
+
width: "100%",
|
|
10
|
+
},
|
|
11
|
+
spinner: {
|
|
12
|
+
width: "100px",
|
|
13
|
+
height: "100px",
|
|
14
|
+
},
|
|
15
|
+
});
|
|
16
|
+
export var RenderSpinner = function (props) {
|
|
17
|
+
var size = props.size, label = props.label, labelPosition = props.labelPosition, style = props.style, className = props.className;
|
|
18
|
+
var styles = useStyles();
|
|
19
|
+
return (React.createElement("div", { className: styles.root },
|
|
20
|
+
React.createElement(Spinner, { style: style, className: mergeClasses(styles.spinner, className), size: size, label: label, labelPosition: labelPosition })));
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=RenderSpinner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RenderSpinner.js","sourceRoot":"","sources":["../../../../src/controls/imagePicker/RenderSpninner/RenderSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,UAAU,EACV,YAAY,EACZ,OAAO,GACR,MAAM,4BAA4B,CAAC;AAEpC,IAAM,SAAS,GAAG,UAAU,CAAC;IACzB,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QAEpB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACd;IACD,OAAO,EAAE;QACP,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;KAChB;CACF,CAAC,CAAC;AAUL,MAAM,CAAC,IAAM,aAAa,GAAiD,UACzE,KAAmD;IAE3C,IAAA,IAAI,GAA6C,KAAK,KAAlD,EAAE,KAAK,GAAsC,KAAK,MAA3C,EAAE,aAAa,GAAuB,KAAK,cAA5B,EAAE,KAAK,GAAgB,KAAK,MAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAW;IAE/D,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI;QACzB,oBAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EAClD,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,GAC5B,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { ApplicationCustomizerContext } from "@microsoft/sp-application-base";
|
|
3
|
+
import { BaseComponentContext } from "@microsoft/sp-component-base";
|
|
4
|
+
export interface ISelectStockImageProps {
|
|
5
|
+
onFileSelected: (file: any) => void;
|
|
6
|
+
onCancel: () => void;
|
|
7
|
+
context: ApplicationCustomizerContext | BaseComponentContext | undefined;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Renders a component that allows the user to select a stock image.
|
|
11
|
+
*
|
|
12
|
+
* @component
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* <SelectStockImage
|
|
16
|
+
* context={context}
|
|
17
|
+
* onFileSelected={handleFileSelected}
|
|
18
|
+
* onCancel={handleCancel}
|
|
19
|
+
* />
|
|
20
|
+
* ```
|
|
21
|
+
*/
|
|
22
|
+
export declare const SelectStockImage: React.FunctionComponent<ISelectStockImageProps>;
|
|
23
|
+
//# sourceMappingURL=SelectStokImage.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectStokImage.d.ts","sourceRoot":"","sources":["../../../src/controls/imagePicker/SelectStokImage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAepE,MAAM,WAAW,sBAAsB;IACrC,cAAc,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,4BAA4B,GAAG,oBAAoB,GAAG,SAAS,CAAC;CAC1E;AAED;;;;;;;;;;;;GAYG;AAEH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAgE5E,CAAC"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
2
|
+
/* eslint-disable @typescript-eslint/explicit-function-return-type */
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { CONTENT_IMAGE_STOCK_URL, CONTENT_URL, } from "./constants/constants";
|
|
5
|
+
import { useSpAPI } from "./hooks/useSpAPI";
|
|
6
|
+
import { useUtils } from "./hooks/useUtils";
|
|
7
|
+
import { useImagePickerStyles } from "./useImagePickerStyles";
|
|
8
|
+
/**
|
|
9
|
+
* Renders a component that allows the user to select a stock image.
|
|
10
|
+
*
|
|
11
|
+
* @component
|
|
12
|
+
* @example
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <SelectStockImage
|
|
15
|
+
* context={context}
|
|
16
|
+
* onFileSelected={handleFileSelected}
|
|
17
|
+
* onCancel={handleCancel}
|
|
18
|
+
* />
|
|
19
|
+
* ```
|
|
20
|
+
*/
|
|
21
|
+
export var SelectStockImage = function (props) {
|
|
22
|
+
var context = props.context, onFileSelected = props.onFileSelected, onCancel = props.onCancel;
|
|
23
|
+
var _a = useUtils(), getFileNameFromUrl = _a.getFileNameFromUrl, getFileNameWithoutExtension = _a.getFileNameWithoutExtension;
|
|
24
|
+
var downloadBingContent = useSpAPI(context).downloadBingContent;
|
|
25
|
+
var styles = useImagePickerStyles();
|
|
26
|
+
var handleSave = function (event) {
|
|
27
|
+
var filePickerResult = null;
|
|
28
|
+
var cdnFileInfo = event.Values && event.Values.length > 0 ? event.Values[0] : null;
|
|
29
|
+
if (cdnFileInfo) {
|
|
30
|
+
filePickerResult = {
|
|
31
|
+
downloadFileContent: function () {
|
|
32
|
+
return downloadBingContent(cdnFileInfo.sourceUrl, getFileNameFromUrl(getFileNameFromUrl(cdnFileInfo.sourceUrl)));
|
|
33
|
+
},
|
|
34
|
+
fileAbsoluteUrl: cdnFileInfo.sourceUrl,
|
|
35
|
+
fileName: getFileNameFromUrl(cdnFileInfo.sourceUrl),
|
|
36
|
+
fileNameWithoutExtension: getFileNameWithoutExtension(cdnFileInfo.sourceUrl),
|
|
37
|
+
previewDataUrl: cdnFileInfo.sourceUrl,
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
onFileSelected(filePickerResult);
|
|
41
|
+
};
|
|
42
|
+
var handleImageIframeEvent = function (event) {
|
|
43
|
+
if (!event || !event.origin || event.origin.indexOf(CONTENT_URL) !== 0) {
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
46
|
+
var eventData = JSON.parse(event.data);
|
|
47
|
+
if (eventData.MessageId === "AddItem") {
|
|
48
|
+
handleSave(eventData);
|
|
49
|
+
}
|
|
50
|
+
else if (eventData.MessageId === "CancelDialog") {
|
|
51
|
+
onCancel();
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
React.useLayoutEffect(function () {
|
|
55
|
+
window.addEventListener("message", handleImageIframeEvent);
|
|
56
|
+
return function () {
|
|
57
|
+
window.removeEventListener("message", handleImageIframeEvent);
|
|
58
|
+
};
|
|
59
|
+
}, []);
|
|
60
|
+
return (React.createElement(React.Fragment, null,
|
|
61
|
+
React.createElement("div", { className: styles.stockImageContainer },
|
|
62
|
+
React.createElement("iframe", { style: { border: "none" }, className: styles.stockImagesPicker, role: "application", id: "stockImagesIFrame", src: CONTENT_IMAGE_STOCK_URL }))));
|
|
63
|
+
};
|
|
64
|
+
//# sourceMappingURL=SelectStokImage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectStokImage.js","sourceRoot":"","sources":["../../../src/controls/imagePicker/SelectStokImage.tsx"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,qEAAqE;AACrE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EACL,uBAAuB,EACvB,WAAW,GACZ,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAM5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAQ9D;;;;;;;;;;;;GAYG;AAEH,MAAM,CAAC,IAAM,gBAAgB,GAAoD,UAC/E,KAAsD;IAE9C,IAAA,OAAO,GAA+B,KAAK,QAApC,EAAE,cAAc,GAAe,KAAK,eAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IAE9C,IAAA,KAAsD,QAAQ,EAAE,EAA9D,kBAAkB,wBAAA,EAAE,2BAA2B,iCAAe,CAAC;IAC/D,IAAA,mBAAmB,GAAK,QAAQ,CAAC,OAAO,CAAC,oBAAtB,CAAuB;IAClD,IAAM,MAAM,GAAG,oBAAoB,EAAE,CAAC;IAEtC,IAAM,UAAU,GAAG,UAAC,KAAuB;QACzC,IAAI,gBAAgB,GAAsB,IAAI,CAAC;QAC/C,IAAM,WAAW,GACf,KAAK,CAAC,MAAM,IAAK,KAAK,CAAC,MAAwB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAE,KAAK,CAAC,MAAwB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACzG,IAAI,WAAW,EAAE;YACf,gBAAgB,GAAG;gBACjB,mBAAmB,EAAE;oBACnB,OAAO,mBAAmB,CACxB,WAAW,CAAC,SAAS,EACrB,kBAAkB,CAAC,kBAAkB,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAC9D,CAAC;gBACJ,CAAC;gBACD,eAAe,EAAE,WAAW,CAAC,SAAS;gBACtC,QAAQ,EAAE,kBAAkB,CAAC,WAAW,CAAC,SAAS,CAAC;gBACnD,wBAAwB,EAAE,2BAA2B,CAAC,WAAW,CAAC,SAAS,CAAC;gBAC5E,cAAc,EAAE,WAAW,CAAC,SAAS;aACtC,CAAC;SACH;QACD,cAAc,CAAC,gBAAgB,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,IAAM,sBAAsB,GAAG,UAAC,KAAmB;QACjD,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE;YACtE,OAAO;SACR;QAED,IAAM,SAAS,GAAqB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAE3D,IAAI,SAAS,CAAC,SAAS,KAAK,SAAS,EAAE;YACrC,UAAU,CAAC,SAAS,CAAC,CAAC;SACvB;aAAM,IAAI,SAAS,CAAC,SAAS,KAAK,cAAc,EAAE;YACjD,QAAQ,EAAE,CAAC;SACZ;IACH,CAAC,CAAC;IAEF,KAAK,CAAC,eAAe,CAAC;QACpB,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC;QAC3D,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC;QAChE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL;QACE,6BAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB;YACxC,gCACE,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EACzB,SAAS,EAAE,MAAM,CAAC,iBAAiB,EACnC,IAAI,EAAE,aAAa,EACnB,EAAE,EAAE,mBAAmB,EACvB,GAAG,EAAE,uBAAuB,GAC5B,CACE,CACL,CACJ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export interface EventFlags {
|
|
2
|
+
dataCategories: number;
|
|
3
|
+
diagnosticLevel: number;
|
|
4
|
+
}
|
|
5
|
+
export interface DataField {
|
|
6
|
+
name: string;
|
|
7
|
+
dataType: number;
|
|
8
|
+
value: string;
|
|
9
|
+
classification: number;
|
|
10
|
+
}
|
|
11
|
+
export interface TelemetryProperties {
|
|
12
|
+
ariaTenantToken: string;
|
|
13
|
+
nexusTenantToken: number;
|
|
14
|
+
}
|
|
15
|
+
export interface EventValue {
|
|
16
|
+
eventName: string;
|
|
17
|
+
eventFlags: EventFlags;
|
|
18
|
+
dataFields: DataField[];
|
|
19
|
+
telemetryProperties: TelemetryProperties;
|
|
20
|
+
}
|
|
21
|
+
export interface SubmitValue {
|
|
22
|
+
action: string;
|
|
23
|
+
contenttype: string;
|
|
24
|
+
sourceUrl: string;
|
|
25
|
+
caption: string;
|
|
26
|
+
}
|
|
27
|
+
export interface StockImagesEvent {
|
|
28
|
+
MessageId: string;
|
|
29
|
+
Values: EventValue | SubmitValue[];
|
|
30
|
+
SendTime: number;
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=StockImagesModel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StockImagesModel.d.ts","sourceRoot":"","sources":["../../../src/controls/imagePicker/StockImagesModel.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,mBAAmB;IAClC,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,UAAU;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,mBAAmB,EAAE,mBAAmB,CAAC;CAC1C;AACD,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,UAAU,GAAG,WAAW,EAAE,CAAC;IACnC,QAAQ,EAAE,MAAM,CAAC;CAClB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StockImagesModel.js","sourceRoot":"","sources":["../../../src/controls/imagePicker/StockImagesModel.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { BaseComponentContext } from "@microsoft/sp-component-base";
|
|
3
|
+
import { ISearchImagesResult } from "./models/ISearchImagesResult";
|
|
4
|
+
export interface IUploadImageFilesProps {
|
|
5
|
+
context: BaseComponentContext;
|
|
6
|
+
onSelectedFile: (files: ISearchImagesResult) => void;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* Renders a component for uploading image files.
|
|
10
|
+
*
|
|
11
|
+
* @component
|
|
12
|
+
* @param {IUploadImageFilesProps} props - The props for the component.
|
|
13
|
+
* @returns {JSX.Element} The rendered UploadImageFiles component.
|
|
14
|
+
*/
|
|
15
|
+
export declare const UploadImageFiles: React.FunctionComponent<IUploadImageFilesProps>;
|
|
16
|
+
//# sourceMappingURL=Upload.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Upload.d.ts","sourceRoot":"","sources":["../../../src/controls/imagePicker/Upload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGnE,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,oBAAoB,CAAC;IAC9B,cAAc,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACtD;AAED;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAU5E,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { UploadFiles } from "./uploadFiles/UploadFiles";
|
|
3
|
+
/**
|
|
4
|
+
* Renders a component for uploading image files.
|
|
5
|
+
*
|
|
6
|
+
* @component
|
|
7
|
+
* @param {IUploadImageFilesProps} props - The props for the component.
|
|
8
|
+
* @returns {JSX.Element} The rendered UploadImageFiles component.
|
|
9
|
+
*/
|
|
10
|
+
export var UploadImageFiles = function (props) {
|
|
11
|
+
var onSelectedFile = props.onSelectedFile;
|
|
12
|
+
return (React.createElement(React.Fragment, null,
|
|
13
|
+
React.createElement(UploadFiles, { onSelectedFile: onSelectedFile })));
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=Upload.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Upload.js","sourceRoot":"","sources":["../../../src/controls/imagePicker/Upload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAOxD;;;;;;GAMG;AACH,MAAM,CAAC,IAAM,gBAAgB,GAAoD,UAC/E,KAAsD;IAE9C,IAAA,cAAc,GAAK,KAAK,eAAV,CAAW;IAEjC,OAAO,CACL;QACE,oBAAC,WAAW,IAAC,cAAc,EAAE,cAAc,GAAI,CAC9C,CACJ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ApplicationCustomizerContext } from "@microsoft/sp-application-base";
|
|
2
|
+
import { BaseComponentContext } from "@microsoft/sp-component-base";
|
|
3
|
+
interface IContextState {
|
|
4
|
+
context: ApplicationCustomizerContext | BaseComponentContext | undefined;
|
|
5
|
+
}
|
|
6
|
+
export declare const contextState: import("jotai").PrimitiveAtom<IContextState> & {
|
|
7
|
+
init: IContextState;
|
|
8
|
+
};
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=contextState.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"contextState.d.ts","sourceRoot":"","sources":["../../../../src/controls/imagePicker/atoms/contextState.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE,UAAU,aAAa;IACrB,OAAO,EAAG,4BAA4B,GAAG,oBAAoB,GAAG,SAAS,CAAC;CAC3E;AAED,eAAO,MAAM,YAAY;;CAEN,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"contextState.js","sourceRoot":"","sources":["../../../../src/controls/imagePicker/atoms/contextState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAS7B,MAAM,CAAC,IAAM,YAAY,GAAG,IAAI,CAAgB;IAC9C,OAAO,EAAE,SAAS;CACF,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EMessageTypes.d.ts","sourceRoot":"","sources":["../../../../src/controls/imagePicker/constants/EMessageTypes.ts"],"names":[],"mappings":"AAAA,oBAAY,YAAY;IACpB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,OAAO,YAAY;CACtB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EMessageTypes.js","sourceRoot":"","sources":["../../../../src/controls/imagePicker/constants/EMessageTypes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACpB,6BAAa,CAAA;IACb,+BAAe,CAAA;IACf,mCAAmB,CAAA;AACvB,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EUploadLocations.d.ts","sourceRoot":"","sources":["../../../../src/controls/imagePicker/constants/EUploadLocations.ts"],"names":[],"mappings":"AAAA,oBAAY,gBAAgB;IAC1B,QAAQ,aAAa;IACrB,WAAW,gBAAgB;CAC5B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EUploadLocations.js","sourceRoot":"","sources":["../../../../src/controls/imagePicker/constants/EUploadLocations.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,yCAAqB,CAAA;IACrB,+CAA2B,CAAA;AAC7B,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare const IMG_SUPPORTED_EXTENSIONS = "gif,jpg,jpeg,png,svg";
|
|
2
|
+
export declare const CONTENT_IMAGE_STOCK_URL: string;
|
|
3
|
+
export declare const CONTENT_URL = "https://hubblecontent.osi.office.net";
|
|
4
|
+
export declare const UPLOAD_FOLDER_NAME = "My assets";
|
|
5
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/controls/imagePicker/constants/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,wBAAwB,yBAAyB,CAAC;AAC/D,eAAO,MAAM,uBAAuB,QAAiK,CAAC;AACtM,eAAO,MAAM,WAAW,yCAAyC,CAAC;AAClE,eAAO,MAAM,kBAAkB,cAAc,CAAC"}
|