@mikezimm/fps-library-v2 1.1.20 → 1.1.22

package/CHANGELOG.md

@@ -4,12 +4,16 @@ npm run clean
 npm run build
 npm version major/minor/patch
 npm publish --access=public
-npm install @mikezimm/fps-library-v2@1.1.20
+npm install @mikezimm/fps-library-v2@1.1.21
 
 # Changelog
 
 NOTE:  TURN BACK ON STRICT NULL CHECKS - turned off for PropPaneCols
 
+## 1.1.21 - 2023-July 31: FPSTileComponet & css
+- migrate actual FpsTileComponent
+- update css require statements for FpsTileComponent
+
 ## 1.1.20 - 2023-July 31: FPSTileComponet css
 npm install @mikezimm/fps-styles@1.0.41
 

package/lib/components/atoms/Highlights/createContentPubDate.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-require('./pubDate.css');
+require('@mikezimm/fps-styles/dist/pubDate.css');
 export function createContentPubDate(item) {
     var _a;
     const pubDate = !item.FirstPublishedDate ? null : React.createElement("div", { className: 'pubDate', title: `Published on ${item.FirstPublishedDate}`, style: {

package/lib/components/atoms/Highlights/createContentPubDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"createContentPubDate.js","sourceRoot":"","sources":["../../../../src/components/atoms/Highlights/createContentPubDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,CAAE,eAAe,CAAC,CAAC;AAE1B,MAAM,UAAU,oBAAoB,CAAC,IAAoB;;IACvD,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,IAAI,CAAC,kBAAkB,EAAE,EAAE,KAAK,EAAE;YACpI,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM;YAC9E,KAAK,EAAE,SAAS;SACjB,IAAG,GAAG,MAAA,IAAI,CAAC,kBAAkB,0CAAE,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAO,CAAC;IAE1D,OAAO,OAAO,CAAC;AACjB,CAAC"}
+{"version":3,"file":"createContentPubDate.js","sourceRoot":"","sources":["../../../../src/components/atoms/Highlights/createContentPubDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,CAAE,uCAAuC,CAAC,CAAC;AAElD,MAAM,UAAU,oBAAoB,CAAC,IAAoB;;IACvD,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,IAAI,CAAC,kBAAkB,EAAE,EAAE,KAAK,EAAE;YACpI,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM;YAC9E,KAAK,EAAE,SAAS;SACjB,IAAG,GAAG,MAAA,IAAI,CAAC,kBAAkB,0CAAE,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAO,CAAC;IAE1D,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/lib/components/molecules/FPSTiles/components/FpsTileComponent.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { IFPSTileElementExtras, IFPSTileElementProps } from './FPSTile/IFPSTileElementProps';
+import { IAnySourceItem } from '../../AnyContent/IAnyContent';
+export interface IFpsTileComponentProps {
+    eleExtras?: IFPSTileElementExtras;
+    eleProps?: IFPSTileElementProps;
+    tiles: IAnySourceItem[];
+}
+export default class FpsTileComponent extends React.Component<IFpsTileComponentProps, {}> {
+    private count;
+    render(): React.ReactElement<IFpsTileComponentProps>;
+}
+//# sourceMappingURL=FpsTileComponent.d.ts.map

package/lib/components/molecules/FPSTiles/components/FpsTileComponent.d.ts.map

@@ -0,0 +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;AAI9D,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAID,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,sBAAsB,EAAE,EAAE,CAAC;IACvF,OAAO,CAAC,KAAK,CAAa;IACnB,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,sBAAsB,CAAC;CAkB5D"}

package/lib/components/molecules/FPSTiles/components/FpsTileComponent.js

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { FPSTileElement } from './FPSTile/FpsTileElement';
+import { checkDeepProperty } from '../../../../logic/Objects/deep';
+require('@mikezimm/fps-styles/dist/fps-tile-component.css');
+export default class FpsTileComponent extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.count = 0;
+    }
+    render() {
+        this.count++;
+        console.log('rendering', this.count);
+        const propsImageWidth = checkDeepProperty(this.props, `eleProps.Image.css.width`.split('.'), 'EmptyString');
+        const imageWidth = propsImageWidth ? propsImageWidth : '200px';
+        const tiles = this.props.tiles.map((newTile) => {
+            const tile = FPSTileElement(newTile, this.props.eleExtras, this.props.eleProps);
+            return tile;
+        });
+        const gridClasses = ['tileGrid'];
+        const gridWidth = { gridTemplateColumns: `repeat( auto-fill, minmax(${imageWidth}, 1fr) )` };
+        const tileBuild = React.createElement("div", { className: gridClasses.join(' '), style: gridWidth },
+            " ",
+            tiles,
+            " ");
+        return (tileBuild);
+    }
+}
+//# sourceMappingURL=FpsTileComponent.js.map

package/lib/components/molecules/FPSTiles/components/FpsTileComponent.js.map

@@ -0,0 +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;AAQnE,OAAO,CAAE,kDAAkD,CAAC,CAAC;AAE7D,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,KAAK,CAAC,SAAqC;IAAzF;;QACU,UAAK,GAAW,CAAC,CAAC;IAmB5B,CAAC;IAlBQ,MAAM;QACX,IAAI,CAAC,KAAK,EAAG,CAAC;QACd,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,cAAc,CAAE,OAAyB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAE,CAAC;YACpG,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;QAEH,MAAM,WAAW,GAAG,CAAE,UAAU,CAAE,CAAC;QACnC,MAAM,SAAS,GAAwB,EAAE,mBAAmB,EAAE,6BAA8B,UAAW,UAAU,EAAE,CAAC;QAEpH,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"}

package/lib/components/molecules/FPSTiles/webPart/IFpsTileComponentWPProps.d.ts

@@ -1,4 +1,19 @@
 import { IImageFit, IImageCover } from '../../../../common/Images/imgFit';
+export declare const changesFpsTileComp: string[];
+/**
+ * Sample usage of PreConfigProps
+ *
+ export const WPPresetEverywhere : IPreConfigSettings = {
+    source: 'WPPresetEverywhere',
+    location: '*',
+    props: { ...PreConfigFpsTileCompProps, ...{
+        bannerTitle: "FPS Hub Connections",
+        defPinState: 'disabled',
+    }},
+  };
+
+*/
+export declare const PreConfigFpsTileCompProps: IFpsTileComponentWPProps;
 export interface IFpsTileComponentWPProps {
     tileImgWidth: number;
     tileImgHeight: number;

package/lib/components/molecules/FPSTiles/webPart/IFpsTileComponentWPProps.d.ts.map

@@ -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,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;CAC5B"}
+{"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,wBAQvC,CAAA;AAGD,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;CAC5B"}

package/lib/components/molecules/FPSTiles/webPart/IFpsTileComponentWPProps.js

@@ -1,2 +1,25 @@
-export {};
+export const changesFpsTileComp = ['tileImgWidth', 'tileImgHeight', 'tileImgCover',
+    'tileImgFit', 'tileImgBackground', 'tileTitleWrap', 'tileHighlightColor'];
+/**
+ * Sample usage of PreConfigProps
+ *
+ export const WPPresetEverywhere : IPreConfigSettings = {
+    source: 'WPPresetEverywhere',
+    location: '*',
+    props: { ...PreConfigFpsTileCompProps, ...{
+        bannerTitle: "FPS Hub Connections",
+        defPinState: 'disabled',
+    }},
+  };
+
+*/
+export const PreConfigFpsTileCompProps = {
+    tileImgWidth: 200,
+    tileImgHeight: 125,
+    tileImgCover: 'landscape',
+    tileImgFit: 'centerContain',
+    tileImgBackground: "lightgray",
+    tileTitleWrap: false,
+    tileHighlightColor: "yellow"
+};
 //# sourceMappingURL=IFpsTileComponentWPProps.js.map

package/lib/components/molecules/FPSTiles/webPart/IFpsTileComponentWPProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"IFpsTileComponentWPProps.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FPSTiles/webPart/IFpsTileComponentWPProps.ts"],"names":[],"mappings":""}
+{"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;IAC7F,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;CAC7B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mikezimm/fps-library-v2",
-  "version": "1.1.20",
+  "version": "1.1.22",
   "description": "Library of reusable typescript/javascript functions, interfaces and constants",
   "license": "MIT",
   "main": "./lib/index.js",