@vuu-ui/vuu-shell 0.8.17-debug → 0.8.18-debug
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/index.js +8187 -1699
- package/cjs/index.js.map +4 -4
- package/esm/index.js +8172 -1685
- package/esm/index.js.map +4 -4
- package/index.css +77 -43
- package/index.css.map +3 -3
- package/package.json +12 -13
- package/types/ShellContextProvider.d.ts +1 -2
- package/types/app-header/AppHeader.d.ts +1 -1
- package/types/connection-status/ConnectionStatusIcon.d.ts +2 -2
- package/types/index.d.ts +0 -2
- package/types/layout-management/LayoutList.d.ts +1 -1
- package/types/layout-management/LayoutTile.d.ts +9 -0
- package/types/layout-management/screenshot-utils.d.ts +6 -0
- package/types/persistence-management/LocalPersistenceManager.d.ts +18 -0
- package/types/persistence-management/PersistenceManager.d.ts +55 -0
- package/types/persistence-management/RemotePersistenceManager.d.ts +21 -0
- package/types/persistence-management/defaultApplicationJson.d.ts +4 -0
- package/types/persistence-management/index.d.ts +5 -0
- package/types/persistence-management/useLayoutContextMenuItems.d.ts +6 -0
- package/types/session-editing-form/SessionEditingForm.d.ts +2 -2
- package/types/shellTypes.d.ts +3 -1
- package/types/theme-switch/ThemeSwitch.d.ts +1 -1
- package/types/density-switch/DensitySwitch.d.ts +0 -8
- package/types/density-switch/index.d.ts +0 -1
- package/types/theme-provider/ThemeProvider.d.ts +0 -32
- package/types/theme-provider/index.d.ts +0 -1
- package/types/user-profile/UserPanel.d.ts +0 -10
- package/types/user-profile/UserProfile.d.ts +0 -10
- package/types/user-profile/index.d.ts +0 -1
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { PersistenceManager } from "./PersistenceManager";
|
|
2
|
+
import { ApplicationJSON, LayoutJSON } from "@vuu-ui/vuu-layout/src/layout-reducer";
|
|
3
|
+
import { LayoutMetadata, LayoutMetadataDto } from "../layout-management";
|
|
4
|
+
export type CreateLayoutResponseDto = {
|
|
5
|
+
metadata: LayoutMetadata;
|
|
6
|
+
};
|
|
7
|
+
export type GetLayoutResponseDto = {
|
|
8
|
+
definition: LayoutJSON;
|
|
9
|
+
};
|
|
10
|
+
export type GetApplicationResponseDto = {
|
|
11
|
+
definition: ApplicationJSON;
|
|
12
|
+
};
|
|
13
|
+
export declare class RemotePersistenceManager implements PersistenceManager {
|
|
14
|
+
createLayout(metadata: LayoutMetadataDto, layout: LayoutJSON): Promise<LayoutMetadata>;
|
|
15
|
+
updateLayout(id: string, metadata: LayoutMetadataDto, newLayoutJson: LayoutJSON): Promise<void>;
|
|
16
|
+
deleteLayout(id: string): Promise<void>;
|
|
17
|
+
loadLayout(id: string): Promise<LayoutJSON>;
|
|
18
|
+
loadMetadata(): Promise<LayoutMetadata[]>;
|
|
19
|
+
saveApplicationJSON(applicationJSON: ApplicationJSON): Promise<void>;
|
|
20
|
+
loadApplicationJSON(): Promise<ApplicationJSON>;
|
|
21
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { MenuActionHandler, MenuBuilder } from "@vuu-ui/vuu-data-types";
|
|
2
|
+
import { SetDialog } from "@vuu-ui/vuu-popups";
|
|
3
|
+
export declare const useLayoutContextMenuItems: (setDialogState: SetDialog) => {
|
|
4
|
+
buildMenuOptions: MenuBuilder<string, unknown>;
|
|
5
|
+
handleMenuAction: MenuActionHandler;
|
|
6
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { DataSource, TableSchema } from "@vuu-ui/vuu-data-types";
|
|
2
2
|
import { VuuColumnDataType } from "@vuu-ui/vuu-protocol-types";
|
|
3
|
-
import {
|
|
3
|
+
import { HTMLAttributes } from "react";
|
|
4
4
|
import "./SessionEditingForm.css";
|
|
5
5
|
export type FormFieldDescriptor = {
|
|
6
6
|
isKeyField?: boolean;
|
package/types/shellTypes.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { VuuTable } from "@vuu-ui/vuu-protocol-types";
|
|
1
|
+
import type { VuuTable } from "@vuu-ui/vuu-protocol-types";
|
|
2
|
+
import type { ViewProps } from "@vuu-ui/vuu-layout";
|
|
2
3
|
declare global {
|
|
3
4
|
const vuuConfig: Promise<VuuConfig>;
|
|
4
5
|
}
|
|
@@ -12,6 +13,7 @@ export interface FeatureConfig {
|
|
|
12
13
|
featureProps?: {
|
|
13
14
|
schema?: "*" | VuuTable;
|
|
14
15
|
schemas?: VuuTable[];
|
|
16
|
+
ViewProps?: Partial<ViewProps>;
|
|
15
17
|
};
|
|
16
18
|
}
|
|
17
19
|
export type Features = {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes } from "react";
|
|
2
|
-
import { ThemeMode } from "
|
|
2
|
+
import { ThemeMode } from "@vuu-ui/vuu-utils";
|
|
3
3
|
import "./ThemeSwitch.css";
|
|
4
4
|
export interface ThemeSwitchProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
5
5
|
defaultMode?: ThemeMode;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Density } from "@salt-ds/core";
|
|
2
|
-
import { HTMLAttributes } from "react";
|
|
3
|
-
export interface DensitySwitchProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
4
|
-
defaultDensity?: Density;
|
|
5
|
-
density?: Density;
|
|
6
|
-
onChange: (density: Density) => void;
|
|
7
|
-
}
|
|
8
|
-
export declare const DensitySwitch: ({ className: classNameProp, defaultDensity, onChange, }: DensitySwitchProps) => JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./DensitySwitch";
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from "react";
|
|
2
|
-
export declare const DEFAULT_DENSITY: Density;
|
|
3
|
-
export declare const DEFAULT_THEME = "salt-theme";
|
|
4
|
-
export declare const DEFAULT_THEME_MODE: ThemeMode;
|
|
5
|
-
export type Density = "high" | "medium" | "low" | "touch";
|
|
6
|
-
export type ThemeMode = "light" | "dark";
|
|
7
|
-
export type TargetElement = "root" | "scope" | "child";
|
|
8
|
-
export interface ThemeContextProps {
|
|
9
|
-
density: Density;
|
|
10
|
-
theme: string;
|
|
11
|
-
themeMode: ThemeMode;
|
|
12
|
-
}
|
|
13
|
-
export declare const ThemeContext: React.Context<ThemeContextProps>;
|
|
14
|
-
export type ThemeClasses = [string, string, ThemeMode];
|
|
15
|
-
export type ThemeAttributes = {
|
|
16
|
-
themeClass: string;
|
|
17
|
-
densityClass: string;
|
|
18
|
-
dataMode: ThemeMode;
|
|
19
|
-
};
|
|
20
|
-
export declare const useThemeAttributes: (themeAttributes?: ThemeAttributes) => [string, string, ThemeMode];
|
|
21
|
-
interface ThemeProviderProps {
|
|
22
|
-
applyThemeClasses?: boolean;
|
|
23
|
-
children: ReactNode;
|
|
24
|
-
density?: Density;
|
|
25
|
-
theme?: string;
|
|
26
|
-
themeMode?: ThemeMode;
|
|
27
|
-
}
|
|
28
|
-
export declare const ThemeProvider: {
|
|
29
|
-
({ applyThemeClasses, children, theme: themeProp, themeMode: themeModeProp, density: densityProp, }: ThemeProviderProps): JSX.Element;
|
|
30
|
-
displayName: string;
|
|
31
|
-
};
|
|
32
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./ThemeProvider";
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from "react";
|
|
2
|
-
import { VuuUser } from "../shell";
|
|
3
|
-
import "./UserPanel.css";
|
|
4
|
-
export interface UserPanelProps extends HTMLAttributes<HTMLDivElement> {
|
|
5
|
-
loginUrl?: string;
|
|
6
|
-
onNavigate: (id: string) => void;
|
|
7
|
-
user: VuuUser;
|
|
8
|
-
layoutId: string;
|
|
9
|
-
}
|
|
10
|
-
export declare const UserPanel: import("react").ForwardRefExoticComponent<UserPanelProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import "./UserProfile.css";
|
|
3
|
-
import { VuuUser } from "../shell";
|
|
4
|
-
export interface UserProfileProps {
|
|
5
|
-
layoutId: string;
|
|
6
|
-
loginUrl?: string;
|
|
7
|
-
onNavigate: (id: string) => void;
|
|
8
|
-
user: VuuUser;
|
|
9
|
-
}
|
|
10
|
-
export declare const UserProfile: ({ layoutId, loginUrl, onNavigate, user, }: UserProfileProps) => JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './UserProfile';
|