Common Frontend-Library

Komponenten

Die folgende Komponenten sind im FrEDA-Frontend nutzbar

FredaProvider

AppLogin

AutocompleteDropdown

PrimaryLayout

DialogPopup

FormWrapper

TTextField

TableGrid

custom columns

• accesor
• Header
• Cell

ColumnWrapper & ColumnItem

Grouping & Grouping.Title & Grouping.Content

PdfViewer

Button

PhotoCamera

CheckboxWithLabel

CheckboxGroup

SingleCheckbox

TTextFieldZW

AutocompleteDropdown

Hooks

usePage

useLoading

useAddButton

useVisibilityChange

Context

useContextCommonLayout

useContextCommonHelper

stellt Hilfmethoden zur Verfügung, z.B. genericJoin:

const commonHelper = useContextCommonHelper();
const joinedObj = commonHelper.genericJoin(dataObj);

Library erweitern

hierfür ist es notwendig den watcher für die Common-Library anzuwerfen, damit die Komponten in der Bibliothek bei Änderungen gebuildet und verwendbar werden.

cd frontend/common
yarn watch

Export neuer Komponente/Hook/Service

Für fehlerfreie Einbettung in den Apps muss die neue Komponente/Hook/Service o.ä. unter exportiert frontend/common/src/index.ts werden, z.B.:

export * from "./components/AutocompleteDropdown/AutocompleteDropdown";

Damit kann die Komponente AutocompleteDropdown in den Apps folgendermaßen eingebunden werden:

import {AutocompleteDropdown} from "@freda-frontend/common";