@interopio/home-ui-react 1.0.0 → 1.1.1
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/README.md +30 -32
- package/common/types.d.ts +1 -1
- package/constants/defaults.d.ts +1 -1
- package/constants/storageKeys.d.ts +0 -1
- package/decoders/context-menu.d.ts +1 -1
- package/decoders/layouts.d.ts +2 -2
- package/executors/applicationActions.d.ts +2 -4
- package/executors/layoutActions.d.ts +4 -0
- package/executors/notificationsSort.d.ts +7 -0
- package/executors/types.d.ts +20 -0
- package/executors/workspaceActions.d.ts +2 -3
- package/helpers/a11y.d.ts +3 -3
- package/hooks/index.d.ts +5 -0
- package/hooks/useApplications.d.ts +2 -2
- package/hooks/useExecuteApplicationAction.d.ts +2 -2
- package/hooks/useExecuteLayoutAction.d.ts +2 -0
- package/hooks/useExecuteWorkspaceAction.d.ts +2 -2
- package/hooks/useFavoriteEntities.d.ts +2 -1
- package/hooks/useFrame.d.ts +2 -2
- package/hooks/useInvokeInteropMethod.d.ts +2 -2
- package/hooks/useLayouts.d.ts +2 -0
- package/hooks/useNotifications.d.ts +2 -0
- package/hooks/useNotificationsSort.d.ts +5 -0
- package/hooks/useRestoreLayout.d.ts +2 -0
- package/hooks/useRestoreWorkspace.d.ts +2 -2
- package/hooks/useSearch.d.ts +2 -2
- package/hooks/useStartApplication.d.ts +1 -1
- package/hooks/useStorage.d.ts +1 -1
- package/hooks/useWorkspaces.d.ts +1 -1
- package/index.css +1 -1
- package/index.d.ts +6 -9
- package/index.js +9 -9
- package/index.js.map +1 -1
- package/index.mjs +2767 -3323
- package/index.mjs.map +1 -1
- package/lib/applications-section/applications-section.d.ts +1 -2
- package/lib/applications-section/helpers.d.ts +5 -0
- package/lib/base-section/base-section-header.d.ts +1 -1
- package/lib/base-section/base-section-item.d.ts +4 -4
- package/lib/base-section/base-section.d.ts +2 -3
- package/lib/base-section/{base-section.helpers.d.ts → helpers.d.ts} +1 -1
- package/lib/base-section/{base-section.types.d.ts → types.d.ts} +1 -1
- package/lib/button/button.d.ts +1 -1
- package/lib/button-group/button-group.d.ts +2 -2
- package/lib/context-menu/constants.d.ts +3 -0
- package/lib/context-menu/context-menu.d.ts +2 -2
- package/lib/context-menu/dropdown-button/dropdown-button.d.ts +2 -3
- package/lib/context-menu/{context-menu-types.d.ts → types.d.ts} +2 -2
- package/lib/dialog/dialog.d.ts +8 -0
- package/lib/favorites-section/favorites-section.d.ts +1 -2
- package/lib/favorites-section/{favorites-section.helpers.d.ts → helpers.d.ts} +1 -1
- package/lib/icon/icon.d.ts +1 -1
- package/lib/icon-components/browser-notifications-icon.d.ts +1 -2
- package/lib/icon-components/reopen-prompt-icon.d.ts +1 -2
- package/lib/icon-components/warning-icon.d.ts +1 -2
- package/lib/icon-components/window-placement-icon.d.ts +1 -2
- package/lib/img-icon/img-icon.d.ts +1 -1
- package/lib/io-connect-home-provider/constants.d.ts +4 -0
- package/lib/{glue42-home-provider/glue42-home-provider.d.ts → io-connect-home-provider/io-connect-home-provider.d.ts} +3 -3
- package/lib/io-connect-home-provider/types.d.ts +5 -0
- package/lib/launchpad/features/profile-settings/profile-icon.d.ts +6 -0
- package/lib/launchpad/launchpad.context.d.ts +6 -1
- package/lib/launchpad/launchpad.d.ts +1 -1
- package/lib/layouts-panel/available-layouts.d.ts +6 -0
- package/lib/layouts-panel/constants.d.ts +6 -0
- package/lib/layouts-panel/helpers.d.ts +4 -0
- package/lib/layouts-panel/layout-actions.d.ts +9 -0
- package/lib/layouts-panel/layouts-notification.d.ts +6 -0
- package/lib/layouts-panel/layouts-panel.d.ts +2 -0
- package/lib/layouts-panel/types.d.ts +19 -0
- package/lib/login/index.d.ts +3 -3
- package/lib/login/login-logo.d.ts +1 -1
- package/lib/login/reducers.d.ts +1 -1
- package/lib/login/types.d.ts +1 -1
- package/lib/logo/logo.d.ts +2 -0
- package/lib/notifications-panel/constants.d.ts +9 -0
- package/lib/notifications-panel/index.d.ts +3 -0
- package/lib/notifications-panel/notification.d.ts +6 -0
- package/lib/notifications-panel/notifications-badge.d.ts +5 -0
- package/lib/notifications-panel/notifications-icon.d.ts +6 -0
- package/lib/notifications-panel/notifications-panel.d.ts +1 -2
- package/lib/notifications-panel/types.d.ts +7 -0
- package/lib/panels/launchpad-slide-panel.d.ts +1 -1
- package/lib/panels/slide-panel.d.ts +1 -1
- package/lib/permissions-setup/constants.d.ts +2 -1
- package/lib/permissions-setup/permissions-card.d.ts +1 -1
- package/lib/permissions-setup/permissions-list.d.ts +2 -3
- package/lib/permissions-setup/permissions-setup-flow.d.ts +1 -2
- package/lib/permissions-setup/permissions-setup.d.ts +1 -1
- package/lib/permissions-setup/permissions-steps.d.ts +1 -2
- package/lib/permissions-setup/something-went-wrong.d.ts +1 -2
- package/lib/permissions-setup/types.d.ts +0 -2
- package/lib/permissions-setup/unsuccessful-setup.d.ts +2 -3
- package/lib/search/search-bar/search-bar.d.ts +1 -1
- package/lib/search/search-results-section/helpers.d.ts +3 -0
- package/lib/search/search-results-section/search-results-section.d.ts +1 -2
- package/lib/search/search-results-section/{search-results-section.types.d.ts → types.d.ts} +4 -4
- package/lib/section/{section.helpers.d.ts → helpers.d.ts} +1 -1
- package/lib/section/section.context.d.ts +1 -1
- package/lib/section/section.d.ts +2 -3
- package/lib/section/{section.types.d.ts → types.d.ts} +1 -1
- package/lib/settings-card/settings-card.d.ts +1 -2
- package/lib/workspaces-section/{workspaces-section.helpers.d.ts → helpers.d.ts} +2 -2
- package/lib/workspaces-section/workspaces-section.d.ts +1 -2
- package/package.json +6 -6
- package/constants/contextMenuActions.d.ts +0 -15
- package/lib/applications-section/applications-section.helpers.d.ts +0 -5
- package/lib/glue42-home-provider/constants.d.ts +0 -1
- package/lib/glue42-home-provider/types.d.ts +0 -4
- package/lib/launchpad/features/profile-settings/user-profile-modal.d.ts +0 -10
- package/lib/layout-settings/constants.d.ts +0 -2
- package/lib/layout-settings/index.d.ts +0 -2
- package/lib/layout-settings/layout-actions.d.ts +0 -8
- package/lib/layout-settings/layout-item.d.ts +0 -9
- package/lib/layout-settings/layout-notification.d.ts +0 -7
- package/lib/layout-settings/layout-settings-container.d.ts +0 -3
- package/lib/layout-settings/layout-settings.d.ts +0 -12
- package/lib/layout-settings/layout-startup.d.ts +0 -2
- package/lib/layout-settings/layout-types.d.ts +0 -30
- package/lib/modal/modal.d.ts +0 -9
- package/lib/notifications-panel/notification-toast.d.ts +0 -17
- package/lib/notifications-panel/notifications-modal.d.ts +0 -4
- package/lib/notifications-panel/useNotificationsSort.d.ts +0 -13
- package/lib/search/search-results-section/search-results-section.helpers.d.ts +0 -3
- /package/assets/{glue-logo.json → io-connect-browser-logo.json} +0 -0
- /package/lib/{glue42-home-provider → io-connect-home-provider}/helpers.d.ts +0 -0
- /package/lib/workspaces-section/{workspaces-section.types.d.ts → types.d.ts} +0 -0
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
import type { BaseSectionItemType, BaseSectionType } from '../../base-section/
|
|
3
|
-
import { SearchResultsContextMenuAction } from '../../context-menu/
|
|
1
|
+
import { IOConnectSearch } from '@interopio/search-api';
|
|
2
|
+
import type { BaseSectionItemType, BaseSectionType } from '../../base-section/types';
|
|
3
|
+
import { SearchResultsContextMenuAction } from '../../context-menu/types';
|
|
4
4
|
export interface SearchResultsSectionItemType extends BaseSectionItemType {
|
|
5
|
-
mainAction?:
|
|
5
|
+
mainAction?: IOConnectSearch.MainAction;
|
|
6
6
|
contextMenuActions?: SearchResultsContextMenuAction[];
|
|
7
7
|
}
|
|
8
8
|
export type SearchResultsSectionType = BaseSectionType<SearchResultsSectionItemType>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { SectionItemType, SectionType } from './
|
|
1
|
+
import type { SectionItemType, SectionType } from './types';
|
|
2
2
|
export declare const getItemName: (item: SectionItemType) => string;
|
|
3
3
|
export declare const getClickedItem: (items: SectionType['items'], clickedItemName: string) => SectionItemType | undefined;
|
|
@@ -7,5 +7,5 @@ interface ClickDataState {
|
|
|
7
7
|
selectedContextMenuActionName?: string;
|
|
8
8
|
}
|
|
9
9
|
export declare const useSection: () => [ClickDataState | null, import("react").Dispatch<import("react").SetStateAction<ClickDataState | null>>];
|
|
10
|
-
export declare const SectionProvider: ({ children }: SectionProviderProps) => JSX.Element;
|
|
10
|
+
export declare const SectionProvider: ({ children }: SectionProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export {};
|
package/lib/section/section.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import type { SectionItemType, SectionType } from './section.types';
|
|
1
|
+
import type { SectionItemType, SectionType } from './types';
|
|
3
2
|
interface SectionProps {
|
|
4
3
|
config: SectionType;
|
|
5
4
|
onItemClick?: (params: {
|
|
@@ -8,5 +7,5 @@ interface SectionProps {
|
|
|
8
7
|
selectedContextMenuActionName?: string;
|
|
9
8
|
}) => void;
|
|
10
9
|
}
|
|
11
|
-
export declare const Section: ({ config, onItemClick }: SectionProps) => JSX.Element;
|
|
10
|
+
export declare const Section: ({ config, onItemClick }: SectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
11
|
export default Section;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { BaseSectionItemType, BaseSectionType } from '../base-section/
|
|
1
|
+
import type { BaseSectionItemType, BaseSectionType } from '../base-section/types';
|
|
2
2
|
export type SectionItemType = BaseSectionItemType;
|
|
3
3
|
export type SectionType = BaseSectionType<SectionItemType>;
|
|
4
4
|
export type SectionItemClickedType = {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { SectionType } from '../section/
|
|
2
|
-
import type { Workspace } from './
|
|
1
|
+
import type { SectionType } from '../section/types';
|
|
2
|
+
import type { Workspace } from './types';
|
|
3
3
|
export declare const getWorkspacesSectionConfig: (workspaces: Workspace[], runningInstances: {
|
|
4
4
|
[appName: string]: string[];
|
|
5
5
|
}) => SectionType;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
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": "1.
|
|
4
|
+
"version": "1.1.1",
|
|
5
5
|
"main": "./index.js",
|
|
6
6
|
"module": "./index.mjs",
|
|
7
7
|
"types": "./index.d.ts",
|
|
@@ -18,11 +18,11 @@
|
|
|
18
18
|
"peerDependencies": {
|
|
19
19
|
"react": "18",
|
|
20
20
|
"react-dom": "18",
|
|
21
|
-
"@
|
|
22
|
-
"@
|
|
23
|
-
"@
|
|
24
|
-
"@
|
|
25
|
-
"@
|
|
21
|
+
"@interopio/desktop": "6",
|
|
22
|
+
"@interopio/browser": "3",
|
|
23
|
+
"@interopio/react-hooks": "3",
|
|
24
|
+
"@interopio/search-api": "2",
|
|
25
|
+
"@interopio/workspaces-api": "3"
|
|
26
26
|
},
|
|
27
27
|
"peerDependenciesMeta": {
|
|
28
28
|
"react-dom": {
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { ContextMenuAction } from '../lib/context-menu/context-menu-types';
|
|
2
|
-
export declare const APPLICATION_ACTIONS_NAMES: {
|
|
3
|
-
readonly OPEN_IN_NEW_WINDOW: "openInNewWindow";
|
|
4
|
-
readonly OPEN_IN_NEW_WORKSPACE: "openInNewWorkspace";
|
|
5
|
-
};
|
|
6
|
-
export declare const WORKSPACE_ACTIONS_NAMES: {
|
|
7
|
-
readonly OPEN_IN_NEW_FRAME: "openInNewFrame";
|
|
8
|
-
readonly DELETE: "delete";
|
|
9
|
-
};
|
|
10
|
-
export declare const LAYOUT_ACTIONS_NAMES: {
|
|
11
|
-
readonly SET_AS_DEFAULT: "setAsDefault";
|
|
12
|
-
readonly DELETE: "delete";
|
|
13
|
-
};
|
|
14
|
-
export declare const APPLICATION_ACTIONS: ContextMenuAction[];
|
|
15
|
-
export declare const WORKSPACE_ACTIONS: ContextMenuAction[];
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { Glue42Web } from '@glue42/web';
|
|
2
|
-
import { SectionType } from '../section/section.types';
|
|
3
|
-
export declare const getApplicationsSectionConfig: (applications: Glue42Web.AppManager.Application[], runningInstances: {
|
|
4
|
-
[appName: string]: string[];
|
|
5
|
-
}) => SectionType;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const PERMISSION_NAMES: readonly ["window-management", "notifications"];
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ModalProps } from '../../../modal/modal';
|
|
3
|
-
interface ProfileModalProps extends ModalProps {
|
|
4
|
-
onLogout?: () => void;
|
|
5
|
-
user?: {
|
|
6
|
-
name?: string;
|
|
7
|
-
};
|
|
8
|
-
}
|
|
9
|
-
declare const _default: import("react").FC<ProfileModalProps & import("@ebay/nice-modal-react").NiceModalHocProps>;
|
|
10
|
-
export default _default;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { Action } from './layout-types';
|
|
3
|
-
interface LayoutActionsProps {
|
|
4
|
-
actions: Action[];
|
|
5
|
-
className?: string;
|
|
6
|
-
}
|
|
7
|
-
declare const LayoutActions: ({ actions, className }: LayoutActionsProps) => JSX.Element;
|
|
8
|
-
export default LayoutActions;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { Layout, LayoutStorageValue } from './layout-types';
|
|
3
|
-
export interface LayoutItemProps {
|
|
4
|
-
layout: Layout;
|
|
5
|
-
onLayoutItemClick: (layout: Layout) => void;
|
|
6
|
-
setDefaultLayout: (value: LayoutStorageValue | ((val: LayoutStorageValue) => LayoutStorageValue)) => void;
|
|
7
|
-
}
|
|
8
|
-
export declare const LayoutItem: (props: LayoutItemProps) => JSX.Element;
|
|
9
|
-
export default LayoutItem;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { Notification } from './layout-types';
|
|
3
|
-
interface LayoutNotificationProps extends Notification {
|
|
4
|
-
className?: string;
|
|
5
|
-
}
|
|
6
|
-
declare const LayoutNotification: ({ className, message, type, }: LayoutNotificationProps) => JSX.Element;
|
|
7
|
-
export default LayoutNotification;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { Action, Layout, LayoutStorageValue } from './layout-types';
|
|
3
|
-
export interface LayoutSettingsProps {
|
|
4
|
-
layouts: Layout[];
|
|
5
|
-
onLayoutItemClick: (layout: Layout) => void;
|
|
6
|
-
inputValue: string;
|
|
7
|
-
onInputChange: (value: string) => void;
|
|
8
|
-
actions: Action[];
|
|
9
|
-
setDefaultLayout: (value: LayoutStorageValue | ((val: LayoutStorageValue) => LayoutStorageValue)) => void;
|
|
10
|
-
}
|
|
11
|
-
export declare const LayoutSettings: (props: LayoutSettingsProps) => JSX.Element;
|
|
12
|
-
export default LayoutSettings;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Glue42 } from '@glue42/desktop';
|
|
3
|
-
import { Glue42Web } from '@glue42/web';
|
|
4
|
-
export type LayoutStorageValue = Pick<Layout, 'name'>;
|
|
5
|
-
export interface LoadSystemDefaultLayoutConfig {
|
|
6
|
-
glue: Glue42Web.API | Glue42.Glue;
|
|
7
|
-
defaultLayout: {
|
|
8
|
-
name: string;
|
|
9
|
-
} | null;
|
|
10
|
-
restoreLayout: (name: string) => Promise<void>;
|
|
11
|
-
setDefaultLayout: (value: LayoutStorageValue | ((val: LayoutStorageValue) => LayoutStorageValue)) => void;
|
|
12
|
-
}
|
|
13
|
-
export interface Layout {
|
|
14
|
-
name: string;
|
|
15
|
-
type: string;
|
|
16
|
-
id: string;
|
|
17
|
-
isDefault?: boolean;
|
|
18
|
-
isSelected?: boolean;
|
|
19
|
-
}
|
|
20
|
-
export type ActionKind = 'save' | 'restore';
|
|
21
|
-
export interface Action {
|
|
22
|
-
kind: ActionKind;
|
|
23
|
-
label: string;
|
|
24
|
-
disabled?: boolean;
|
|
25
|
-
onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
26
|
-
}
|
|
27
|
-
export interface Notification {
|
|
28
|
-
message: string;
|
|
29
|
-
type: 'success';
|
|
30
|
-
}
|
package/lib/modal/modal.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
-
onClose?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
4
|
-
afterClose?: () => void;
|
|
5
|
-
mountNode?: Element | DocumentFragment;
|
|
6
|
-
visible: boolean;
|
|
7
|
-
}
|
|
8
|
-
export declare function Modal({ children, className, mountNode, afterClose, onClose, visible, ...rest }: ModalProps): JSX.Element;
|
|
9
|
-
export default Modal;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Glue42Web } from '@glue42/web';
|
|
3
|
-
export declare const severityColors: {
|
|
4
|
-
Low: string;
|
|
5
|
-
Medium: string;
|
|
6
|
-
High: string;
|
|
7
|
-
Critical: string;
|
|
8
|
-
None: string;
|
|
9
|
-
};
|
|
10
|
-
export interface Notification extends Glue42Web.Notifications.NotificationData {
|
|
11
|
-
status?: string;
|
|
12
|
-
onClick: (notification: Glue42Web.Notifications.NotificationData) => void;
|
|
13
|
-
onClose: (id: string) => void;
|
|
14
|
-
onActionClick: (id: string, action: Glue42Web.Notifications.NotificationAction) => void;
|
|
15
|
-
}
|
|
16
|
-
export declare function NotificationToast(props: Notification): JSX.Element;
|
|
17
|
-
export default NotificationToast;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Glue42Web } from '@glue42/web';
|
|
2
|
-
export type SortType = 'timestamp' | 'application' | 'severity';
|
|
3
|
-
type SortDirection = -1 | 0 | 1;
|
|
4
|
-
type ActiveSort = {
|
|
5
|
-
type: SortType;
|
|
6
|
-
sortDirection: SortDirection;
|
|
7
|
-
};
|
|
8
|
-
export declare const useNotificationsSort: () => {
|
|
9
|
-
onNotificationsSort: (type: SortType) => void;
|
|
10
|
-
activeSort: ActiveSort;
|
|
11
|
-
sortNotifications: (notifications: Glue42Web.Notifications.NotificationData[]) => Glue42Web.Notifications.NotificationData[];
|
|
12
|
-
};
|
|
13
|
-
export {};
|
|
File without changes
|
|
File without changes
|
|
File without changes
|