@ardoq/shared-ui

Ardoq Shared UI

Re-usable components for ardoq's front-end applications.

For now the storybook is published from the ardoq-front repository, but we aim to move the stories here soon.

Changelog

0.0.36 - Update Icon Names

• FORMAT_LIST_BULLETED were added to the IconName enum.

0.0.34 - Update React and ReactDOM to 16.12.0

• This was needed to eliminate a version mismatch between shared-ui and the project it was used in.

0.0.33 - Converted AqRichTextEditor to TS

• This was necessary after disabling allowJs

0.0.32 - Fixed embarassing typo in ErrorBoundary... 🙈

• log a warning to the console if logError is NOT passed

0.0.31 - Removed implicit dependency on window.logger.logError

• Error boundary should now have a logError method passed and will log a warning to console if it isn't

0.0.30 - Added new WYSIWYG editor

• Added new WYSIWYG editor (TUI Editor) and moved html->markdown and markdown->html logic into shared-ui.

0.0.29 - Update Icon Names

• MORE_VERT were added to the IconName enum.

0.0.24 - Fixed AqFormField, AqTextInput and formFieldHOC types

• An adjustment was necessary to make the types aligned with the usages that already exist in ardoq-front.

0.0.23 - Don't export the contents of styleVariables through index.ts

• These should, as of now, be imported from @ardoq/shared-ui/styleVariables.

0.0.22 - Fix imports

• Fixed styleVariables imports in two places.

0.0.21 - Move confirmation dialogs to shared-ui

• Moved confirm, confirmDelete along with its dependencies to shared-ui.

0.0.20 - Update SVG Icons

• SVG Icons are now passing all the props ({...props}) so we can use DOM dependent utils like tooltip messages.

0.0.19 - Update Icon Names

• ARROW_BACK and ARROW_FORWARD were added to the IconName enum.

0.0.18 - Update SVG Icons

• SVG icons can be colored using CSS fill: property now

0.0.17 - Update package.json

• move polished from devDependencies to dependencies

0.0.16 - Split icons between current set and deprecated set

0.0.15 - Update grayscale

• darkGrey3 (updated), lightGrey0 (introduced), lightGrey2 (updated)

0.0.12 - Adding Icons (ARD-3761)

• migrate icons from FE repo.
• following elements introduced: Icon, IconName, CheckboxIconName, ChevronIconName, ExpandToggleIconName, InternalIconName, CheckboxIcon ChevronIcon
• remove primaryHover and primaryGreenHover colors

0.0.11 - Colors cleanup(ARD-3760)

• Clean colors - merge gray scale, merge blue, merge red etc.
• global "grey" to "gray" update (US)
• create dimmers helpers
• some more work around styleVariables.colors

0.0.9 - Buttons cleanup (ARD-3759)

• Depricate buttons with shadow
• Depricate secondary button (replace with default button)
• make Danger button light - white gb + red text

Contributing

Using yarn link to test the library without publishing a new version

1. In the root folder of this project, run yarn watch. This will continuously build the package when you make changes in /src.
2. In the /dist folder of this project, run yarn link. This allows yarn to install the package via symlinks.
3. In the root folder of the repostiory that you would like to link (i.e. ardoq-front), run yarn link @ardoq/shared-ui. This tells yarn to install the package from the dist folder.

Now any changes that you make in /src should be automatically reflected in the repository where you linked the package. Later, you might want to use the published version of the package again. Run yarn unlink @ardoq/shared-ui from within the linked repo (i.e. ardoq-front).

Publishing a new version of the package

1. Verify that "it works":
   yarn lint && yarn check-types
2. Bump the version yarn version
3. Publish (DO NOT BUMP THE VERSION HERE!):
   yarn run publish

Update changelog section