Commit Graph

19 Commits

Author SHA1 Message Date
Huyen Nguyen
686e9f6233 fix(ui-components): make Alert not dismissable (#45291) 2022-03-01 20:37:53 +05:30
Huyen Nguyen
0ccf3d4558 fix(tools): add missing colors to the Color storybook page (#45018)
* fix(tools): add missing colors to the Color storybook page

* remove colors
2022-02-11 16:01:40 -08:00
Huyen Nguyen
95e473d4bb Merge pull request #45015 from huyenltnguyen/chore/alert
refactor(tools): Alert component
2022-02-09 04:14:54 +03:00
Ismail Tlemcani
b0db8ec244 feat: add image component (#44590)
Co-authored-by: IsmailTlemcani <ismail.tlemcani@gmail.com>
2022-02-03 13:48:14 +03:00
Huyen Nguyen
1bd75fa04e chore(tools): update import statement (#44990) 2022-02-01 13:36:04 -08:00
Huyen Nguyen
f871bf1dbd chore(tools): convert color-system to TypeScript (#44970)
* Change file extension

* Move the files to their own folder

* Fix typecheck
2022-01-31 17:06:45 +03:00
Ahmad Abdolsaheb
8c5ac39dd2 fix: build tailwind with rollup in TS (#44713)
* fix: build tailwind with rollup in TS

* Update tools/ui-components/package.json

Co-authored-by: ahmad abdolsaheb <home@mac-16.local>
2022-01-13 16:59:03 +03:00
Maciek Sitkowski
58701d511b feat(tools): add Alert component (#43835)
* feat(alert): initialize component

* feat(alert): add children prop

* feat(alert): add className prop

* feat(alert): add variant prop

* feat(alert): add close button and handle onDismiss click

* feat(alert): place all alert related css in alert.css

* feat: define state color variables and use them instead of bootstrap ones

* chore: remove unused classes

* feat: replace base alert styles with tailwind classes

* feat: extract close button to separate component

* chore: remove unused css

* test: add close button tests

* refactor: use more tailwind-like approach for adding colors to theme

* refactor: use more expressive prop name for close button label

* refactor: use semantic color names

* feat: add stories with/without close button

* chore: add missing variants
2021-11-27 12:28:40 +03:00
Maciek Sitkowski
63f6d9d3f2 feat(storybook): add theme toggle (#44234) 2021-11-25 16:32:52 +03:00
Ahmad Abdolsaheb
f56a5617ac feat: add tailwind theme support (#43616)
* feat: add tailwind theme support

* feat: simplify config
2021-10-11 10:38:44 +03:00
Oliver Eyton-Williams
c8d7f0a782 feat(tools): remove eslint-plugin-prettier for prettier (#42438)
* feat: remove eslint-plugin-prettier for prettier

This removes the annoying lint warnings when all that needs to change is
formatting

* fix: use .js lint-staged config to ignore properly

* fix: lint everything if a lot of files are changed

It's faster than making lots of individual linter calls

* chore: apply prettier

* fix: ignore code in curriculum-file-structure
2021-10-06 21:02:21 +05:30
Hamza Waleed
ebec6705a3 feat(typescript): Add typescript support for UI components library (#43541)
* Add TS configs and improve dir structure

* Add TS configs and improve dir structure

* Fix components exports from index

* chore: prettier

* Add tsconfig and then fix the linter warnings

* Add @babel/preset-typescript

* Fix eslint rule and update btn component to fix storybook

* Fix TS and Jest configs

Converted all remaining files to TS as well

* Remove TS ignored rules and fixed some TS & jest stuff

* Revert to old directory structure

* Use absolute versions in package.json

* enable ts strict to infer types

Co-authored-by: Hamza Waleed <hamza.waleed@arbisoft.com>
2021-09-28 14:06:21 +03:00
Oliver Eyton-Williams
e118dda13a fix: order imports and remove circular dependencies (#41824)
* fix: remove circular dependency

redux depended on templates/Challenges/redux and vice versa.  This
meant that import order mattered and confusing bugs could arise.

(cherry picked from commit 7d67a4e70922bbb3051f2f9982dcc69e240d43dc)

* feat: require imports to be in alphabetical order

Import order generally does not matter, but there are edge cases
(circular  imports and css imports, for example) where changing order
changes behaviour

(cherry picked from commit b8d1393a91ec6e068caf8e8498a5c95df68c2b2c)

* chore: order imports

* fix: lift up challenge description + title comps

This brings the classic Show closer to the others as they
now all create the description and title components

* fix: remove donation-saga/index circular import

(cherry picked from commit 51a44ca668a700786d2744feffeae4fdba5fd207)

* refactor: extract action-types from settings

(cherry picked from commit 25e26124d691c84a0d0827d41dafb761c686fadd)

* fix: lint errors

* feat: prevent useless renames
2021-08-02 08:39:40 -05:00
Oliver Eyton-Williams
95dc63678c feat: bundling for UI Components (#42549)
Co-authored-by: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
2021-06-21 15:21:40 +07:00
Huyen Nguyen
2c16234853 chore: add jest global variables (#42573) 2021-06-20 09:14:42 +02:00
Huyen Nguyen
4a240fc58d chore(tools): split color tokens to separate layers (#42388) 2021-06-15 15:33:18 +03:00
Huyen Nguyen
fdf1de38e5 feat(tools): setup react testing library in ui-components (#42221)
* feat(tools): setup react testing library in ui-components

Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
2021-06-07 09:01:20 +02:00
Huyen Nguyen
ed094523e4 feat(tools): setup TailwindCSS in ui-components (#42153) 2021-05-17 12:43:27 +05:30
Huyen Nguyen
3efe3fa73f feat(tools): create ui-components package and setup Storybook (#41920)
* feat(client): basic Storybook setup

* Revert "feat(client): basic Storybook setup"

This reverts commit f55e249326.

* feat(tools): create ui-components package and setup Storybook

* Add ui-components to lerna.json
2021-05-11 00:37:01 +05:30