fuse-ui-components

The fuse-ui-components package contains following react components that help in creating the confluence ref app, below are the components available in the library.

• Global Configuration
• Profiles
• Macro Security
• Allowlist
• Other components are Button, Loading, GettingStarted ( Home Page ) etc.

Table of Contents

• fuse-ui-components
  • Table of Contents
  • Features
  • Installing
  • Example
    • GlobalConfigurationComponent
      • Props
      • Usage
      • Note

Features

• Ready to use UI for (Global Configuration, Profiles, Macro Security, and Allowlist)
• Provides the code to connect to datastore for CRUDL operation

Installing

Using pnpm:

pnpm install @appfire/fuse-ui-components

Using npm:

npm install @appfire/fuse-ui-components

Once the package is installed, you can import the library using import:

import {
  AllowList,
  GlobalConfigurationComponent,
  MacroSecurity,
  Profiles,
} from "@appfire/fuse-ui-components";

Example

GlobalConfigurationComponent

The <GlobalConfigurationComponent /> is a React component designed for configuring global settings in the context of the Confluence Reference App.

Props

appKey: A string that represents the unique application key for the configuration. Example: "org.swift.confluence.refapp"

ProductType: A string that defines the product type. For the Swift Confluence Reference App, it should be set to "Confluence".

Usage

To use the <GlobalConfigurationComponent />, simply include it in your React application and pass the required props. For example:

<GlobalConfigurationComponent
  appKey="org.swift.confluence.refapp"
  ProductType="Confluence"
/>;

Note

Use other 3 components i.e. Profiles, MacroSecurity, and AllowList same as GlobalConfigurationComponent.