@actinc/dls - npm Package Versions

[v5.7.0] - Nov 01, 2021

• Updated the ACT_ET theme to produce cleaner text inputs and dropdowns when using Material UI's <TextField /> component.
• Updated the documentation for <FormInputGroups /> to use <TextField /> under the hood, since this is now the preferred way to add inputs to your app.

[v5.6.0] - Nov 01, 2021

• Added a new helper: oxfordCommaJoin

[v5.5.2] - Aug 06, 2021

• Added useLocalStorage hook, which replaces the NPM package react-use-localstorage.

[v5.5.1] - July 29, 2021

• Fixes the ReferenceError: regeneratorRuntime is not defined exception in AlertContext.

[v5.5.0] - July 28, 2021

• Added <SnackbarAlert /> component, which is an enhanced <Alert /> component that can transition on and off of the screen.
• Added AlertContext (React Context) to queue and manage the display of multiple SnackbarAlerts at the same time. Downstream apps should use the provided AlertContext to programmatically trigger alerts, rather than using SnackbarAlert directly. Example below!
  • Powered by notistack.

// APP SETUP:
import AlertContextProvider from '@actinc/dls/context/AlertContext/provider';

const Root: React.FC = (): React.ReactElement<any> => (
  <AlertContextProvider
    anchorOriginHorizontal="right" // optional
    anchorOriginVertical="bottom" // optional
    maxSnack={5} // optional
  >
    <MyApp />
  </AlertContextProvider>
);

// COMPONENT USAGE:
import { AlertContext } from '@actinc/dls/context';

const MyComponent: React.FC = (): React.ReactElement<any> => {
  const { actions } = React.useContext(AlertContext);

  return (
    <span
      onClick={async (): Promise<void> => {
        await actions.addAlert({
          message: 'Some error message',
          options: {
            variant: 'error',
          },
        });
      }}
    >
      Click Me
    </span>
  );
};

[v5.4.0] - July 27, 2021

• Lots of CSS improvements for the <DataGrid /> component on the ACT_ET theme
• Revamped the <DataTable /> component as a simpler alternative to <DataGrid />
  • All styles are now pulled from the Material UI theme
  • Introduced a new color: 'default' | 'primary' | 'secondary' prop
    • BREAKING STYLE CHANGE: Previously, the default color treatment was primary (blue header row). The new default color treatment is default (grey header row).
• Fixed some style issues with the <Switch /> and <Badge /> components in the ACT_ET theme
• Fixed some minor style issues with the <AppBarNavigation /> component
• We are no longer exporting the some components that were previously marked as V3 / Deprecated:
  • <TableCellHead />
  • <TableCellBody />
  • <TableContainer />

[v5.3.0] - July 23, 2021

• Added <IdleTimer /> utility
  • Monitors keyboard and mouse activity to determine when the user has gone idle.
• Added <DialogContinueSession /> molecule
  • Used to prompt the user to continue their current session. If the user does not choose to continue their session by the provided date, the user's session will expire.
• Added <SessionTimer /> organism
  • Combines two IdleTimers with the DialogContinueSession component in order to fully and effectively manage the user's session.