@pnp/spfx-controls-react 3.21.0-beta.1229909 → 3.21.0-beta.1230169

package/lib/ShareDialog.d.ts

@@ -0,0 +1,2 @@
+export * from './controls/shareDialog/index';
+//# sourceMappingURL=ShareDialog.d.ts.map

package/lib/ShareDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareDialog.d.ts","sourceRoot":"","sources":["../src/ShareDialog.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}

package/lib/ShareDialog.js

@@ -0,0 +1,2 @@
+export * from './controls/shareDialog/index';
+//# sourceMappingURL=ShareDialog.js.map

package/lib/ShareDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareDialog.js","sourceRoot":"","sources":["../src/ShareDialog.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}

package/lib/common/telemetry/version.js

@@ -1,2 +1,2 @@
-export var version = "3.21.0-beta.1229909";
+export var version = "3.21.0-beta.1230169";
 //# sourceMappingURL=version.js.map

package/lib/controls/shareDialog/ShareDialog.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+interface IDialogOptions {
+    siteUrl: string;
+    listId: string;
+    itemId: string | number;
+    name: string;
+}
+interface ShareDialogProps {
+    isOpen: boolean;
+    options: IDialogOptions;
+    onClose: () => void;
+}
+export declare const ShareDialog: React.FC<ShareDialogProps>;
+export {};
+//# sourceMappingURL=ShareDialog.d.ts.map

package/lib/controls/shareDialog/ShareDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareDialog.d.ts","sourceRoot":"","sources":["../../../src/controls/shareDialog/ShareDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8B/B,UAAU,cAAc;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,cAAc,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4ElD,CAAC"}

package/lib/controls/shareDialog/ShareDialog.js

@@ -0,0 +1,81 @@
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+import * as React from 'react';
+import { useCallback, useEffect, useRef, useState, } from 'react';
+import { css } from '@emotion/css';
+import { RenderDialog } from './renderDialog';
+var useStyles = function (iFrameHeight) {
+    var styles = {
+        iframe: css({
+            width: "100%",
+            height: iFrameHeight,
+            border: "none",
+        }),
+    };
+    return { styles: styles };
+};
+export var ShareDialog = function (_a) {
+    var isOpen = _a.isOpen, options = _a.options, onClose = _a.onClose;
+    var _b = useState(undefined), dialogUrl = _b[0], setDialogUrl = _b[1];
+    var iframeRef = useRef(null);
+    var _c = useState(400), iFrameHeight = _c[0], setIFrameHeight = _c[1];
+    var siteUrl = options.siteUrl, listId = options.listId, itemId = options.itemId, name = options.name;
+    var styles = useStyles(iFrameHeight).styles;
+    var closeDialog = useCallback(function () {
+        onClose();
+    }, [onClose]);
+    var handleIframeMessage = useCallback(function (event) {
+        var _a = JSON.parse(event.data), name = _a.name, height = _a.height;
+        switch (name) {
+            case "share_dismiss":
+                closeDialog();
+                break;
+            case "share_resize":
+                setIFrameHeight(height);
+                break;
+            case "share_scriptsLoaded":
+                break;
+            case "share_uiReady":
+                break;
+            case "share_ready":
+                break;
+            default:
+                break;
+        }
+    }, [closeDialog]);
+    useEffect(function () {
+        window.addEventListener("message", handleIframeMessage);
+        return function () {
+            window.removeEventListener("message", handleIframeMessage);
+        };
+    }, [handleIframeMessage]);
+    useEffect(function () {
+        if (isOpen) {
+            var clientId = "sharePoint";
+            var policyTip = 0;
+            var folderColor = "";
+            var clickTime = new Date().getTime();
+            var fullScreenMode = false;
+            var origin_1 = encodeURIComponent(window.location.origin);
+            var encodeName = encodeURIComponent(name);
+            var url = "".concat(siteUrl, "/_layouts/15/sharedialog.aspx") +
+                "?listId=".concat(listId) +
+                "&listItemId=".concat(itemId) +
+                "&clientId=".concat(clientId) +
+                "&policyTip=".concat(policyTip) +
+                "&folderColor=".concat(folderColor) +
+                "&clickTime=".concat(clickTime) +
+                "&ma=0" +
+                "&fullScreenMode=".concat(fullScreenMode) +
+                "&itemName= ".concat(encodeName) +
+                "&channelId=" +
+                "&origin=".concat(origin_1);
+            setDialogUrl(url);
+        }
+        else {
+            setDialogUrl(undefined);
+        }
+    }, [isOpen, siteUrl, listId, itemId]);
+    return (React.createElement(RenderDialog, { isOpen: isOpen, onDismiss: closeDialog, maxHeight: "fit-content" },
+        React.createElement("iframe", { ref: iframeRef, src: dialogUrl || "", className: styles.iframe })));
+};
+//# sourceMappingURL=ShareDialog.js.map

package/lib/controls/shareDialog/ShareDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareDialog.js","sourceRoot":"","sources":["../../../src/controls/shareDialog/ShareDialog.tsx"],"names":[],"mappings":"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"}

package/lib/controls/shareDialog/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ShareDialog';
+//# sourceMappingURL=index.d.ts.map

package/lib/controls/shareDialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/controls/shareDialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/lib/controls/shareDialog/index.js

@@ -0,0 +1,2 @@
+export * from './ShareDialog';
+//# sourceMappingURL=index.js.map

package/lib/controls/shareDialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/shareDialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/lib/controls/shareDialog/renderDialog/RenderDialog.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface IRenderDialogProps {
+    isOpen: boolean;
+    dialogTitle?: string | React.ReactNode;
+    dialogActions?: JSX.Element;
+    onDismiss?: (open?: boolean) => void;
+    minWidth?: number | string;
+    maxWidth?: number | string;
+    className?: string;
+    minHeight?: number | string;
+    maxHeight?: number | string;
+}
+export declare const RenderDialog: React.FunctionComponent<IRenderDialogProps>;
+//# sourceMappingURL=RenderDialog.d.ts.map

package/lib/controls/shareDialog/renderDialog/RenderDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderDialog.d.ts","sourceRoot":"","sources":["../../../../src/controls/shareDialog/renderDialog/RenderDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC7B;AAsBD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA4BpE,CAAC"}

package/lib/controls/shareDialog/renderDialog/RenderDialog.js

@@ -0,0 +1,40 @@
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+import * as React from 'react';
+import { css } from '@emotion/css';
+import { Dialog, DialogActions, DialogBody, DialogContent, DialogSurface, DialogTitle, } from '@fluentui/react-components';
+var DEFAULT_MIN_WIDTH = 200;
+var DEFAULT_MIN_HEIGHT = 200;
+var useStyles = function (props) {
+    var styles = {
+        dialog: css({
+            width: "100%",
+            height: "100%",
+            overflow: "hidden",
+            maxHeight: "600px",
+            padding: 0,
+        }),
+        dialogBody: css({
+            height: "calc(100% - 200px)",
+        }),
+    };
+    return { styles: styles };
+};
+export var RenderDialog = function (props) {
+    var isOpen = props.isOpen, dialogTitle = props.dialogTitle, dialogActions = props.dialogActions, children = props.children, maxWidth = props.maxWidth, className = props.className, minHeight = props.minHeight, minWidth = props.minWidth, maxHeight = props.maxHeight;
+    var styles = useStyles(props).styles;
+    if (!isOpen)
+        return React.createElement(React.Fragment, null);
+    return (React.createElement(Dialog, { open: isOpen, modalType: "modal" },
+        React.createElement(DialogSurface, { className: css(styles.dialog, className), style: {
+                maxWidth: maxWidth,
+                minWidth: minWidth !== null && minWidth !== void 0 ? minWidth : DEFAULT_MIN_WIDTH,
+                minHeight: minHeight !== null && minHeight !== void 0 ? minHeight : DEFAULT_MIN_HEIGHT,
+                height: "fit-content",
+                maxHeight: maxHeight !== null && maxHeight !== void 0 ? maxHeight : "",
+            } },
+            React.createElement(DialogTitle, null, dialogTitle),
+            React.createElement(DialogBody, { className: styles.dialogBody },
+                React.createElement(DialogContent, null, children)),
+            React.createElement(DialogActions, { fluid: true, position: "end" }, dialogActions))));
+};
+//# sourceMappingURL=RenderDialog.js.map

package/lib/controls/shareDialog/renderDialog/RenderDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderDialog.js","sourceRoot":"","sources":["../../../../src/controls/shareDialog/renderDialog/RenderDialog.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EACL,MAAM,EACN,aAAa,EACb,UAAU,EACV,aAAa,EACb,aAAa,EACb,WAAW,GACZ,MAAM,4BAA4B,CAAC;AAcpC,IAAM,iBAAiB,GAAG,GAAG,CAAC;AAE9B,IAAM,kBAAkB,GAAG,GAAG,CAAC;AAE/B,IAAM,SAAS,GAAG,UAAC,KAAwB;IACzC,IAAM,MAAM,GAAG;QACb,MAAM,EAAE,GAAG,CAAC;YACV,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,QAAiB;YAC3B,SAAS,EAAE,OAAO;YAClB,OAAO,EAAE,CAAU;SACpB,CAAC;QACF,UAAU,EAAE,GAAG,CAAC;YACd,MAAM,EAAE,oBAAoB;SAC7B,CAAC;KACH,CAAC;IACF,OAAO,EAAE,MAAM,QAAA,EAAE,CAAC;AACpB,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAgD,UACvE,KAAkD;IAE1C,IAAA,MAAM,GAAgG,KAAK,OAArG,EAAE,WAAW,GAAmF,KAAK,YAAxF,EAAE,aAAa,GAAoE,KAAK,cAAzE,EAAE,QAAQ,GAA0D,KAAK,SAA/D,EAAE,QAAQ,GAAgD,KAAK,SAArD,EAAE,SAAS,GAAqC,KAAK,UAA1C,EAAE,SAAS,GAA0B,KAAK,UAA/B,EAAE,QAAQ,GAAgB,KAAK,SAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAW;IAC7G,IAAA,MAAM,GAAI,SAAS,CAAC,KAAK,CAAC,OAApB,CAAqB;IAClC,IAAI,CAAC,MAAM;QAAE,OAAO,yCAAK,CAAC;IAC1B,OAAO,CACL,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAC,OAAO;QACrC,oBAAC,aAAa,IACZ,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EACxC,KAAK,EAAE;gBACL,QAAQ,EAAE,QAAQ;gBAClB,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,iBAAiB;gBACvC,SAAS,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,kBAAkB;gBAC1C,MAAM,EAAE,aAAa;gBACrB,SAAS,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE;aAC3B;YAED,oBAAC,WAAW,QAAE,WAAW,CAAe;YACxC,oBAAC,UAAU,IAAC,SAAS,EAAE,MAAM,CAAC,UAAU;gBACtC,oBAAC,aAAa,QAAE,QAAQ,CAAiB,CAC9B;YACb,oBAAC,aAAa,IAAC,KAAK,QAAC,QAAQ,EAAC,KAAK,IAChC,aAAa,CACA,CACF,CACT,CACV,CAAC;AACJ,CAAC,CAAC"}

package/lib/controls/shareDialog/renderDialog/index.d.ts

@@ -0,0 +1,2 @@
+export * from './RenderDialog';
+//# sourceMappingURL=index.d.ts.map

package/lib/controls/shareDialog/renderDialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/controls/shareDialog/renderDialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/lib/controls/shareDialog/renderDialog/index.js

@@ -0,0 +1,2 @@
+export * from './RenderDialog';
+//# sourceMappingURL=index.js.map

package/lib/controls/shareDialog/renderDialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/controls/shareDialog/renderDialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/package.json

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