The Software Tool Kit (STK) is a set of React components used to build the ASGARD [5C3F] web interface based on Symphonie interface (1Y77).

See also: ASGARD

Use as library

Add the GIT repository to your dependencies inside your package.json.

"dependencies": {
    "stk": "git+https://SP0016C7:[email protected]/ASGARD/stk.git",
}

So you can use any of the components:

import * as Stk from 'stk';

function MyButton (): React.ReactNode {
    return (
        <Stk.Tooltip text="Hovering my button!">
            <Stk.Button icon={Stk.EIcon.INFO}>My button!</Stk.Button>
        </Stk.Tooltip>
    );
}

Dependencies

• React
• ReactDOM
• ReactRouter
• ReactRouterDOM

Lancement NPM

• npm install
• npm update
• npm start

Publication NPM

Before change the version in package.json "version": "X.X.X" And next apply command

• npm publish

Suivi des versions:

• "version": "1.0.0" => Première publication officielle
• "version": "1.0.1" => Maj package.json pour être compatable avec Asgard (même versions des librairies)
• "version": "1.0.2" => Passage React-Router V6
• "version": "1.0.3" => Passage React & React-Dom V18
• "version": "1.0.4" => Corrections diverses pour maj PROD
• "version": "1.0.5" => Continuité convertion Class en Fonction Composant + Corrections diverses
• "version": "1.0.6" => Refonte du style du menu. Ajout valeur par défaut dans le spreadsheet. Continuité convertion Class en Fonction Composant. Corrections diverses
• "version": "1.0.7" => Correction du composant FormDate + corrections des styles, surtout au niveau des composants Form, corrections des popups DayPicker et DayRangePicker, amélioration du router de l'application STK pour la navigation
• "version": "1.0.8" => Corrections diverses des composants (BoxHeading, Button, InputRadio, Icon, PopupValidation, SpreadsheetFunctionSort, SpreadsheetHeader, css de ToggleSwitch), conversion des composants Class (Tree, TreeNode, Timeline, TimelineItem, TimelineItemBody, TimelineItemHeader) en composants fonctions.
• "version": "1.0.8" => Corrections diverses, conversion des composants Class (Card, CardBody, CardBodyImage, CardDeck,CardFooter; CardTitle, Progress), ajout de la page d'exemple pour l'utilisation de Vtabs et Vtab.
• "version": "1.0.9" => Corrections du composant spreadsheet (=> Ajout filtre "Pas de sélection" si filtre date, => Possibilité importation CSV), création du composant PopupImportCsv permettant l'importation de fichiers CSV.
• "version": "1.0.10" => Ajout composant PopupAlerte.tsx, ajout des CardBox avec le drag N drop, maj des composants FormList, FormSmartText, InputRadio, FormValueValidator, Col, Spreadsheet, SpreadsheetFilter, etc, Tooltip. Ajout de l'exemple CardBoxDragNDropExemples.
• "version": "1.0.11" => Maj du spreadsheet, ajout argument pour exporter ou non des colonnes dans le CSV/PDF indépendemment des colonnes affichées ou masquées.
• "version": "1.0.12" => Refonte des composants ToolBar (avant utilisé côté application), correction bug colonne fixe lors du scroling du spreadsheet
• "version": "1.0.13" => Corr Bugs
• "version": "1.0.14" => Maj MenuFilter & FormSmartTextExamples (Icon et cursor si menu déroulant), Maj Spreadsheet, ajout icon pour les différents cas de Menu déroulant, ajout de la pagination (facultatif) utile lorsque le nombre de ligne est important.
• "version": "1.0.15" => Création Composant DatePicker pour choisir un mois/année ou année seulement, maj composant Popup (ajout de plusieurs propriétés supplémentaires), Maj composant spreadsheet (possibilité de lier des colonnes entre elles type parent/enfant avec dépendance, paramétrage filtre par colonne fonctionel plus ajout paramétrage affichage filtre global)
• "version": "1.0.16" => Ajout d'une PopupRefresh + ajout d'une nouvelle page exemple sur les Popups dans le STK
• "version": "1.0.17" => Maj du composant spreadsheet, menu déroulant pour filtre date: ajout des choix, 'Vide' et 'Non Vide' plus mise en surbrillance du choix effectué.
• "version": "1.0.18" => Maj du composant spreadsheet (possibilité de passer du style en propriété), Maj des composants formulaires, amélioration du composant Load en passant des propriétés supplémentaires.
• "version": "1.0.19" => Maj du composant spreadsheet (possibilité de faire une multisélection de lignes avec les touches Control et Shift => renvoi une liste contenant les index des lignes sélectionnées, ajout du type 'number' comme format de données possible des colonnes)
• "version": "1.0.20" => Maj du composant Menu (chgt style si selected), maj des popups: ajout de codes évênementiels pour la touche 'Entrée'

Reste à convertir composant Tab et Table + Popover qui pose problème.