bal-create-autotags-widget

How to run StoryBook locally

``sh
cd autotags-ui
npm install
npm run storybook
`

Publish

Add the .npmrc file to the root folder.
Please follow this guideline to compeletely set up the .npmrc file: https://dev.azure.com/baldevops/Development/_artifacts/feed/front-end/connect/npm

`sh
cd autotags-ui
npm version
npm run build
npm publish
`

Install

Add the .npmrc file to your project folder
Please follow this guideline to completely set up the .npmrc file: https://dev.azure.com/baldevops/Development/_artifacts/feed/front-end/connect/npm

`sh
npm install bal-create-autotags-widget
`

Usage

`sh
import React from 'react';
import { BalCreateAutotagsWidget } from "bal-create-autotags-widget";
import 'bal-create-autotags-widget/dist/style.css';

const ExamplePage = () => {
// Required props
const domainName = "docgen";
const entityName = "template";
const apiBaseUrl = "https://autotags-api.hippo.balglobal.com/autotags-api";
const taggableEntities = [
{
key: "MigrationId-of-the-entity-in-database-here",
name: "Displayed name here",
description: "An optional description here"
},
{
key: '1901ff64-ebfc-ec11-aa82-0a84bca9d23e',
name: 'US - Filing Transmittal Letter to USCIS / DOL / Consulate (Residence)',
description: 'WORD, All, Jul 07 2022'
}
];
const getAccessToken = async () => {
// Do somethings async here if needed
return "jwt-access-token";
};

// Optional props
const size = { width: 450, height: 500 }; // Initial size of the widget in pixels.
const toastPosition = "top-right"; // The displayed position of toast message.
const autoCloseDuration = 5000; // Set the delay in ms to close the toast automatically.

return (
apiBaseUrl={apiBaseUrl}
getAccessToken={getAccessToken}
domainName={domainName}
entityName={entityName}
entities={entities}
size={size}
toastPosition={toastPosition}
autoCloseDuration={autoCloseDuration}
/>
);
};
``

Confluence page

https://balsoftware.atlassian.net/wiki/spaces/COBALT/pages/458031105/AutoTags+Widget+bal-create-autotags-widget