@nswdoe/doe-ui-core v1.4.23

doe-ui-core

Common UI Library created for NSW DoE frontend projects. Built upon Vue.js and Vuetify.

How to use

1. It is recommended to download doe-ui-template and start new project's development because doe-ui-template uses doe-ui-core and it has everything configured already.

2. If you want to set up a new project yourself, you can: Create a new Vue project, recommend to use vue-cli

yarn global add @vue/cli
# OR
npm install -g @vue/cli

vue create project-name

Add Vuetify as it is a dependency for this UI lib

vue add vuetify

Then install @nswdoe/doe-ui-core

yarn add @nswdoe/doe-ui-core
# OR
npm install @nswdoe/doe-ui-core

Import components in your project

In your project, simply import the UI Lib components you want to use, for example:

import { AppBar, NavigationDrawer, Profile } from '@nswdoe/doe-ui-core';

Version

1.0.44

Change Log

#1.0.44 - 15 Sep 2020

• Add DataTable expandableCols props for expandable sections

#1.0.43 - 14 Aug 2020

• Add missing accessibility css to Profile component
• Expose OAuth profile and loaded properties via getters
• Encode/Decode url params as necessary in OAuth plugin.

#1.0.42 - 06 Aug 2020

• Fix variables.scss dependency on Stepper component

#1.0.41 - 30 Jul 2020

• Fix accessibility (screen reader) issues on Stepper component
• Minor update to styling of Stepper component

#1.0.40 - 28 Jul 2020

• Fix initial data load issue on AdsSelect
• Emit change event from AdsSelect
• Add enableHomeLink option (default true) to AppBar to optionally disable links in app bar

#1.0.39 - 24 Jul 2020

• Accessibility improvements

#1.0.38 - 22 Jul 2020

• Add weather icon dependencies for Weather component.

#1.0.36 - 22 Jul 2020

• Add forceProdMode to OAuth plugin to get auth from OAuth server even in development mode
• Update ads colour palette
• Add IE11 compatible AdsSelect component based on Vuetify v-select.
• Update NavigationDrawer to allow showing user profile on mobile.
• Add Weather component to index.
• Fix linting issues.

#1.0.35 - 15 Jul 2020

• Fix issue when client_id not passed back from OAuth service
• Infer login redirect router path from params.redirect_uri

#1.0.34 - 15 Jul 2020

• Make logoutUri optional for OAuth plugin
• Add tokenUri option for OAuth plugin for use in PKCE mode

#1.0.32 - 13 Jul 2020

• Add the ADS style files into the new styles folder

#1.0.26 - 07 Jul 2020

• Add PKCE Authorisation Code capability to OAuth plugin

#1.0.25 - 01 Jul 2020

• OAuth plugin updates
  • Plugin will now re-authenticate with sso on every app refresh
  • Fix issue with redirecting to subroutes with params after sso auth
  • Popup auth is now optional with enablePopupAuth option. Default false - auth will redirect current page to sso login
  • Added loaded property, accessible via $OAuth.loaded which is set to true after the access_token is set.
  • New plugin options:
    • secureApp - makes all routes protected by default - default false
    • devIdTokenOverride - use a custom id-token for dev testing e.g. with different roles
    • enablePopupAuth - will attempt to show a separate pop-up for sso login to preserve current app state - default false

#1.0.24 - 29 Jun 2020

• Add Weather component

#1.0.23 - 18 Jun 2020

• Fixed action button styling in DataTable

#1.0.22 - 16 Jun 2020

• Fixed reference error to DataTableFieldTypes in DataTable

#1.0.21 - 16 Jun 2020

• Fixed spelling error on DataTable, FILED_TYPE_* -> FIELD_TYPE_* and renamed reference from FiledCustomTypes to DataTableFieldTypes.
• Add additional slot to AppBar for app icon's container, appIconContainer.

#1.0.20 - 03 Jun 2020

• Remove Safari from suggested browsers in IeBlocker
• Fix Chips linting errors

#1.0.19 - 03 Jun 2020

• Add Chips component
• Add publicApp prop to IeBlocker which adds browser suggestions for Safari and MS Edge in addition to Chrome

#1.0.18 - 02 Jun 2020

• Add homeLink property to AppBar component

#1.0.17 - 29 May 2020

• Fix DataTable referencing error

#1.0.16 - 27 May 2020

• Add IeBlocker component
• Add background options to Banner component
• Fix margins in NavigationDrawer sub-menus

#1.0.15 - 21 May 2020

• Add AdsButton component
• Pass through binding of attributes from NavigationDrawer to underlying v-navigation-drawer

#1.0.14 - 19 May 2020

• Apply vue's strongly-recommended linting rules
• Added new Alert component
• Restyling for NavigationDrawer
• Added notification counter feature to NavigationDrawer
• Fix center alignment on InitialsIcon

#1.0.13 - 07 May 2020

• Fix timeout detection issue with OAuth plugin
• Remove console log from AppIcon component

#1.0.12 - 24 Apr 2020

• Add Stepper navigation component

#1.0.11 - 17 Apr 2020

• Add OAuth plugin

#1.0.10 - 16 Apr 2020

Breaking Changes

• AppBar schoolPicker slot renamed to dataSwitcher

Other changes

• Add preMenu and postMenu slots on NavigationDrawer
• Remove requirement for clickHander function in NavigationDrawer item
• Update Banner styling to match ADS
• Add AppBar with backButton and extension slots to support mobile designs
• Profile menu web accessibility and IE11 fixes
• Profile menu "Update Secret Question" renamed to "Update Secret Questions"
• Add new BlockUI component for blocking UI when loading
• Fix MyEssentials asynchronous loading issue

#1.0.9 - 03 Mar 2020

• Data table search bug fix

#1.0.8 - 21 Feb 2020

• Updated DataSwitcher component to meet new ADS standard

#1.0.7 - 20 Feb 2020

• Added DataTable component, its document is within the component folder

#1.0.6 - 11 Feb 2020

• Renamed SchoolPicker to DataSwitcher

#1.0.5 - 11 Feb 2020

• Added Banner component

#1.0.3 & #1.0.4 - 28 Jan 2020

• Updated NavigationDrawer to support sub-items.
• Upgraded Vuetify version to 2.2.4 in peerDependencies

#1.0.1 & #1.0.2 - 09 Dec 2019

• Updated AppBar and AppIcon, Added Dialog & InfoCard

#1.0.0 - 02 Dec 2019

• Released version 1.0.0