@pnp/spfx-controls-react 3.20.0-beta.1039547 → 3.20.0-beta.1041708

package/lib/common/telemetry/version.js

@@ -1,2 +1,2 @@
-export var version = "3.20.0-beta.1039547";
+export var version = "3.20.0-beta.1041708";
 //# sourceMappingURL=version.js.map

package/lib/controls/dashboard/widget/IWidget.d.ts

@@ -27,6 +27,7 @@ export declare enum WidgetSize {
     Single = "single",
     Double = "double",
     Triple = "triple",
+    Quadruple = "quadruple",
     Box = "box"
 }
 /**
@@ -92,6 +93,21 @@ export interface IWidgetBodyContent {
  * Widget link
  */
 export interface IWidgetLink {
+    /**
+     * Link to be opened
+     */
     href: string;
+    /**
+     * The text to display for the link, if not provided, the default text will be used
+     */
+    title?: string;
+    /**
+     * The color of the link, if not provided, the "brand" color will be used. The available colors can be found on the [official Fluent UI documentation of the Text control](https://fluentsite.z22.web.core.windows.net/0.66.2/components/text/definition#variations-color)
+     */
+    color?: string;
+    /**
+     * The target for the generated anchor tag, if not provided, the default target will be _blank
+     */
+    target?: "_blank" | "_self" | "_parent" | "_top" | "framename";
 }
 //# sourceMappingURL=IWidget.d.ts.map

package/lib/controls/dashboard/widget/IWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IWidget.d.ts","sourceRoot":"","sources":["../../../../src/controls/dashboard/widget/IWidget.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,oBAAY,UAAU;IACpB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,GAAG,QAAQ;CACZ;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,OAAO;IACtB;;OAEG;IACH,IAAI,EAAE,UAAU,CAAC;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC;;OAEG;IACH,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC;;OAEG;IACH,IAAI,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;CACd"}
+{"version":3,"file":"IWidget.d.ts","sourceRoot":"","sources":["../../../../src/controls/dashboard/widget/IWidget.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,oBAAY,UAAU;IACpB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,SAAS,cAAc;IACvB,GAAG,QAAQ;CACZ;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,OAAO;IACtB;;OAEG;IACH,IAAI,EAAE,UAAU,CAAC;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC;;OAEG;IACH,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC;;OAEG;IACH,IAAI,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,CAAC;CAChE"}

package/lib/controls/dashboard/widget/IWidget.js

@@ -6,6 +6,7 @@ export var WidgetSize;
     WidgetSize["Single"] = "single";
     WidgetSize["Double"] = "double";
     WidgetSize["Triple"] = "triple";
+    WidgetSize["Quadruple"] = "quadruple";
     WidgetSize["Box"] = "box";
 })(WidgetSize || (WidgetSize = {}));
 //# sourceMappingURL=IWidget.js.map

package/lib/controls/dashboard/widget/IWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"IWidget.js","sourceRoot":"","sources":["../../../../src/controls/dashboard/widget/IWidget.ts"],"names":[],"mappings":"AAsBA;;GAEG;AACH,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,+BAAiB,CAAA;IACjB,+BAAiB,CAAA;IACjB,+BAAiB,CAAA;IACjB,yBAAW,CAAA;AACb,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB"}
+{"version":3,"file":"IWidget.js","sourceRoot":"","sources":["../../../../src/controls/dashboard/widget/IWidget.ts"],"names":[],"mappings":"AAsBA;;GAEG;AACH,MAAM,CAAN,IAAY,UAMX;AAND,WAAY,UAAU;IACpB,+BAAiB,CAAA;IACjB,+BAAiB,CAAA;IACjB,+BAAiB,CAAA;IACjB,qCAAuB,CAAA;IACvB,yBAAW,CAAA;AACb,CAAC,EANW,UAAU,KAAV,UAAU,QAMrB"}

package/lib/controls/dashboard/widget/Widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Widget.d.ts","sourceRoot":"","sources":["../../../../src/controls/dashboard/widget/Widget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,OAAO,EAAc,MAAM,WAAW,CAAC;AAEhD,eAAO,MAAM,MAAM;cAIL,MAAM,SAAS;YACjB,OAAO;MACf,WA0BH,CAAC"}
+{"version":3,"file":"Widget.d.ts","sourceRoot":"","sources":["../../../../src/controls/dashboard/widget/Widget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,OAAO,EAAc,MAAM,WAAW,CAAC;AAEhD,eAAO,MAAM,MAAM;cAIL,MAAM,SAAS;YACjB,OAAO;MACf,WAiCH,CAAC"}

package/lib/controls/dashboard/widget/Widget.js

@@ -7,18 +7,23 @@ export var Widget = function (_a) {
         gridColumnEnd: "auto",
         gridRowEnd: "auto",
         "@media (max-width: 842px)": {
-            gridColumnEnd: "span 3",
+            gridColumnEnd: "span 4",
         },
     };
-    if (widget.size === WidgetSize.Double) {
-        cardStyle.gridColumnEnd = "span 2";
-    }
-    if (widget.size === WidgetSize.Box) {
-        cardStyle.gridColumnEnd = "span 2";
-        cardStyle.gridRowEnd = "span 2";
-    }
-    if (widget.size === WidgetSize.Triple) {
-        cardStyle.gridColumnEnd = "span 3";
+    switch (widget.size) {
+        case WidgetSize.Double:
+            cardStyle.gridColumnEnd = "span 2";
+            break;
+        case WidgetSize.Box:
+            cardStyle.gridColumnEnd = "span 2";
+            cardStyle.gridRowEnd = "span 2";
+            break;
+        case WidgetSize.Triple:
+            cardStyle.gridColumnEnd = "span 3";
+            break;
+        case WidgetSize.Quadruple:
+            cardStyle.gridColumnEnd = "span 4";
+            break;
     }
     if (widget.controlOptions && widget.controlOptions.isHidden) {
         return null;

package/lib/controls/dashboard/widget/Widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"Widget.js","sourceRoot":"","sources":["../../../../src/controls/dashboard/widget/Widget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACH,IAAI,EACP,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAW,UAAU,EAAE,MAAM,WAAW,CAAC;AAEhD,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAMtB;QALG,QAAQ,cAAA,EACR,MAAM,YAAA;IAKN,IAAM,SAAS,GAAG;QACd,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,MAAM;QAClB,2BAA2B,EAAE;YACzB,aAAa,EAAE,QAAQ;SAC1B;KACJ,CAAC;IACF,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU,CAAC,MAAM,EAAE;QACnC,SAAS,CAAC,aAAa,GAAG,QAAQ,CAAC;KACtC;IACD,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU,CAAC,GAAG,EAAE;QAChC,SAAS,CAAC,aAAa,GAAG,QAAQ,CAAC;QACnC,SAAS,CAAC,UAAU,GAAG,QAAQ,CAAC;KACnC;IACD,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU,CAAC,MAAM,EAAE;QACnC,SAAS,CAAC,aAAa,GAAG,QAAQ,CAAC;KACtC;IACD,IAAG,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAC;QACvD,OAAO,IAAI,CAAC;KACf;IACD,OAAO,CACH,oBAAC,IAAI,IAAC,MAAM,EAAE,SAAS,EAAE,KAAK,UACzB,QAAQ,CACN,CACV,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"Widget.js","sourceRoot":"","sources":["../../../../src/controls/dashboard/widget/Widget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACH,IAAI,EACP,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAW,UAAU,EAAE,MAAM,WAAW,CAAC;AAEhD,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAMtB;QALG,QAAQ,cAAA,EACR,MAAM,YAAA;IAKN,IAAM,SAAS,GAAG;QACd,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,MAAM;QAClB,2BAA2B,EAAE;YACzB,aAAa,EAAE,QAAQ;SAC1B;KACJ,CAAC;IAEF,QAAQ,MAAM,CAAC,IAAI,EAAE;QACjB,KAAK,UAAU,CAAC,MAAM;YAClB,SAAS,CAAC,aAAa,GAAG,QAAQ,CAAC;YACnC,MAAM;QACV,KAAK,UAAU,CAAC,GAAG;YACf,SAAS,CAAC,aAAa,GAAG,QAAQ,CAAC;YACnC,SAAS,CAAC,UAAU,GAAG,QAAQ,CAAC;YAChC,MAAM;QACV,KAAK,UAAU,CAAC,MAAM;YAClB,SAAS,CAAC,aAAa,GAAG,QAAQ,CAAC;YACnC,MAAM;QACV,KAAK,UAAU,CAAC,SAAS;YACrB,SAAS,CAAC,aAAa,GAAG,QAAQ,CAAC;YACnC,MAAK;KACZ;IAED,IAAG,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAC;QACvD,OAAO,IAAI,CAAC;KACf;IACD,OAAO,CACH,oBAAC,IAAI,IAAC,MAAM,EAAE,SAAS,EAAE,KAAK,UACzB,QAAQ,CACN,CACV,CAAC;AACN,CAAC,CAAC"}

package/lib/controls/dashboard/widget/WidgetFooter.js

@@ -2,9 +2,10 @@ import { Card, Text, Flex } from "@fluentui/react-northstar";
 import * as React from "react";
 import * as strings from 'ControlStrings';
 export var WidgetFooter = function (_a) {
+    var _b, _c, _d;
     var widget = _a.widget;
     return (React.createElement(Card.Footer, { fitted: true },
         React.createElement(Flex, { space: "between", vAlign: "center" },
-            React.createElement(Text, { as: "a", href: widget.link.href, target: "_blank", content: strings.ViewMore, size: "small", color: "brand", style: { textDecoration: "none" } }))));
+            React.createElement(Text, { as: "a", href: widget.link.href, target: (_b = widget.link.target) !== null && _b !== void 0 ? _b : "_blank", content: (_c = widget.link.title) !== null && _c !== void 0 ? _c : strings.ViewMore, size: "small", color: (_d = widget.link.color) !== null && _d !== void 0 ? _d : "default", style: { textDecoration: "none" } }))));
 };
 //# sourceMappingURL=WidgetFooter.js.map

package/lib/controls/dashboard/widget/WidgetFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetFooter.js","sourceRoot":"","sources":["../../../../src/controls/dashboard/widget/WidgetFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAE1C,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAA+B;QAA7B,MAAM,YAAA;IAAyC,OAAA,CAC1E,oBAAC,IAAI,CAAC,MAAM,IAAC,MAAM;QACf,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,QAAQ;YACjC,oBAAC,IAAI,IACD,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,EACtB,MAAM,EAAC,QAAQ,EACf,OAAO,EAAE,OAAO,CAAC,QAAQ,EACzB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,GACnC,CACC,CACG,CACjB;AAd6E,CAc7E,CAAC"}
+{"version":3,"file":"WidgetFooter.js","sourceRoot":"","sources":["../../../../src/controls/dashboard/widget/WidgetFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAE1C,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAA+B;;QAA7B,MAAM,YAAA;IAAyC,OAAA,CAC1E,oBAAC,IAAI,CAAC,MAAM,IAAC,MAAM;QACf,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,QAAQ;YACjC,oBAAC,IAAI,IACD,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,EACtB,MAAM,EAAE,MAAA,MAAM,CAAC,IAAI,CAAC,MAAM,mCAAI,QAAQ,EACtC,OAAO,EAAE,MAAA,MAAM,CAAC,IAAI,CAAC,KAAK,mCAAI,OAAO,CAAC,QAAQ,EAC9C,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,MAAA,MAAM,CAAC,IAAI,CAAC,KAAK,mCAAI,SAAS,EACrC,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,GACnC,CACC,CACG,CACjB,CAAA;CAAA,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnp/spfx-controls-react",
   "description": "Reusable React controls for SharePoint Framework solutions",
-  "version": "3.20.0-beta.1039547",
+  "version": "3.20.0-beta.1041708",
   "node": ">=16.13.0 <17.0.0 || >=18.17.1 <19.0.0",
   "scripts": {
     "build": "gulp build",