@mikezimm/fps-library-v2 1.0.178 → 1.0.180

package/lib/components/molecules/FullPageBackGround/addCanvasBGImageComponent.js

@@ -0,0 +1,110 @@
+import { check4This } from "@mikezimm/fps-pnp2/lib/services/sp/CheckSearch";
+// require( './forceWhiteText.css' );
+// require( './fullPageBackground.css' );
+require('@mikezimm/fps-styles/dist/forceWhiteText.css');
+require('@mikezimm/fps-styles/dist/fullPageBackground.css');
+export function addCanvasBGImageComponent(webPartProps, updates) {
+    // Added due to https://github.com/mikezimm/Slick-Sections/issues/51
+    const defaultWhiteText = check4This(`defaultFontColor=default`) === true ? false : check4This(`defaultFontColor=white`) === true ? true : webPartProps.defaultWhiteText;
+    let fullPageImageFit = webPartProps.fullPageImageFit;
+    if (check4This(`fullPageFit=Original`) === true) {
+        fullPageImageFit = `Original`;
+    }
+    else if (check4This(`fullPageFit=Layout2`) === true) {
+        fullPageImageFit = `Layout2`;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    let slickCanvasBG = Array.from(document.getElementsByClassName(`slickSectionCanvasBG`));
+    if (slickCanvasBG.length === 0)
+        slickCanvasBG = Array.from(document.getElementsByClassName(`slickSectionCanvasBG2`));
+    if (!webPartProps.fullPageImage) {
+        // if the fps canvas element exists already, just remove the visibleSlickSection className and return
+        if (slickCanvasBG.length > 0) {
+            slickCanvasBG[0].classList.remove(`visibleSlickSection`);
+        }
+        return updates;
+    }
+    // https://developer.mozilla.org/en-US/docs/Web/API/Element/getElementsByClassName
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const divsCanvas = Array.from(document.getElementsByClassName(`CanvasComponent`));
+    if (divsCanvas.length === 0) {
+        // If there are no CanvasComponent elements, then I don't have an element to prepend the background to
+        console.log(`FPS Slick Sections addPreCanvasComponent - NO CanvasComponent found`);
+        return updates;
+    }
+    const fullPageImageFilter = webPartProps.fullPageImageFilter ? `style= "filter:${webPartProps.fullPageImageFilter}"` : ``;
+    const canvasClass = fullPageImageFit === 'Layout2' ? `slickSectionCanvasBG2` : `slickSectionCanvasBG`;
+    const imgClass = fullPageImageFit === 'Layout2' ? `slickSectionCanvasBGImg2` : `slickSectionCanvasBGImg`;
+    // https://github.com/mikezimm/Slick-Sections/issues/40
+    const divHTML = `<div class="${canvasClass}">
+    <img class="${imgClass}" src="${webPartProps.fullPageImage}" ${fullPageImageFilter}>
+    <div class="${`slickSectionCanvasBGOverlay`}" style="
+        background: ${webPartProps.fullPageOverlayColor};
+        opacity: ${webPartProps.fullPageOverlayOpacity};
+    "></div>
+  </div>`;
+    if (slickCanvasBG.length > 0) {
+        // If slickCanvasBG already exists, add the visible class
+        slickCanvasBG[0].classList.add(`visibleSlickSection`);
+        // Then update the src
+        const img = slickCanvasBG[0].getElementsByClassName(imgClass);
+        if (img && img.src !== webPartProps.fullPageImage)
+            img.src = webPartProps.fullPageImage;
+        updates++;
+    }
+    else {
+        const tempDiv = document.createElement("div");
+        // https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentElement
+        divsCanvas[0].insertAdjacentElement("beforebegin", tempDiv);
+        tempDiv.outerHTML = divHTML;
+        tempDiv.classList.add(`visibleSlickSection`);
+        updates++;
+    }
+    // Only apply white to command bar if there is an image && you force white default
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const cmdBar = Array.from(document.getElementsByClassName(`mainContent`));
+    if (cmdBar && cmdBar.length > 0) {
+        if (defaultWhiteText === true) {
+            cmdBar[0].classList.add(`forceWhiteTextCmdButton`);
+        }
+        else {
+            cmdBar[0].classList.remove(`forceWhiteTextCmdButton`);
+        }
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const siteHeader = document.querySelector(`[data-automationid="SiteHeader"]`);
+    if (siteHeader) {
+        if (defaultWhiteText === true) {
+            siteHeader.classList.add(`forceWhiteTextSiteHeader`);
+        }
+        else {
+            siteHeader.classList.remove(`forceWhiteTextSiteHeader`);
+        }
+    }
+    // Added this for horizontal nav https://github.com/mikezimm/Slick-Sections/issues/53
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const horizontalNav = Array.from(document.getElementsByClassName(`ms-HorizontalNav`));
+    if (horizontalNav && horizontalNav.length > 0) {
+        // Added targetIdx because first ms-HorizontalNav might be Hub Nav which does not have background
+        // Then also get parentElement so it can target both the HorizontalName AND actionsWrapper class
+        const targetIdx = horizontalNav.length - 1;
+        if (defaultWhiteText === true) {
+            horizontalNav[targetIdx].parentElement.classList.add(`forceWhiteTextSiteHeader`);
+        }
+        else {
+            horizontalNav[targetIdx].parentElement.classList.remove(`forceWhiteTextSiteHeader`);
+        }
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const pageHeader = document.querySelector(`[data-automation-id="pageHeader"]`);
+    if (pageHeader) {
+        if (defaultWhiteText === true) {
+            pageHeader.classList.add(`forceWhiteTextPageHeader`);
+        }
+        else {
+            pageHeader.classList.remove(`forceWhiteTextPageHeader`);
+        }
+    }
+    return updates;
+}
+//# sourceMappingURL=addCanvasBGImageComponent.js.map

package/lib/components/molecules/FullPageBackGround/addCanvasBGImageComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addCanvasBGImageComponent.js","sourceRoot":"","sources":["../../../../src/components/molecules/FullPageBackGround/addCanvasBGImageComponent.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,gDAAgD,CAAC;AAG5E,qCAAqC;AACrC,yCAAyC;AAEzC,OAAO,CAAC,8CAA8C,CAAC,CAAC;AACxD,OAAO,CAAC,kDAAkD,CAAC,CAAC;AAE5D,MAAM,UAAU,yBAAyB,CAAC,YAA+B,EAAE,OAAe;IAExF,oEAAoE;IACpE,MAAM,gBAAgB,GAAY,UAAU,CAAC,0BAA0B,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,wBAAwB,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,gBAAgB,CAAC;IAEjL,IAAI,gBAAgB,GAAyB,YAAY,CAAC,gBAAgB,CAAC;IAC3E,IAAI,UAAU,CAAC,sBAAsB,CAAC,KAAK,IAAI,EAAE;QAAE,gBAAgB,GAAG,UAAU,CAAC;KAAE;SAC9E,IAAI,UAAU,CAAC,qBAAqB,CAAC,KAAK,IAAI,EAAE;QAAE,gBAAgB,GAAG,SAAS,CAAC;KAAE;IAEtF,8DAA8D;IAC9D,IAAI,aAAa,GAAU,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,sBAAsB,CAAC,sBAAsB,CAAC,CAAC,CAAC;IAC/F,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC;QAC5B,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,sBAAsB,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAEvF,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE;QAC/B,qGAAqG;QACrG,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;YAC5B,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;SAC1D;QAED,OAAO,OAAO,CAAC;KAEhB;IAED,kFAAkF;IAClF,8DAA8D;IAC9D,MAAM,UAAU,GAAU,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,sBAAsB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAEzF,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE;QAC3B,sGAAsG;QACtG,OAAO,CAAC,GAAG,CAAC,qEAAqE,CAAC,CAAC;QACnF,OAAO,OAAO,CAAC;KAChB;IAED,MAAM,mBAAmB,GAAG,YAAY,CAAC,mBAAmB,CAAC,CAAC,CAAC,kBAAkB,YAAY,CAAC,mBAAmB,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1H,MAAM,WAAW,GAAG,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,sBAAsB,CAAC;IACtG,MAAM,QAAQ,GAAG,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,yBAAyB,CAAC;IACzG,uDAAuD;IACvD,MAAM,OAAO,GAAG,eAAe,WAAW;kBAC1B,QAAQ,UAAU,YAAY,CAAC,aAAa,KAAK,mBAAmB;kBACpE,6BAA6B;sBACzB,YAAY,CAAC,oBAAoB;mBACpC,YAAY,CAAC,sBAAsB;;SAE7C,CAAC;IAER,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;QAE5B,yDAAyD;QACzD,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;QAEtD,sBAAsB;QACtB,MAAM,GAAG,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAE,QAAQ,CAAE,CAAC;QAChE,IAAI,GAAG,IAAI,GAAG,CAAC,GAAG,KAAK,YAAY,CAAC,aAAa;YAC/C,GAAG,CAAC,GAAG,GAAG,YAAY,CAAC,aAAa,CAAC;QACvC,OAAO,EAAE,CAAC;KAEX;SAAM;QAEL,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE9C,iFAAiF;QACjF,UAAU,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;QAE5D,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC;QAE5B,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;QAE7C,OAAO,EAAE,CAAC;KACX;IAED,kFAAkF;IAClF,8DAA8D;IAC9D,MAAM,MAAM,GAAU,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,sBAAsB,CAAC,aAAa,CAAC,CAAC,CAAC;IACjF,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;QAC/B,IAAI,gBAAgB,KAAK,IAAI,EAAE;YAC7B,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;SACpD;aAAM;YACL,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAC;SACvD;KACF;IAED,8DAA8D;IAC9D,MAAM,UAAU,GAAQ,QAAQ,CAAC,aAAa,CAAC,kCAAkC,CAAC,CAAC;IACnF,IAAI,UAAU,EAAE;QACd,IAAI,gBAAgB,KAAK,IAAI,EAAE;YAC7B,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;SACtD;aAAM;YACL,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC;SACzD;KACF;IAED,qFAAqF;IACrF,8DAA8D;IAC9D,MAAM,aAAa,GAAU,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,sBAAsB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC7F,IAAI,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;QAC7C,iGAAiG;QACjG,gGAAgG;QAChG,MAAM,SAAS,GAAG,aAAa,CAAC,MAAM,GAAE,CAAC,CAAC;QAC1C,IAAI,gBAAgB,KAAK,IAAI,EAAE;YAC7B,aAAa,CAAC,SAAS,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;SAClF;aAAM;YACL,aAAa,CAAC,SAAS,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC;SACrF;KACF;IAED,8DAA8D;IAC9D,MAAM,UAAU,GAAQ,QAAQ,CAAC,aAAa,CAAC,mCAAmC,CAAC,CAAC;IACpF,IAAI,UAAU,EAAE;QACd,IAAI,gBAAgB,KAAK,IAAI,EAAE;YAC7B,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;SACtD;aAAM;YACL,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC;SACzD;KACF;IAGD,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/lib/components/molecules/FullPageBackGround/forceWebpartWhiteText.d.ts

@@ -0,0 +1,10 @@
+/**
+ * NOTE:  To get CanvasZones, do this:
+ *    const divs: any[] = Array.from( document.querySelectorAll('.CanvasZone'));
+ *
+ * @param CanvasZone
+ * @param updates
+ * @returns
+ */
+export declare function forceWebpartWhiteText(CanvasZone: Element, updates: number): number;
+//# sourceMappingURL=forceWebpartWhiteText.d.ts.map

package/lib/components/molecules/FullPageBackGround/forceWebpartWhiteText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"forceWebpartWhiteText.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/FullPageBackGround/forceWebpartWhiteText.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAclF"}

package/lib/components/molecules/FullPageBackGround/forceWebpartWhiteText.js

@@ -0,0 +1,21 @@
+// require( './forceWhiteText.css' );
+require('@mikezimm/fps-styles/dist/forceWhiteText.css');
+/**
+ * NOTE:  To get CanvasZones, do this:
+ *    const divs: any[] = Array.from( document.querySelectorAll('.CanvasZone'));
+ *
+ * @param CanvasZone
+ * @param updates
+ * @returns
+ */
+export function forceWebpartWhiteText(CanvasZone, updates) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const webparts = Array.from(CanvasZone.querySelectorAll('.ControlZone'));
+    console.log("CanvasControls.length: ", webparts.length);
+    webparts.map((thisWP, wpNumb) => {
+        thisWP.classList.add('forceWhiteText');
+        updates++;
+    });
+    return updates;
+}
+//# sourceMappingURL=forceWebpartWhiteText.js.map

package/lib/components/molecules/FullPageBackGround/forceWebpartWhiteText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forceWebpartWhiteText.js","sourceRoot":"","sources":["../../../../src/components/molecules/FullPageBackGround/forceWebpartWhiteText.ts"],"names":[],"mappings":"AACA,qCAAqC;AACrC,OAAO,CAAC,8CAA8C,CAAC,CAAC;AACxD;;;;;;;GAOG;AACH,MAAM,UAAU,qBAAqB,CAAC,UAAmB,EAAE,OAAe;IAExE,8DAA8D;IAC9D,MAAM,QAAQ,GAAU,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,CAAC;IAChF,OAAO,CAAC,GAAG,CAAC,yBAAyB,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAExD,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE;QAC9B,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;QACvC,OAAO,EAAE,CAAC;IAEZ,CAAC,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC;AAEjB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mikezimm/fps-library-v2",
-  "version": "1.0.178",
+  "version": "1.0.180",
   "description": "Library of reusable typescript/javascript functions, interfaces and constants",
   "license": "MIT",
   "main": "./lib/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@microsoft/sp-property-pane": "^1.15.2",
     "@mikezimm/fps-pnp2": "^1.0.44",
-    "@mikezimm/fps-styles": "^1.0.21",
+    "@mikezimm/fps-styles": "^1.0.22",
     "@pnp/spfx-controls-react": "3.12.0",
     "@pnp/spfx-property-controls": "^3.6.0",
     "office-ui-fabric-react": "^7.199.1",