@mikezimm/fps-library-v2 2.0.28 → 2.0.30
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/lib/components/atoms/Inputs/ClipboardImage/fps-ImagePaste.d.ts +15 -0
- package/lib/components/atoms/Inputs/ClipboardImage/fps-ImagePaste.d.ts.map +1 -0
- package/lib/components/atoms/Inputs/ClipboardImage/fps-ImagePaste.js +65 -0
- package/lib/components/atoms/Inputs/ClipboardImage/fps-ImagePaste.js.map +1 -0
- package/lib/components/atoms/Inputs/ClipboardImage/fps-MultiImageParent.d.ts +17 -0
- package/lib/components/atoms/Inputs/ClipboardImage/fps-MultiImageParent.d.ts.map +1 -0
- package/lib/components/atoms/Inputs/ClipboardImage/fps-MultiImageParent.js +28 -0
- package/lib/components/atoms/Inputs/ClipboardImage/fps-MultiImageParent.js.map +1 -0
- package/lib/components/atoms/Inputs/GeoLocation/component.d.ts +27 -0
- package/lib/components/atoms/Inputs/GeoLocation/component.d.ts.map +1 -0
- package/lib/components/atoms/Inputs/GeoLocation/component.js +95 -0
- package/lib/components/atoms/Inputs/GeoLocation/component.js.map +1 -0
- package/lib/components/atoms/Inputs/Slider/component.d.ts +4 -2
- package/lib/components/atoms/Inputs/Slider/component.d.ts.map +1 -1
- package/lib/components/atoms/Inputs/Slider/component.js +5 -2
- package/lib/components/atoms/Inputs/Slider/component.js.map +1 -1
- package/lib/components/atoms/Inputs/Toggle/IFPSToggleProps.d.ts +3 -0
- package/lib/components/atoms/Inputs/Toggle/IFPSToggleProps.d.ts.map +1 -1
- package/lib/components/atoms/Inputs/Toggle/IFPSToggleProps.js +3 -0
- package/lib/components/atoms/Inputs/Toggle/IFPSToggleProps.js.map +1 -1
- package/lib/components/atoms/Inputs/Toggle/component.d.ts +3 -0
- package/lib/components/atoms/Inputs/Toggle/component.d.ts.map +1 -1
- package/lib/components/atoms/Inputs/Toggle/component.js +6 -1
- package/lib/components/atoms/Inputs/Toggle/component.js.map +1 -1
- package/lib/components/molecules/FPSTiles/components/FPSTile/FpsTileElement.d.ts.map +1 -1
- package/lib/components/molecules/FPSTiles/components/FPSTile/FpsTileElement.js +3 -1
- package/lib/components/molecules/FPSTiles/components/FPSTile/FpsTileElement.js.map +1 -1
- package/package.json +3 -3
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 2024-11-04: Migrated from PhotoFormWebpart
|
|
3
|
+
*
|
|
4
|
+
*/
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
export interface IImagePasteProps {
|
|
7
|
+
setParentImageData: (data: string | null) => void;
|
|
8
|
+
imageUrl?: string;
|
|
9
|
+
imageBoxCSS?: React.CSSProperties;
|
|
10
|
+
imageBoxClassName?: string;
|
|
11
|
+
imageCSS?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
declare const ImagePaste: React.FC<IImagePasteProps>;
|
|
14
|
+
export default ImagePaste;
|
|
15
|
+
//# sourceMappingURL=fps-ImagePaste.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fps-ImagePaste.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/ClipboardImage/fps-ImagePaste.tsx"],"names":[],"mappings":"AACA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,gBAAgB;IAE/B,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAChC;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwE1C,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 2024-11-04: Migrated from PhotoFormWebpart
|
|
3
|
+
*
|
|
4
|
+
*/
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
import { useState, useEffect } from 'react';
|
|
7
|
+
import { handleImagePaste } from '@mikezimm/fps-core-v7/lib/components/atoms/Inputs/ClipboardImage/handlePasteImage';
|
|
8
|
+
require('@mikezimm/fps-styles/dist/fps-ImagePaste.css');
|
|
9
|
+
const ImagePaste = ({ setParentImageData, imageUrl, imageBoxCSS = {}, imageBoxClassName = '', imageCSS = { objectFit: 'contain', width: '100%', height: '100%' } }) => {
|
|
10
|
+
const [imageData, setImageData] = useState(null);
|
|
11
|
+
const [isFocused, setIsFocused] = useState(false);
|
|
12
|
+
const [loading, setLoading] = useState(true);
|
|
13
|
+
const handleClipboard = (e) => {
|
|
14
|
+
handleImagePaste(e, setImageData);
|
|
15
|
+
};
|
|
16
|
+
useEffect(() => {
|
|
17
|
+
if (imageUrl) {
|
|
18
|
+
const img = new Image();
|
|
19
|
+
img.src = imageUrl;
|
|
20
|
+
img.onload = () => {
|
|
21
|
+
setImageData(imageUrl); // Set the imageData if the image loads successfully
|
|
22
|
+
setLoading(false); // Stop loading
|
|
23
|
+
};
|
|
24
|
+
img.onerror = () => {
|
|
25
|
+
setLoading(false); // Stop loading, allow pasting
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
setLoading(false); // If no URL is provided, allow pasting immediately
|
|
30
|
+
}
|
|
31
|
+
}, [imageUrl]);
|
|
32
|
+
useEffect(() => {
|
|
33
|
+
if (imageData !== null && imageData !== imageUrl) {
|
|
34
|
+
setParentImageData(imageData); // Update parent only if imageData is not null
|
|
35
|
+
}
|
|
36
|
+
}, [imageData, setParentImageData]);
|
|
37
|
+
const handleFocus = () => setIsFocused(true);
|
|
38
|
+
const handleBlur = () => setIsFocused(false);
|
|
39
|
+
let title = ``;
|
|
40
|
+
if (loading) {
|
|
41
|
+
title = `Attempting to load image ${imageUrl}`;
|
|
42
|
+
}
|
|
43
|
+
else if (!loading && !imageUrl && !imageData) {
|
|
44
|
+
title = `Copy image to clipboard, select this and paste!`;
|
|
45
|
+
}
|
|
46
|
+
else {
|
|
47
|
+
if (!imageData && imageUrl) {
|
|
48
|
+
title = `Double check url: ${imageUrl}`;
|
|
49
|
+
}
|
|
50
|
+
else if (imageData && imageData !== imageUrl) {
|
|
51
|
+
title = 'Pasted image';
|
|
52
|
+
}
|
|
53
|
+
else if (imageData === imageUrl) {
|
|
54
|
+
title = imageData.indexOf('data') === 0 ? 'Image pasted' : 'Image fetched';
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
return (React.createElement("div", { tabIndex: 0,
|
|
58
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
59
|
+
onPaste: handleClipboard, onFocus: handleFocus, onBlur: handleBlur, className: `image-paste-box ${isFocused ? 'focused' : ''} ${imageBoxClassName}`, style: imageBoxCSS, title: title }, loading ? (React.createElement("span", null, "Loading...") // Show loading message while checking URL
|
|
60
|
+
) : imageData ? (React.createElement("img", { src: imageData, alt: "Pasted", className: "image-preview", style: imageCSS })) : (React.createElement("div", { style: { display: 'block' } },
|
|
61
|
+
React.createElement("div", { className: "placeholder-text" }, "Paste image here"),
|
|
62
|
+
imageUrl ? React.createElement("div", { className: "placeholder-text" }, "Nothing found at Url") : undefined))));
|
|
63
|
+
};
|
|
64
|
+
export default ImagePaste;
|
|
65
|
+
//# sourceMappingURL=fps-ImagePaste.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fps-ImagePaste.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/ClipboardImage/fps-ImagePaste.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 2024-11-04: Migrated from PhotoFormWebpart
|
|
3
|
+
*
|
|
4
|
+
*/
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
export interface IMultiImagePasteProps {
|
|
7
|
+
setParentImageData?: (data: string | null) => void;
|
|
8
|
+
imageCount: number;
|
|
9
|
+
elementCSS?: React.CSSProperties;
|
|
10
|
+
elementClassName?: string;
|
|
11
|
+
imageBoxCSS?: React.CSSProperties;
|
|
12
|
+
imageCSS?: React.CSSProperties;
|
|
13
|
+
preloadImages?: string[];
|
|
14
|
+
}
|
|
15
|
+
declare const ParentForm: React.FC<IMultiImagePasteProps>;
|
|
16
|
+
export default ParentForm;
|
|
17
|
+
//# sourceMappingURL=fps-MultiImageParent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fps-MultiImageParent.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/ClipboardImage/fps-MultiImageParent.tsx"],"names":[],"mappings":"AACA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,qBAAqB;IAEpC,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA0B/C,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 2024-11-04: Migrated from PhotoFormWebpart
|
|
3
|
+
*
|
|
4
|
+
*/
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
import { useState, useCallback } from 'react';
|
|
7
|
+
import ImagePaste from './fps-ImagePaste'; // Adjust the import path as needed
|
|
8
|
+
const ParentForm = (props) => {
|
|
9
|
+
const { imageCount, elementCSS = {}, imageBoxCSS = {}, imageCSS, preloadImages, elementClassName } = props;
|
|
10
|
+
const [images, setImages] = useState(preloadImages ? preloadImages : Array(imageCount).fill(null));
|
|
11
|
+
const setParentImageData = useCallback((index) => {
|
|
12
|
+
return (data) => {
|
|
13
|
+
setImages((prevImages) => {
|
|
14
|
+
const newImages = [...prevImages]; // Create a new array based on the previous state
|
|
15
|
+
newImages[index] = data; // Update specific index with the new image data
|
|
16
|
+
return newImages; // Return the new array
|
|
17
|
+
});
|
|
18
|
+
};
|
|
19
|
+
}, []); // No dependencies to avoid infinite loops
|
|
20
|
+
const count = images.filter(x => x !== null).length;
|
|
21
|
+
return (React.createElement("div", null,
|
|
22
|
+
React.createElement("div", { className: elementClassName, style: { ...{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: '16px' }, ...elementCSS } }, images.map((image, index) => (React.createElement(ImagePaste, { key: index, setParentImageData: setParentImageData(index), imageUrl: image, imageBoxCSS: imageBoxCSS, imageCSS: imageCSS })))),
|
|
23
|
+
React.createElement("h2", null,
|
|
24
|
+
count,
|
|
25
|
+
" images in state")));
|
|
26
|
+
};
|
|
27
|
+
export default ParentForm;
|
|
28
|
+
//# sourceMappingURL=fps-MultiImageParent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fps-MultiImageParent.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/ClipboardImage/fps-MultiImageParent.tsx"],"names":[],"mappings":"AACA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,UAAU,MAAM,kBAAkB,CAAC,CAAC,mCAAmC;AAa9E,MAAM,UAAU,GAAoC,CAAE,KAAK,EAAG,EAAE;IAC9D,MAAM,EAAE,UAAU,EAAE,UAAU,GAAG,EAAE,EAAE,WAAW,GAAG,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAC3G,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAY,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAA,KAAK,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAE,CAAC;IAE9G,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,KAAa,EAAE,EAAE;QACvD,OAAO,CAAC,IAAmB,EAAE,EAAE;YAC7B,SAAS,CAAC,CAAC,UAAU,EAAE,EAAE;gBACvB,MAAM,SAAS,GAAG,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,iDAAiD;gBACpF,SAAS,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,gDAAgD;gBACzE,OAAO,SAAS,CAAC,CAAC,uBAAuB;YAC3C,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,0CAA0C;IAElD,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAE,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,CAAE,CAAC,MAAM,CAAC;IAEtD,OAAO,CACL;QACE,6BAAK,SAAS,EAAG,gBAAgB,EAAG,KAAK,EAAG,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,GAAG,UAAU,EAAE,IACtI,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,oBAAC,UAAU,IAAC,GAAG,EAAE,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAG,WAAW,EAAG,QAAQ,EAAG,QAAQ,GAAI,CAC5I,CAAC,CACE;QACN;YAAM,KAAK;+BAAuB,CAC9B,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 2024-10-31 GeoLocation code originally migrated from PhotoForm Webpart sample
|
|
3
|
+
* Happy Halloween 2024!
|
|
4
|
+
*
|
|
5
|
+
|
|
6
|
+
fps-library-v2 imports
|
|
7
|
+
import { getGeoLocation, UnknownGeoLocation } from from '@mikezimm/fps-core-v7/lib/components/atoms/BrowserAPIs/GeoLocation/funcitons';
|
|
8
|
+
import { IFpsGeolocationPosition, IFpsGpsLocationFormProps, } from from '@mikezimm/fps-core-v7/lib/components/atoms/Inputs/GeoLocation/interfaces';
|
|
9
|
+
import { FPSReactJSON, } from '../../ReactJSON/ReactJSONObject';
|
|
10
|
+
import '@mikezimm/fps-styles/dist/fps-GeoLocation.css'; // Import your CSS file
|
|
11
|
+
|
|
12
|
+
import FPSToggle from '../../Toggle/component';
|
|
13
|
+
|
|
14
|
+
Local project imports
|
|
15
|
+
import { FPSReactJSON, } from '@mikezimm/fps-library-v2/lib/components/atoms/ReactJSON/ReactJSONObject';
|
|
16
|
+
import { getGeoLocation, UnknownGeoLocation } from './funcitons';
|
|
17
|
+
import { IFpsGeolocationPosition, IFpsGpsLocationFormProps, } from './interfaces';
|
|
18
|
+
import './fps-GeoLocation.css'; // Import your CSS file
|
|
19
|
+
|
|
20
|
+
import FPSToggle from '../../Toggle/component';
|
|
21
|
+
|
|
22
|
+
*/
|
|
23
|
+
import * as React from 'react';
|
|
24
|
+
import { IFpsGpsLocationFormProps } from '@mikezimm/fps-core-v7/lib/components/atoms/Inputs/GeoLocation/interfaces';
|
|
25
|
+
declare const FpsGpsLocationForm: React.FC<IFpsGpsLocationFormProps>;
|
|
26
|
+
export default FpsGpsLocationForm;
|
|
27
|
+
//# sourceMappingURL=component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/GeoLocation/component.tsx"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;;;;;;;;EAqBE;AAEF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAA2B,wBAAwB,EAAG,MAAM,0EAA0E,CAAC;AAM9I,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAkH1D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 2024-10-31 GeoLocation code originally migrated from PhotoForm Webpart sample
|
|
3
|
+
* Happy Halloween 2024!
|
|
4
|
+
*
|
|
5
|
+
|
|
6
|
+
fps-library-v2 imports
|
|
7
|
+
import { getGeoLocation, UnknownGeoLocation } from from '@mikezimm/fps-core-v7/lib/components/atoms/BrowserAPIs/GeoLocation/funcitons';
|
|
8
|
+
import { IFpsGeolocationPosition, IFpsGpsLocationFormProps, } from from '@mikezimm/fps-core-v7/lib/components/atoms/Inputs/GeoLocation/interfaces';
|
|
9
|
+
import { FPSReactJSON, } from '../../ReactJSON/ReactJSONObject';
|
|
10
|
+
import '@mikezimm/fps-styles/dist/fps-GeoLocation.css'; // Import your CSS file
|
|
11
|
+
|
|
12
|
+
import FPSToggle from '../../Toggle/component';
|
|
13
|
+
|
|
14
|
+
Local project imports
|
|
15
|
+
import { FPSReactJSON, } from '@mikezimm/fps-library-v2/lib/components/atoms/ReactJSON/ReactJSONObject';
|
|
16
|
+
import { getGeoLocation, UnknownGeoLocation } from './funcitons';
|
|
17
|
+
import { IFpsGeolocationPosition, IFpsGpsLocationFormProps, } from './interfaces';
|
|
18
|
+
import './fps-GeoLocation.css'; // Import your CSS file
|
|
19
|
+
|
|
20
|
+
import FPSToggle from '../../Toggle/component';
|
|
21
|
+
|
|
22
|
+
*/
|
|
23
|
+
import * as React from 'react';
|
|
24
|
+
import { useState, } from 'react';
|
|
25
|
+
import { getGeoLocation, UnknownGeoLocation } from '@mikezimm/fps-core-v7/lib/components/atoms/Inputs/GeoLocation/functions';
|
|
26
|
+
import { FPSReactJSON, } from '../../ReactJSON/ReactJSONObject';
|
|
27
|
+
import FPSToggle from '../Toggle/component';
|
|
28
|
+
require('@mikezimm/fps-styles/dist/fps-GeoLocation.css');
|
|
29
|
+
// https://github.com/fps-solutions/FPS-Photo-Form/issues/61
|
|
30
|
+
const FpsGpsLocationForm = (props) => {
|
|
31
|
+
const { style = {}, className, buttonClass, onGetLocation, onSubmit, enableDetails = true, allowEditing = false, showAltitude = true, heading = 'GPS Location Form' } = props;
|
|
32
|
+
const [showDetails, setShowDetails] = useState(false);
|
|
33
|
+
const [debugMode, setDebugMode] = useState(false);
|
|
34
|
+
const [position, setPosition] = useState(UnknownGeoLocation);
|
|
35
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
36
|
+
const [readOnly, setReadOnly] = useState(allowEditing);
|
|
37
|
+
const handleGetLocation = async () => {
|
|
38
|
+
const locationDetails = await getGeoLocation(debugMode);
|
|
39
|
+
if (debugMode)
|
|
40
|
+
alert(`debugMode GpsLocationForm ~ 33: ${JSON.stringify(locationDetails)}`);
|
|
41
|
+
setPosition(locationDetails);
|
|
42
|
+
if (onGetLocation)
|
|
43
|
+
onGetLocation(locationDetails);
|
|
44
|
+
};
|
|
45
|
+
const handleDetailsChange = (checked) => {
|
|
46
|
+
setShowDetails(checked); // Update the state when toggle changes
|
|
47
|
+
};
|
|
48
|
+
const handleDebugChange = (checked) => {
|
|
49
|
+
setDebugMode(checked); // Update the state when toggle changes
|
|
50
|
+
};
|
|
51
|
+
const handleReset = (e) => {
|
|
52
|
+
setPosition(UnknownGeoLocation);
|
|
53
|
+
if (onGetLocation)
|
|
54
|
+
onGetLocation(UnknownGeoLocation);
|
|
55
|
+
};
|
|
56
|
+
const handleSubmit = (e) => {
|
|
57
|
+
if (onSubmit)
|
|
58
|
+
onSubmit(position);
|
|
59
|
+
};
|
|
60
|
+
if (debugMode && position.status !== 'Success')
|
|
61
|
+
alert(`debugMode GpsLocationForm ~ 55: ${JSON.stringify(position)}`);
|
|
62
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
63
|
+
const coords = position.coords ? position.coords : {};
|
|
64
|
+
const { latitude = '', longitude = '', altitude = '' } = coords;
|
|
65
|
+
const buttonClassName = `action-button ${buttonClass ? buttonClass : ''}`;
|
|
66
|
+
return (React.createElement("div", { className: `gps-form ${showAltitude ? 'fps-altitude' : ''} ${className ? className : ''}`, style: style },
|
|
67
|
+
heading ? React.createElement("h2", null, heading) : undefined,
|
|
68
|
+
React.createElement("div", { style: { display: 'flex' } },
|
|
69
|
+
React.createElement("button", { className: buttonClassName, onClick: handleGetLocation }, "Get Current Location"),
|
|
70
|
+
React.createElement("button", { className: buttonClassName, onClick: handleReset }, "Clear"),
|
|
71
|
+
!enableDetails ? undefined : React.createElement(FPSToggle, { containerStyle: { marginLeft: 'auto', minWidth: '0px' }, label: "Show Details", onText: "", offText: "", onChange: handleDetailsChange }),
|
|
72
|
+
!enableDetails ? undefined : React.createElement(FPSToggle, { containerStyle: { marginLeft: 'auto', minWidth: '0px' }, label: "Debug", onText: "", offText: "", onChange: handleDebugChange })),
|
|
73
|
+
React.createElement("form", { onSubmit: handleSubmit, className: `form ${showAltitude ? 'fps-altitude' : ''}` },
|
|
74
|
+
React.createElement("div", { className: "form-group", style: { marginLeft: '0px' } },
|
|
75
|
+
React.createElement("label", null,
|
|
76
|
+
"Latitude:",
|
|
77
|
+
React.createElement("input", { type: "text", value: latitude, readOnly: readOnly, className: "input-field" }))),
|
|
78
|
+
React.createElement("div", { className: "form-group" },
|
|
79
|
+
React.createElement("label", null,
|
|
80
|
+
"Longitude:",
|
|
81
|
+
React.createElement("input", { type: "text", value: longitude, readOnly: readOnly, className: "input-field" }))),
|
|
82
|
+
showAltitude === true ?
|
|
83
|
+
React.createElement("div", { className: "form-group" },
|
|
84
|
+
React.createElement("label", null,
|
|
85
|
+
"Altitude:",
|
|
86
|
+
React.createElement("input", { type: "text", value: position.status === 'Success' && altitude === null ? 'Not Avail' : altitude, readOnly: readOnly, className: "input-field" }))) : undefined,
|
|
87
|
+
React.createElement("div", { className: "form-group" },
|
|
88
|
+
React.createElement("label", null,
|
|
89
|
+
"Additional Info:",
|
|
90
|
+
React.createElement("input", { type: "text", value: position.message, readOnly: readOnly, className: "input-field" }))),
|
|
91
|
+
onSubmit ? React.createElement("button", { type: "submit", className: "submit-button" }, "Submit") : undefined),
|
|
92
|
+
showDetails ? React.createElement(FPSReactJSON, { name: 'position object', jsonObject: position }) : undefined));
|
|
93
|
+
};
|
|
94
|
+
export default FpsGpsLocationForm;
|
|
95
|
+
//# sourceMappingURL=component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/GeoLocation/component.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Migrated from PhotoForm 20224/10/31
|
|
3
|
+
*
|
|
4
|
+
*/
|
|
1
5
|
import * as React from 'react';
|
|
2
|
-
import '@mikezimm/fps-styles/dist/fps-Slider.css';
|
|
3
|
-
import './fps-Slider.css';
|
|
4
6
|
import { IFPSSliderProps } from './IFPSSliderProps';
|
|
5
7
|
declare const FPSSlider: React.FC<IFPSSliderProps>;
|
|
6
8
|
export default FPSSlider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/Slider/component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/Slider/component.tsx"],"names":[],"mappings":"AACA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8BxC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Migrated from PhotoForm 20224/10/31
|
|
3
|
+
*
|
|
4
|
+
*/
|
|
1
5
|
import * as React from 'react';
|
|
2
|
-
import '@mikezimm/fps-styles/dist/fps-Slider.css'; // Import your CSS file
|
|
3
6
|
import { useState, useEffect } from 'react';
|
|
4
|
-
|
|
7
|
+
require('@mikezimm/fps-styles/dist/fps-Slider.css');
|
|
5
8
|
const FPSSlider = (props) => {
|
|
6
9
|
const { min, max, step, initial, onChange, label, style, className, htmlFor, values } = props;
|
|
7
10
|
const [value, setValue] = useState(initial);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/Slider/component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/Slider/component.tsx"],"names":[],"mappings":"AACA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,CAAC,0CAA0C,CAAC,CAAC;AAIpD,MAAM,SAAS,GAA8B,CAAC,KAAK,EAAE,EAAE;IACrD,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC9F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,OAAO,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAE,OAAO,CAAE,CAAC;IACtB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,YAAY,GAAG,CAAC,KAAmD,EAAQ,EAAE;QACjF,MAAM,QAAQ,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAChF,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,wBAAwB,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK;QAC9D,KAAK,IAAI,+BAAO,SAAS,EAAC,kBAAkB,EAAC,OAAO,EAAG,UAAU;YAAI,KAAK;;YAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAU;QACxH,+BACE,IAAI,EAAC,OAAO,EACZ,EAAE,EAAG,UAAU,EACf,GAAG,EAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EACtB,GAAG,EAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,GAAE,CAAC,CAAC,CAAC,CAAC,GAAG,EACrC,IAAI,EAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EACxB,KAAK,EAAG,KAAK,EACb,SAAS,EAAC,YAAY,EACtB,QAAQ,EAAE,YAA0D,GACpE,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IFPSToggleProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/Toggle/IFPSToggleProps.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IFPSToggleProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/Toggle/IFPSToggleProps.ts"],"names":[],"mappings":"AACA;;GAEG;;AAEH,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IFPSToggleProps.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/Toggle/IFPSToggleProps.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"IFPSToggleProps.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/Toggle/IFPSToggleProps.ts"],"names":[],"mappings":"AACA;;GAEG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/Toggle/component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/Toggle/component.tsx"],"names":[],"mappings":"AACA;;GAEG;AAIH,OAAO,0CAA0C,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,SAAS,UAAW,eAAe,KAAG,WAuC3C,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 2024-11-04: Migrated from PhotoForm
|
|
3
|
+
*/
|
|
1
4
|
import * as React from 'react';
|
|
2
5
|
import { useState, } from 'react';
|
|
3
6
|
import '@mikezimm/fps-styles/dist/fps-Toggle.css'; // Import the CSS file for styling
|
|
@@ -12,12 +15,14 @@ const FPSToggle = (props) => {
|
|
|
12
15
|
return newChecked;
|
|
13
16
|
});
|
|
14
17
|
};
|
|
18
|
+
// 2024-10-31: Added this so when no label, you can push it to the far right (GeoLocation example)
|
|
19
|
+
const toggleTextsStyle = { ...{ width: !onText && !offText ? '0em' : null }, ...onOffTextStyle };
|
|
15
20
|
return (React.createElement("div", { className: "fps-toggle-container", style: containerStyle },
|
|
16
21
|
React.createElement("label", { className: "toggle-label", style: labelStyle }, label),
|
|
17
22
|
React.createElement("div", { className: "toggle-switch" },
|
|
18
23
|
React.createElement("input", { type: "checkbox", checked: isChecked, onChange: handleToggleChange, id: "toggle", disabled: disabled }),
|
|
19
24
|
React.createElement("span", { className: "slider" })),
|
|
20
|
-
React.createElement("div", { className: "toggle-texts", style:
|
|
25
|
+
React.createElement("div", { className: "toggle-texts", style: toggleTextsStyle },
|
|
21
26
|
React.createElement("span", { style: { opacity: isChecked ? 1 : 0, transition: 'opacity 0.4s ease' } }, onText),
|
|
22
27
|
React.createElement("span", { style: { opacity: isChecked ? 0 : 1, position: 'absolute', transition: 'opacity 0.4s ease' } }, offText))));
|
|
23
28
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/Toggle/component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/Toggle/component.tsx"],"names":[],"mappings":"AACA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,GAAG,MAAM,OAAO,CAAC;AAClC,OAAO,0CAA0C,CAAC,CAAE,kCAAkC;AAGtF,MAAM,SAAS,GAAG,CAAC,KAAsB,EAAe,EAAE;IACxD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,GAAG,EAAE,EAAE,UAAU,GAAG,EAAE,EAAE,cAAc,GAAG,EAAE,EAAE,QAAQ,GAAG,KAAK,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAE9I,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAE,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAE,CAAC;IAErH,MAAM,kBAAkB,GAAG,GAAS,EAAE;QACpC,YAAY,CAAC,CAAC,SAAS,EAAE,EAAE;YACzB,MAAM,UAAU,GAAG,CAAC,SAAS,CAAC;YAC9B,IAAI,QAAQ;gBAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,mCAAmC;YACvE,OAAO,UAAU,CAAC;QACpB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,mGAAmG;IACnG,MAAM,gBAAgB,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAC,EAAE,GAAG,cAAc,EAAG,CAAC;IAEjG,OAAO,CACL,6BAAK,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAG,cAAc;QAC1D,+BAAO,SAAS,EAAC,cAAc,EAAC,KAAK,EAAG,UAAU,IAAI,KAAK,CAAS;QACpE,6BAAK,SAAS,EAAC,eAAe;YAC5B,+BACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,kBAAkB,EAC5B,EAAE,EAAC,QAAQ,EACX,QAAQ,EAAG,QAAQ,GACnB;YACF,8BAAM,SAAS,EAAC,QAAQ,GAAE,CACtB;QACN,6BAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAG,gBAAgB;YACpD,8BAAM,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,mBAAmB,EAAE,IACzE,MAAM,CACF;YACP,8BAAM,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,mBAAmB,EAAE,IAC/F,OAAO,CACH,CACH,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FpsTileElement.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/FPSTiles/components/FPSTile/FpsTileElement.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAeH,OAAO,EAAE,cAAc,EAAY,MAAM,uEAAuE,CAAC;AAIjH,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAErF,OAAO,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AAIzF;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAE,IAAI,EAAE,cAAc,EAAE,MAAM,CAAC,EAAE,qBAAqB,EAAE,KAAK,CAAC,EAAE,oBAAoB,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,GAAI,GAAG,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"FpsTileElement.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/FPSTiles/components/FPSTile/FpsTileElement.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAeH,OAAO,EAAE,cAAc,EAAY,MAAM,uEAAuE,CAAC;AAIjH,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAErF,OAAO,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AAIzF;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAE,IAAI,EAAE,cAAc,EAAE,MAAM,CAAC,EAAE,qBAAqB,EAAE,KAAK,CAAC,EAAE,oBAAoB,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,GAAI,GAAG,CAAC,OAAO,CAqE/M"}
|
|
@@ -32,7 +32,9 @@ require('@mikezimm/fps-styles/dist/fps-h-color.css');
|
|
|
32
32
|
export function FPSTileElement(item, extras, props, overRideCallback) {
|
|
33
33
|
const titleWrap = extras ? extras.titleWrap : true;
|
|
34
34
|
const tileHighlightColor = extras ? extras.tileHighlightColor : 'yellow';
|
|
35
|
-
|
|
35
|
+
// Changed destructuring to solve no Elements object: https://github.com/fps-solutions/FPS-Photo-Form/issues/57
|
|
36
|
+
const elements = item.FPSItem.Elements || {};
|
|
37
|
+
const { content1, content2, content3, content4 } = elements;
|
|
36
38
|
const FPSItem = props ? mergeDeep(props, item.FPSItem, ['Elements']) : item.FPSItem;
|
|
37
39
|
const { css, fabric, } = FPSItem.Image;
|
|
38
40
|
const altClick = FPSItem.Link.altClick ? FPSItem.Link.altClick : null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FpsTileElement.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/FPSTiles/components/FPSTile/FpsTileElement.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;;;GAKG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,wDAAwD;AACxD,OAAO,EAAE,KAAK,GAAG,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,IAAI,GAAG,MAAM,0BAA0B,CAAC;AAIjD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AAGxE,OAAO,CAAE,2CAA2C,CAAC,CAAC;AAEtD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,cAAc,CAAE,IAAoB,EAAE,MAA8B,EAAE,KAA4B,EAAE,gBAA6E;IAE/L,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAE;IACpD,MAAM,kBAAkB,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"FpsTileElement.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/FPSTiles/components/FPSTile/FpsTileElement.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mikezimm/fps-library-v2",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.30",
|
|
4
4
|
"description": "Library of reusable typescript/javascript functions, interfaces and constants",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "./lib/index.js",
|
|
@@ -41,9 +41,9 @@
|
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@fluentui/react": "^7.199.1",
|
|
43
43
|
"@microsoft/sp-property-pane": "<1.18.0",
|
|
44
|
-
"@mikezimm/fps-core-v7": "^1.0.
|
|
44
|
+
"@mikezimm/fps-core-v7": "^1.0.32",
|
|
45
45
|
"@mikezimm/fps-pnp2": "^1.0.68",
|
|
46
|
-
"@mikezimm/fps-styles": "^1.0.
|
|
46
|
+
"@mikezimm/fps-styles": "^1.0.75",
|
|
47
47
|
"@pnp/spfx-controls-react": "^3.12.0",
|
|
48
48
|
"@pnp/spfx-property-controls": "<3.7.0",
|
|
49
49
|
"react": "^17.0.1",
|