@trops/dash-core 0.1.373 → 0.1.375

package/dist/index.esm.js

@@ -2,7 +2,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _typeof from '@babel/runtime/helpers/typeof';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import * as DashReact from '@trops/dash-react';
-import { isObject, ThemeContext, deepCopy, MainSection, getUUID, getStylesForItem, themeObjects, Heading, SearchInput, ButtonIcon, SubHeading3, InputText, Button, FontAwesomeIcon, Tag, Modal, Sidebar, Paragraph, Panel, Stepper, Tag2, Tag3, Card2, Card3, Heading3, MenuItem3, FormLabel, SelectMenu, Switch, SelectInput, CodeEditorInline, SettingsModal, SubHeading2, tailwindHeightFractions, Menu3, Panel3, DropdownPanel, MenuItem2, ButtonIcon2, DragComponent, ConfirmationModal, DropComponent, getStyleName, capitalizeFirstLetter, colorTypes, getCSSStyleForClassname, Panel2, Heading2, SubHeading, Paragraph2, Paragraph3, Button2, Button3, MenuItem, ButtonIcon3, DashPanel, colorNames, shades, themeVariants, Tabs3, DataList, Checkbox, StatCard, Card, Tabs, Accordion, Alert, Toast, ProgressBar, Toggle, Breadcrumbs, Tabs2, Accordion2, Alert2, Toast2, ProgressBar2, Toggle2, Breadcrumbs2, Accordion3, Alert3, Toast3, ProgressBar3, Toggle3, Breadcrumbs3, ThemeFromUrlPane, TextArea, Icon2, AlgoliaSearchBox, CommandPalette, useSidebar, EmptyState, Navbar, withRouter, Menu as Menu$1 } from '@trops/dash-react';
+import { isObject, ThemeContext, deepCopy, MainSection, getUUID, getStylesForItem, themeObjects, Heading, SearchInput, ButtonIcon, SubHeading3, InputText, Button, FontAwesomeIcon, Tag, Modal, Paragraph, Sidebar, Panel, Stepper, Tag2, Tag3, Card2, Card3, Heading3, MenuItem3, FormLabel, SelectMenu, Switch, SelectInput, CodeEditorInline, SettingsModal, SubHeading2, tailwindHeightFractions, Menu3, Panel3, DropdownPanel, MenuItem2, ButtonIcon2, DragComponent, ConfirmationModal, DropComponent, getStyleName, capitalizeFirstLetter, colorTypes, getCSSStyleForClassname, Panel2, Heading2, SubHeading, Paragraph2, Paragraph3, Button2, Button3, MenuItem, ButtonIcon3, DashPanel, colorNames, shades, themeVariants, Tabs3, DataList, Checkbox, StatCard, Card, Tabs, Accordion, Alert, Toast, ProgressBar, Toggle, Breadcrumbs, Tabs2, Accordion2, Alert2, Toast2, ProgressBar2, Toggle2, Breadcrumbs2, Accordion3, Alert3, Toast3, ProgressBar3, Toggle3, Breadcrumbs3, ThemeFromUrlPane, TextArea, Icon2, AlgoliaSearchBox, CommandPalette, useSidebar, EmptyState, Navbar, withRouter, Menu as Menu$1 } from '@trops/dash-react';
 export * from '@trops/dash-react';
 export { ThemeContext } from '@trops/dash-react';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
@@ -4702,6 +4702,31 @@ var RegistryDashboardDetail = function RegistryDashboardDetail(_ref) {
   });
 };
 
+function RegistrySignInBanner(_ref) {
+  var visible = _ref.visible,
+    onSignIn = _ref.onSignIn,
+    _ref$noun = _ref.noun,
+    noun = _ref$noun === void 0 ? "package" : _ref$noun;
+  if (!visible) return null;
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex-shrink-0 mx-4 mb-2 px-3 py-2 rounded-lg bg-amber-900/15 border border-amber-700/30 flex items-center gap-3",
+    children: [/*#__PURE__*/jsx("div", {
+      className: "flex-1 min-w-0",
+      children: /*#__PURE__*/jsxs(Paragraph, {
+        className: "text-xs text-amber-200 leading-snug",
+        children: ["Sign in to the registry to also see your private ", noun, "s and ones granted to you."]
+      })
+    }), /*#__PURE__*/jsx(Button, {
+      title: "Sign in",
+      bgColor: "bg-indigo-600",
+      hoverBackgroundColor: "hover:bg-indigo-500",
+      textSize: "text-xs",
+      padding: "py-1 px-3",
+      onClick: onSignIn
+    })]
+  });
+}
+
 var DiscoverDashboardsDetail = function DiscoverDashboardsDetail(_ref) {
   var onBack = _ref.onBack,
     appId = _ref.appId,
@@ -4893,27 +4918,12 @@ var DiscoverDashboardsDetail = function DiscoverDashboardsDetail(_ref) {
       })]
     });
   } else if (packages.length === 0) {
-    listBody = /*#__PURE__*/jsxs("div", {
-      className: "px-4 py-8 text-center space-y-3",
-      children: [/*#__PURE__*/jsx(Paragraph, {
+    listBody = /*#__PURE__*/jsx("div", {
+      className: "px-4 py-8 text-center",
+      children: /*#__PURE__*/jsx(Paragraph, {
         className: "text-sm opacity-50",
         children: searchQuery ? "No dashboards match your search." : "No dashboard packages available."
-      }), registryAuthed === false && /*#__PURE__*/jsxs("div", {
-        className: "inline-flex flex-col items-center gap-2 px-4 py-3 rounded-lg bg-amber-900/15 border border-amber-700/30",
-        children: [/*#__PURE__*/jsx(Paragraph, {
-          className: "text-xs text-amber-200",
-          children: "Sign in to the registry to see your private dashboards."
-        }), /*#__PURE__*/jsx(Button, {
-          title: "Sign in to Registry",
-          bgColor: "bg-indigo-600",
-          hoverBackgroundColor: "hover:bg-indigo-500",
-          textSize: "text-sm",
-          padding: "py-1 px-3",
-          onClick: function onClick() {
-            return setShowAuthFromEmpty(true);
-          }
-        })]
-      })]
+      })
     });
   } else {
     listBody = /*#__PURE__*/jsx("div", {
@@ -4957,6 +4967,12 @@ var DiscoverDashboardsDetail = function DiscoverDashboardsDetail(_ref) {
         placeholder: "Search dashboards...",
         inputClassName: "py-1.5 text-xs"
       })
+    }), /*#__PURE__*/jsx(RegistrySignInBanner, {
+      visible: registryAuthed === false,
+      onSignIn: function onSignIn() {
+        return setShowAuthFromEmpty(true);
+      },
+      noun: "dashboard"
     }), /*#__PURE__*/jsx("div", {
       className: "flex-1 min-h-0 overflow-y-auto px-2",
       children: listBody
@@ -4966,11 +4982,32 @@ var DiscoverDashboardsDetail = function DiscoverDashboardsDetail(_ref) {
     }), /*#__PURE__*/jsx(RegistryAuthModal, {
       isOpen: showAuthFromEmpty,
       setIsOpen: setShowAuthFromEmpty,
-      onAuthenticated: function onAuthenticated() {
-        setShowAuthFromEmpty(false);
-        setRegistryAuthed(true);
-        search(searchQuery);
-      },
+      onAuthenticated: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+        var _window$mainApi3, _window$mainApi3$fetc;
+        return _regeneratorRuntime.wrap(function (_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              setShowAuthFromEmpty(false);
+              setRegistryAuthed(true);
+              // Force-refresh the cached registry index so the now-
+              // authenticated user immediately sees their private packages.
+              _context3.prev = 1;
+              _context3.next = 2;
+              return (_window$mainApi3 = window.mainApi) === null || _window$mainApi3 === void 0 || (_window$mainApi3 = _window$mainApi3.registry) === null || _window$mainApi3 === void 0 || (_window$mainApi3$fetc = _window$mainApi3.fetchIndex) === null || _window$mainApi3$fetc === void 0 ? void 0 : _window$mainApi3$fetc.call(_window$mainApi3, true);
+            case 2:
+              _context3.next = 4;
+              break;
+            case 3:
+              _context3.prev = 3;
+              _context3["catch"](1);
+            case 4:
+              search(searchQuery);
+            case 5:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, null, [[1, 3]]);
+      })),
       onCancel: function onCancel() {
         return setShowAuthFromEmpty(false);
       },
@@ -38466,27 +38503,12 @@ var DiscoverThemesDetail = function DiscoverThemesDetail(_ref) {
       })]
     });
   } else if (packages.length === 0) {
-    listBody = /*#__PURE__*/jsxs("div", {
-      className: "px-4 py-8 text-center space-y-3",
-      children: [/*#__PURE__*/jsx(Paragraph, {
+    listBody = /*#__PURE__*/jsx("div", {
+      className: "px-4 py-8 text-center",
+      children: /*#__PURE__*/jsx(Paragraph, {
         className: "text-sm opacity-50",
         children: searchQuery ? "No themes match your search." : "No theme packages available."
-      }), registryAuthed === false && /*#__PURE__*/jsxs("div", {
-        className: "inline-flex flex-col items-center gap-2 px-4 py-3 rounded-lg bg-amber-900/15 border border-amber-700/30",
-        children: [/*#__PURE__*/jsx(Paragraph, {
-          className: "text-xs text-amber-200",
-          children: "Sign in to the registry to see your private themes."
-        }), /*#__PURE__*/jsx(Button, {
-          title: "Sign in to Registry",
-          bgColor: "bg-indigo-600",
-          hoverBackgroundColor: "hover:bg-indigo-500",
-          textSize: "text-sm",
-          padding: "py-1 px-3",
-          onClick: function onClick() {
-            return setShowAuthFromEmpty(true);
-          }
-        })]
-      })]
+      })
     });
   } else {
     listBody = /*#__PURE__*/jsx("div", {
@@ -38532,6 +38554,12 @@ var DiscoverThemesDetail = function DiscoverThemesDetail(_ref) {
         placeholder: "Search themes...",
         inputClassName: "py-1.5 text-xs"
       })
+    }), /*#__PURE__*/jsx(RegistrySignInBanner, {
+      visible: registryAuthed === false,
+      onSignIn: function onSignIn() {
+        return setShowAuthFromEmpty(true);
+      },
+      noun: "theme"
     }), /*#__PURE__*/jsx("div", {
       className: "flex-1 min-h-0 overflow-y-auto px-2",
       children: listBody
@@ -38541,11 +38569,32 @@ var DiscoverThemesDetail = function DiscoverThemesDetail(_ref) {
     }), /*#__PURE__*/jsx(RegistryAuthModal, {
       isOpen: showAuthFromEmpty,
       setIsOpen: setShowAuthFromEmpty,
-      onAuthenticated: function onAuthenticated() {
-        setShowAuthFromEmpty(false);
-        setRegistryAuthed(true);
-        search(searchQuery);
-      },
+      onAuthenticated: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+        var _window$mainApi3, _window$mainApi3$fetc;
+        return _regeneratorRuntime.wrap(function (_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              setShowAuthFromEmpty(false);
+              setRegistryAuthed(true);
+              // Force-refresh the cached registry index so the now-
+              // authenticated user immediately sees their private packages.
+              _context3.prev = 1;
+              _context3.next = 2;
+              return (_window$mainApi3 = window.mainApi) === null || _window$mainApi3 === void 0 || (_window$mainApi3 = _window$mainApi3.registry) === null || _window$mainApi3 === void 0 || (_window$mainApi3$fetc = _window$mainApi3.fetchIndex) === null || _window$mainApi3$fetc === void 0 ? void 0 : _window$mainApi3$fetc.call(_window$mainApi3, true);
+            case 2:
+              _context3.next = 4;
+              break;
+            case 3:
+              _context3.prev = 3;
+              _context3["catch"](1);
+            case 4:
+              search(searchQuery);
+            case 5:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, null, [[1, 3]]);
+      })),
       onCancel: function onCancel() {
         return setShowAuthFromEmpty(false);
       },
@@ -47443,27 +47492,12 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
       })]
     });
   } else if (packages.length === 0) {
-    listBody = /*#__PURE__*/jsxs("div", {
-      className: "px-4 py-8 text-center space-y-3",
-      children: [/*#__PURE__*/jsx(Paragraph, {
+    listBody = /*#__PURE__*/jsx("div", {
+      className: "px-4 py-8 text-center",
+      children: /*#__PURE__*/jsx(Paragraph, {
         className: "text-sm opacity-50",
         children: searchQuery ? "No packages match your search." : "No packages available."
-      }), registryAuthed === false && /*#__PURE__*/jsxs("div", {
-        className: "inline-flex flex-col items-center gap-2 px-4 py-3 rounded-lg bg-amber-900/15 border border-amber-700/30",
-        children: [/*#__PURE__*/jsx(Paragraph, {
-          className: "text-xs text-amber-200",
-          children: "Sign in to the registry to see your private packages."
-        }), /*#__PURE__*/jsx(Button, {
-          title: "Sign in to Registry",
-          bgColor: "bg-indigo-600",
-          hoverBackgroundColor: "hover:bg-indigo-500",
-          textSize: "text-sm",
-          padding: "py-1 px-3",
-          onClick: function onClick() {
-            return setShowAuthFromEmpty(true);
-          }
-        })]
-      })]
+      })
     });
   } else {
     listBody = /*#__PURE__*/jsx("div", {
@@ -47530,6 +47564,12 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
           className: "rounded"
         }), "Show all packages"]
       })]
+    }), /*#__PURE__*/jsx(RegistrySignInBanner, {
+      visible: registryAuthed === false,
+      onSignIn: function onSignIn() {
+        return setShowAuthFromEmpty(true);
+      },
+      noun: "widget"
     }), /*#__PURE__*/jsx("div", {
       className: "flex-1 min-h-0 overflow-y-auto px-2",
       children: listBody
@@ -47550,6 +47590,40 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
       onCancel: function onCancel() {
         return setToolConflictWarning(null);
       }
+    }), /*#__PURE__*/jsx(RegistryAuthModal, {
+      isOpen: showAuthFromEmpty,
+      setIsOpen: setShowAuthFromEmpty,
+      onAuthenticated: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+        var _window$mainApi2, _window$mainApi2$fetc;
+        return _regeneratorRuntime.wrap(function (_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              setShowAuthFromEmpty(false);
+              setRegistryAuthed(true);
+              // Force-refresh the cached registry index so the now-
+              // authenticated user immediately sees their private packages
+              // (the previous anon-cache fetch otherwise lingers for 5 min).
+              _context3.prev = 1;
+              _context3.next = 2;
+              return (_window$mainApi2 = window.mainApi) === null || _window$mainApi2 === void 0 || (_window$mainApi2 = _window$mainApi2.registry) === null || _window$mainApi2 === void 0 || (_window$mainApi2$fetc = _window$mainApi2.fetchIndex) === null || _window$mainApi2$fetc === void 0 ? void 0 : _window$mainApi2$fetc.call(_window$mainApi2, true);
+            case 2:
+              _context3.next = 4;
+              break;
+            case 3:
+              _context3.prev = 3;
+              _context3["catch"](1);
+            case 4:
+              retry();
+            case 5:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, null, [[1, 3]]);
+      })),
+      onCancel: function onCancel() {
+        return setShowAuthFromEmpty(false);
+      },
+      message: "Sign in to see your private widgets and ones granted to you."
     })]
   });
 };