@trops/dash-core 0.1.542 → 0.1.544

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, Button3, Button2, Paragraph, Sidebar, Panel, Stepper, Tag3, Card2, Card3, Heading3, MenuItem3, FormLabel, SelectMenu, Switch, SelectInput, CodeEditorVS, SettingsModal, SubHeading2, tailwindHeightFractions, Menu3, Panel3, ButtonIcon2, DropdownPanel, MenuItem2, DragComponent, ConfirmationModal, DropComponent, getStyleName, capitalizeFirstLetter, colorTypes, getCSSStyleForClassname, Panel2, Heading2, SubHeading, Paragraph2, Paragraph3, MenuItem, Tag2, 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, CodeEditorInline, 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, Button3, Button2, Paragraph, Sidebar, Panel, Stepper, Tag3, Card2, Card3, Heading3, MenuItem3, FormLabel, SelectMenu, Switch, SelectInput, CodeEditorVS, SettingsModal, SubHeading2, tailwindHeightFractions, Menu3, Panel3, ButtonIcon2, DropdownPanel, MenuItem2, DragComponent, ConfirmationModal, DropComponent, getStyleName, capitalizeFirstLetter, colorTypes, getCSSStyleForClassname, Panel2, Heading2, SubHeading, Paragraph2, Paragraph3, MenuItem, Tag2, 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, CodeEditorInline, Icon2, AlgoliaSearchBox, CommandPalette, useSidebar, Divider, 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';
@@ -56088,7 +56088,7 @@ var PermissionsTab = function PermissionsTab(_ref) {
   return /*#__PURE__*/jsxs("div", {
     className: "flex flex-col h-full min-h-0",
     children: [/*#__PURE__*/jsxs("div", {
-      className: "flex-shrink-0 flex flex-row items-center justify-between gap-2 pb-3 border-b border-white/10",
+      className: "flex-shrink-0 flex flex-row items-center justify-between gap-2 pb-3",
       children: [/*#__PURE__*/jsxs("div", {
         className: "flex flex-col",
         children: [/*#__PURE__*/jsxs("span", {
@@ -56112,7 +56112,7 @@ var PermissionsTab = function PermissionsTab(_ref) {
           size: "sm"
         })]
       })]
-    }), error && /*#__PURE__*/jsx("div", {
+    }), /*#__PURE__*/jsx(Divider, {}), error && /*#__PURE__*/jsx("div", {
       className: "flex-shrink-0 text-xs text-red-400 bg-red-900/20 border border-red-700 rounded p-2 mt-3",
       children: error
     }), /*#__PURE__*/jsx("div", {
@@ -56684,7 +56684,7 @@ var DashboardConfigModal = function DashboardConfigModal(_ref) {
     children: /*#__PURE__*/jsxs("div", {
       className: "flex flex-col h-full w-full rounded-lg overflow-clip border ".concat(panelStyles.backgroundColor || "", " ").concat(panelStyles.borderColor || "", " ").concat(panelStyles.textColor || ""),
       children: [/*#__PURE__*/jsxs("div", {
-        className: "flex-shrink-0 flex flex-row items-center justify-between p-4 border-b border-white/10",
+        className: "flex-shrink-0 flex flex-row items-center justify-between p-4",
         children: [/*#__PURE__*/jsxs("div", {
           className: "flex items-center gap-3",
           children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
@@ -56706,8 +56706,8 @@ var DashboardConfigModal = function DashboardConfigModal(_ref) {
             className: "h-5 w-5"
           })
         })]
-      }), /*#__PURE__*/jsxs("div", {
-        className: "flex-shrink-0 flex flex-row items-center gap-2 px-4 pt-3 border-b border-white/10",
+      }), /*#__PURE__*/jsx(Divider, {}), /*#__PURE__*/jsxs("div", {
+        className: "flex-shrink-0 flex flex-row items-center gap-2 px-4 pt-3",
         children: [/*#__PURE__*/jsxs("button", {
           type: "button",
           onClick: function onClick() {
@@ -56758,7 +56758,7 @@ var DashboardConfigModal = function DashboardConfigModal(_ref) {
             className: "ml-1 inline-block h-1.5 w-1.5 rounded-full bg-amber-400 align-middle"
           })]
         })]
-      }), /*#__PURE__*/jsxs("div", {
+      }), /*#__PURE__*/jsx(Divider, {}), /*#__PURE__*/jsxs("div", {
         className: "flex-1 min-h-0 ".concat(activeTab === "widgets" ? "" : "p-5"),
         children: [activeTab === "listeners" && /*#__PURE__*/jsx(ListenersTab, {
           emitters: emitters,
@@ -56784,8 +56784,8 @@ var DashboardConfigModal = function DashboardConfigModal(_ref) {
         }), activeTab === "dependencies" && /*#__PURE__*/jsx(DependenciesTab, {
           dependencies: dependencies
         })]
-      }), /*#__PURE__*/jsxs("div", {
-        className: "flex-shrink-0 flex flex-row justify-end gap-2 p-4 border-t border-white/10",
+      }), /*#__PURE__*/jsx(Divider, {}), /*#__PURE__*/jsxs("div", {
+        className: "flex-shrink-0 flex flex-row justify-end gap-2 p-4",
         children: [/*#__PURE__*/jsx(Button3, {
           title: "Cancel",
           onClick: handleCancel
@@ -56968,7 +56968,7 @@ function NotificationsTab(_ref4) {
   return /*#__PURE__*/jsxs("div", {
     className: "flex flex-col h-full",
     children: [/*#__PURE__*/jsxs("div", {
-      className: "flex flex-col gap-2 px-2 py-2 flex-shrink-0 border-b border-white/10",
+      className: "flex flex-col gap-2 px-2 py-2 flex-shrink-0",
       children: [/*#__PURE__*/jsx(SearchInput, {
         value: searchQuery,
         onChange: setSearchQuery,
@@ -57000,7 +57000,7 @@ function NotificationsTab(_ref4) {
           })]
         })]
       })]
-    }), /*#__PURE__*/jsx("div", {
+    }), /*#__PURE__*/jsx(Divider, {}), /*#__PURE__*/jsx("div", {
       className: "flex-1 overflow-y-auto px-2 py-2 space-y-3",
       children: filtered.map(function (wi) {
         return /*#__PURE__*/jsxs("div", {
@@ -57017,28 +57017,33 @@ function NotificationsTab(_ref4) {
               className: "text-[10px] opacity-40",
               children: wi["package"]
             })]
-          }), /*#__PURE__*/jsx("div", {
-            className: "flex flex-col pl-2 border-l border-white/10",
-            children: wi.notifications.map(function (notif) {
-              return /*#__PURE__*/jsxs("div", {
-                className: "flex flex-row items-center justify-between gap-3 py-2 px-2 -mx-2 rounded hover:bg-gray-800 transition-colors",
-                children: [/*#__PURE__*/jsxs("div", {
-                  className: "flex flex-col",
-                  children: [/*#__PURE__*/jsx("span", {
-                    className: "text-xs",
-                    children: notif.displayName
-                  }), notif.description && /*#__PURE__*/jsx("span", {
-                    className: "text-[10px] opacity-50",
-                    children: notif.description
+          }), /*#__PURE__*/jsxs("div", {
+            className: "flex flex-row gap-2",
+            children: [/*#__PURE__*/jsx(Divider, {
+              orientation: "vertical"
+            }), /*#__PURE__*/jsx("div", {
+              className: "flex flex-col flex-1",
+              children: wi.notifications.map(function (notif) {
+                return /*#__PURE__*/jsxs("div", {
+                  className: "flex flex-row items-center justify-between gap-3 py-2 px-2 -mx-2 rounded hover:bg-gray-800 transition-colors",
+                  children: [/*#__PURE__*/jsxs("div", {
+                    className: "flex flex-col",
+                    children: [/*#__PURE__*/jsx("span", {
+                      className: "text-xs",
+                      children: notif.displayName
+                    }), notif.description && /*#__PURE__*/jsx("span", {
+                      className: "text-[10px] opacity-50",
+                      children: notif.description
+                    })]
+                  }), /*#__PURE__*/jsx(Switch, {
+                    checked: isEnabled(wi.uuid, notif.key, notif.defaultEnabled),
+                    onChange: function onChange(value) {
+                      return setOne(wi.uuid, notif.key, value);
+                    }
                   })]
-                }), /*#__PURE__*/jsx(Switch, {
-                  checked: isEnabled(wi.uuid, notif.key, notif.defaultEnabled),
-                  onChange: function onChange(value) {
-                    return setOne(wi.uuid, notif.key, value);
-                  }
-                })]
-              }, notif.key);
-            })
+                }, notif.key);
+              })
+            })]
           })]
         }, wi.uuid);
       })
@@ -57090,9 +57095,9 @@ function ProvidersTab(_ref5) {
     children: [/*#__PURE__*/jsxs("div", {
       className: "w-56 flex-shrink-0 bg-white/5 border border-white/10 rounded-lg overflow-hidden flex flex-col",
       children: [/*#__PURE__*/jsx("div", {
-        className: "px-3 py-2 text-xs font-semibold opacity-50 uppercase tracking-wider border-b border-white/10",
+        className: "px-3 py-2 text-xs font-semibold opacity-50 uppercase tracking-wider",
         children: "Provider Types"
-      }), /*#__PURE__*/jsx("div", {
+      }), /*#__PURE__*/jsx(Divider, {}), /*#__PURE__*/jsx("div", {
         className: "overflow-y-auto flex-1",
         children: typeEntries.map(function (_ref6) {
           var _ref7 = _slicedToArray(_ref6, 2),
@@ -57131,7 +57136,7 @@ function ProvidersTab(_ref5) {
       className: "flex-1 min-w-0 bg-white/5 border border-white/10 rounded-lg overflow-hidden flex flex-col",
       children: selectedType ? /*#__PURE__*/jsxs(Fragment, {
         children: [/*#__PURE__*/jsxs("div", {
-          className: "px-4 py-3 border-b border-white/10 flex-shrink-0",
+          className: "px-4 py-3 flex-shrink-0",
           children: [/*#__PURE__*/jsxs("div", {
             className: "text-sm font-semibold",
             children: [selectedType, " ", /*#__PURE__*/jsx("span", {
@@ -57142,7 +57147,7 @@ function ProvidersTab(_ref5) {
             className: "text-xs opacity-60 mt-1",
             children: "Apply one provider to every widget of this type, or adjust per-widget below."
           })]
-        }), /*#__PURE__*/jsxs("div", {
+        }), /*#__PURE__*/jsx(Divider, {}), /*#__PURE__*/jsxs("div", {
           className: "flex-1 overflow-y-auto p-4 space-y-4",
           children: [/*#__PURE__*/jsxs("div", {
             className: "flex items-center gap-3",
@@ -57388,9 +57393,9 @@ function ListenersTab(_ref0) {
       children: [/*#__PURE__*/jsxs("div", {
         className: "w-56 flex-shrink-0 bg-white/5 border border-white/10 rounded-lg overflow-hidden flex flex-col",
         children: [/*#__PURE__*/jsx("div", {
-          className: "px-3 py-2 text-xs font-semibold opacity-50 uppercase tracking-wider border-b border-white/10",
+          className: "px-3 py-2 text-xs font-semibold opacity-50 uppercase tracking-wider",
           children: "Widgets"
-        }), /*#__PURE__*/jsx("div", {
+        }), /*#__PURE__*/jsx(Divider, {}), /*#__PURE__*/jsx("div", {
           className: "overflow-y-auto flex-1",
           children: receivers.map(function (r) {
             var isActive = r.key === selectedReceiverKey;
@@ -57467,9 +57472,9 @@ function HandlersColumn(_ref10) {
   return /*#__PURE__*/jsxs("div", {
     className: "w-56 flex-shrink-0 bg-white/5 border border-white/10 rounded-lg overflow-hidden flex flex-col",
     children: [/*#__PURE__*/jsx("div", {
-      className: "px-3 py-2 text-xs font-semibold opacity-50 uppercase tracking-wider border-b border-white/10",
+      className: "px-3 py-2 text-xs font-semibold opacity-50 uppercase tracking-wider",
       children: "Event Handlers"
-    }), /*#__PURE__*/jsx("div", {
+    }), /*#__PURE__*/jsx(Divider, {}), /*#__PURE__*/jsx("div", {
       className: "overflow-y-auto flex-1",
       children: receiver.eventHandlers.length === 0 ? /*#__PURE__*/jsx("div", {
         className: "text-xs opacity-50 text-center py-6 px-3",
@@ -57582,7 +57587,7 @@ function EventsColumn(_ref11) {
   return /*#__PURE__*/jsxs("div", {
     className: "flex-1 min-w-0 bg-white/5 border border-white/10 rounded-lg overflow-hidden flex flex-col",
     children: [/*#__PURE__*/jsxs("div", {
-      className: "flex-shrink-0 px-4 py-2 border-b border-white/10 text-xs opacity-60",
+      className: "flex-shrink-0 px-4 py-2 text-xs opacity-60",
       children: ["Check an event to fire ", /*#__PURE__*/jsx("code", {
         className: "text-xs",
         children: handlerName
@@ -57590,7 +57595,7 @@ function EventsColumn(_ref11) {
         className: "font-medium",
         children: receiver.label
       }), "."]
-    }), /*#__PURE__*/jsx("div", {
+    }), /*#__PURE__*/jsx(Divider, {}), /*#__PURE__*/jsx("div", {
       className: "flex-1 overflow-y-auto p-4 space-y-5",
       children: emittersForList.length === 0 ? /*#__PURE__*/jsx("div", {
         className: "text-sm opacity-60",