@trops/dash-core 0.1.222 → 0.1.225

package/dist/index.js

@@ -47721,6 +47721,55 @@ var WidgetSidebar = function WidgetSidebar(_ref4) {
   });
 };
 
+var WELCOME_STORAGE_KEY = "dash:welcome-prompted";
+function markPrompted() {
+  localStorage.setItem(WELCOME_STORAGE_KEY, "true");
+}
+var WelcomePrompt = function WelcomePrompt(_ref) {
+  var isOpen = _ref.isOpen,
+    onAccept = _ref.onAccept,
+    onDismiss = _ref.onDismiss;
+  var handleAccept = function handleAccept() {
+    markPrompted();
+    if (onAccept) onAccept();
+  };
+  var handleDismiss = function handleDismiss() {
+    markPrompted();
+    if (onDismiss) onDismiss();
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(DashReact.Modal, {
+    isOpen: isOpen,
+    setIsOpen: handleDismiss,
+    width: "w-[520px]",
+    height: "h-auto",
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "px-8 pt-8 pb-4 flex flex-col items-center text-center gap-4",
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "text-4xl opacity-60",
+        children: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+          icon: "table-cells-large"
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading2, {
+        children: "Welcome to Dash!"
+      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Paragraph2, {
+        className: "max-w-sm",
+        children: "Get started with a sample dashboard that showcases widgets for AI chat, notes, GitHub, Slack, Gmail, Calendar, and more \u2014 all in a ready-made 4x3 grid."
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Modal.Footer, {
+      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-row gap-3 w-full justify-end",
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, {
+          title: "Start Fresh",
+          onClick: handleDismiss
+        }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
+          title: "Load Sample Dashboard",
+          onClick: handleAccept
+        })]
+      })
+    })]
+  });
+};
+
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DashboardStage = function DashboardStage(_ref) {
@@ -47735,15 +47784,21 @@ var DashboardStage = function DashboardStage(_ref) {
     _ref$popout = _ref.popout,
     popout = _ref$popout === void 0 ? false : _ref$popout,
     _ref$popoutWorkspaceI = _ref.popoutWorkspaceId,
-    popoutWorkspaceId = _ref$popoutWorkspaceI === void 0 ? null : _ref$popoutWorkspaceI;
+    popoutWorkspaceId = _ref$popoutWorkspaceI === void 0 ? null : _ref$popoutWorkspaceI,
+    _ref$showWelcomePromp = _ref.showWelcomePrompt,
+    showWelcomePrompt = _ref$showWelcomePromp === void 0 ? false : _ref$showWelcomePromp,
+    _ref$onAcceptWelcome = _ref.onAcceptWelcome,
+    onAcceptWelcome = _ref$onAcceptWelcome === void 0 ? null : _ref$onAcceptWelcome,
+    _ref$onDismissWelcome = _ref.onDismissWelcome,
+    onDismissWelcome = _ref$onDismissWelcome === void 0 ? null : _ref$onDismissWelcome;
   return /*#__PURE__*/jsxRuntime.jsx(React.Profiler, {
     id: "myapp",
     onRender: function onRender() {},
-    children: /*#__PURE__*/jsxRuntime.jsx(DashboardWrapper, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(DashboardWrapper, {
       dashApi: dashApi,
       credentials: credentials,
       backgroundColor: backgroundColor,
-      children: /*#__PURE__*/jsxRuntime.jsx(DashboardStageInner, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(DashboardStageInner, {
         dashApi: dashApi,
         credentials: credentials,
         workspace: workspace,
@@ -47751,7 +47806,11 @@ var DashboardStage = function DashboardStage(_ref) {
         backgroundColor: backgroundColor,
         popout: popout,
         popoutWorkspaceId: popoutWorkspaceId
-      })
+      }), /*#__PURE__*/jsxRuntime.jsx(WelcomePrompt, {
+        isOpen: showWelcomePrompt,
+        onAccept: onAcceptWelcome,
+        onDismiss: onDismissWelcome
+      })]
     })
   });
 };
@@ -50360,6 +50419,7 @@ exports.ThemeColorDots = ThemeColorDots;
 exports.ThemeManagerModal = ThemeManagerModal;
 exports.ThemeModel = ThemeModel;
 exports.ThemeWrapper = ThemeWrapper;
+exports.WELCOME_STORAGE_KEY = WELCOME_STORAGE_KEY;
 exports.WORKSPACE_DELETE = WORKSPACE_DELETE;
 exports.WORKSPACE_DELETE_COMPLETE = WORKSPACE_DELETE_COMPLETE;
 exports.WORKSPACE_DELETE_ERROR = WORKSPACE_DELETE_ERROR;
@@ -50370,6 +50430,7 @@ exports.WORKSPACE_SAVE = WORKSPACE_SAVE;
 exports.WORKSPACE_SAVE_COMPLETE = WORKSPACE_SAVE_COMPLETE;
 exports.WORKSPACE_SAVE_ERROR = WORKSPACE_SAVE_ERROR;
 exports.WebDashboardApi = WebDashboardApi;
+exports.WelcomePrompt = WelcomePrompt;
 exports.Widget = Widget;
 exports.WidgetApi = WidgetApi;
 exports.WidgetConfigPanel = WidgetConfigPanel;