@interopio/home-ui-react 1.0.0 → 1.1.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 (124) hide show
  1. package/README.md +30 -32
  2. package/common/types.d.ts +1 -1
  3. package/constants/defaults.d.ts +1 -1
  4. package/constants/storageKeys.d.ts +0 -1
  5. package/decoders/context-menu.d.ts +1 -1
  6. package/decoders/layouts.d.ts +2 -2
  7. package/executors/applicationActions.d.ts +2 -4
  8. package/executors/layoutActions.d.ts +4 -0
  9. package/executors/notificationsSort.d.ts +7 -0
  10. package/executors/types.d.ts +20 -0
  11. package/executors/workspaceActions.d.ts +2 -3
  12. package/helpers/a11y.d.ts +3 -3
  13. package/hooks/index.d.ts +5 -0
  14. package/hooks/useApplications.d.ts +2 -2
  15. package/hooks/useExecuteApplicationAction.d.ts +2 -2
  16. package/hooks/useExecuteLayoutAction.d.ts +2 -0
  17. package/hooks/useExecuteWorkspaceAction.d.ts +2 -2
  18. package/hooks/useFavoriteEntities.d.ts +2 -1
  19. package/hooks/useFrame.d.ts +2 -2
  20. package/hooks/useInvokeInteropMethod.d.ts +2 -2
  21. package/hooks/useLayouts.d.ts +2 -0
  22. package/hooks/useNotifications.d.ts +2 -0
  23. package/hooks/useNotificationsSort.d.ts +5 -0
  24. package/hooks/useRestoreLayout.d.ts +2 -0
  25. package/hooks/useRestoreWorkspace.d.ts +2 -2
  26. package/hooks/useSearch.d.ts +2 -2
  27. package/hooks/useStartApplication.d.ts +1 -1
  28. package/hooks/useStorage.d.ts +1 -1
  29. package/hooks/useWorkspaces.d.ts +1 -1
  30. package/index.css +1 -1
  31. package/index.d.ts +6 -9
  32. package/index.js +9 -9
  33. package/index.js.map +1 -1
  34. package/index.mjs +2742 -3312
  35. package/index.mjs.map +1 -1
  36. package/lib/applications-section/applications-section.d.ts +1 -2
  37. package/lib/applications-section/helpers.d.ts +5 -0
  38. package/lib/base-section/base-section-header.d.ts +1 -1
  39. package/lib/base-section/base-section-item.d.ts +4 -4
  40. package/lib/base-section/base-section.d.ts +2 -3
  41. package/lib/base-section/{base-section.helpers.d.ts → helpers.d.ts} +1 -1
  42. package/lib/base-section/{base-section.types.d.ts → types.d.ts} +1 -1
  43. package/lib/button/button.d.ts +1 -1
  44. package/lib/button-group/button-group.d.ts +2 -2
  45. package/lib/context-menu/constants.d.ts +3 -0
  46. package/lib/context-menu/context-menu.d.ts +2 -2
  47. package/lib/context-menu/dropdown-button/dropdown-button.d.ts +2 -3
  48. package/lib/context-menu/{context-menu-types.d.ts → types.d.ts} +2 -2
  49. package/lib/dialog/dialog.d.ts +8 -0
  50. package/lib/favorites-section/favorites-section.d.ts +1 -2
  51. package/lib/favorites-section/{favorites-section.helpers.d.ts → helpers.d.ts} +1 -1
  52. package/lib/icon/icon.d.ts +1 -1
  53. package/lib/icon-components/browser-notifications-icon.d.ts +1 -2
  54. package/lib/icon-components/reopen-prompt-icon.d.ts +1 -2
  55. package/lib/icon-components/warning-icon.d.ts +1 -2
  56. package/lib/icon-components/window-placement-icon.d.ts +1 -2
  57. package/lib/img-icon/img-icon.d.ts +1 -1
  58. package/lib/{glue42-home-provider/glue42-home-provider.d.ts → io-connect-home-provider/io-connect-home-provider.d.ts} +3 -3
  59. package/lib/launchpad/features/profile-settings/profile-icon.d.ts +6 -0
  60. package/lib/launchpad/launchpad.context.d.ts +6 -1
  61. package/lib/launchpad/launchpad.d.ts +1 -1
  62. package/lib/layouts-panel/available-layouts.d.ts +6 -0
  63. package/lib/layouts-panel/constants.d.ts +6 -0
  64. package/lib/layouts-panel/helpers.d.ts +4 -0
  65. package/lib/layouts-panel/layout-actions.d.ts +9 -0
  66. package/lib/layouts-panel/layouts-notification.d.ts +6 -0
  67. package/lib/layouts-panel/layouts-panel.d.ts +2 -0
  68. package/lib/layouts-panel/types.d.ts +19 -0
  69. package/lib/login/index.d.ts +3 -3
  70. package/lib/login/login-logo.d.ts +1 -1
  71. package/lib/login/reducers.d.ts +1 -1
  72. package/lib/login/types.d.ts +1 -1
  73. package/lib/logo/logo.d.ts +2 -0
  74. package/lib/notifications-panel/constants.d.ts +9 -0
  75. package/lib/notifications-panel/index.d.ts +3 -0
  76. package/lib/notifications-panel/notification.d.ts +6 -0
  77. package/lib/notifications-panel/notifications-badge.d.ts +5 -0
  78. package/lib/notifications-panel/notifications-icon.d.ts +6 -0
  79. package/lib/notifications-panel/notifications-panel.d.ts +1 -2
  80. package/lib/notifications-panel/types.d.ts +7 -0
  81. package/lib/panels/launchpad-slide-panel.d.ts +1 -1
  82. package/lib/panels/slide-panel.d.ts +1 -1
  83. package/lib/permissions-setup/permissions-card.d.ts +1 -1
  84. package/lib/permissions-setup/permissions-list.d.ts +2 -3
  85. package/lib/permissions-setup/permissions-setup-flow.d.ts +1 -2
  86. package/lib/permissions-setup/permissions-setup.d.ts +1 -1
  87. package/lib/permissions-setup/permissions-steps.d.ts +1 -2
  88. package/lib/permissions-setup/something-went-wrong.d.ts +1 -2
  89. package/lib/permissions-setup/types.d.ts +1 -1
  90. package/lib/permissions-setup/unsuccessful-setup.d.ts +1 -2
  91. package/lib/search/search-bar/search-bar.d.ts +1 -1
  92. package/lib/search/search-results-section/helpers.d.ts +3 -0
  93. package/lib/search/search-results-section/search-results-section.d.ts +1 -2
  94. package/lib/search/search-results-section/{search-results-section.types.d.ts → types.d.ts} +4 -4
  95. package/lib/section/{section.helpers.d.ts → helpers.d.ts} +1 -1
  96. package/lib/section/section.context.d.ts +1 -1
  97. package/lib/section/section.d.ts +2 -3
  98. package/lib/section/{section.types.d.ts → types.d.ts} +1 -1
  99. package/lib/settings-card/settings-card.d.ts +1 -2
  100. package/lib/workspaces-section/{workspaces-section.helpers.d.ts → helpers.d.ts} +2 -2
  101. package/lib/workspaces-section/workspaces-section.d.ts +1 -2
  102. package/package.json +6 -6
  103. package/constants/contextMenuActions.d.ts +0 -15
  104. package/lib/applications-section/applications-section.helpers.d.ts +0 -5
  105. package/lib/launchpad/features/profile-settings/user-profile-modal.d.ts +0 -10
  106. package/lib/layout-settings/constants.d.ts +0 -2
  107. package/lib/layout-settings/index.d.ts +0 -2
  108. package/lib/layout-settings/layout-actions.d.ts +0 -8
  109. package/lib/layout-settings/layout-item.d.ts +0 -9
  110. package/lib/layout-settings/layout-notification.d.ts +0 -7
  111. package/lib/layout-settings/layout-settings-container.d.ts +0 -3
  112. package/lib/layout-settings/layout-settings.d.ts +0 -12
  113. package/lib/layout-settings/layout-startup.d.ts +0 -2
  114. package/lib/layout-settings/layout-types.d.ts +0 -30
  115. package/lib/modal/modal.d.ts +0 -9
  116. package/lib/notifications-panel/notification-toast.d.ts +0 -17
  117. package/lib/notifications-panel/notifications-modal.d.ts +0 -4
  118. package/lib/notifications-panel/useNotificationsSort.d.ts +0 -13
  119. package/lib/search/search-results-section/search-results-section.helpers.d.ts +0 -3
  120. /package/assets/{glue-logo.json → io-connect-browser-logo.json} +0 -0
  121. /package/lib/{glue42-home-provider → io-connect-home-provider}/constants.d.ts +0 -0
  122. /package/lib/{glue42-home-provider → io-connect-home-provider}/helpers.d.ts +0 -0
  123. /package/lib/{glue42-home-provider → io-connect-home-provider}/types.d.ts +0 -0
  124. /package/lib/workspaces-section/{workspaces-section.types.d.ts → types.d.ts} +0 -0
@@ -1,5 +1,4 @@
1
- /// <reference types="react" />
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/base-section.types';
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,3 +1,2 @@
1
- /// <reference types="react" />
2
- export declare const SettingsCard: () => JSX.Element;
1
+ export declare const SettingsCard: () => import("react/jsx-runtime").JSX.Element;
3
2
  export default SettingsCard;
@@ -1,5 +1,5 @@
1
- import type { SectionType } from '../section/section.types';
2
- import type { Workspace } from './workspaces-section.types';
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;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
- export declare const WorkspacesSection: () => JSX.Element;
1
+ export declare const WorkspacesSection: () => import("react/jsx-runtime").JSX.Element;
3
2
  export default WorkspacesSection;
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.0.0",
4
+ "version": "1.1.0",
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
- "@glue42/web": "2",
22
- "@glue42/workspaces-api": "1",
23
- "@glue42/react-hooks": "2",
24
- "@glue42/search-api": "1",
25
- "@glue42/desktop": "5"
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,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,2 +0,0 @@
1
- import type { Notification } from './layout-types';
2
- export declare const NOTIFICATION_TYPE_TO_ICON_NAME_MAPPING: Record<Notification['type'], string>;
@@ -1,2 +0,0 @@
1
- export * from './layout-settings';
2
- export * from './layout-settings-container';
@@ -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,3 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const LayoutSettingsContainer: () => JSX.Element;
3
- export default LayoutSettingsContainer;
@@ -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,2 +0,0 @@
1
- import { LoadSystemDefaultLayoutConfig } from './layout-types';
2
- export declare const tryLoadSystemDefaultLayout: (config: LoadSystemDefaultLayoutConfig) => Promise<void>;
@@ -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
- }
@@ -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,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { ModalProps } from '../modal/modal';
3
- declare const _default: import("react").FC<ModalProps & import("@ebay/nice-modal-react").NiceModalHocProps>;
4
- export default _default;
@@ -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 {};
@@ -1,3 +0,0 @@
1
- import { Glue42Search } from '@glue42/search-api';
2
- import type { SearchResultsSectionType } from './search-results-section.types';
3
- export declare const getSearchResultsSectionConfigs: (results: Glue42Search.QueryResult[]) => SearchResultsSectionType[];