@interopio/home-ui-react 1.0.0

package/lib/permissions-setup/permissions-setup.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface PermissionsSetupProps {
+    components?: {
+        Logo?: React.ComponentType<{
+            className?: string;
+        }>;
+    };
+    settings?: {
+        edgeNotificationsPermissionTimeout?: number;
+    };
+}
+export declare const PermissionsSetup: ({ components: { Logo }, settings }: PermissionsSetupProps) => JSX.Element;
+export default PermissionsSetup;

package/lib/permissions-setup/permissions-steps.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface PermissionStepsProps {
+    settings: {
+        edgeNotificationsPermissionTimeout: number;
+    };
+}
+export declare const PermissionSteps: ({ settings }: PermissionStepsProps) => JSX.Element;
+export default PermissionSteps;

package/lib/permissions-setup/something-went-wrong.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface SomethingWentWrongProps {
+    onReopenPromptClick: () => void;
+}
+export declare const SomethingWentWrong: ({ onReopenPromptClick }: SomethingWentWrongProps) => JSX.Element;
+export {};

package/lib/permissions-setup/types.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { PERMISSION_NAMES } from '../glue42-home-provider/constants';
+export interface PermissionStep {
+    heading: string;
+    description: string;
+    guidelines: Record<string, string>;
+    label: string;
+    Image?: React.ComponentType;
+    openPermissionsPrompt: (options: {
+        handleDeferredPermission: () => void;
+        handlePermissionsPromptClose: () => void;
+    }) => void;
+}
+export type PermissionNames = (typeof PERMISSION_NAMES)[number];

package/lib/permissions-setup/unsuccessful-setup.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { PermissionNames } from './types';
+interface UnsuccessfulSetupProps {
+    deniedPermissionName?: PermissionNames;
+}
+export declare const UnsuccessfulSetup: ({ deniedPermissionName }: UnsuccessfulSetupProps) => JSX.Element;
+export default UnsuccessfulSetup;

package/lib/permissions-setup/use-edge-notifications-permission.d.ts

@@ -0,0 +1,6 @@
+export declare const useEdgeNotificationsPermission: ({ edgeNotificationsPermissionTimeout, isNotificationsPermissionPromptOpen, }: {
+    edgeNotificationsPermissionTimeout: number;
+    isNotificationsPermissionPromptOpen: boolean;
+}) => {
+    hasEdgeNotificationsPermissionError: boolean;
+};

package/lib/profile-details-card/profile-details-card.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+export interface ProfileDetailsCardProps {
+    user?: {
+        name?: string;
+    };
+}
+export declare const ProfileDetailsCard: FC<ProfileDetailsCardProps>;
+export default ProfileDetailsCard;

package/lib/search/search-bar/search-bar.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface SearchBarProps {
+    onSearch: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    searchTerm: string;
+    onClear: () => void;
+}
+export declare const SearchBar: import("react").ForwardRefExoticComponent<SearchBarProps & import("react").RefAttributes<HTMLInputElement>>;
+export default SearchBar;

package/lib/search/search-results-section/search-results-section.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface SearchResultsProps {
+    searchTerm: string;
+}
+export declare function SearchResults(props: SearchResultsProps): JSX.Element;
+export default SearchResults;

package/lib/search/search-results-section/search-results-section.helpers.d.ts

@@ -0,0 +1,3 @@
+import { Glue42Search } from '@glue42/search-api';
+import type { SearchResultsSectionType } from './search-results-section.types';
+export declare const getSearchResultsSectionConfigs: (results: Glue42Search.QueryResult[]) => SearchResultsSectionType[];

package/lib/search/search-results-section/search-results-section.types.d.ts

@@ -0,0 +1,8 @@
+import type { Glue42Search } from '@glue42/search-api';
+import type { BaseSectionItemType, BaseSectionType } from '../../base-section/base-section.types';
+import { SearchResultsContextMenuAction } from '../../context-menu/context-menu-types';
+export interface SearchResultsSectionItemType extends BaseSectionItemType {
+    mainAction?: Glue42Search.MainAction;
+    contextMenuActions?: SearchResultsContextMenuAction[];
+}
+export type SearchResultsSectionType = BaseSectionType<SearchResultsSectionItemType>;

package/lib/section/section.context.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface SectionProviderProps {
+    children: React.ReactNode;
+}
+interface ClickDataState {
+    itemName: string;
+    selectedContextMenuActionName?: string;
+}
+export declare const useSection: () => [ClickDataState | null, import("react").Dispatch<import("react").SetStateAction<ClickDataState | null>>];
+export declare const SectionProvider: ({ children }: SectionProviderProps) => JSX.Element;
+export {};

package/lib/section/section.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { SectionItemType, SectionType } from './section.types';
+interface SectionProps {
+    config: SectionType;
+    onItemClick?: (params: {
+        item: SectionItemType;
+        modifier: string | null;
+        selectedContextMenuActionName?: string;
+    }) => void;
+}
+export declare const Section: ({ config, onItemClick }: SectionProps) => JSX.Element;
+export default Section;

package/lib/section/section.helpers.d.ts

@@ -0,0 +1,3 @@
+import type { SectionItemType, SectionType } from './section.types';
+export declare const getItemName: (item: SectionItemType) => string;
+export declare const getClickedItem: (items: SectionType['items'], clickedItemName: string) => SectionItemType | undefined;

package/lib/section/section.types.d.ts

@@ -0,0 +1,8 @@
+import type { BaseSectionItemType, BaseSectionType } from '../base-section/base-section.types';
+export type SectionItemType = BaseSectionItemType;
+export type SectionType = BaseSectionType<SectionItemType>;
+export type SectionItemClickedType = {
+    item: SectionItemType;
+    modifier: string | null;
+    selectedContextMenuActionName?: string;
+};

package/lib/settings-card/settings-card.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const SettingsCard: () => JSX.Element;
+export default SettingsCard;

package/lib/support-card/support-card.d.ts

@@ -0,0 +1,9 @@
+import { FC, HTMLProps } from 'react';
+export interface SupportCardProps {
+    title?: string;
+    description?: string;
+    links?: HTMLProps<HTMLAnchorElement>[];
+    onLogout?: () => void;
+}
+export declare const SupportCard: FC<SupportCardProps>;
+export default SupportCard;

package/lib/workspaces-section/workspaces-section.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const WorkspacesSection: () => JSX.Element;
+export default WorkspacesSection;

package/lib/workspaces-section/workspaces-section.helpers.d.ts

@@ -0,0 +1,5 @@
+import type { SectionType } from '../section/section.types';
+import type { Workspace } from './workspaces-section.types';
+export declare const getWorkspacesSectionConfig: (workspaces: Workspace[], runningInstances: {
+    [appName: string]: string[];
+}) => SectionType;

package/lib/workspaces-section/workspaces-section.types.d.ts

@@ -0,0 +1,4 @@
+export interface Workspace {
+    id: string;
+    title: string;
+}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@interopio/home-ui-react",
+  "description": "React components for building a Home App for io.Connect Browser.",
+  "version": "1.0.0",
+  "main": "./index.js",
+  "module": "./index.mjs",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    },
+    "./index.css": {
+      "import": "./index.css",
+      "require": "./index.css"
+    }
+  },
+  "peerDependencies": {
+    "react": "18",
+    "react-dom": "18",
+    "@glue42/web": "2",
+    "@glue42/workspaces-api": "1",
+    "@glue42/react-hooks": "2",
+    "@glue42/search-api": "1",
+    "@glue42/desktop": "5"
+  },
+  "peerDependenciesMeta": {
+    "react-dom": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    }
+  },
+  "homepage": "https://interop.io/",
+  "author": {
+    "name": "Interop.IO",
+    "url": "https://interop.io/"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  }
+}