Introduction

The @celerofinancas/ui-company-kit library provides a set of components to help you manage companies in your application.

Let's get started! 🎉

warning

Before you start, make sure you have followed the installation guide to set up your project.

This guide will help you get started with the ui-company-kit library.

Installation

Let's discover @celerofinancas/ui-company-kit.

Yarn

$ yarn add @celerofinancas/ui-company-kit

Npm

$ npm install @celerofinancas/ui-company-kit

Web Components

Import the following script in your HTML file:

<script src="https://cdn.jsdelivr.net/npm/@celerofinancas/ui-company-kit"></script>

Library Components

The @celerofinancas/ui-company-kit library provides the following components:

• CoaAutocompleteComponent
• CoaByParentAutocompleteComponent
• BfmCompanyRelatedAccordionItemComponent
• CreateCompanyRelatedCreateComponent
• CreateCompanyRelatedCheckingAccountComponent
• CreateCompanyRelatedDetailsComponent
• CreateCompanyRelatedSummaryComponent
• BfmCostCenterComponent
• CostCenterHeaderComponent
• BfmCostCenterManagementModalComponent

Dependencies

To install the @celerofinancas/ui-company-kit library, you need to have the following dependencies installed:

package.json

{
  "dependencies": {
    "@celerofinancas/ui-company-kit": "^1.1.2",
    "@celerofinancas/class-utils": "3.1.x",
    "@celerofinancas/common-domain": "1.1.x",
    "@celerofinancas/core-ts": "3.3.x",
    "@celerofinancas/design-system": "3.2.x",
    "@celerofinancas/onboarding-tour": "1.1.x",
    "@celerofinancas/service-utils": "2.2.x",
    "@celerofinancas/state-management": "2.2.x",
    "@celerofinancas/style-kit": "3.0.x",
    "@celerofinancas/test-helpers": "3.3.x",
    "@celerofinancas/ui-animations": "3.0.x",
    "@celerofinancas/ui-common": "4.0.x",
    "@celerofinancas/ui-directives": "3.2.x",
    "@celerofinancas/ui-environments": "1.2.x",
    "@celerofinancas/ui-feature-flag": "3.0.x",
    "@celerofinancas/ui-http-services": "1.2.x",
    "@celerofinancas/ui-loaders": "1.0.x",
    "@celerofinancas/ui-modals": "3.1.x",
    "@celerofinancas/ui-oauth": "3.0.x",
    "@celerofinancas/ui-pipes": "4.0.x",
    "@celerofinancas/ui-theming": "3.0.x",
    "@celerofinancas/ui-validators": "3.0.x",
    "@ngneat/reactive-forms": "5.0.2",
    "@matheo/text-mask": "17.0.0",
    "ngx-mask": "17.1.2",
    "@angular/material": "17.3.10",
    "date-fns": "2.30.0",
    "@ngxs/devtools-plugin": "3.8.1",
    "@ngxs/store": "3.8.1"
  }
}