@interopio/home-ui-react 2.0.4 → 2.1.1-beta.0

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.
Files changed (41) hide show
  1. package/dist/common/types.d.ts +0 -1
  2. package/dist/constants/platformPrefs.d.ts +0 -1
  3. package/dist/helpers/a11y.d.ts +0 -1
  4. package/dist/hooks/index.d.ts +1 -0
  5. package/dist/index.css +1 -1
  6. package/dist/index.d.ts +5 -1
  7. package/dist/index.js +16 -16
  8. package/dist/index.js.map +1 -1
  9. package/dist/index.mjs +5923 -5527
  10. package/dist/index.mjs.map +1 -1
  11. package/dist/lib/base-section/base-section-header.d.ts +0 -1
  12. package/dist/lib/context-menu/context-menu.d.ts +1 -1
  13. package/dist/lib/context-menu/dropdown-button/dropdown-button.d.ts +2 -0
  14. package/dist/lib/home-app-workspace/home-app-workspace.d.ts +0 -1
  15. package/dist/lib/home-app-workspace/launchpad-access.d.ts +0 -1
  16. package/dist/lib/home-app-workspace/workspace-components-context.d.ts +0 -1
  17. package/dist/lib/info-card/info-card.d.ts +0 -1
  18. package/dist/lib/info-page-container/info-page-container.d.ts +0 -1
  19. package/dist/lib/io-connect-home-provider/io-connect-home-provider.d.ts +0 -1
  20. package/dist/lib/launchpad/launchpad-body.d.ts +5 -0
  21. package/dist/lib/launchpad/launchpad-config.context.d.ts +10 -0
  22. package/dist/lib/launchpad/launchpad-contents-container.d.ts +10 -0
  23. package/dist/lib/launchpad/launchpad-header.d.ts +1 -3
  24. package/dist/lib/launchpad/launchpad-search.context.d.ts +11 -0
  25. package/dist/lib/launchpad/launchpad.context.d.ts +4 -2
  26. package/dist/lib/launchpad/launchpad.d.ts +0 -1
  27. package/dist/lib/login/auth0/auth0-login-page.d.ts +0 -1
  28. package/dist/lib/login/login-page-container.d.ts +0 -1
  29. package/dist/lib/login/simple/simple-login-page.d.ts +0 -1
  30. package/dist/lib/notifications-panel-button/notifications-panel-button.d.ts +0 -1
  31. package/dist/lib/panels/panel-with-toggle-button.d.ts +0 -1
  32. package/dist/lib/panels/panel-wrapper.d.ts +0 -1
  33. package/dist/lib/platform-setup/platform-setup.d.ts +0 -1
  34. package/dist/lib/platform-setup/types.d.ts +0 -1
  35. package/dist/lib/search/search-bar/search-bar.d.ts +0 -1
  36. package/dist/lib/section/section.context.d.ts +1 -1
  37. package/dist/lib/system-loader/system-loader.d.ts +0 -1
  38. package/dist/lib/system-menu/types.d.ts +0 -1
  39. package/package.json +17 -16
  40. /package/{dist/README.md → README.md} +0 -0
  41. /package/dist/{lib/launchpad → hooks}/useIsLaunchpadCollapsed.d.ts +0 -0
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  interface BaseSectionHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
3
2
  title: string;
4
3
  isOpen?: boolean;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { ContextMenuAction } from "./types";
3
2
  import { ActivationEvent } from "../../helpers/a11y";
4
3
  interface ContextMenuProps extends React.HTMLAttributes<HTMLUListElement> {
@@ -6,6 +5,7 @@ interface ContextMenuProps extends React.HTMLAttributes<HTMLUListElement> {
6
5
  actions: ContextMenuAction[];
7
6
  onClose: () => void;
8
7
  onActionItemClick: (event: ActivationEvent, action: ContextMenuAction) => void;
8
+ "data-testid"?: string;
9
9
  }
10
10
  export declare const ContextMenu: import("react").ForwardRefExoticComponent<ContextMenuProps & import("react").RefAttributes<HTMLUListElement>>;
11
11
  export default ContextMenu;
@@ -15,6 +15,8 @@ export interface DropdownButtonProps {
15
15
  offset?: [number, number];
16
16
  shouldCloseOnOutsideScroll?: boolean;
17
17
  shouldCloseOnWindowBlur?: boolean;
18
+ "data-testid"?: string;
19
+ contextMenuDataTestId?: string;
18
20
  }
19
21
  export declare function DropdownButton(props: Readonly<DropdownButtonProps>): import("react/jsx-runtime").JSX.Element;
20
22
  export default DropdownButton;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { WorkspacesConfig, LaunchpadConfig } from "../io-connect-home/types";
3
2
  interface HomeAppWorkspaceProps {
4
3
  onLogout?: () => void;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { PanelButtonProps } from "../panels/types";
3
2
  export interface LaunchpadAccessProps {
4
3
  Button?: React.ComponentType<PanelButtonProps>;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { LaunchpadComponents, LaunchpadSettings } from "../io-connect-home/types";
3
2
  export declare const WorkspaceComponentsContext: import("react").Context<{
4
3
  launchpadSettings?: LaunchpadSettings | undefined;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  interface InfoCardProps {
3
2
  children?: React.ReactNode;
4
3
  heading?: string;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  interface InfoPageContainerProps {
3
2
  Logo: React.ComponentType<{
4
3
  className?: string;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import type { HomePermissionStatuses } from "./types";
3
2
  interface IOConnectHomeProviderProps {
4
3
  children: React.ReactNode;
@@ -0,0 +1,5 @@
1
+ interface LaunchpadBodyProps {
2
+ className?: string;
3
+ }
4
+ export declare const LaunchpadBody: ({ className }: LaunchpadBodyProps) => import("react/jsx-runtime").JSX.Element;
5
+ export default LaunchpadBody;
@@ -0,0 +1,10 @@
1
+ import { LaunchpadComponents, LaunchpadSettings } from "../io-connect-home/types";
2
+ interface LaunchpadConfigProviderProps {
3
+ children: React.ReactNode;
4
+ settings: LaunchpadSettings;
5
+ components: LaunchpadComponents;
6
+ }
7
+ export declare const LaunchpadConfigContext: import("react").Context<Required<Omit<LaunchpadConfigProviderProps, "children">> | undefined>;
8
+ export declare const useLaunchpadConfig: () => Required<Omit<LaunchpadConfigProviderProps, "children">>;
9
+ export declare const LaunchpadConfigProvider: ({ children, settings, components }: LaunchpadConfigProviderProps) => import("react/jsx-runtime").JSX.Element;
10
+ export {};
@@ -0,0 +1,10 @@
1
+ import { LaunchpadComponents, LaunchpadSettings } from "../io-connect-home/types";
2
+ interface LaunchpadContentsContainerProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ settings?: LaunchpadSettings;
4
+ components?: LaunchpadComponents;
5
+ isOpen?: boolean;
6
+ onClose?: () => void;
7
+ windowManagementPermissionState?: PermissionState;
8
+ }
9
+ export declare const LaunchpadContentsContainer: ({ settings, components, isOpen, onClose, windowManagementPermissionState, children, className, ...rest }: LaunchpadContentsContainerProps) => import("react/jsx-runtime").JSX.Element;
10
+ export default LaunchpadContentsContainer;
@@ -1,7 +1,5 @@
1
- import { ReactNode } from "react";
2
1
  interface LaunchpadHeaderProps {
3
2
  className?: string;
4
- children: ReactNode;
5
3
  }
6
- export declare const LaunchpadHeader: ({ className, children }: LaunchpadHeaderProps) => import("react/jsx-runtime").JSX.Element;
4
+ export declare const LaunchpadHeader: ({ className }: LaunchpadHeaderProps) => import("react/jsx-runtime").JSX.Element | null;
7
5
  export default LaunchpadHeader;
@@ -0,0 +1,11 @@
1
+ interface LaunchpadSearchContext {
2
+ searchTerm: string;
3
+ setSearchTerm: React.Dispatch<React.SetStateAction<string>>;
4
+ }
5
+ export declare const LaunchpadSearchContext: import("react").Context<LaunchpadSearchContext | undefined>;
6
+ export declare const useLaunchpadSearch: () => LaunchpadSearchContext;
7
+ interface SearchProviderProps {
8
+ children: React.ReactNode;
9
+ }
10
+ export declare const LaunchpadSearchProvider: ({ children }: SearchProviderProps) => import("react/jsx-runtime").JSX.Element;
11
+ export {};
@@ -1,19 +1,21 @@
1
- /// <reference types="react" />
2
1
  import { LayoutSummary } from "../layouts-panel/types";
3
2
  import { SetDefaultLayout, SetActiveLayout, CloseLaunchpad } from "../../common/types";
4
3
  export declare const useLaunchpadAPI: () => {
5
4
  close?: CloseLaunchpad | undefined;
5
+ isOpen: boolean;
6
6
  defaultLayout: LayoutSummary | undefined;
7
7
  activeLayout: LayoutSummary | null;
8
8
  setActiveLayout: SetActiveLayout;
9
9
  setDefaultLayout: SetDefaultLayout;
10
10
  isLayoutOperationBlocked: boolean;
11
11
  setIsLayoutOperationBlocked: React.Dispatch<React.SetStateAction<boolean>>;
12
+ isGlobalLayoutsAvailable: boolean;
12
13
  };
13
14
  interface LaunchpadAPIProviderProps {
14
15
  children: React.ReactNode;
15
16
  close?: CloseLaunchpad;
17
+ isOpen: boolean;
16
18
  isGlobalLayoutsAvailable: boolean;
17
19
  }
18
- export declare const LaunchpadAPIProvider: ({ children, close, isGlobalLayoutsAvailable }: LaunchpadAPIProviderProps) => import("react/jsx-runtime").JSX.Element;
20
+ export declare const LaunchpadAPIProvider: ({ children, close, isOpen, isGlobalLayoutsAvailable }: LaunchpadAPIProviderProps) => import("react/jsx-runtime").JSX.Element;
19
21
  export {};
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { LaunchpadComponents, LaunchpadSettings } from "../io-connect-home/types";
3
2
  export interface LaunchpadProps extends React.HTMLProps<HTMLDivElement> {
4
3
  isOpen?: boolean;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { Auth0ValidationError, LoginPageComponents } from "../../io-connect-home/types";
3
2
  export interface Auth0LoginPageProps {
4
3
  onLogin: () => void;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  interface LoginPageContainerProps {
3
2
  Logo: React.ComponentType;
4
3
  children?: React.ReactNode;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { LoginPageComponents } from "../../io-connect-home/types";
3
2
  export interface SimpleLoginPageProps {
4
3
  onLogin: (user: string, password: string) => Promise<void>;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  interface NotificationsPanelButtonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
3
2
  active: boolean;
4
3
  }
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { PanelButtonProps, PanelPosition, PanelProps } from "./types";
3
2
  export interface PanelWithToggleButtonProps {
4
3
  Button: React.ComponentType<PanelButtonProps>;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { PanelPosition, PanelProps } from "./types";
3
2
  export interface PanelWrapperProps {
4
3
  className?: string;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  interface PlatformSetupProps {
3
2
  components?: {
4
3
  Logo?: React.ComponentType<{
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { SETUP_STEPS_NAMES } from "./constants";
3
2
  export type SetupStepName = typeof SETUP_STEPS_NAMES[keyof typeof SETUP_STEPS_NAMES];
4
3
  type SetupStepState = "prompt" | "granted" | "denied";
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export interface SearchBarProps {
3
2
  onSearch: (event: React.ChangeEvent<HTMLInputElement>) => void;
4
3
  searchTerm: string;
@@ -1,9 +1,9 @@
1
- /// <reference types="react" />
2
1
  interface SectionProviderProps {
3
2
  children: React.ReactNode;
4
3
  }
5
4
  interface ClickDataState {
6
5
  itemName: string;
6
+ modifier: string | null;
7
7
  selectedContextMenuActionName?: string;
8
8
  }
9
9
  export declare const useSection: () => [ClickDataState | null, import("react").Dispatch<import("react").SetStateAction<ClickDataState | null>>];
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export interface SystemLoaderProps {
3
2
  Logo?: React.ComponentType;
4
3
  text?: string;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { ContextMenuAction } from "../context-menu/types";
3
2
  export type SystemMenuAction = ContextMenuAction & {
4
3
  onClick: (openPanel: (Panel: SystemMenuPanel) => void) => void;
package/package.json CHANGED
@@ -1,19 +1,17 @@
1
1
  {
2
2
  "name": "@interopio/home-ui-react",
3
3
  "description": "React components for building a Home App for io.Connect Browser.",
4
- "version": "2.0.4",
5
- "main": "dist/index.js",
6
- "module": "dist/index.mjs",
7
- "types": "dist/index.d.ts",
4
+ "version": "2.1.1-beta.0",
5
+ "main": "./dist/index.js",
6
+ "module": "./dist/index.mjs",
7
+ "types": "./dist/index.d.ts",
8
8
  "exports": {
9
9
  ".": {
10
+ "types": "./dist/index.d.ts",
10
11
  "import": "./dist/index.mjs",
11
12
  "require": "./dist/index.js"
12
13
  },
13
- "./index.css": {
14
- "import": "./dist/index.css",
15
- "require": "./dist/index.css"
16
- }
14
+ "./index.css": "./dist/index.css"
17
15
  },
18
16
  "scripts": {
19
17
  "build": "vite build",
@@ -22,6 +20,7 @@
22
20
  "postversion": "npm run build"
23
21
  },
24
22
  "peerDependencies": {
23
+ "@auth0/auth0-react": "^2.0.1",
25
24
  "@interopio/react-hooks": ">=3.0.0",
26
25
  "@interopio/workspaces-api": ">=3.0.0",
27
26
  "@interopio/workspaces-ui-react": ">=3.0.0",
@@ -29,15 +28,17 @@
29
28
  "react-dom": ">=16.8.0"
30
29
  },
31
30
  "dependencies": {
32
- "@interopio/browser": "^4.0.3"
31
+ "@interopio/browser": "^4.1.1-beta.0",
32
+ "@interopio/components-react": "^0.8.1-beta.0",
33
+ "@interopio/search-api": "^3.1.1-beta.0",
34
+ "decoder-validate": "^0.0.2",
35
+ "ua-parser-js": "^1.0.35"
33
36
  },
34
37
  "devDependencies": {
35
- "@interopio/browser-platform": "^4.0.3",
36
- "@interopio/components-react": "^0.7.3",
37
- "@interopio/desktop": "^6.7.0",
38
- "@interopio/react-hooks": "^4.0.3",
39
- "@interopio/theme": "^3.0.2",
40
- "@interopio/workspaces-ui-react": "^4.0.4"
38
+ "@interopio/browser-platform": "^4.1.1-beta.0",
39
+ "@interopio/react-hooks": "^4.1.1-beta.0",
40
+ "@interopio/theme": "^3.1.1-beta.0",
41
+ "@interopio/workspaces-ui-react": "^4.1.1-beta.0"
41
42
  },
42
43
  "peerDependenciesMeta": {
43
44
  "react-dom": {
@@ -57,5 +58,5 @@
57
58
  "@interopio:registry": "https://registry.npmjs.org",
58
59
  "access": "public"
59
60
  },
60
- "gitHead": "b8d7e92b86a28e6a8b4a4f55bbdfceacf369e33e"
61
+ "gitHead": "709a886c38021f8cbeda2ae4ece1af42e0cfaba1"
61
62
  }
File without changes