@vuu-ui/vuu-shell 3.1.0-beta.1 → 3.1.0-beta.2

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "3.1.0-beta.1",
+  "version": "3.1.0-beta.2",
   "description": "VUU UI Shell",
   "main": "src/index.ts",
   "author": "heswell",
@@ -10,23 +10,23 @@
     "type-defs": "node ../../scripts/build-type-defs.mjs"
   },
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "3.1.0-beta.1",
-    "@vuu-ui/vuu-protocol-types": "3.1.0-beta.1",
-    "@vuu-ui/vuu-table-types": "3.1.0-beta.1"
+    "@vuu-ui/vuu-data-types": "3.1.0-beta.2",
+    "@vuu-ui/vuu-protocol-types": "3.1.0-beta.2",
+    "@vuu-ui/vuu-table-types": "3.1.0-beta.2"
   },
   "dependencies": {
     "@salt-ds/core": "1.54.1",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
-    "@vuu-ui/vuu-context-menu": "3.1.0-beta.1",
-    "@vuu-ui/vuu-data-react": "3.1.0-beta.1",
-    "@vuu-ui/vuu-data-remote": "3.1.0-beta.1",
-    "@vuu-ui/vuu-icons": "3.1.0-beta.1",
-    "@vuu-ui/vuu-layout": "3.1.0-beta.1",
-    "@vuu-ui/vuu-notifications": "3.1.0-beta.1",
-    "@vuu-ui/vuu-table": "3.1.0-beta.1",
-    "@vuu-ui/vuu-ui-controls": "3.1.0-beta.1",
-    "@vuu-ui/vuu-utils": "3.1.0-beta.1",
+    "@vuu-ui/vuu-context-menu": "3.1.0-beta.2",
+    "@vuu-ui/vuu-data-react": "3.1.0-beta.2",
+    "@vuu-ui/vuu-data-remote": "3.1.0-beta.2",
+    "@vuu-ui/vuu-icons": "3.1.0-beta.2",
+    "@vuu-ui/vuu-layout": "3.1.0-beta.2",
+    "@vuu-ui/vuu-notifications": "3.1.0-beta.2",
+    "@vuu-ui/vuu-table": "3.1.0-beta.2",
+    "@vuu-ui/vuu-ui-controls": "3.1.0-beta.2",
+    "@vuu-ui/vuu-utils": "3.1.0-beta.2",
     "html-to-image": "^1.11.11"
   },
   "peerDependencies": {

package/src/app-header/{AppHeader.mjs → AppHeader.js}

@@ -6,9 +6,9 @@ import { useLayoutOperation } from "@vuu-ui/vuu-layout";
 import { Toolbar } from "@vuu-ui/vuu-ui-controls";
 import clsx from "clsx";
 import { useCallback, useRef } from "react";
-import { usePersistenceManager } from "../persistence-manager/index.mjs";
+import { usePersistenceManager } from "../persistence-manager/index.js";
 import { NotificationType, useNotifications } from "@vuu-ui/vuu-notifications";
-import { useLogout } from "../application-provider/index.mjs";
+import { useLogout } from "../application-provider/index.js";
 import AppHeader from "./AppHeader.css";
 const classBase = "vuuAppHeader";
 const AppHeader_AppHeader = ({ className: classNameProp, themeMode: _, ...htmlAttributes })=>{

package/src/app-header/index.js

@@ -0,0 +1 @@
+export * from "./AppHeader.js";

package/src/application-provider/{ApplicationProvider.mjs → ApplicationProvider.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { SaltProviderNext, useDensity, useTheme } from "@salt-ds/core";
 import { useCallback, useContext, useMemo, useState } from "react";
-import { ApplicationContext } from "./ApplicationContext.mjs";
-import { usePersistenceManager } from "../persistence-manager/index.mjs";
+import { ApplicationContext } from "./ApplicationContext.js";
+import { usePersistenceManager } from "../persistence-manager/index.js";
 const accentPurple = "purple";
 const getThemeMode = (mode = "light", userSettings)=>{
     const themeMode = userSettings?.themeMode;

package/src/application-provider/index.js

@@ -0,0 +1 @@
+export * from "./ApplicationProvider.js";

package/src/feature/{Feature.mjs → Feature.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { importCSS, registerComponent } from "@vuu-ui/vuu-utils";
 import react, { useEffect } from "react";
-import { FeatureErrorBoundary } from "./FeatureErrorBoundary.mjs";
+import { FeatureErrorBoundary } from "./FeatureErrorBoundary.js";
 const componentsMap = new Map();
 const useCachedFeature = (url)=>{
     useEffect(()=>()=>{

package/src/feature/index.js

@@ -0,0 +1 @@
+export * from "./Feature.js";

package/src/feature-and-layout-provider/index.js

@@ -0,0 +1 @@
+export * from "./FeatureAndLayoutProvider.js";

package/src/feature-list/{FeatureList.mjs → FeatureList.js}

@@ -6,7 +6,7 @@ import { useComponentCssInjection } from "@salt-ds/styles";
 import { useWindow } from "@salt-ds/window";
 import clsx from "clsx";
 import { useMemo } from "react";
-import { Feature } from "../feature/Feature.mjs";
+import { Feature } from "../feature/Feature.js";
 import FeatureList from "./FeatureList.css";
 const classBase = "vuuFeatureList";
 const FeatureList_FeatureList = ({ features, title = "VUU TABLES", ...htmlAttributes })=>{

package/src/feature-list/index.js

@@ -0,0 +1 @@
+export * from "./FeatureList.js";

package/src/index.js

@@ -0,0 +1,14 @@
+export * from "./application-provider/index.js";
+export * from "./app-header/index.js";
+export * from "./feature/index.js";
+export * from "./feature-and-layout-provider/index.js";
+export * from "./left-nav/index.js";
+export * from "./persistence-manager/index.js";
+export * from "./shell.js";
+export * from "./shell-layout-templates/index.js";
+export * from "./ShellContextProvider.js";
+export * from "./feature-list/index.js";
+export * from "./theme-switch/index.js";
+export * from "./user-settings/index.js";
+export * from "./workspace-management/index.js";
+export { LoginPanel } from "./login/LoginPanel.js";

package/src/left-nav/{LeftNav.mjs → LeftNav.js}

@@ -7,10 +7,10 @@ import { useComponentCssInjection } from "@salt-ds/styles";
 import { useWindow } from "@salt-ds/window";
 import clsx from "clsx";
 import { useCallback, useMemo, useState } from "react";
-import { FeatureList } from "../feature-list/index.mjs";
-import { LayoutList } from "../workspace-management/index.mjs";
+import { FeatureList } from "../feature-list/index.js";
+import { LayoutList } from "../workspace-management/index.js";
 import LeftNav from "./LeftNav.css";
-import { useFeatures } from "../feature-and-layout-provider/index.mjs";
+import { useFeatures } from "../feature-and-layout-provider/index.js";
 const classBase = "vuuLeftNav";
 const getDisplayStatus = (activeTabIndex, expanded)=>{
     if (0 === activeTabIndex) return expanded ? "menu-full" : "menu-icons";

package/src/left-nav/index.js

@@ -0,0 +1 @@
+export * from "./LeftNav.js";

package/src/login/{LoginPanel.mjs → LoginPanel.js}

@@ -5,7 +5,7 @@ import { useComponentCssInjection } from "@salt-ds/styles";
 import { useWindow } from "@salt-ds/window";
 import clsx from "clsx";
 import { useCallback, useEffect, useRef, useState } from "react";
-import { VuuLogo } from "./VuuLogo.mjs";
+import { VuuLogo } from "./VuuLogo.js";
 import LoginPanel from "./LoginPanel.css";
 const classBase = "vuuLoginPanel";
 const LoginPanel_LoginPanel = ({ appName = "Demo App", className, onSubmit, ...htmlAttributes })=>{

package/src/persistence-manager/index.js

@@ -0,0 +1,5 @@
+export * from "./PersistenceManager.js";
+export * from "./PersistenceProvider.js";
+export * from "./LocalPersistenceManager.js";
+export * from "./RemotePersistenceManager.js";
+export * from "./StaticPersistenceManager.js";

package/src/shell-layout-templates/context-panel/index.js

@@ -0,0 +1 @@
+export * from "./ContextPanel.js";

package/src/shell-layout-templates/full-height-left-panel/{useFullHeightLeftPanel.mjs → useFullHeightLeftPanel.js}

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Flexbox, LayoutContainer } from "@vuu-ui/vuu-layout";
 import { VuuShellLocation } from "@vuu-ui/vuu-utils";
-import { ContextPanel } from "../context-panel/index.mjs";
-import { SidePanel } from "../side-panel/index.mjs";
+import { ContextPanel } from "../context-panel/index.js";
+import { SidePanel } from "../side-panel/index.js";
 import { useMemo } from "react";
 const useFullHeightLeftPanel = ({ appHeader, SidePanelProps: LeftSidePanelProps, htmlAttributes })=>useMemo(()=>/*#__PURE__*/ jsxs(Flexbox, {
             ...htmlAttributes,

package/src/shell-layout-templates/index.js

@@ -0,0 +1,3 @@
+export * from "./context-panel/index.js";
+export * from "./useShellLayout.js";
+export * from "./side-panel/index.js";

package/src/shell-layout-templates/side-panel/index.js

@@ -0,0 +1 @@
+export * from "./SidePanel.js";

package/src/shell-layout-templates/simple-content-pane/{useSimpleContentPane.mjs → useSimpleContentPane.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Flexbox, LayoutContainer } from "@vuu-ui/vuu-layout";
 import { VuuShellLocation } from "@vuu-ui/vuu-utils";
-import { ContextPanel } from "../context-panel/index.mjs";
+import { ContextPanel } from "../context-panel/index.js";
 import { useMemo } from "react";
 const useSimpleContentPane = ({ appHeader, htmlAttributes })=>useMemo(()=>/*#__PURE__*/ jsxs(Flexbox, {
             ...htmlAttributes,

package/src/shell-layout-templates/{useShellLayout.mjs → useShellLayout.js}

@@ -1,7 +1,7 @@
-import { useFullHeightLeftPanel } from "./full-height-left-panel/useFullHeightLeftPanel.mjs";
-import { useInlayLeftPanel } from "./inlay-left-panel/useInlayLeftPanel.mjs";
-import { useLeftMainTabs } from "./left-main-tabs/useLeftMainTabs.mjs";
-import { useSimpleContentPane } from "./simple-content-pane/useSimpleContentPane.mjs";
+import { useFullHeightLeftPanel } from "./full-height-left-panel/useFullHeightLeftPanel.js";
+import { useInlayLeftPanel } from "./inlay-left-panel/useInlayLeftPanel.js";
+import { useLeftMainTabs } from "./left-main-tabs/useLeftMainTabs.js";
+import { useSimpleContentPane } from "./simple-content-pane/useSimpleContentPane.js";
 const LayoutHook = {
     "full-height": useFullHeightLeftPanel,
     inlay: useInlayLeftPanel,

package/src/{shell.mjs → shell.js}

@@ -7,13 +7,13 @@ import { NotificationsProvider } from "@vuu-ui/vuu-notifications";
 import { ModalProvider } from "@vuu-ui/vuu-ui-controls";
 import { logger, registerComponent } from "@vuu-ui/vuu-utils";
 import { useCallback, useMemo } from "react";
-import { AppHeader } from "./app-header/index.mjs";
-import { ApplicationProvider } from "./application-provider/index.mjs";
-import { LocalPersistenceManager, PersistenceProvider, usePersistenceManager } from "./persistence-manager/index.mjs";
-import { useShellLayout } from "./shell-layout-templates/index.mjs";
-import { UserSettingsPanel } from "./user-settings/index.mjs";
-import { WorkspaceProvider, useWorkspace, useWorkspaceContextMenuItems } from "./workspace-management/index.mjs";
-import { loadingJSON } from "./workspace-management/defaultWorkspaceJSON.mjs";
+import { AppHeader } from "./app-header/index.js";
+import { ApplicationProvider } from "./application-provider/index.js";
+import { LocalPersistenceManager, PersistenceProvider, usePersistenceManager } from "./persistence-manager/index.js";
+import { useShellLayout } from "./shell-layout-templates/index.js";
+import { UserSettingsPanel } from "./user-settings/index.js";
+import { WorkspaceProvider, useWorkspace, useWorkspaceContextMenuItems } from "./workspace-management/index.js";
+import { loadingJSON } from "./workspace-management/defaultWorkspaceJSON.js";
 import { useLostConnection } from "@vuu-ui/vuu-data-react";
 import shell from "./shell.css";
 registerComponent("ApplicationSettings", UserSettingsPanel, "view");

package/src/theme-switch/index.js

@@ -0,0 +1 @@
+export * from "./ThemeSwitch.js";

package/src/user-settings/{UserSettingsPanel.mjs → UserSettingsPanel.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { useComponentCssInjection } from "@salt-ds/styles";
 import { useWindow } from "@salt-ds/window";
-import { useApplicationSettings } from "../application-provider/index.mjs";
-import { SettingsForm } from "./SettingsForm.mjs";
+import { useApplicationSettings } from "../application-provider/index.js";
+import { SettingsForm } from "./SettingsForm.js";
 import clsx from "clsx";
 import UserSettingsPanel from "./UserSettingsPanel.css";
 const classBase = "vuuUserSettingsPanel";

package/src/user-settings/index.js

@@ -0,0 +1,2 @@
+export * from "./UserSettingsPanel.js";
+export * from "./SettingsForm.js";

package/src/workspace-management/{LayoutList.mjs → LayoutList.js}

@@ -6,9 +6,9 @@ import { VuuShellLocation } from "@vuu-ui/vuu-utils";
 import { useComponentCssInjection } from "@salt-ds/styles";
 import { useWindow } from "@salt-ds/window";
 import clsx from "clsx";
-import { LayoutTile } from "./LayoutTile.mjs";
-import { useWorkspace } from "./WorkspaceProvider.mjs";
-import { useLayouts } from "../feature-and-layout-provider/index.mjs";
+import { LayoutTile } from "./LayoutTile.js";
+import { useWorkspace } from "./WorkspaceProvider.js";
+import { useLayouts } from "../feature-and-layout-provider/index.js";
 import { layoutFromJson, useLayoutProviderDispatch } from "@vuu-ui/vuu-layout";
 import LayoutList from "./LayoutList.css";
 const classBase = "vuuLayoutList";

package/src/workspace-management/{SaveLayoutPanel.mjs → SaveLayoutPanel.js}

@@ -3,9 +3,9 @@ import { Button, ComboBox, FormField, FormFieldLabel, Input, Option, Text } from
 import { useComponentCssInjection } from "@salt-ds/styles";
 import { useWindow } from "@salt-ds/window";
 import { useCallback, useEffect, useMemo, useState } from "react";
-import { takeScreenshot } from "./screenshot-utils.mjs";
+import { takeScreenshot } from "./screenshot-utils.js";
 import SaveLayoutPanel from "./SaveLayoutPanel.css";
-import { useApplicationUser } from "../application-provider/index.mjs";
+import { useApplicationUser } from "../application-provider/index.js";
 const classBase = "vuuSaveLayoutPanel";
 const groups = [
     "Group 1",

package/src/workspace-management/{WorkspaceProvider.mjs → WorkspaceProvider.js}

@@ -3,8 +3,8 @@ import { isLayoutJSON, resolveJSONPath } from "@vuu-ui/vuu-layout";
 import { useNotifications } from "@vuu-ui/vuu-notifications";
 import { VuuShellLocation, WorkspaceContext, logger } from "@vuu-ui/vuu-utils";
 import { useCallback, useContext, useEffect, useRef, useState } from "react";
-import { usePersistenceManager } from "../persistence-manager/index.mjs";
-import { getWorkspaceWithLayoutJSON, loadingJSON } from "./defaultWorkspaceJSON.mjs";
+import { usePersistenceManager } from "../persistence-manager/index.js";
+import { getWorkspaceWithLayoutJSON, loadingJSON } from "./defaultWorkspaceJSON.js";
 const { info: info } = logger("useLayoutManager");
 const ensureLayoutHasTitle = (layout, layoutMetadata)=>{
     if (layout.props?.title !== void 0) return layout;

package/src/workspace-management/index.js

@@ -0,0 +1,5 @@
+export * from "./SaveLayoutPanel.js";
+export * from "./LayoutList.js";
+export * from "./WorkspaceProvider.js";
+export * from "./defaultWorkspaceJSON.js";
+export * from "./useWorkspaceContextMenuItems.js";

package/src/workspace-management/{useWorkspaceContextMenuItems.mjs → useWorkspaceContextMenuItems.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { useModal } from "@vuu-ui/vuu-ui-controls";
 import { useCallback, useMemo } from "react";
-import { SaveLayoutPanel } from "./SaveLayoutPanel.mjs";
-import { useWorkspace } from "./WorkspaceProvider.mjs";
+import { SaveLayoutPanel } from "./SaveLayoutPanel.js";
+import { useWorkspace } from "./WorkspaceProvider.js";
 const useWorkspaceContextMenuItems = ()=>{
     const { saveLayout } = useWorkspace();
     const { showDialog, closeDialog } = useModal();

package/src/app-header/index.mjs

@@ -1 +0,0 @@
-export * from "./AppHeader.mjs";

package/src/application-provider/index.mjs

@@ -1 +0,0 @@
-export * from "./ApplicationProvider.mjs";

package/src/feature/index.mjs

@@ -1 +0,0 @@
-export * from "./Feature.mjs";

package/src/feature-and-layout-provider/index.mjs

@@ -1 +0,0 @@
-export * from "./FeatureAndLayoutProvider.mjs";

package/src/feature-list/index.mjs

@@ -1 +0,0 @@
-export * from "./FeatureList.mjs";

package/src/index.mjs

@@ -1,14 +0,0 @@
-export * from "./application-provider/index.mjs";
-export * from "./app-header/index.mjs";
-export * from "./feature/index.mjs";
-export * from "./feature-and-layout-provider/index.mjs";
-export * from "./left-nav/index.mjs";
-export * from "./persistence-manager/index.mjs";
-export * from "./shell.mjs";
-export * from "./shell-layout-templates/index.mjs";
-export * from "./ShellContextProvider.mjs";
-export * from "./feature-list/index.mjs";
-export * from "./theme-switch/index.mjs";
-export * from "./user-settings/index.mjs";
-export * from "./workspace-management/index.mjs";
-export { LoginPanel } from "./login/LoginPanel.mjs";

package/src/left-nav/index.mjs

@@ -1 +0,0 @@
-export * from "./LeftNav.mjs";

package/src/persistence-manager/index.mjs

@@ -1,5 +0,0 @@
-export * from "./PersistenceManager.mjs";
-export * from "./PersistenceProvider.mjs";
-export * from "./LocalPersistenceManager.mjs";
-export * from "./RemotePersistenceManager.mjs";
-export * from "./StaticPersistenceManager.mjs";

package/src/shell-layout-templates/context-panel/index.mjs

@@ -1 +0,0 @@
-export * from "./ContextPanel.mjs";

package/src/shell-layout-templates/index.mjs

@@ -1,3 +0,0 @@
-export * from "./context-panel/index.mjs";
-export * from "./useShellLayout.mjs";
-export * from "./side-panel/index.mjs";

package/src/shell-layout-templates/side-panel/index.mjs

@@ -1 +0,0 @@
-export * from "./SidePanel.mjs";

package/src/theme-switch/index.mjs

@@ -1 +0,0 @@
-export * from "./ThemeSwitch.mjs";

package/src/user-settings/index.mjs

@@ -1,2 +0,0 @@
-export * from "./UserSettingsPanel.mjs";
-export * from "./SettingsForm.mjs";

package/src/workspace-management/index.mjs

@@ -1,5 +0,0 @@
-export * from "./SaveLayoutPanel.mjs";
-export * from "./LayoutList.mjs";
-export * from "./WorkspaceProvider.mjs";
-export * from "./defaultWorkspaceJSON.mjs";
-export * from "./useWorkspaceContextMenuItems.mjs";