Implement Wazuh UI in Wazuh Dashboard

asteriscos commented 3 years ago

Version	Source branch/tag
1.x.x	v29.3.2

We are currently developing a library of Wazuh components (forked from elastic eui). We need to be able to compile said library and use it in the Wazuh dashboard project

Tasks:

[x] Investigate the correct way to compile the library.
[x] Upload the library to the NPM / Yarn repositories (as applicable)
[x] Deploy the library in Wazuh Dashboard keeping the project working properly

Acceptance Criteria

We should be able to compile the library.
Upload library in NPM / Yarn (as applicable).
Apply the changes in Wazuh Dashboard, keeping the correct working of the project.
We should be able to see the applied Wazuh ui changes in Wazuh Dashboard

matiasmoreno876 commented 3 years ago

In order to compile the created themes we must run the script npm run build

for more information check the package.json

matiasmoreno876 commented 3 years ago

Wazuh dashboard with Wazuh wui changes

matiasmoreno876 commented 3 years ago

Wazuh dashboard with Wazuh wui changes (Dark mode)

matiasmoreno876 commented 3 years ago

Currently the library is uploaded in https://yarnpkg.com/package/wazuh-wui

NPM https://www.npmjs.com/package/wazuh-wui

matiasmoreno876 commented 3 years ago

When we import the wazuh-wui library into the wazuh-dashboar project and execute the yarn osd bootstrap command (to install all the dependencies) it generates the following error

matiasmoreno876 commented 3 years ago

New bug when we installwazuh-wui on wazuh dashboard

wazuh / wui

Implement Wazuh UI in Wazuh Dashboard #3

Tasks:

Acceptance Criteria