Commit Graph

15 Commits

Author SHA1 Message Date
Juan Chavez b55dad68da Remove rce_pretty_html_editor feature flag
fixes MAT-133

flag=none

test plan:
- Verify that there is no rce_pretty_html_editor
feature flag (site admin).
- Navigate to an RCE instance.
- Verify that pretty html editor is enabled by default.

Change-Id: Ibe76738577d0716e30f06815c9a072f41ca48103
Reviewed-on: https://gerrit.instructure.com/c/canvas-lms/+/275197
Tested-by: Service Cloud Jenkins <svc.cloudjenkins@instructure.com>
Reviewed-by: Weston Dransfield <wdransfield@instructure.com>
QA-Review: Weston Dransfield <wdransfield@instructure.com>
Product-Review: Juan Chavez <juan.chavez@instructure.com>
2021-10-22 19:03:08 +00:00
Ahmad Amireh 5f976f9989 rename frontend_build -> ui-build
minor QOL mainly for me; put webpack-specific configuration in its own
folder, make it portable, and make room for esbuild

the __webpack_public_path__ initializer no longer sources the value from
the build module, instead it uses a pre-defined global that webpack
injects

~ test plan ~

build is OK

Change-Id: I4ba4a3c0cb9175f96096f2b78022e152c04fc75d
Reviewed-on: https://gerrit.instructure.com/c/canvas-lms/+/276183
Tested-by: Service Cloud Jenkins <svc.cloudjenkins@instructure.com>
Reviewed-by: Charley Kline <ckline@instructure.com>
QA-Review: Charley Kline <ckline@instructure.com>
Product-Review: Charley Kline <ckline@instructure.com>
2021-10-21 19:13:02 +00:00
Ed Schiebel e9afcfcce3 Remove rce_enhancements flag from canvas - phase 1
refs LS-2655
flag=none

- this updates the files under ./ui, a few ancillary files and specs.
- Sadly the commit hook ran prettier and
  fiddled with the formatting of a handful of files too.
- Also made a few changes to quiet lint errors
- Also updated OutcomeManagement.test.js. I don't understand why,
  but 'renders ManagementHeader with lhsGroupId if selected a group in lhs'
  started failing with this change, even though nothing obviously related
  changed. The problem is that the modal isn't getting attached to the
  document being tested. The spec changed to test that the modal contained
  what it's supposed to contain.

test plan: jenkins passes and the RCE works

Change-Id: I48d85077bdbf7563cb07510d3e71d2b448c55e49
Reviewed-on: https://gerrit.instructure.com/c/canvas-lms/+/275301
Tested-by: Service Cloud Jenkins <svc.cloudjenkins@instructure.com>
Reviewed-by: Weston Dransfield <wdransfield@instructure.com>
QA-Review: Weston Dransfield <wdransfield@instructure.com>
Product-Review: Ed Schiebel <eschiebel@instructure.com>
2021-10-08 16:59:19 +00:00
Omar Gerardo Soto-Fortuño c6fe034a19 Fix issue with ||= on storybook/preview.js
Test plan:
  - Storybook runs appropriately.

flag=none

Fixes VICE-1610

Change-Id: I2e84b78c1d8d9d4e8185da180d675c01c7652af6
Reviewed-on: https://gerrit.instructure.com/c/canvas-lms/+/267214
Reviewed-by: Caleb Guanzon <cguanzon@instructure.com>
QA-Review: Caleb Guanzon <cguanzon@instructure.com>
Product-Review: Caleb Guanzon <cguanzon@instructure.com>
Tested-by: Service Cloud Jenkins <svc.cloudjenkins@instructure.com>
2021-06-16 14:52:29 +00:00
Ed Schiebel 568810861f Storybook config fixes
closes MAT-65
flag=none

- The update to package.json corrects a typo in the command line,
  line, plus adds a directory needed to load brandable_css
- The instui babel presets in the new .babelrc.json file are needed
  if you want an RCE in storybook
- The change to ENV in preview.js is needed if you want an RCE in
  storybook

test plan:
  - storybook builds and everything still works
  - components are rendered using the Lato font family

Change-Id: I04c45e4dc6bd853c3513ff689d63f6388d874ec1
Reviewed-on: https://gerrit.instructure.com/c/canvas-lms/+/263291
Tested-by: Service Cloud Jenkins <svc.cloudjenkins@instructure.com>
Reviewed-by: Jeffrey Johnson <jeffrey.johnson@instructure.com>
QA-Review: Jeffrey Johnson <jeffrey.johnson@instructure.com>
Product-Review: Jeffrey Johnson <jeffrey.johnson@instructure.com>
2021-04-23 19:46:51 +00:00
Ahmad Amireh 098b7a869b reconfigure storybook and rewrite its source files
refs FOO-1265

some of the stories were left out because they never show up as part of
the graph, also, its webpack config is now up to date

test plan: you can run "yarn storybook" as you did before

Change-Id: Ie204809c3e535d810b1e58ab64e12ff591f46168
Reviewed-on: https://gerrit.instructure.com/c/canvas-lms/+/262364
Tested-by: Service Cloud Jenkins <svc.cloudjenkins@instructure.com>
Reviewed-by: Jeffrey Johnson <jeffrey.johnson@instructure.com>
QA-Review: Jeffrey Johnson <jeffrey.johnson@instructure.com>
Product-Review: Jeffrey Johnson <jeffrey.johnson@instructure.com>
2021-04-06 21:32:23 +00:00
Ahmad Amireh 4243097b21 rename some things
fixes FOO-1265

[skip-eslint=true]
[pin-commit-analytics=7e49eefd7f59cbf43fd03bf8957bbbfa76f8d9d5]
[pin-commit-demo_site=adade2e38e46a358a4643cd3db2fe5ccffe39ec5]
[pin-commit-instructure_misc_plugin=47a3161102b0611af56d134fbd0c828ddc1b8abf]
[pin-commit-migration_tool=0dbac2f5b421d894395605ce4b583ef0f7d60b22]
[pin-commit-multiple_root_accounts=cc96d28c0d59bbe47acc64de4fdd8e1d2b029805]

Change-Id: I14c07f20bd260cf0de1f48ceb70b3c2313edf2d2
Reviewed-on: https://gerrit.instructure.com/c/canvas-lms/+/258807
Tested-by: Service Cloud Jenkins <svc.cloudjenkins@instructure.com>
Reviewed-by: Michael Ziwisky <mziwisky@instructure.com>
QA-Review: Michael Ziwisky <mziwisky@instructure.com>
Product-Review: Michael Ziwisky <mziwisky@instructure.com>
2021-04-06 01:12:49 +00:00
Martin Yosifov 43da6a6f82 Replace text area of Edit Modal with RCE for outcome description
closes OUT-4236
flag=improved_outcomes_management

Test plan:
- In the Acccount create an outcome with description
- Go to Account > Settings > Feature Options
- Enable Improved Outcomes Management FF
- Turn RCE Enhancedments FF to OFF
- Go to Account > Outcomes
- Select the outcome and click on kebab menu -> Edit
- Edit Outcome modal should open and form fields should
be populated with outcome data
- Verify that Save button is enabled
- Verify that the description is displayed within RCE
- Edit description and click on Save button -> modal should
close and after a moment you should see a flash message:
"This outcome was successfully updated."
- Reload the page and confirm that description is updated
- Go to Account > Settings > Feature Options
- Turn RCE Enhancedments FF to ON
- Repeat the above tests; now you should see the enhanced
RCE when editing description within the Edit Outcome modal
- Start storybook and confirm that the Outcome Edit Modal
stories display with RCE

Change-Id: I2e611e9a5fdbe895069e43061080e6986c851ae6
Reviewed-on: https://gerrit.instructure.com/c/canvas-lms/+/260751
Tested-by: Service Cloud Jenkins <svc.cloudjenkins@instructure.com>
Reviewed-by: Augusto Callejas <acallejas@instructure.com>
Reviewed-by: Pat Renner <prenner@instructure.com>
QA-Review: Brian Watson <bwatson@instructure.com>
Product-Review: Augusto Callejas <acallejas@instructure.com>
2021-04-02 17:33:05 +00:00
Brian Watson adde0800f6 Add lolcalize toggle to storybook
flag=none

closes OUT-4256

Test-plan: - Enable lolcalize in the toolbar (happyface icon)
 - Refresh page
 - Look at outcomes stories, verify that lolcalize translation
   occurs where expected in stories
 - Disable lolcalize in the toolbar
 - Refresh page
 - Verify that translations are gone
Change-Id: Ia84a8464ff7df565abc22ce89c542736f7caaa00
Reviewed-on: https://gerrit.instructure.com/c/canvas-lms/+/258660
Tested-by: Service Cloud Jenkins <svc.cloudjenkins@instructure.com>
QA-Review: Augusto Callejas <acallejas@instructure.com>
Product-Review: Augusto Callejas <acallejas@instructure.com>
Reviewed-by: Augusto Callejas <acallejas@instructure.com>
2021-02-12 16:13:41 +00:00
Brian Watson 44c684b754 Add bidirectional toggle to storybook
closes OUT-4253

flag=none

Test-plan: - Find bidirectional toggle, ensure rtl / ltr function as
   expected
Change-Id: I15d61906f7ff2f8202b5bac51418ec9fa56b3c20
Reviewed-on: https://gerrit.instructure.com/c/canvas-lms/+/258581
Tested-by: Service Cloud Jenkins <svc.cloudjenkins@instructure.com>
Reviewed-by: Michael Brewer-Davis <mbd@instructure.com>
Reviewed-by: Augusto Callejas <acallejas@instructure.com>
QA-Review: Martin Yosifov <martin.yosifov@instructure.com>
Product-Review: Brian Watson <bwatson@instructure.com>
2021-02-12 15:14:38 +00:00
Brian Watson 3f5c2b3f12 Add storyshots to storybook
refs OUT-4237

flag=none

Test-plan: > yarn install
 > yarn storybook
 - Look through outcomes stories in storybook quickly,
   verify everything loads
 > yarn test-storybook
 - Verify everything passes, if something doesn't pass,
   verify that that corresponding story is also broken in
   storybook
 > echo $? # should return 0 and jest results should say 0 failures
 - Change one of the stories so that it doesn't render,
   For example: undo the changes made to ManagementHeader.stories.js
   in tis PS
 > yarn test-storybook
 - Verify that it fails
 > echo $? # should return 1 and jest results should say 1+ failure(s)
Change-Id: I492f50d861dccdfdf4a958fd007da44041f9dd49
Reviewed-on: https://gerrit.instructure.com/c/canvas-lms/+/258297
Tested-by: Service Cloud Jenkins <svc.cloudjenkins@instructure.com>
Reviewed-by: Jeffrey Johnson <jeffrey.johnson@instructure.com>
Reviewed-by: Michael Brewer-Davis <mbd@instructure.com>
QA-Review: Pablo Gomez <pablo.gomez@instructure.com>
Product-Review: Brian Watson <bwatson@instructure.com>
2021-02-11 22:37:36 +00:00
Brian Watson 00f1f0e927 Add high contrast to storybook
closes OUT-4252

flag=none

Test-plan: - Click user icon in global toolbar
 - Switch between 'canvas' and 'canvas-high-contrast'
 - Verify that components display in expected contrast
 - Verify that all stories are rendering as expected and that
   'canvas' theme option displays stories as they were before
   this PS
Change-Id: I0d139e228ee01f2c3bc45d6b20e69acce88cfae1
Reviewed-on: https://gerrit.instructure.com/c/canvas-lms/+/258545
Tested-by: Service Cloud Jenkins <svc.cloudjenkins@instructure.com>
Reviewed-by: Manoel Quirino <manoel.quirino@instructure.com>
Reviewed-by: Michael Brewer-Davis <mbd@instructure.com>
QA-Review: Chrystal Langston <chrystal.langston@instructure.com>
Product-Review: Jody Sailor
2021-02-11 21:43:51 +00:00
Brian Watson 6b5a73f6dc Add outcomes components to storybook
closes OUT-4194

flag=none

Test-plan: - yarn install
 - yarn storybook
 - Navigate to Outcomes components
 - Press 'D' on the keyboard to bring up the controls
 - Verify that string / bool / number props can be edited easily
 - Verify all stories load (no red screens on a story)
   - OutcomeManagement will need additional work to mock out
     GraphQL requests. Some Failures on the story are anticipated
Change-Id: I7e5765c50c15ae1a5ea239946ebe12a72d73b614
Reviewed-on: https://gerrit.instructure.com/c/canvas-lms/+/257144
Tested-by: Service Cloud Jenkins <svc.cloudjenkins@instructure.com>
Reviewed-by: Michael Brewer-Davis <mbd@instructure.com>
Reviewed-by: Augusto Callejas <acallejas@instructure.com>
QA-Review: Pat Renner <prenner@instructure.com>
Product-Review: Michael Brewer-Davis <mbd@instructure.com>
2021-01-23 00:18:54 +00:00
Davis Hyer 32a65e8dd0 initial react inbox landing page
fixes VICE-860
flag=react_inbox

test plan:
  - navigate to /conversations
    - the inbox should render as normal
  - enable the react_inbox feature flag
  - navigate to /conversations
    - the inbox should be replaced with a placeholder
      for our new container

qa risk: low

Change-Id: Ib10d6a20bf9fa5b4dbed804bcd1396a1843cf0b1
Reviewed-on: https://gerrit.instructure.com/c/canvas-lms/+/254506
Tested-by: Service Cloud Jenkins <svc.cloudjenkins@instructure.com>
Tested-by: Jeffrey Johnson <jeffrey.johnson@instructure.com>
Reviewed-by: Jeffrey Johnson <jeffrey.johnson@instructure.com>
QA-Review: Jeffrey Johnson <jeffrey.johnson@instructure.com>
Product-Review: Jeffrey Johnson <jeffrey.johnson@instructure.com>
2020-12-08 17:15:44 +00:00
Jeffrey Johnson 408999d667 Introduce Storybook to Canvas + i18N Canvas Inbox fixes VICE-947
This story contains work to move Canvas Inbox and Storybook to `app/jsx` inside our Monolith. Storybook should now be enabled for all of `app/jsx` and works with our existing I18n code after updating webpack to load translations correctly.

Test Plan
1. Install node modules with `yarn`
2. At Canvas-LMS root, run `yarn storybook`
3. Storybook should open, test that Canvas Inbox components work as expected

Change-Id: Iccd2b103164a2da4e37b5746f4d9d2b5faf5f29d
Reviewed-on: https://gerrit.instructure.com/c/canvas-lms/+/253024
QA-Review: Davis Hyer <dhyer@instructure.com>
Product-Review: Davis Hyer <dhyer@instructure.com>
Tested-by: Service Cloud Jenkins <svc.cloudjenkins@instructure.com>
Reviewed-by: Davis Hyer <dhyer@instructure.com>
2020-12-02 18:44:09 +00:00