@mikezimm/fps-library-v2 1.1.58 → 1.1.60
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.md +17 -2
- package/lib/components/molecules/FPSTiles/components/FPSTile/getImageOrIconPriority.d.ts.map +1 -1
- package/lib/components/molecules/FPSTiles/components/FPSTile/getImageOrIconPriority.js +10 -6
- package/lib/components/molecules/FPSTiles/components/FPSTile/getImageOrIconPriority.js.map +1 -1
- package/lib/components/molecules/FPSTiles/webPart/FPSTileWPGroup.d.ts.map +1 -1
- package/lib/components/molecules/FPSTiles/webPart/FPSTileWPGroup.js +15 -5
- package/lib/components/molecules/FPSTiles/webPart/FPSTileWPGroup.js.map +1 -1
- package/lib/components/molecules/FPSTiles/webPart/FPSTilesWPHelp.d.ts +10 -0
- package/lib/components/molecules/FPSTiles/webPart/FPSTilesWPHelp.d.ts.map +1 -0
- package/lib/components/molecules/FPSTiles/webPart/FPSTilesWPHelp.js +55 -0
- package/lib/components/molecules/FPSTiles/webPart/FPSTilesWPHelp.js.map +1 -0
- package/lib/components/molecules/FPSTiles/webPart/IFpsTileComponentWPProps.d.ts +1 -1
- package/lib/components/molecules/FPSTiles/webPart/IFpsTileComponentWPProps.d.ts.map +1 -1
- package/lib/components/molecules/FPSTiles/webPart/IFpsTileComponentWPProps.js +1 -1
- package/lib/components/molecules/FPSTiles/webPart/IFpsTileComponentWPProps.js.map +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -12,12 +12,27 @@ npm run clean
|
|
|
12
12
|
npm run build
|
|
13
13
|
npm version major/minor/patch
|
|
14
14
|
npm publish --access=public
|
|
15
|
-
npm install @mikezimm/fps-library-v2@1.1.
|
|
15
|
+
npm install @mikezimm/fps-library-v2@1.1.60
|
|
16
16
|
|
|
17
17
|
# Changelog
|
|
18
18
|
NOTE: TURN BACK ON STRICT NULL CHECKS - turned off for PropPaneCols
|
|
19
19
|
|
|
20
|
-
## 1.1.
|
|
20
|
+
## 1.1.60 - 2023-Oct 02: - update FPSTile Image/Icon logic
|
|
21
|
+
- fix FPSTilesWPHelp function name... forgot to update.
|
|
22
|
+
- update processHubSubResults to accept departmentId prop and sort so those sites are first
|
|
23
|
+
- keep sandbox function filterObjArrayByUniqueKeyLONGWAY based on filterObjArrayByUniqueKey which is preferred
|
|
24
|
+
|
|
25
|
+
## 1.1.59 - 2023-Oct 02: - update FPSTile Image/Icon logic
|
|
26
|
+
- updated IFPSFileImagePriority to include option for 'code' which is kind of like if the WP Prop was totally empty... but allows you to be specific if needed.
|
|
27
|
+
- updated choices in WP Props: fpsTileFileImagePriorityChoices to include: { index: 1, key: 'code', text: "Predetermined Logic" },
|
|
28
|
+
- update FPSTiles >> getSrcAndIconBasedOnPriority so it properly uses the web part props setting first unless it's set to 'code'.
|
|
29
|
+
- Created FPSTilesWPHelp.tsx - for use with FPSTiles component in web part
|
|
30
|
+
- bump npm install @mikezimm/fps-styles@1.0.51 - GrayPropPaneAccordions.css
|
|
31
|
+
- added Readme for FPSTiles.md
|
|
32
|
+
|
|
33
|
+
- close HubCon #11 by updating FPSTileWPGroup with a label.
|
|
34
|
+
|
|
35
|
+
## 1.1.58 - 2023-Oct 02: - Modern Pages / FPSTextInput
|
|
21
36
|
- add padding to SingleModernPage
|
|
22
37
|
- migrate FPSTextInput from RTF-Fixer >> Hub Con improvements
|
|
23
38
|
- migrate formatJSONString, formatXml/formatHTML, isValidJSON, isXML/isHTML
|
package/lib/components/molecules/FPSTiles/components/FPSTile/getImageOrIconPriority.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getImageOrIconPriority.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/FPSTiles/components/FPSTile/getImageOrIconPriority.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;;;GAKG;AACH,wBAAgB,4BAA4B,CAAE,OAAO,EAAE,QAAQ,EAAE,qBAAqB,CAAC,EAAE,qBAAqB,GAAK,UAAU,
|
|
1
|
+
{"version":3,"file":"getImageOrIconPriority.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/FPSTiles/components/FPSTile/getImageOrIconPriority.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;;;GAKG;AACH,wBAAgB,4BAA4B,CAAE,OAAO,EAAE,QAAQ,EAAE,qBAAqB,CAAC,EAAE,qBAAqB,GAAK,UAAU,CAmC5H"}
|
|
@@ -13,11 +13,14 @@ export function getSrcAndIconBasedOnPriority(FPSItem, tileFileImagePriority) {
|
|
|
13
13
|
* If it's in SitePages library, then use Image.src
|
|
14
14
|
* If it's a file in another library, then use Icon.name
|
|
15
15
|
*/
|
|
16
|
-
if
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
16
|
+
// Added if then so that if the web part properties say use a specific way, it will totally skip this.
|
|
17
|
+
if (!useTileFileImagePriority || useTileFileImagePriority === 'code') {
|
|
18
|
+
if ((FPSItem.IsA.FileObject !== true || FPSItem.IsA.Page === true || FPSItem.IsA.News === true)) {
|
|
19
|
+
useTileFileImagePriority = 'default';
|
|
20
|
+
}
|
|
21
|
+
else if (FPSItem.Link.href && FPSItem.Link.href.toLowerCase().indexOf('/sitepages/') > -1) {
|
|
22
|
+
useTileFileImagePriority = 'default';
|
|
23
|
+
}
|
|
21
24
|
}
|
|
22
25
|
if (useTileFileImagePriority === 'icon') {
|
|
23
26
|
// Set to Icon Name if it's available. Then if there isn't an iconName value, set src to the original src
|
|
@@ -25,8 +28,9 @@ export function getSrcAndIconBasedOnPriority(FPSItem, tileFileImagePriority) {
|
|
|
25
28
|
src = !iconName ? `${FPSItem.Image.src}` : '';
|
|
26
29
|
}
|
|
27
30
|
else if (useTileFileImagePriority === 'preview' || useTileFileImagePriority === 'default') {
|
|
31
|
+
// Replace src in this loop with FPSItem.Image.src.... https://github.com/fps-solutions/HubCon/issues/20
|
|
28
32
|
// image src is available, use it.. else if there is an icon, use it.
|
|
29
|
-
src = src ? src : '';
|
|
33
|
+
src = FPSItem.Image.src ? FPSItem.Image.src : '';
|
|
30
34
|
iconName = !src && FPSItem.Icon ? `${FPSItem.Icon.name}` : '';
|
|
31
35
|
}
|
|
32
36
|
return { src: src, iconName: iconName };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getImageOrIconPriority.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/FPSTiles/components/FPSTile/getImageOrIconPriority.ts"],"names":[],"mappings":"AAQA;;;;;GAKG;AACH,MAAM,UAAU,4BAA4B,CAAE,OAAiB,EAAE,qBAA6C;IAE5G,IAAI,QAAQ,GAAG,EAAE,CAAC;IAClB,IAAI,GAAG,GAAG,EAAE,CAAC;IACb,IAAI,wBAAwB,GAA0B,GAAI,qBAAsB,EAAE,CAAC;IAEnF;;;;OAIG;IAEH,IAAK,OAAO,CAAC,GAAG,CAAC,UAAU,KAAK,IAAI,IAAI,OAAO,CAAC,GAAG,CAAC,IAAI,KAAK,IAAI,IAAK,OAAO,CAAC,GAAG,CAAC,IAAI,KAAK,IAAI,EAAG;
|
|
1
|
+
{"version":3,"file":"getImageOrIconPriority.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/FPSTiles/components/FPSTile/getImageOrIconPriority.ts"],"names":[],"mappings":"AAQA;;;;;GAKG;AACH,MAAM,UAAU,4BAA4B,CAAE,OAAiB,EAAE,qBAA6C;IAE5G,IAAI,QAAQ,GAAG,EAAE,CAAC;IAClB,IAAI,GAAG,GAAG,EAAE,CAAC;IACb,IAAI,wBAAwB,GAA0B,GAAI,qBAAsB,EAAE,CAAC;IAEnF;;;;OAIG;IAEH,sGAAsG;IACtG,IAAK,CAAC,wBAAwB,IAAI,wBAAwB,KAAK,MAAM,EAAG;QACtE,IAAK,CAAE,OAAO,CAAC,GAAG,CAAC,UAAU,KAAK,IAAI,IAAI,OAAO,CAAC,GAAG,CAAC,IAAI,KAAK,IAAI,IAAK,OAAO,CAAC,GAAG,CAAC,IAAI,KAAK,IAAI,CAAE,EAAG;YACpG,wBAAwB,GAAG,SAAS,CAAC;SAEtC;aAAM,IAAK,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,aAAa,CAAE,GAAG,CAAC,CAAC,EAAG;YAAE,wBAAwB,GAAG,SAAS,CAAC;SAAE;KAC1I;IAED,IAAK,wBAAwB,KAAK,MAAM,EAAG;QACzC,0GAA0G;QAC1G,QAAQ,GAAG,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAE;QAC5E,GAAG,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAI,OAAO,CAAC,KAAK,CAAC,GAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KAEjD;SAAM,IAAK,wBAAwB,KAAK,SAAS,IAAI,wBAAwB,KAAK,SAAS,EAAG;QAC7F,wGAAwG;QACxG,qEAAqE;QACrE,GAAG,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;QACjD,QAAQ,GAAG,CAAC,GAAG,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAE;KAEhE;IAED,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AAE1C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FPSTileWPGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FPSTiles/webPart/FPSTileWPGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EACJ,kBAAkB,EAEnB,kBAAkB,
|
|
1
|
+
{"version":3,"file":"FPSTileWPGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FPSTiles/webPart/FPSTileWPGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EACJ,kBAAkB,EAEnB,kBAAkB,EAEnB,MAAM,6BAA6B,CAAC;AAKrC,eAAO,MAAM,qBAAqB;;;;GASjC,CAAC;AAGF,eAAO,MAAM,oBAAoB;;;;GAMhC,CAAC;AAGF,eAAO,MAAM,+BAA+B;;;;GAK3C,CAAC;AAGF,eAAO,MAAM,2BAA2B,EAAE,kBAAkB,CAAC,GAAG,CAI9D,CAAC;AAEH,wBAAgB,cAAc,IAAK,kBAAkB,CA0FpD"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { PropertyPaneDropdown, PropertyPaneTextField, PropertyPaneSlider, PropertyPaneToggle } from '@microsoft/sp-property-pane';
|
|
1
|
+
import { PropertyPaneDropdown, PropertyPaneTextField, PropertyPaneSlider, PropertyPaneToggle, PropertyPaneLabel } from '@microsoft/sp-property-pane';
|
|
2
2
|
import { imgFitChoices, imgCoverChoices, } from '../../../../common/Images/imgFit';
|
|
3
3
|
export const highlightColorChoices = [
|
|
4
4
|
{ index: 0, key: 'yellow', text: "Yellow" },
|
|
@@ -22,6 +22,7 @@ export const fpsTileFileImagePriorityChoices = [
|
|
|
22
22
|
{ index: 0, key: 'icon', text: "Icon" },
|
|
23
23
|
{ index: 1, key: 'preview', text: "Preview Image" },
|
|
24
24
|
{ index: 1, key: 'default', text: "Default" },
|
|
25
|
+
{ index: 1, key: 'code', text: "Predetermined Logic" },
|
|
25
26
|
];
|
|
26
27
|
// This constant can be reused in case of using 'Simple' mode instead of entire prop pane group.
|
|
27
28
|
export const FPSTileLayoutChoiceProperty = PropertyPaneDropdown('tileLayout', {
|
|
@@ -45,10 +46,23 @@ export function FPSTileWPGroup() {
|
|
|
45
46
|
max: 500,
|
|
46
47
|
step: 25,
|
|
47
48
|
}));
|
|
49
|
+
/**
|
|
50
|
+
*
|
|
51
|
+
*
|
|
52
|
+
* NOTE WITH tileImgFit and tileImgCover...
|
|
53
|
+
* per https://github.com/fps-solutions/HubCon/issues/11
|
|
54
|
+
* It seems like timeImgFit should be CenterCover for the tileImgCover to work as expected.
|
|
55
|
+
*
|
|
56
|
+
*
|
|
57
|
+
*/
|
|
48
58
|
groupFields.push(PropertyPaneDropdown('tileImgFit', {
|
|
49
59
|
label: `Image Fit`,
|
|
50
60
|
options: imgFitChoices,
|
|
51
61
|
}));
|
|
62
|
+
// https://github.com/fps-solutions/HubCon/issues/11
|
|
63
|
+
groupFields.push(PropertyPaneLabel('tileImgCover', {
|
|
64
|
+
text: `Set Image Fit to 'CenterCover' for Image Cover setting to work properly.`,
|
|
65
|
+
}));
|
|
52
66
|
groupFields.push(PropertyPaneDropdown('tileImgCover', {
|
|
53
67
|
label: `Image Cover`,
|
|
54
68
|
options: imgCoverChoices,
|
|
@@ -66,10 +80,6 @@ export function FPSTileWPGroup() {
|
|
|
66
80
|
offText: `no-wrap`,
|
|
67
81
|
// disabled: wpProps.ignoreList === true ? true : false,
|
|
68
82
|
}));
|
|
69
|
-
groupFields.push(PropertyPaneDropdown('tileImgFit', {
|
|
70
|
-
label: `Image Fit`,
|
|
71
|
-
options: imgFitChoices,
|
|
72
|
-
}));
|
|
73
83
|
// https://github.com/mikezimm/pivottiles7/issues/306 tileHighlightColor
|
|
74
84
|
groupFields.push(PropertyPaneDropdown('tileHighlightColor', {
|
|
75
85
|
label: `Highlighted color`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FPSTileWPGroup.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FPSTiles/webPart/FPSTileWPGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,oBAAoB,EACA,qBAAqB,EAAE,kBAAkB,EAAE,kBAAkB,
|
|
1
|
+
{"version":3,"file":"FPSTileWPGroup.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FPSTiles/webPart/FPSTileWPGroup.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* FPS Slick Sections Notes:
|
|
4
|
+
*
|
|
5
|
+
* ForceWhite does NOT work on collapsible sections.... might at first but if you collapse then expand, no go because web part does not re-apply the classes to the web parts.
|
|
6
|
+
* @returns
|
|
7
|
+
*/
|
|
8
|
+
export declare const LinkStyles: React.CSSProperties;
|
|
9
|
+
export declare function getFullBackgroundHelp(): JSX.Element;
|
|
10
|
+
//# sourceMappingURL=FPSTilesWPHelp.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FPSTilesWPHelp.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FPSTiles/webPart/FPSTilesWPHelp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;GAKG;AAEH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,aAAmG,CAAC;AAEnI,wBAAgB,qBAAqB,IAAM,GAAG,CAAC,OAAO,CAoDrD"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
// import ReactJson from "react-json-view";
|
|
3
|
+
import { PivotItem, } from 'office-ui-fabric-react/lib/Pivot';
|
|
4
|
+
/**
|
|
5
|
+
* FPS Slick Sections Notes:
|
|
6
|
+
*
|
|
7
|
+
* ForceWhite does NOT work on collapsible sections.... might at first but if you collapse then expand, no go because web part does not re-apply the classes to the web parts.
|
|
8
|
+
* @returns
|
|
9
|
+
*/
|
|
10
|
+
// White text refresh label
|
|
11
|
+
export const LinkStyles = { padding: '8px 15px', marginBottom: '12px', color: 'darkblue', cursor: 'pointer' };
|
|
12
|
+
export function getFullBackgroundHelp() {
|
|
13
|
+
const WebPartHelpElement = React.createElement(PivotItem, { headerText: 'Tile Styles', itemIcon: 'PictureFill' },
|
|
14
|
+
React.createElement("div", { className: 'fps-pph-content' },
|
|
15
|
+
React.createElement("div", { className: 'fps-pph-topic' }, "Tile Layout - Small, Medium, Hover Tile, Card"),
|
|
16
|
+
React.createElement("div", null, "This determines the overall size/type of icon."),
|
|
17
|
+
React.createElement("div", null, "Small and Medium have simple Logo or Image"),
|
|
18
|
+
React.createElement("div", null, "Small has smaller Logo and only displays the site Title - based on the source object like Site Title"),
|
|
19
|
+
React.createElement("div", null, "Medium has slightly larger logo but also includes the Description - based on the source object like Site Description"),
|
|
20
|
+
React.createElement("div", null, "Hover Tile will give a larger customizable size Tile with hover overlay."),
|
|
21
|
+
React.createElement("div", null, "Hover Tile shows the Image and Title, when hovering, the description will be displayed"),
|
|
22
|
+
React.createElement("div", null,
|
|
23
|
+
React.createElement("b", null, "Card is not working as of the writing of this documentation.")),
|
|
24
|
+
React.createElement("div", { className: 'fps-pph-topic' }, "Image Height and Width"),
|
|
25
|
+
React.createElement("div", null, "Only applies when you select Hover Tile or possibly Card Tile Layouts"),
|
|
26
|
+
React.createElement("div", null, "Use the sliders to adjust the default Height and Width of the Tile."),
|
|
27
|
+
React.createElement("div", { className: 'fps-pph-topic' }, "Image Fit - CenterCover, CenterContain, Center, Contain etc..."),
|
|
28
|
+
React.createElement("div", null, "Do not adjust from the defaults unless you know CSS and want to experiment."),
|
|
29
|
+
React.createElement("div", null, "This leverages CSS Image Fit property and can impage how Image Cover works."),
|
|
30
|
+
React.createElement("div", null, "Feel free to experiment but be warned it can impact other CSS properties like Image Cover."),
|
|
31
|
+
React.createElement("div", { className: 'fps-pph-topic' }, "Image Cover"),
|
|
32
|
+
React.createElement("div", null, "Be sure to use Image Fit = CenterCover for this to work properly."),
|
|
33
|
+
React.createElement("div", { className: 'fps-pph-topic' }, "Image Background color"),
|
|
34
|
+
React.createElement("div", null, "Set the default tile/image background color for cases where"),
|
|
35
|
+
React.createElement("ul", null,
|
|
36
|
+
React.createElement("li", null, "Your Images have transparancy"),
|
|
37
|
+
React.createElement("li", null, "Your Image Fit/Image Conver does not fully cover the entire tile")),
|
|
38
|
+
React.createElement("div", { className: 'fps-pph-topic' }, "Tile Title Wrap"),
|
|
39
|
+
React.createElement("div", null, "Determines how to handle long title. May also impact the Description behaviour."),
|
|
40
|
+
React.createElement("div", null, "Only impacts Hover Tile and Card layout."),
|
|
41
|
+
React.createElement("div", { className: 'fps-pph-topic' }, "Highlighted color"),
|
|
42
|
+
React.createElement("div", null, "Used in Hover Tile layout only."),
|
|
43
|
+
React.createElement("div", null, "Default highlights the Description text in yellow which makes it easier to read on the dark hover card."),
|
|
44
|
+
React.createElement("div", { className: 'fps-pph-topic' }, "File Image Priority"),
|
|
45
|
+
React.createElement("div", null, "Depending on the web part you are using, this provides flexibility to force web part to use certain properties for the Tile image"),
|
|
46
|
+
React.createElement("div", null, "Suggest to just use web part Default, particularly for a web part that uses Sites or Pages since those typically have thumbnail properties from the object - like Site Logo or Page Thumbnail."),
|
|
47
|
+
React.createElement("div", null,
|
|
48
|
+
React.createElement("b", null, "Icon"),
|
|
49
|
+
" will first look for an actual icon - such as file type icon like Excel or PowerPoint which is easier to recognize in small or medium tiles."),
|
|
50
|
+
React.createElement("div", null,
|
|
51
|
+
React.createElement("b", null, "Preview Image"),
|
|
52
|
+
" will first look if the item has a preview image - such as a Power Point might show the first slide.")));
|
|
53
|
+
return WebPartHelpElement;
|
|
54
|
+
}
|
|
55
|
+
//# sourceMappingURL=FPSTilesWPHelp.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FPSTilesWPHelp.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FPSTiles/webPart/FPSTilesWPHelp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,2CAA2C;AAC3C,OAAO,EAAG,SAAS,GAAG,MAAM,kCAAkC,CAAC;AAE/D;;;;;GAKG;AACH,2BAA2B;AAC3B,MAAM,CAAC,MAAM,UAAU,GAAwB,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;AAEnI,MAAM,UAAU,qBAAqB;IAEnC,MAAM,kBAAkB,GAAG,oBAAC,SAAS,IAAC,UAAU,EAAG,aAAa,EAAG,QAAQ,EAAC,aAAa;QACvF,6BAAK,SAAS,EAAG,iBAAiB;YAEhC,6BAAK,SAAS,EAAG,eAAe,oDAAsD;YACtF,kFAAyD;YACzD,8EAAqD;YACrD,wIAA+G;YAC/G,wJAA+H;YAC/H,4GAAmF;YACnF,0HAAiG;YACjG;gBAAK,8FAAmE,CAAM;YAE9E,6BAAK,SAAS,EAAG,eAAe,6BAA+B;YAC/D,yGAAgF;YAChF,uGAA8E;YAG9E,6BAAK,SAAS,EAAG,eAAe,qEAAuE;YACvG,+GAAsF;YACtF,+GAAsF;YACtF,8HAAqG;YAErG,6BAAK,SAAS,EAAG,eAAe,kBAAoB;YACpD,qGAA4E;YAE5E,6BAAK,SAAS,EAAG,eAAe,6BAA+B;YAC/D,+FAAsE;YACtE;gBACE,gEAAsC;gBACtC,mGAAyE,CACtE;YAEL,6BAAK,SAAS,EAAG,eAAe,sBAAwB;YACxD,oHAA2F;YAC3F,4EAAmD;YAEnD,6BAAK,SAAS,EAAG,eAAe,wBAA0B;YAC1D,mEAA0C;YAC1C,2IAAkH;YAElH,6BAAK,SAAS,EAAG,eAAe,0BAA4B;YAC5D,qKAA4I;YAC5I,kOAAyM;YACzM;gBAAK,sCAAW;+JAAkJ;YAClK;gBAAK,+CAAoB;uHAA0G,CAC/H,CACI,CAAC;IAEb,OAAO,kBAAkB,CAAC;AAE5B,CAAC"}
|
|
@@ -17,7 +17,7 @@ export declare const PreConfigFpsTileCompProps: IFpsTileComponentWPProps;
|
|
|
17
17
|
export declare const FPSTileLayoutValues: IFPSTileLayout[];
|
|
18
18
|
export type IFPSCompactTileSize = 'small' | 'med';
|
|
19
19
|
export type IFPSTileLayout = 'small' | 'med' | 'hover' | 'card';
|
|
20
|
-
export type IFPSFileImagePriority = 'icon' | 'preview' | 'default';
|
|
20
|
+
export type IFPSFileImagePriority = 'icon' | 'preview' | 'default' | 'code';
|
|
21
21
|
export declare const FPSFileImagePriorityValues: IFPSFileImagePriority[];
|
|
22
22
|
export interface IFpsTileComponentWPProps {
|
|
23
23
|
tileImgWidth: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IFpsTileComponentWPProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FPSTiles/webPart/IFpsTileComponentWPProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAG,MAAM,kCAAkC,CAAC;AAE3E,eAAO,MAAM,kBAAkB,EAAG,MAAM,EAC8D,CAAC;AAEvG;;;;;;;;;;;;EAYE;AACF,eAAO,MAAM,yBAAyB,EAAE,wBAUvC,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,cAAc,EAAuC,CAAC;AAExF,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,KAAK,CAAC;AAClD,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAChE,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAE;
|
|
1
|
+
{"version":3,"file":"IFpsTileComponentWPProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FPSTiles/webPart/IFpsTileComponentWPProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAG,MAAM,kCAAkC,CAAC;AAE3E,eAAO,MAAM,kBAAkB,EAAG,MAAM,EAC8D,CAAC;AAEvG;;;;;;;;;;;;EAYE;AACF,eAAO,MAAM,yBAAyB,EAAE,wBAUvC,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,cAAc,EAAuC,CAAC;AAExF,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,KAAK,CAAC;AAClD,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAChE,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAE;AAG7E,eAAO,MAAM,0BAA0B,EAAE,qBAAqB,EAA6C,CAAC;AAG5G,MAAM,WAAW,wBAAwB;IACvC,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,WAAW,CAAC;IAC1B,UAAU,EAAE,SAAS,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,cAAc,CAAC;IAC3B,qBAAqB,EAAE,qBAAqB,CAAC;CAC9C"}
|
|
@@ -27,5 +27,5 @@ export const PreConfigFpsTileCompProps = {
|
|
|
27
27
|
// This can be used for toggling layout
|
|
28
28
|
export const FPSTileLayoutValues = ['small', 'med', 'hover', 'card'];
|
|
29
29
|
// This can be used for toggling layout
|
|
30
|
-
export const FPSFileImagePriorityValues = ['icon', 'preview', 'default',];
|
|
30
|
+
export const FPSFileImagePriorityValues = ['icon', 'preview', 'default', 'code'];
|
|
31
31
|
//# sourceMappingURL=IFpsTileComponentWPProps.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IFpsTileComponentWPProps.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FPSTiles/webPart/IFpsTileComponentWPProps.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,kBAAkB,GAAc,CAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAG,cAAc;IAC3G,YAAY,EAAG,mBAAmB,EAAE,eAAe,EAAE,oBAAoB,EAAE,uBAAuB,CAAE,CAAC;AAEvG;;;;;;;;;;;;EAYE;AACF,MAAM,CAAC,MAAM,yBAAyB,GAA6B;IACjE,YAAY,EAAE,GAAG;IACjB,aAAa,EAAE,GAAG;IAClB,YAAY,EAAE,WAAW;IACzB,UAAU,EAAE,eAAe;IAC3B,iBAAiB,EAAE,WAAW;IAC9B,aAAa,EAAE,KAAK;IACpB,kBAAkB,EAAE,QAAQ;IAC5B,UAAU,EAAE,OAAO;IACnB,qBAAqB,EAAE,MAAM;CAC9B,CAAA;AAED,uCAAuC;AACvC,MAAM,CAAC,MAAM,mBAAmB,GAAqB,CAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;AAMxF,uCAAuC;AACvC,MAAM,CAAC,MAAM,0BAA0B,GAA4B,CAAE,MAAM,EAAE,SAAS,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"IFpsTileComponentWPProps.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FPSTiles/webPart/IFpsTileComponentWPProps.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,kBAAkB,GAAc,CAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAG,cAAc;IAC3G,YAAY,EAAG,mBAAmB,EAAE,eAAe,EAAE,oBAAoB,EAAE,uBAAuB,CAAE,CAAC;AAEvG;;;;;;;;;;;;EAYE;AACF,MAAM,CAAC,MAAM,yBAAyB,GAA6B;IACjE,YAAY,EAAE,GAAG;IACjB,aAAa,EAAE,GAAG;IAClB,YAAY,EAAE,WAAW;IACzB,UAAU,EAAE,eAAe;IAC3B,iBAAiB,EAAE,WAAW;IAC9B,aAAa,EAAE,KAAK;IACpB,kBAAkB,EAAE,QAAQ;IAC5B,UAAU,EAAE,OAAO;IACnB,qBAAqB,EAAE,MAAM;CAC9B,CAAA;AAED,uCAAuC;AACvC,MAAM,CAAC,MAAM,mBAAmB,GAAqB,CAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;AAMxF,uCAAuC;AACvC,MAAM,CAAC,MAAM,0BAA0B,GAA4B,CAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,CAAE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mikezimm/fps-library-v2",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.60",
|
|
4
4
|
"description": "Library of reusable typescript/javascript functions, interfaces and constants",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "./lib/index.js",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@microsoft/sp-property-pane": "^1.15.2",
|
|
43
43
|
"@mikezimm/fps-pnp2": "^1.0.51",
|
|
44
|
-
"@mikezimm/fps-styles": "^1.0.
|
|
44
|
+
"@mikezimm/fps-styles": "^1.0.51",
|
|
45
45
|
"@pnp/spfx-controls-react": "3.12.0",
|
|
46
46
|
"@pnp/spfx-property-controls": "^3.6.0",
|
|
47
47
|
"office-ui-fabric-react": "^7.199.1",
|