@mikezimm/fps-library-v2 1.1.24 → 1.1.26
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 +18 -1
- package/lib/components/atoms/Highlights/createContentViewsRecent.js +1 -0
- package/lib/components/atoms/Highlights/createContentViewsRecent.js.map +1 -1
- package/lib/components/molecules/FPSTiles/components/FPSTile/FpsCompactTile.d.ts +16 -0
- package/lib/components/molecules/FPSTiles/components/FPSTile/FpsCompactTile.d.ts.map +1 -0
- package/lib/components/molecules/FPSTiles/components/FPSTile/FpsCompactTile.js +47 -0
- package/lib/components/molecules/FPSTiles/components/FPSTile/FpsCompactTile.js.map +1 -0
- package/lib/components/molecules/FPSTiles/components/FPSTile/FpsTileElement.d.ts.map +1 -1
- package/lib/components/molecules/FPSTiles/components/FPSTile/IFPSTileElementProps.d.ts +2 -0
- package/lib/components/molecules/FPSTiles/components/FPSTile/IFPSTileElementProps.d.ts.map +1 -1
- package/lib/components/molecules/FPSTiles/components/FpsTileComponent.d.ts.map +1 -1
- package/lib/components/molecules/FPSTiles/components/FpsTileComponent.js +4 -1
- package/lib/components/molecules/FPSTiles/components/FpsTileComponent.js.map +1 -1
- package/lib/components/molecules/FPSTiles/functions/buildFPSSubHubTileItems.d.ts.map +1 -1
- package/lib/components/molecules/FPSTiles/functions/buildFPSSubHubTileItems.js +4 -4
- package/lib/components/molecules/FPSTiles/functions/buildFPSSubHubTileItems.js.map +1 -1
- package/lib/components/molecules/FPSTiles/functions/packageFPSTileProps.js +1 -1
- package/lib/components/molecules/FPSTiles/functions/packageFPSTileProps.js.map +1 -1
- package/lib/components/molecules/FPSTiles/webPart/FPSTileWPGroup.d.ts +7 -1
- package/lib/components/molecules/FPSTiles/webPart/FPSTileWPGroup.d.ts.map +1 -1
- package/lib/components/molecules/FPSTiles/webPart/FPSTileWPGroup.js +14 -0
- package/lib/components/molecules/FPSTiles/webPart/FPSTileWPGroup.js.map +1 -1
- package/lib/components/molecules/FPSTiles/webPart/IFpsTileComponentWPProps.d.ts +4 -0
- package/lib/components/molecules/FPSTiles/webPart/IFpsTileComponentWPProps.d.ts.map +1 -1
- package/lib/components/molecules/FPSTiles/webPart/IFpsTileComponentWPProps.js +5 -2
- package/lib/components/molecules/FPSTiles/webPart/IFpsTileComponentWPProps.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -4,12 +4,29 @@ npm run clean
|
|
|
4
4
|
npm run build
|
|
5
5
|
npm version major/minor/patch
|
|
6
6
|
npm publish --access=public
|
|
7
|
-
npm install @mikezimm/fps-library-v2@1.1.
|
|
7
|
+
npm install @mikezimm/fps-library-v2@1.1.26
|
|
8
8
|
|
|
9
9
|
# Changelog
|
|
10
10
|
|
|
11
11
|
NOTE: TURN BACK ON STRICT NULL CHECKS - turned off for PropPaneCols
|
|
12
12
|
|
|
13
|
+
## 1.1.26 - 2023-July 31: FPSTileComponet & css
|
|
14
|
+
- add FpsCompactTile component from PFS-Tile-Component
|
|
15
|
+
- add tileLayout property to FpsTileComponent which will determine layout for items
|
|
16
|
+
- add tileLayout to IFPSTileElementExtras, changesFpsTileComp, PreConfigFpsTileCompProps and IFpsTileComponentWPProps
|
|
17
|
+
- add PropPaneProperty called FPSTileLayoutChoiceProperty which can be used for simple mode.
|
|
18
|
+
- add FPSTileWPGroup to FPSTileWPGroup
|
|
19
|
+
- add IFPSCompactTileSize , IFPSTileLayout and FPSTileLayoutValues
|
|
20
|
+
|
|
21
|
+
## 1.1.26 - 2023-July 31: FPSTileComponet & css
|
|
22
|
+
- fix 'null' as string description in buildFPSSubHubTileItems
|
|
23
|
+
- set content1 and content2 as undefined in buildFPSSubHubTileItems
|
|
24
|
+
- clean up unused imports
|
|
25
|
+
|
|
26
|
+
## 1.1.25 - 2023-July 31: FPSTileComponet & css
|
|
27
|
+
- update components\atoms\Highlights\createContentViewsRecent.tsx:
|
|
28
|
+
require('@mikezimm/fps-styles/dist/pubDate.css');
|
|
29
|
+
|
|
13
30
|
## 1.1.24 - 2023-July 31: FPSTileComponet & css
|
|
14
31
|
- add componentDidUpdate and refreshId to FpsTileComponent
|
|
15
32
|
- fix SubHub Highlights icons... ItemIsAKeys was missing ArchiveContent, PopularLifeTime='blue' now
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
require('@mikezimm/fps-styles/dist/pubDate.css');
|
|
2
3
|
export function createContentViewsRecent(item) {
|
|
3
4
|
// https://github.com/mikezimm/pivottiles7/issues/285
|
|
4
5
|
const views = !item.ViewsLifeTime ? null : React.createElement("div", { className: 'pubDate', title: `Recent Views: ${item.ViewsRecent} LifeTime: ${item.ViewsLifeTime}`, style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createContentViewsRecent.js","sourceRoot":"","sources":["../../../../src/components/atoms/Highlights/createContentViewsRecent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"createContentViewsRecent.js","sourceRoot":"","sources":["../../../../src/components/atoms/Highlights/createContentViewsRecent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,CAAC,uCAAuC,CAAC,CAAC;AAEjD,MAAM,UAAU,wBAAwB,CAAC,IAAoB;IAC3D,qDAAqD;IACrD,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,iBAAiB,IAAI,CAAC,WAAW,cAAc,IAAI,CAAC,aAAa,EAAE,EAAE,KAAK,EAAE;YACvJ,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;YAC/C,KAAK,EAAE,SAAS;SACjB,IAAG,UAAU,IAAI,CAAC,WAAW,EAAE,CAAO,CAAC;IAExC,OAAO,KAAK,CAAC;AACf,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IAnySourceItem } from '../../../AnyContent/IAnyContent';
|
|
3
|
+
import { IFPSCompactTileSize } from '../../webPart/IFpsTileComponentWPProps';
|
|
4
|
+
/**
|
|
5
|
+
* If props is passed in ( as in from web part props ), then the item.FPSItem props will be merged into them.
|
|
6
|
+
* Therefore, any item.FPSItem props will be considered the tie-breaker of both objects have the same keys.
|
|
7
|
+
*
|
|
8
|
+
* This way you can either pre-merge the FPSItem props in the initial data set or merge right here depending on needs.
|
|
9
|
+
* If you have a lot of items but only show a few need the FPSTileElement, it may not make sense to do up front.
|
|
10
|
+
*
|
|
11
|
+
* @param item
|
|
12
|
+
* @param props
|
|
13
|
+
* @returns
|
|
14
|
+
*/
|
|
15
|
+
export declare function FpsCompactTile(item: IAnySourceItem, size?: IFPSCompactTileSize): JSX.Element;
|
|
16
|
+
//# sourceMappingURL=FpsCompactTile.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FpsCompactTile.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/FPSTiles/components/FPSTile/FpsCompactTile.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAI7E;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAE,IAAI,EAAE,cAAc,EAAE,IAAI,GAAE,mBAA2B,GAAI,GAAG,CAAC,OAAO,CA2CrG"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
// import styles from '../FpsTileComponent.module.scss';
|
|
3
|
+
import { Image, } from 'office-ui-fabric-react/lib/Image';
|
|
4
|
+
import { Icon, } from 'office-ui-fabric-react/lib/Icon';
|
|
5
|
+
import { onFPSClick } from '../../functions/onFPSClick';
|
|
6
|
+
require('@mikezimm/fps-styles/dist/fps-compact-tile.css');
|
|
7
|
+
/**
|
|
8
|
+
* If props is passed in ( as in from web part props ), then the item.FPSItem props will be merged into them.
|
|
9
|
+
* Therefore, any item.FPSItem props will be considered the tie-breaker of both objects have the same keys.
|
|
10
|
+
*
|
|
11
|
+
* This way you can either pre-merge the FPSItem props in the initial data set or merge right here depending on needs.
|
|
12
|
+
* If you have a lot of items but only show a few need the FPSTileElement, it may not make sense to do up front.
|
|
13
|
+
*
|
|
14
|
+
* @param item
|
|
15
|
+
* @param props
|
|
16
|
+
* @returns
|
|
17
|
+
*/
|
|
18
|
+
export function FpsCompactTile(item, size = 'med') {
|
|
19
|
+
const { FPSItem } = item;
|
|
20
|
+
const { src, fabric, } = FPSItem.Image;
|
|
21
|
+
const iconName = FPSItem.Icon ? FPSItem.Icon.name : '';
|
|
22
|
+
const iconColor = FPSItem.Icon && FPSItem.Icon.css ? FPSItem.Icon.css.color : null;
|
|
23
|
+
const { href, title, description } = FPSItem.Link;
|
|
24
|
+
const imageIsDefault = src && src.indexOf('_layouts/15/images/sitepagethumbnail.png') > -1 ? true : false;
|
|
25
|
+
const ItemOrIcon = iconName ? React.createElement(Icon, { className: ['fps-compact-icon'].join(' '), iconName: iconName, style: { color: iconColor } }) : React.createElement(Image, { style: { height: imageIsDefault === true ? '20px' : '50px' }, className: ['fps-compact-tile-image'
|
|
26
|
+
].join(' '), src: src, shouldFadeIn: true, imageFit: fabric.imgFit, coverStyle: fabric.imgCover, title: description });
|
|
27
|
+
const newClass = ['fps-compact-tile'];
|
|
28
|
+
if (size === 'small')
|
|
29
|
+
newClass.push('is-small-compact');
|
|
30
|
+
const isCurrent = window.location.pathname.toLocaleLowerCase().indexOf(href === null || href === void 0 ? void 0 : href.replace(window.location.origin, '').toLocaleLowerCase()) > -1 ? true : false;
|
|
31
|
+
const titleStyle = { fontSize: title ? '' : 'smaller', fontWeight: title ? '' : 400 };
|
|
32
|
+
const titleClass = ['fps-compact-tile-title', 'text-ellipse'];
|
|
33
|
+
// https://github.com/mikezimm/drilldown7/issues/264
|
|
34
|
+
if (isCurrent === true)
|
|
35
|
+
titleClass.push('fps-compact-tile-current-title');
|
|
36
|
+
const currentPageIcon = isCurrent !== true ? null : React.createElement("span", { title: 'You are currently on this site', style: {} },
|
|
37
|
+
React.createElement(Icon, { iconName: 'SkypeCheck' }));
|
|
38
|
+
const medium = React.createElement("div", { className: newClass.join(' '), onClick: (e) => { onFPSClick(e, item); } },
|
|
39
|
+
ItemOrIcon,
|
|
40
|
+
React.createElement("div", { className: titleClass.join(' '), style: titleStyle, title: href },
|
|
41
|
+
currentPageIcon,
|
|
42
|
+
" ",
|
|
43
|
+
title),
|
|
44
|
+
React.createElement("div", { className: size === 'med' ? 'fps-compact-tile-desc text-ellipse' : 'text-hidden' }, description));
|
|
45
|
+
return medium;
|
|
46
|
+
}
|
|
47
|
+
//# sourceMappingURL=FpsCompactTile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FpsCompactTile.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/FPSTiles/components/FPSTile/FpsCompactTile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FpsTileElement.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/FPSTiles/components/FPSTile/FpsTileElement.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,cAAc,EAAY,MAAM,4DAA4D,CAAC;AAItG,OAAO,EAAE,oBAAoB,
|
|
1
|
+
{"version":3,"file":"FpsTileElement.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/FPSTiles/components/FPSTile/FpsTileElement.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,cAAc,EAAY,MAAM,4DAA4D,CAAC;AAItG,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAIrF;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAE,IAAI,EAAE,cAAc,EAAE,MAAM,CAAC,EAAE,qBAAqB,EAAE,KAAK,CAAC,EAAE,oBAAoB,GAAI,GAAG,CAAC,OAAO,CAqDhI"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IFPSItemIcon, IFPSItemImage, IFPSItemLink } from '../../../../molecules/AnyContent/IAnyContent';
|
|
3
|
+
import { IFPSTileLayout } from '../../webPart/IFpsTileComponentWPProps';
|
|
3
4
|
export interface IFPSTileElementProps {
|
|
4
5
|
Image: IFPSItemImage;
|
|
5
6
|
Link: IFPSItemLink;
|
|
@@ -14,5 +15,6 @@ export interface IFPSItemContent {
|
|
|
14
15
|
export interface IFPSTileElementExtras {
|
|
15
16
|
titleWrap?: boolean;
|
|
16
17
|
tileHighlightColor?: string;
|
|
18
|
+
tileLayout?: IFPSTileLayout;
|
|
17
19
|
}
|
|
18
20
|
//# sourceMappingURL=IFPSTileElementProps.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IFPSTileElementProps.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/FPSTiles/components/FPSTile/IFPSTileElementProps.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;
|
|
1
|
+
{"version":3,"file":"IFPSTileElementProps.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/FPSTiles/components/FPSTile/IFPSTileElementProps.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AACzG,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAExE,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,aAAa,CAAC;IACrB,IAAI,EAAE,YAAY,CAAC;IACnB,IAAI,EAAE,YAAY,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAGD,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FpsTileComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FPSTiles/components/FpsTileComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAG7F,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kDAAkD,CAAC;
|
|
1
|
+
{"version":3,"file":"FpsTileComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FPSTiles/components/FpsTileComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAG7F,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kDAAkD,CAAC;AAIvF,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACnC;AAID,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,sBAAsB,EAAE,EAAE,CAAC;IACvF,OAAO,CAAC,KAAK,CAAa;IAEnB,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,sBAAsB,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE,GAAG,GAAG,IAAI;IAI9G,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,sBAAsB,CAAC;CA0B5D"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { FPSTileElement } from './FPSTile/FpsTileElement';
|
|
3
3
|
import { checkDeepProperty } from '../../../../logic/Objects/deep';
|
|
4
|
+
import { FpsCompactTile } from './FPSTile/FpsCompactTile';
|
|
4
5
|
require('@mikezimm/fps-styles/dist/fps-tile-component.css');
|
|
5
6
|
export default class FpsTileComponent extends React.Component {
|
|
6
7
|
constructor() {
|
|
@@ -13,11 +14,13 @@ export default class FpsTileComponent extends React.Component {
|
|
|
13
14
|
}
|
|
14
15
|
render() {
|
|
15
16
|
this.count++;
|
|
17
|
+
const tileLayout = this.props.eleExtras && this.props.eleExtras.tileLayout ? this.props.eleExtras.tileLayout : 'hover';
|
|
16
18
|
console.log('rendering', this.count);
|
|
17
19
|
const propsImageWidth = checkDeepProperty(this.props, `eleProps.Image.css.width`.split('.'), 'EmptyString');
|
|
18
20
|
const imageWidth = propsImageWidth ? propsImageWidth : '200px';
|
|
19
21
|
const tiles = this.props.tiles.map((newTile) => {
|
|
20
|
-
const tile = FPSTileElement(newTile, this.props.eleExtras, this.props.eleProps)
|
|
22
|
+
const tile = tileLayout === 'hover' ? FPSTileElement(newTile, this.props.eleExtras, this.props.eleProps) :
|
|
23
|
+
tileLayout === 'small' || tileLayout === 'med' ? FpsCompactTile(newTile, tileLayout) : undefined;
|
|
21
24
|
return tile;
|
|
22
25
|
});
|
|
23
26
|
const gridClasses = ['tileGrid'];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FpsTileComponent.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FPSTiles/components/FpsTileComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAG1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"FpsTileComponent.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FPSTiles/components/FpsTileComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAG1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGnE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAY1D,OAAO,CAAE,kDAAkD,CAAC,CAAC;AAE7D,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,KAAK,CAAC,SAAqC;IAAzF;;QACU,UAAK,GAAW,CAAC,CAAC;IAgC5B,CAAC;IA9BQ,kBAAkB,CAAC,SAA2C,EAAE,SAAuB,EAAE,QAAc;QAC5G,IAAK,SAAS,CAAC,SAAS,KAAK,IAAI,CAAC,KAAK,CAAC,SAAS;YAAG,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACxE,CAAC;IAEM,MAAM;QACX,IAAI,CAAC,KAAK,EAAG,CAAC;QACd,MAAM,UAAU,GAAmB,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;QACvI,OAAO,CAAC,GAAG,CAAE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAE,CAAC;QACvC,MAAM,eAAe,GAAG,iBAAiB,CAAE,IAAI,CAAC,KAAK,EAAE,0BAA0B,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,aAAa,CAAG,CAAC;QAC/G,MAAM,UAAU,GAAW,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC;QACvE,MAAM,KAAK,GAAmB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,CAAE,OAAuB,EAAG,EAAE;YAChF,MAAM,IAAI,GAAG,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,cAAc,CAAE,OAAyB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAE,CAAC,CAAC;gBAC9H,UAAU,KAAK,OAAO,IAAI,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,cAAc,CAAE,OAAyB,EAAE,UAAU,CAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YACrH,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;QAEH,MAAM,WAAW,GAAG,CAAE,UAAU,CAAE,CAAC;QAEnC,yBAAyB;QACzB,IAAK,IAAI,CAAC,KAAK,CAAC,SAAS;YAAG,WAAW,CAAC,IAAI,CAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAE,CAAC;QAErE,6BAA6B;QAC7B,MAAM,aAAa,GAAwB,EAAE,mBAAmB,EAAE,6BAA8B,UAAW,UAAU,EAAE,CAAC;QACxH,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,aAAa,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC;QAE3G,MAAM,SAAS,GAAG,6BAAK,SAAS,EAAG,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAAG,KAAK,EAAG,SAAS;;YAAM,KAAK;gBAAS,CAAC;QAEjG,OAAO,CAAE,SAAS,CAAE,CAAC;IACvB,CAAC;CAEF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buildFPSSubHubTileItems.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FPSTiles/functions/buildFPSSubHubTileItems.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,QAAQ,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"buildFPSSubHubTileItems.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FPSTiles/functions/buildFPSSubHubTileItems.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAG7E,OAAO,EAAE,mBAAmB,EAAE,MAAM,kDAAkD,CAAC;AAKvF;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,mBAAmB,EAAE,cAAc,EAAE,QAAQ,GAAM,mBAAmB,CAqDzJ"}
|
|
@@ -41,8 +41,8 @@ export function buildFPSSubHubTileItems(results, bannerProps, webPartFPSItem) {
|
|
|
41
41
|
shiftClick: href,
|
|
42
42
|
metaClick: `${href}?${gulpParam1}`,
|
|
43
43
|
key3Click: href,
|
|
44
|
-
title: `${item.Title}`,
|
|
45
|
-
description: `${item.Description}`,
|
|
44
|
+
title: `${item.Title ? item.Title : ''}`,
|
|
45
|
+
description: `${item.Description ? item.Description : ''}`,
|
|
46
46
|
};
|
|
47
47
|
});
|
|
48
48
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -50,8 +50,8 @@ export function buildFPSSubHubTileItems(results, bannerProps, webPartFPSItem) {
|
|
|
50
50
|
// console.log('MockHubTiles', results.itemsY );
|
|
51
51
|
results.itemsY.map((item) => {
|
|
52
52
|
item.FPSItem.Elements = {
|
|
53
|
-
|
|
54
|
-
|
|
53
|
+
content1: undefined,
|
|
54
|
+
content2: undefined,
|
|
55
55
|
content3: createContentViewsRecent(item),
|
|
56
56
|
content4: createItemHighlights(item, { position: 'absolute', top: '10px', right: '10px', zIndex: 1 }),
|
|
57
57
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buildFPSSubHubTileItems.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FPSTiles/functions/buildFPSSubHubTileItems.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"buildFPSSubHubTileItems.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FPSTiles/functions/buildFPSSubHubTileItems.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,gDAAgD,CAAC;AAE7E,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,oDAAoD,CAAC;AAC9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,gDAAgD,CAAC;AAEtF;;;;;;;;GAQG;AACH,MAAM,UAAU,uBAAuB,CAAE,OAA4B,EAAE,WAAgC,EAAE,cAAwB;IAE/H,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAE,IAAoB,EAAG,EAAE;QAC5C,MAAM,UAAU,GAAY,IAAI,CAAC;QACjC,MAAM,QAAQ,GAAW,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,wCAAwC;YACjH,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAE,qDAAqD;gBAClG,UAAU,CAAC,mBAAmB,CAAC,CAAC,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;oBACjE,WAAW,CAAE,WAAW,CAAC,eAAe,EAAE,IAAW,EAAE,SAAS,CAAE,CAAC;QAErE,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG;YACnB,GAAG,EAAE,QAAQ;YACb,MAAM,EAAE;gBACN,QAAQ,EAAE,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;gBAC9C,MAAM,EAAE,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM;aAC3C;YACD,GAAG,EAAE;gBACH,MAAM,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE;gBAC5C,KAAK,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE;gBAC1C,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU;aAChD;SACF,CAAA;QAED,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG;YAClB,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE;SACxC,CAAA;QACD,MAAM,IAAI,GAAW,IAAI,CAAC,iBAAiB,CAAC;QAC5C,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG;YAClB,IAAI,EAAE,IAAI;YACV,QAAQ,EAAE,IAAI;YACd,SAAS,EAAE,IAAI;YACf,UAAU,EAAE,IAAI;YAChB,SAAS,EAAE,GAAG,IAAI,IAAI,UAAU,EAAE;YAClC,SAAS,EAAE,IAAI;YACf,KAAK,EAAE,GAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAG,EAAE;YAC1C,WAAW,EAAE,GAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAG,EAAE;SAC7D,CAAA;IACH,CAAC,CAAC,CAAC;IAEH,8DAA8D;IAC9D,2DAA2D;IAC3D,gDAAgD;IAEhD,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAoB,EAAG,EAAE;QAC3C,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG;YACtB,QAAQ,EAAE,SAAS;YACnB,QAAQ,EAAE,SAAS;YACnB,QAAQ,EAAE,wBAAwB,CAAC,IAAI,CAAC;YACxC,QAAQ,EAAE,oBAAoB,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;SACtG,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC;AAEjB,CAAC"}
|
|
@@ -43,7 +43,7 @@ export function mergeFPSItemProps(wpProps, previousFpsItem) {
|
|
|
43
43
|
const thisFPSItem = buildFpsTileWPProps(wpProps);
|
|
44
44
|
if (!previousFpsItem)
|
|
45
45
|
return thisFPSItem;
|
|
46
|
-
const mergedFPSItem = mergeDeep(thisFPSItem, previousFpsItem, ['Elements']);
|
|
46
|
+
const mergedFPSItem = mergeDeep(thisFPSItem, previousFpsItem, ['Elements',]);
|
|
47
47
|
return mergedFPSItem;
|
|
48
48
|
}
|
|
49
49
|
//# sourceMappingURL=packageFPSTileProps.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"packageFPSTileProps.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FPSTiles/functions/packageFPSTileProps.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;;;;GAKG;AACH,MAAM,UAAU,mBAAmB,CAAG,OAAiC,EAAE,QAAgB,IAAI,EAAE,QAAgB,IAAI;IAEjH,MAAM,OAAO,GAAa;QACxB,KAAK,EAAE;YACL,GAAG,EAAE,EAAE;YACP,GAAG,EAAE;gBACH,MAAM,EAAE,GAAG,OAAO,CAAC,aAAa,GAAG,KAAK,EAAE;gBAC1C,KAAK,EAAE,GAAG,OAAO,CAAC,YAAY,GAAG,KAAK,EAAE;gBACxC,UAAU,EAAE,OAAO,CAAC,iBAAiB;aACtC;YACD,MAAM,EAAE;gBACN,QAAQ,EAAE,WAAW,CAAE,OAAO,CAAC,YAAY,CAAE;gBAC7C,MAAM,EAAE,SAAS,CAAE,OAAO,CAAC,UAAU,CAAE;aACxC;SACF;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE;SACT;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE;SACT;QACD,GAAG,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE;KACxB,CAAA;IAED,OAAO,OAAO,CAAC;AAEjB,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,iBAAiB,CAAG,OAAiC,EAAE,eAA0B;IAE/F,MAAM,WAAW,GAAa,mBAAmB,CAAE,OAAO,CAAE,CAAC;IAC7D,IAAK,CAAC,eAAe;QAAG,OAAO,WAAW,CAAC;IAE3C,MAAM,aAAa,GAAa,SAAS,CAAE,WAAW,EAAE,eAAe,EAAE,CAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"packageFPSTileProps.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FPSTiles/functions/packageFPSTileProps.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;;;;GAKG;AACH,MAAM,UAAU,mBAAmB,CAAG,OAAiC,EAAE,QAAgB,IAAI,EAAE,QAAgB,IAAI;IAEjH,MAAM,OAAO,GAAa;QACxB,KAAK,EAAE;YACL,GAAG,EAAE,EAAE;YACP,GAAG,EAAE;gBACH,MAAM,EAAE,GAAG,OAAO,CAAC,aAAa,GAAG,KAAK,EAAE;gBAC1C,KAAK,EAAE,GAAG,OAAO,CAAC,YAAY,GAAG,KAAK,EAAE;gBACxC,UAAU,EAAE,OAAO,CAAC,iBAAiB;aACtC;YACD,MAAM,EAAE;gBACN,QAAQ,EAAE,WAAW,CAAE,OAAO,CAAC,YAAY,CAAE;gBAC7C,MAAM,EAAE,SAAS,CAAE,OAAO,CAAC,UAAU,CAAE;aACxC;SACF;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE;SACT;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE;SACT;QACD,GAAG,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE;KACxB,CAAA;IAED,OAAO,OAAO,CAAC;AAEjB,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,iBAAiB,CAAG,OAAiC,EAAE,eAA0B;IAE/F,MAAM,WAAW,GAAa,mBAAmB,CAAE,OAAO,CAAE,CAAC;IAC7D,IAAK,CAAC,eAAe;QAAG,OAAO,WAAW,CAAC;IAE3C,MAAM,aAAa,GAAa,SAAS,CAAE,WAAW,EAAE,eAAe,EAAE,CAAE,UAAU,EAAG,CAAE,CAAC;IAC3F,OAAO,aAAa,CAAC;AAEvB,CAAC"}
|
|
@@ -1,8 +1,14 @@
|
|
|
1
|
-
import { IPropertyPaneGroup } from '@microsoft/sp-property-pane';
|
|
1
|
+
import { IPropertyPaneGroup, IPropertyPaneField } from '@microsoft/sp-property-pane';
|
|
2
2
|
export declare const highlightColorChoices: {
|
|
3
3
|
index: number;
|
|
4
4
|
key: string;
|
|
5
5
|
text: string;
|
|
6
6
|
}[];
|
|
7
|
+
export declare const fpsTileLayoutChoices: {
|
|
8
|
+
index: number;
|
|
9
|
+
key: string;
|
|
10
|
+
text: string;
|
|
11
|
+
}[];
|
|
12
|
+
export declare const FPSTileLayoutChoiceProperty: IPropertyPaneField<any>;
|
|
7
13
|
export declare function FPSTileWPGroup(): IPropertyPaneGroup;
|
|
8
14
|
//# sourceMappingURL=FPSTileWPGroup.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FPSTileWPGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FPSTiles/webPart/FPSTileWPGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EACJ,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,EACnB,MAAM,6BAA6B,CAAC;AAKrC,eAAO,MAAM,qBAAqB;;;;GASjC,CAAC;AAGF,eAAO,MAAM,oBAAoB;;;;GAMhC,CAAC;AAGF,eAAO,MAAM,2BAA2B,EAAE,kBAAkB,CAAC,GAAG,CAI9D,CAAC;AAEH,wBAAgB,cAAc,IAAK,kBAAkB,CA0EpD"}
|
|
@@ -10,9 +10,23 @@ export const highlightColorChoices = [
|
|
|
10
10
|
{ index: 1, key: 'coral', text: "Coral" },
|
|
11
11
|
{ index: 1, key: 'lightgray', text: "Light Gray" },
|
|
12
12
|
];
|
|
13
|
+
// Should match: IFPSTileLayout = 'small' | 'med' | 'hover' | 'card'
|
|
14
|
+
export const fpsTileLayoutChoices = [
|
|
15
|
+
{ index: 0, key: 'small', text: "Small" },
|
|
16
|
+
{ index: 1, key: 'med', text: "Medium" },
|
|
17
|
+
{ index: 1, key: 'hover', text: "Hover Tile" },
|
|
18
|
+
{ index: 1, key: 'card', text: "Card" },
|
|
19
|
+
];
|
|
20
|
+
// This constant can be reused in case of using 'Simple' mode instead of entire prop pane group.
|
|
21
|
+
export const FPSTileLayoutChoiceProperty = PropertyPaneDropdown('tileLayout', {
|
|
22
|
+
label: `Tile Layout`,
|
|
23
|
+
description: `Default Tile layout. You can toggle layouts live in webpart but this is the default when page loads.`,
|
|
24
|
+
options: fpsTileLayoutChoices,
|
|
25
|
+
});
|
|
13
26
|
export function FPSTileWPGroup() {
|
|
14
27
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
15
28
|
const groupFields = [];
|
|
29
|
+
groupFields.push(FPSTileLayoutChoiceProperty);
|
|
16
30
|
groupFields.push(PropertyPaneSlider('tileImgHeight', {
|
|
17
31
|
label: 'Image Height (pixels)',
|
|
18
32
|
min: 100,
|
|
@@ -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,EAClF,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,aAAa,EAAE,eAAe,GAAG,MAAM,kCAAkC,CAAC;AAGnF,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE;IAC3C,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE;IACzC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAE;IAClD,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE;IACvC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE;IAC3C,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE;IACvC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE;IACzC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAE;CACnD,CAAC;AAEF,MAAM,UAAU,cAAc;IAE5B,8DAA8D;IAC9D,MAAM,WAAW,GAA8B,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"FPSTileWPGroup.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FPSTiles/webPart/FPSTileWPGroup.ts"],"names":[],"mappings":"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"}
|
|
@@ -14,6 +14,9 @@ export declare const changesFpsTileComp: string[];
|
|
|
14
14
|
|
|
15
15
|
*/
|
|
16
16
|
export declare const PreConfigFpsTileCompProps: IFpsTileComponentWPProps;
|
|
17
|
+
export declare const FPSTileLayoutValues: IFPSTileLayout[];
|
|
18
|
+
export type IFPSCompactTileSize = 'small' | 'med';
|
|
19
|
+
export type IFPSTileLayout = 'small' | 'med' | 'hover' | 'card';
|
|
17
20
|
export interface IFpsTileComponentWPProps {
|
|
18
21
|
tileImgWidth: number;
|
|
19
22
|
tileImgHeight: number;
|
|
@@ -22,5 +25,6 @@ export interface IFpsTileComponentWPProps {
|
|
|
22
25
|
tileImgBackground: string;
|
|
23
26
|
tileTitleWrap: boolean;
|
|
24
27
|
tileHighlightColor: string;
|
|
28
|
+
tileLayout: IFPSTileLayout;
|
|
25
29
|
}
|
|
26
30
|
//# sourceMappingURL=IFpsTileComponentWPProps.d.ts.map
|
|
@@ -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,EACqC,CAAC;AAE9E;;;;;;;;;;;;EAYE;AACF,eAAO,MAAM,yBAAyB,EAAE,
|
|
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,EACqC,CAAC;AAE9E;;;;;;;;;;;;EAYE;AACF,eAAO,MAAM,yBAAyB,EAAE,wBASvC,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;AAGhE,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;CAC5B"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export const changesFpsTileComp = ['tileImgWidth', 'tileImgHeight', 'tileImgCover',
|
|
1
|
+
export const changesFpsTileComp = ['tileLayout', 'tileImgWidth', 'tileImgHeight', 'tileImgCover',
|
|
2
2
|
'tileImgFit', 'tileImgBackground', 'tileTitleWrap', 'tileHighlightColor'];
|
|
3
3
|
/**
|
|
4
4
|
* Sample usage of PreConfigProps
|
|
@@ -20,6 +20,9 @@ export const PreConfigFpsTileCompProps = {
|
|
|
20
20
|
tileImgFit: 'centerContain',
|
|
21
21
|
tileImgBackground: "lightgray",
|
|
22
22
|
tileTitleWrap: false,
|
|
23
|
-
tileHighlightColor: "yellow"
|
|
23
|
+
tileHighlightColor: "yellow",
|
|
24
|
+
tileLayout: 'hover',
|
|
24
25
|
};
|
|
26
|
+
// This can be used for toggling layout
|
|
27
|
+
export const FPSTileLayoutValues = ['small', 'med', 'hover', 'card'];
|
|
25
28
|
//# 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,cAAc,EAAE,eAAe,EAAG,cAAc;
|
|
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,CAAE,CAAC;AAE9E;;;;;;;;;;;;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;CACpB,CAAA;AAED,uCAAuC;AACvC,MAAM,CAAC,MAAM,mBAAmB,GAAqB,CAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC"}
|