Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Angular support for nimble-rich-text-editor #1450

Merged
merged 180 commits into from
Aug 31, 2023

Conversation

vivinkrishna-ni
Copy link
Contributor

@vivinkrishna-ni vivinkrishna-ni commented Aug 24, 2023

Pull Request

🤨 Rationale

This PR includes Angular integration for the nimble-rich-text-editor component by exposing all the necessary APIs planned for the initial release. See the API section of the component spec.

Part of #1288.

👩‍💻 Implementation

  • Created Angular directive with input bindings for all APIs
  • Added nimble-rich-text-editor to the example client app
  • Exported module and directive from nimble-angular
  • Added page object entry points for nimble-rich-text-editor and nimble-rich-text-viewer

🧪 Testing

  • Created tests for directive APIs
  • Verified the functionalities of all the APIs via the example client app

✅ Checklist

  • I have updated the project documentation to reflect my changes or determined no changes are needed.

vivinkrishna-ni and others added 30 commits July 6, 2023 18:45
Base automatically changed from users/vivin/editor-ui-api to main August 31, 2023 16:43
@vivinkrishna-ni vivinkrishna-ni removed the request for review from mollykreis August 31, 2023 16:44
@vivinkrishna-ni vivinkrishna-ni merged commit 8cc3101 into main Aug 31, 2023
9 checks passed
@vivinkrishna-ni vivinkrishna-ni deleted the users/vivin/editor-angular-integration branch August 31, 2023 18:05
rajsite pushed a commit that referenced this pull request Sep 6, 2023
# Pull Request

## 🤨 Rationale
Issue Link : #1288

Currently, `rich-text-editor` has `title` and `text content` for
formatting buttons (Bold, Italics, Bulleted List, Numbered List) and
this needs to be localized from the client side.

## 👩‍💻 Implementation

Reference PR for implementation: #1328

This PR  creates label DesignTokens in `nimble-rich-text-editor`

Note: Angular Integration will be taken up once after [this
](#1450 completion.

## 🧪 Testing

- Verified that each label appears in the expected spots in the DOM for
the affected components. Note that the current labels are mostly not
user-visible. Future format button additions will introduce new visible
label tokens.
- Added autotests
- For label providers: verify token naming, and that label provider
attribute updates result in token updates
- Updated
[Storybook](https://60e89457a987cf003efc0a5b-ohnshtynly.chromatic.com/)
- Rich Text Editor has a new "Localizable labels" row in their Storybook
controls/API section
- Under `Tokens/Label Providers` is a new `Rich Text Editor Label
Provider`.

## ✅ Checklist

<!--- Review the list and put an x in the boxes that apply or ~~strike
through~~ around items that don't (along with an explanation). -->

- [x] I have updated the project documentation to reflect my changes or
determined no changes are needed.

---------

Co-authored-by: Aagash Raaj <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

8 participants