Image Name Phone Street Address% Share City Action; Naeem Khan: 123 456 7890: 294-318 Duis Ave. Pastebin.com is the number one paste tool since 2002. Pastebin is a website where you can store text online for a set period of time.
Preconfigured components replacing the default react-admin ones to quickly integrate the Enterprise Edition modules.
ra-enterprise exports the following 'augmented' components: , , ,
You can test this module in the Enterprise Edition Demo.
Installation
Tip: ra-enterprise is part of the React-Admin Enterprise Edition, and hosted in a private npm registry. You need to subscribe to one of the Enterprise Edition plans to access this package.
Ra-enterprise exports a replacement for the component, which pre-configures many of the ra-enterprise modules. It comes with:
- A breadcrumb based on resources (from ra-navigation)
- A light and dark mode for the theme (from ra-preferences)
- A language switcher (from ra-preferences)
- A preference based sidebar state (from ra-preferences)
- Augmented reducers for tree structures and realtime locks (from ra-tree and ra-realtime)
- A compact menu with submenus in sliding panels (from ra-navigation)
- The Tour context, allowing to show guided tours everywhere in the admin (from ra-tour)
- English messages including the additional messages required by ra-realtime, ra-relationships, and ra-tree
This modifies the look and feel of react-admin:
To be compared with the default look and feel:
Properties
The alternative accepts the same properties as the default one. Please read the documentation about the react-admin to discover all the properties available.
In addition, you can pass the following properties to customize the ra-enterprise features:
| Prop | Required | Type | Default | Description |
|---|---|---|---|---|
customReducers | Optional | object | - | Augment the data provider with your own reducers |
i18nProvider | Optional | object | - | Replace the ra-enterprise i18nProvider |
lightTheme | Optional | object | - | Override the light mode with your own light theme |
darkTheme | Optional | object | - | Override the dark mode with your own dark theme |
Examples
- Basic usage
- Override the dark theme
- Pass your own translations
- Add a new language (Spanish for example)
Alternative to , that should be passed to the .
What is pre-configured?
- A breadcrumb based on resources (from ra-navigation)
- A light and dark mode for the theme (from ra-preferences)
- A language switcher (from ra-preferences)
- A preference based sidebar state (from ra-preferences)
- A compact menu with submenus in sliding panels (from ra-navigation)
Default Properties
The alternative accepts the same properties as the default one. Please read the documentation about react-admin to discover all the available properties.
In addition, you can pass the following properties to customize the ra-enterprise features:
| Prop | Required | Type | Default | Description |
|---|---|---|---|---|
breadcrumb | Optional | ReactNode | | Replace the default |
Examples
Custom Menu V1 0 2
- Change the
appBar
- Change the
breadcrumb
- Change the
sidebar
- Change the
menu
Alternative to that should be passed to the .
What is pre-configured?
- A light and dark mode for the theme (from ra-preferences)
- A language switcher (from ra-preferences)
Default Properties
Please read the documentation about the react-admin to discover all the properties available.
In addition, you can pass the following properties to customize the ra-enterprise features:
| Prop | Required | Type | Default | Description |
|---|---|---|---|---|
languages | Optional | Array | - | A list of languages |
languages[] | - | object | - | A object describing the language |
languages[].locale | - | string | - | The locale. It should match the locales passed to the i18nProvider. |
languages[].name | - | string | - | The language name |
defaultLanguage | Optional | string | - languages[0] | The default language name. It should correspond to one of the passed languages name. |
Examples
- Enable the theme switcher for light and dark mode
- Enable the languages switcher
A included in the . It pre-configures some ra-enterprise modules.
What is pre-configured?
- A breadcrumb based on the resources (from @react-admin/ra-navigation)
Both and wrap their children with a component to ease usage ofthe .
CHANGELOG
v2.0.1
2021-02-16
- (fix) Remove dependency to ra-language-french
v2.0.0
2020-11-19
- Upgrade ra-relationships to
2.0.0 - Provide
andcomponents which wraps their children with a
v1.1.0
2021-01-08
- Update to react-admin 3.11
Custommenu V1 0 1
v1.0.5
2020-12-10
- (fix) Fix custom menu cannot be collapsed by upgrading react-admin
v1.0.4
2020-12-04
- Clarify documentation about exported components
v1.0.3
2020-11-18
- Upgrade to react-admin
3.10
v1.0.2
2020-11-04
- (fix) Fix default messages export
v1.0.1
2020-10-31
- (fix) Fix theme switcher works on some elements only
v1.0.0
2020-10-14
- First release ✨
- (deps) Add
@react-admin/ra-searchto dependencies
v0.1.2
2020-10-13
- (fix) Fix the Messages type
- (deps) Upgrade react-admin to v3.9.3
v0.1.1
2020-10-08
- (feat) Enable
by default
v0.1.0
2020-10-05
- (deps) Upgrade to react-admin v3.9.0
v0.0.5
2020-10-01
Custommenu V1 0 Game
- (fix) Remove the create button in the list view of the
AdminandLayoutstories - (deps) Upgrade
@react-admin/ra-treetov1.2.6to fix issues with custom reducers
v0.0.4
2020-09-29
- (fix) Dashboard is not detected
v0.0.3
2020-09-25
- (fix) Fix an error that makes the theme unchangeable
- (fix) Fix the background color of the default dark
theme
v0.0.2
2020-09-24
- (fix) Fix TypeScript types for the
theme - (fix) Allow passing an empty theme to the
- (deps) Add
@react-admin/ra-form-layoutto dependencies
v0.0.1
2020-09-18
- (feat) Add a pre-configured
component - (feat) Add pre-configured layout components (
,,,) - (feat) Add
i18nProvidermethods - (feat) Add
thememethods
