Canvas template, component library and screen examples

[vnys]

The theming issue Microsoft had on the roadmap has been removed. No idea what that means, if they’ve abandoned what they worked on or what – but there is a demand for a canvas app template that we have to do something about.

I suggest @lucasveil and I create a tablet template based on the work Frida and I did last year.

Issue reporting

PowerApps related EDS Issues reported by citizen developers is handled in equinor/EDSPowerPlatform.

---

• [x] Canvas app template - shorturl: apps.equinor.com/edspowerapps

• [x] Equinor Design System component library and example solution (preview)

  Deployed version 0.2.0.1 to Citizen Dev and a few other development environments I have access to on 10.08.22

• ~~Themes.json (overriding variables) (investigate template files from CoE Theming components and Creators kit)~~ -> #1377

• [ ] Component library

  General

  • [x] Theme variables for "Classic Controls"

    A behavioral component that sets global variables for native controls with properties that refer to the EDS properties.

  Components as listed on eds.equinor.com

  Feedback

  • [ ] Banner
  • [ ] Dialog
  • [ ] Progress indicators
  • [ ] Scrim *
  • [ ] Snackbar

  Data display

  • [ ] Chip
  • [ ] Divider *
  • [ ] List *
  • [ ] Popover
  • [ ] Table *
  • [ ] Table data grid *
  • [ ] Tooltip *

  Inputs

  • [x] Button
  • [ ] Date/timepicker *
  • [ ] Search *
  • [ ] Selection *
  • [ ] Text field *
  • [x] Toggle

  Navigation

  • [ ] App launcher
  • [ ] Breadcrumbs
  • [ ] Drawer
  • [ ] Link *
  • [x] Menu
  • [ ] Pagination
  • [ ] Stepper
  • [ ] Table of contents
  • [x] Top Bar **
  • [x] Tabs

  Notes: (*) "native" controls can function as as alternatives (**) Combining native controls and/or several components

• [ ] Request form and automation for deploying and updating component libraries in dev environments.

• [ ] Update documentation + proofreading

[Hjaf]

I will continue this work, see suggestion in the #2134 spike.

[Hjaf]

Experimented with modern controls which is in preview (of which we currently can't modify themes), the modern date-picker control is a huge improvement to the native date-picker. How ever, both the legacy and the modern control lacks the option for users to input date in the text-field. To overcome this limitation I have created some examples that links the date-picker control with text-input and labels that provides validation errors to the user during input. Input validation is currently limited to the Norwegian format for dates (nb_NO, e.g. 31.12.2023), but it should be fairly easy to provide additional formats based on the users language setting.

This is as close we can get to the EDS Date picker using native canvas app controls.

The examples have been shared with a citizen developer who will hopefully provide some feedback.

[schoening]

Moving this to backlog until further notice.