@trops/dash-core 0.1.187 → 0.1.188

package/dist/index.js

@@ -14,6 +14,7 @@ var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var react = require('@headlessui/react');
 var solid = require('@heroicons/react/20/solid');
+var fontawesomeSvgCore = require('@fortawesome/fontawesome-svg-core');
 var clsx = require('clsx');
 var reactDnd = require('react-dnd');
 var reactDndHtml5Backend = require('react-dnd-html5-backend');
@@ -22,7 +23,6 @@ var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
 var _inherits = require('@babel/runtime/helpers/inherits');
 var colors = require('tailwindcss/colors');
 var ReactDOM = require('react-dom');
-var fontawesomeSvgCore = require('@fortawesome/fontawesome-svg-core');
 var algoliasearch = require('algoliasearch');
 var reactInstantsearchHooksWeb = require('react-instantsearch-hooks-web');
 var reactRouterDom = require('react-router-dom');
@@ -5222,6 +5222,192 @@ var LayoutQuickAddMenu = function LayoutQuickAddMenu(_ref) {
   });
 };
 
+var CATEGORIES = [{
+  key: "reporting",
+  label: "Reporting",
+  icon: "chart-bar",
+  description: "Dashboards for data visualization and reports"
+}, {
+  key: "monitoring",
+  label: "Monitoring",
+  icon: "heart-pulse",
+  description: "System health, uptime, and performance monitoring"
+}, {
+  key: "productivity",
+  label: "Productivity",
+  icon: "list-check",
+  description: "Task tracking, calendars, and workflow management"
+}, {
+  key: "development",
+  label: "Development",
+  icon: "code",
+  description: "Code repos, CI/CD, and developer tools"
+}, {
+  key: "communication",
+  label: "Communication",
+  icon: "comments",
+  description: "Messages, channels, and team communication"
+}, {
+  key: "custom",
+  label: "Custom",
+  icon: "grid-2",
+  description: "Build a fully custom dashboard"
+}];
+
+/**
+ * WizardIntentStep
+ *
+ * Step 0 of the Dashboard Wizard. Presents category cards so the user
+ * can indicate what kind of dashboard they want to build.
+ * Multi-select — user can pick multiple categories.
+ *
+ * @param {Object} props
+ * @param {Object} props.state - Wizard state from useWizardState
+ * @param {Function} props.dispatch - Wizard dispatch from useWizardState
+ */
+var WizardIntentStep = function WizardIntentStep(_ref) {
+  var state = _ref.state,
+    dispatch = _ref.dispatch;
+  var handleToggle = function handleToggle(key) {
+    dispatch({
+      type: "TOGGLE_INTENT",
+      payload: key
+    });
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "wizard-intent-step",
+    children: [/*#__PURE__*/jsxRuntime.jsx("h3", {
+      className: "wizard-step-header",
+      children: "What is this dashboard for?"
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "wizard-card-grid",
+      children: CATEGORIES.map(function (cat) {
+        return /*#__PURE__*/jsxRuntime.jsx(DashReact.SelectableCard, {
+          icon: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+            icon: cat.icon,
+            fixedWidth: true
+          }),
+          label: cat.label,
+          description: cat.description,
+          selected: state.intent.includes(cat.key),
+          onSelect: function onSelect() {
+            return handleToggle(cat.key);
+          }
+        }, cat.key);
+      })
+    })]
+  });
+};
+
+var FALLBACK = "puzzle-piece";
+
+/**
+ * Resolve an icon name to a valid FontAwesome icon reference.
+ * Tries solid (fas) first, then brand (fab). Returns "puzzle-piece" if
+ * the icon is falsy or not found in either prefix.
+ */
+var resolveIcon = function resolveIcon(iconName) {
+  if (!iconName) return FALLBACK;
+
+  // Already an array tuple like ["fab", "github"] — pass through
+  if (Array.isArray(iconName)) return iconName;
+
+  // Try solid
+  if (fontawesomeSvgCore.findIconDefinition({
+    prefix: "fas",
+    iconName: iconName
+  })) return iconName;
+
+  // Try brand
+  if (fontawesomeSvgCore.findIconDefinition({
+    prefix: "fab",
+    iconName: iconName
+  })) return ["fab", iconName];
+  return FALLBACK;
+};
+
+var WizardProvidersStep = function WizardProvidersStep(_ref) {
+  var state = _ref.state,
+    dispatch = _ref.dispatch;
+  var _useContext = React.useContext(AppContext),
+    providersMap = _useContext.providers;
+  var providerList = React.useMemo(function () {
+    if (!providersMap || _typeof(providersMap) !== "object") return [];
+    return Object.values(providersMap).map(function (p) {
+      return {
+        key: p.type || p.name,
+        name: p.name,
+        type: p.type,
+        icon: p.icon || p.type,
+        configured: !!(p.credentials && Object.keys(p.credentials).length > 0)
+      };
+    });
+  }, [providersMap]);
+
+  // Pre-check configured providers on first render
+  React.useEffect(function () {
+    if (state.providers.length === 0 && providerList.length > 0) {
+      var configuredKeys = providerList.filter(function (p) {
+        return p.configured;
+      }).map(function (p) {
+        return p.key;
+      });
+      if (configuredKeys.length > 0) {
+        dispatch({
+          type: "SET_PROVIDERS",
+          payload: configuredKeys
+        });
+      }
+    }
+  }, [providerList, state.providers.length, dispatch]);
+  var handleToggle = function handleToggle(key) {
+    dispatch({
+      type: "TOGGLE_PROVIDER",
+      payload: key
+    });
+  };
+  if (providerList.length === 0) {
+    return /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "wizard-providers-step",
+      children: [/*#__PURE__*/jsxRuntime.jsx("h3", {
+        className: "wizard-step-header",
+        children: "Which tools and services do you use?"
+      }), /*#__PURE__*/jsxRuntime.jsx("p", {
+        className: "wizard-empty-message",
+        children: "No providers configured yet. Add providers in Settings first."
+      })]
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "wizard-providers-step",
+    children: [/*#__PURE__*/jsxRuntime.jsx("h3", {
+      className: "wizard-step-header",
+      children: "Which tools and services do you use?"
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "wizard-card-grid",
+      children: providerList.map(function (provider) {
+        var isSelected = state.providers.includes(provider.key);
+        var needsSetup = isSelected && !provider.configured;
+        return /*#__PURE__*/jsxRuntime.jsx(DashReact.SelectableCard, {
+          icon: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+            icon: resolveIcon(provider.icon),
+            fixedWidth: true
+          }),
+          label: provider.name,
+          description: needsSetup ? /*#__PURE__*/jsxRuntime.jsx("span", {
+            className: "wizard-needs-setup-badge",
+            children: "Needs setup"
+          }) : null,
+          selected: isSelected,
+          onSelect: function onSelect() {
+            return handleToggle(provider.key);
+          }
+        }, provider.key);
+      })
+    })]
+  });
+};
+
 var LayoutBuilderAddItemModal = function LayoutBuilderAddItemModal(_ref) {
   var workspace = _ref.workspace,
     open = _ref.open,
@@ -30653,33 +30839,6 @@ function loadWidgetBundle(source, widgetName) {
   };
 }
 
-var FALLBACK = "puzzle-piece";
-
-/**
- * Resolve an icon name to a valid FontAwesome icon reference.
- * Tries solid (fas) first, then brand (fab). Returns "puzzle-piece" if
- * the icon is falsy or not found in either prefix.
- */
-var resolveIcon = function resolveIcon(iconName) {
-  if (!iconName) return FALLBACK;
-
-  // Already an array tuple like ["fab", "github"] — pass through
-  if (Array.isArray(iconName)) return iconName;
-
-  // Try solid
-  if (fontawesomeSvgCore.findIconDefinition({
-    prefix: "fas",
-    iconName: iconName
-  })) return iconName;
-
-  // Try brand
-  if (fontawesomeSvgCore.findIconDefinition({
-    prefix: "fab",
-    iconName: iconName
-  })) return ["fab", iconName];
-  return FALLBACK;
-};
-
 function _createForOfIteratorHelper$5(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$5(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$5(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$5(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$5(r, a) : void 0; } }
 function _arrayLikeToArray$5(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -48520,6 +48679,8 @@ exports.WidgetFactory = WidgetFactory;
 exports.WidgetPopoutStage = WidgetPopoutStage;
 exports.WidgetProviderWrapper = WidgetProviderWrapper;
 exports.WidgetSidebar = WidgetSidebar;
+exports.WizardIntentStep = WizardIntentStep;
+exports.WizardProvidersStep = WizardProvidersStep;
 exports.Workspace = Workspace;
 exports.WorkspaceContext = WorkspaceContext;
 exports.WorkspaceFooter = WorkspaceFooter;