DevExtreme jQuery/JS - DevExtreme Modules Structure

DevExtreme modules have the following structure.

A folder containing modules that expose animation features.

Exposes methods for working with animation.

Exports:

• requestAnimationFrame - The requestAnimationFrame method

  require("animation/frame").requestAnimationFrame;
  // ===== or =====
  import { requestAnimationFrame } from "devextreme/animation/frame";

• cancelAnimationFrame - The cancelAnimationFrame method

  require("animation/frame").cancelAnimationFrame;
  // ===== or =====
  import { cancelAnimationFrame } from "devextreme/animation/frame";

Exposes an object that serves as a namespace for the methods that are used to animate UI elements.

Exports:

• default - The fx object

  require("animation/fx");
  // ===== or =====
  import fx from "devextreme/animation/fx";

Exposes a repository of animations.

Exports:

• default - The animationPresets repository

  require("animation/presets");
  // ===== or =====
  import animationPresets from "devextreme/animation/presets";

Exposes an object that serves as a namespace for the methods that are used to perform several specified animations at a time.

Exports:

• default - The TransitionExecutor object

  require("animation/transition_executor");
  // ===== or =====
  import TransitionExecutor from "devextreme/animation/transition_executor";

A folder containing core modules.

Exposes the global configuration object.

Exports:

• default - The config() and config(config) methods

  require("core/config");
  // ===== or =====
  import config from "devextreme/core/config";

Exposes the object that defines the device on which the application is running.

Exports:

• default - The device object

  require("core/devices");
  // ===== or =====
  import devices from "devextreme/core/devices";

Exposes an object used to generate and hold the GUID.

Exports:

• default - The Guid object

  require("core/guid");
  // ===== or =====
  import Guid from "devextreme/core/guid";

Exposes methods that specify a template engine.

Exports:

• default - The setTemplateEngine(name) and setTemplateEngine(options) methods

  require("core/set_template_engine");
  // ===== or =====
  import setTemplateEngine from "devextreme/core/set_template_engine";

A folder containing modules used to provide data for widgets.

Exposes the ArrayStore data access interface.

Exports:

• default - The ArrayStore data access interface

  require("data/array_store");
  // ===== or =====
  import ArrayStore from "devextreme/data/array_store";

Exposes the CustomStore data access interface.

Exports:

• default - The CustomStore data access interface

  require("data/custom_store");
  // ===== or =====
  import CustomStore from "devextreme/data/custom_store";

Exposes the DataSource object.

Exports:

• default - The DataSource object

  require("data/data_source");
  // ===== or =====
  import DataSource from "devextreme/data/data_source";

Exposes an object used to get URLs that vary in a locally running application and the application running on production..

Exports:

• default - The EndpointSelector object

  require("data/endpoint_selector");
  // ===== or =====
  import EndpointSelecror from "devextreme/data/endpoint_selector";

Exposes errors and warnings that may occur when using the DevExtreme Data Library.

Exports:

• errorHandler - The function called when the Store causes an error. Assign a function to perform a custom action.

  require("data/errors").errorHandler = function(){
      // Implement logic here
  };

Exposes the LocalStore data access interface.

Exports:

• default - The LocalStore data access interface

  require("data/local_store");
  // ===== or =====
  import LocalStore from "devextreme/data/local_store";

A folder containing modules exposing OData service.

Exposes the ODataContext data access interface.

Exports:

• default - The ODataContext data access interface

  require("data/odata/context");
  // ===== or =====
  import ODataContext from "devextreme/data/odata/context";

Exposes the ODataStore data access interface.

Exports:

• default - The ODataStore data access interface

  require("data/odata/store");
  // ===== or =====
  import ODataStore from "devextreme/data/odata/store";

Exposes OData utility objects.

Exports:

• EdmLiteral - The EdmLiteral object

  require("data/odata/utils").EdmLiteral;
  // ===== or =====
  import { EdmLiteral } from "devextreme/data/odata/utils";

• keyConverters - The odata.keyConverters object

  require("data/odata/utils").keyConverters;
  // ===== or =====
  import { keyConverters } from "devextreme/data/odata/utils";

Exposes a data query interface object.

Exports:

• default - The Query interface object.

  require("data/query");
  // ===== or =====
  import Query from "devextreme/data/query";

Exposes utility objects provided by the DevExtreme data layer.

Exports:

• base64_encode - The base64_encode method.

  require("data/utils").base64_encode;
  // ===== or =====
  import { base64_encode } from "devextreme/data/utils";

Exposes an object that serves as a namespace for methods used for working with UI events.

Exports:

• off - The off method

  require("events").off;
  // ===== or =====
  import { off } from "devextreme/events";

• on - The on method

  require("events").on;
  // ===== or =====
  import { on } from "devextreme/events";

• one - The one method

  require("events").one
  // ===== or =====
  import { one } from "devextreme/events";

• trigger - The trigger method

  require("events").trigger;
  // ===== or =====
  import { trigger } from "devextreme/events";

Exposes the dxclick event.

require("events/click");

Exposes the dxcontextmenu event.

require("events/contextmenu");

Exposes the dxdblclick event.

require("events/dblclick");

Exposes the dxdrag dxdragstart, dxdragend, dxdrop, dxdragenter, dxdragleave events.

require("events/drag");

Exposes the dxhold event.

require("events/hold");

Exposes the dxhoverend, dxhoverstart events.

require("events/hover");

Exposes the dxpointercancel, dxpointerdown, dxpointerenter, dxpointerleave, dxpointermove, dxpointerout, dxpointerover, dxpointerup events.

require("events/pointer");

Exposes the dxremove event.

require("events/remove");

Exposes the dxswipe, dxswipeend, dxswipestart events.

require("events/swipe");

Exposes the dxtransform, dxtransformend, dxtransformstart, dxzoom, dxzoomend, dxzoomstart, dxpinch, dxpinchend, dxpinchstart, dxtranslate, dxtranslateend, dxtranslatestart events.

require("events/transform");

A folder containing modules that expose integration features.

The module that provides AngularJS integration.

require("integration/angular");

The module that provides jQuery integration.

require("integration/jquery");

The module that provides Knockout integration.

require("integration/knockout");

A folder containing modules that expose localization features.

Besides the listed modules, this folder contains the "messages" folder that provides access to json files containing localized messages. You can use them in the following way.

var deMessages = require('devextreme/localization/messages/de.json');
// ===== or =====
import deMessages from "devextreme/localization/messages/de.json";

A folder that contains modules exposing Globalize integration features.

The module required for custom currency formatting rather than USD.

require("/localization/globalize/currency");
// ===== or =====
import "devextreme/localization/globalize/currency";

The module required for custom date formatting.

require("/localization/globalize/date");
// ===== or =====
import "devextreme/localization/globalize/date";

The module required for using a custom message dictionary.

require("/localization/globalize/message");
// ===== or =====
import "devextreme/localization/globalize/message";

The module required for custom number formatting.

require("/localization/globalize/number");
// ===== or =====
import "devextreme/localization/globalize/number";

A folder containing modules that expose mobile utilities.

Exposes the hideTopOverlay method.

Exports:

• default - The hideTopOverlay method

  require("mobile/hide_top_overlay");
  // ===== or =====
  import hideTopOverlay from "devextreme/mobile/hide_top_overlay";

Exposes the initMobileViewport method.

Exports:

• default - The initMobileViewport method

  require("mobile/init_mobile_viewport");
  // ===== or =====
  import initMobileViewport from "devextreme/mobile/init_mobile_viewport";

A folder that contains modules exposing UI widgets.

Exposes the Accordion widget.

Exports:

• default - The Accordion widget

  require("ui/accordion");
  // ===== or =====
  import Accordion from "devextreme/ui/accordion";

Exposes the ActionSheet widget.

Exports:

• default - The ActionSheet widget

  require("ui/action_sheet");
  // ===== or =====
  import ActionSheet from "devextreme/ui/action_sheet";

Exposes the Autocomplete widget.

Exports:

• default - The Autocomplete widget

  require("ui/autocomplete");
  // ===== or =====
  import Autocomplete from "devextreme/ui/autocomplete";

Exposes the Box widget.

Exports:

• default - The Box widget

  require("ui/box");
  // ===== or =====
  import Box from "devextreme/ui/box";

Exposes the Button widget.

Exports:

• default - The Button widget

  require("ui/button");
  // ===== or =====
  import Button from "devextreme/ui/button";

Exposes the ButtonGroup widget.

Exports:

• default - The ButtonGroup widget

  require("ui/button_group");
  // ===== or =====
  import ButtonGroup from "devextreme/ui/button_group";

Exposes the Calendar widget.

Exports:

• default - The Calendar widget

  require("ui/calendar");
  // ===== or =====
  import Calendar from "devextreme/ui/calendar";

Exposes the CheckBox widget.

Exports:

• default - The CheckBox widget

  require("ui/check_box");
  // ===== or =====
  import CheckBox from "devextreme/ui/check_box";

Exposes the ColorBox widget.

Exports:

• default - The ColorBox widget

  require("ui/color_box");
  // ===== or =====
  import ColorBox from "devextreme/ui/color_box";

Exposes the ContextMenu widget.

Exports:

• default - The ContextMenu widget

  require("ui/context_menu");
  // ===== or =====
  import ContextMenu from "devextreme/ui/context_menu";

Exposes the DataGrid widget.

Exports:

• default - The DataGrid widget

  require("ui/data_grid");
  // ===== or =====
  import DataGrid from "devextreme/ui/data_grid"

Exposes the DateBox widget.

Exports:

• default - The DateBox widget

  require("ui/date_box");
  // ===== or =====
  import DateBox from "devextreme/ui/date_box";

Exposes the DeferRendering widget.

Exports:

• default - The DeferRendering widget

  require("ui/defer_rendering");
  // ===== or =====
  import DeferRendering from "devextreme/ui/defer_rendering";

Exposes the Diagram widget.

Exports:

• default - The Diagram widget

  require("ui/diagram") ; 
  // ===== or =====
  import Diagram from "devextreme/ui/diagram";

Exposes an object that serves as a namespace for methods displaying a message in an application/site.

Exports:

• alert - The alert method

  require("ui/dialog").alert;
  // ===== or =====
  import { alert } from "devextreme/ui/dialog";

• confirm - The confirm method

  require("ui/dialog").confirm;
  // ===== or =====
  import { confirm } from "devextreme/ui/dialog";

• custom - The custom method

  require("ui/dialog").custom;
  // ===== or =====
  import { custom } from "devextreme/ui/dialog";

Exposes the Draggable widget.

Exports:

• default - The Draggable widget

  require("ui/draggable");
  // ===== or =====
  import Draggable from "devextreme/ui/draggable";

Exposes the Drawer widget.

Exports:

• default - The Drawer widget

  require("ui/drawer");
  // ===== or =====
  import Drawer from "devextreme/ui/drawer";

Exposes the DropDownBox widget.

Exports:

• default - The DropDownBox widget

  require("ui/drop_down_box");
  // ===== or =====
  import DropDownBox from "devextreme/ui/drop_down_box";

Exposes the DropDownButton widget.

Exports:

• default - The DropDownButton widget

  require("ui/drop_down_button");
  // ===== or =====
  import DropDownButton from "devextreme/ui/drop_down_button";

Exposes the FileManager widget.

Exports:

• default - The FileManager widget

  require("ui/file_manager");
  // ===== or =====
  import FileManager from "devextreme/ui/file_manager";

Exposes file providers used in the FileManager widget.

Exposes the Ajax file provider.

Exports:

• default - The Ajax file provider

  require("ui/file_manager/file_provider/ajax");
  // ===== or =====
  import AjaxFileProvider from "devextreme/ui/file_manager/ajax";

Exposes the Array file provider.

Exports:

• default - The Array file provider

  require("ui/file_manager/file_provider/array");
  // ===== or =====
  import ArrayFileProvider from "devextreme/ui/file_manager/array";

Exposes the Custom file provider.

Exports:

• default - The Custom file provider

  require("ui/file_manager/file_provider/custom");
  // ===== or =====
  import CustomFileProvider from "devextreme/ui/file_manager/custom";

Exposes the Remote file provider.

Exports:

• default - The Remote file provider

  require("ui/file_manager/file_provider/remote");
  // ===== or =====
  import RemoteFileProvider from "devextreme/ui/file_manager/remote";

Exposes the FileUploader widget.

Exports:

• default - The FileUploader widget

  require("ui/file_uploader");
  // ===== or =====
  import FileUploader from "devextreme/ui/file_uploader";

Exposes the FilterBuilder widget.

Exports:

• default - The FilterBuilder widget

  require("ui/filter_builder");
  // ===== or =====
  import FilterBuilder from "devextreme/ui/filter_builder";

Exposes the Form widget.

Exports:

• default - The Form widget

  require("ui/form");
  // ===== or =====
  import Form from "devextreme/ui/form";

Exposes the Gallery widget.

Exports:

• default - The Gallery widget

  require("ui/gallery");
  // ===== or =====
  import Gallery from "devextreme/ui/gallery";

Exposes the Gantt widget.

Exports:

• default - The Gantt widget

  require("ui/gantt") ; 
  // ===== or =====
  import Gantt from "devextreme/ui/gantt";

Exposes the HtmlEditor widget.

Exports:

• default - The HtmlEditor widget

  require("ui/html_editor");
  // ===== or =====
  import HtmlEditor from "devextreme/ui/html_editor";

Exposes the List widget.

Exports:

• default - The List widget

  require("ui/list");
  // ===== or =====
  import List from "devextreme/ui/list";

Exposes the LoadIndicator widget.

Exports:

• default - The LoadIndicator widget

  require("ui/load_indicator");
  // ===== or =====
  import LoadIndicator from "devextreme/ui/load_indicator";

Exposes the LoadPanel widget.

Exports:

• default - The LoadPanel widget

  require("ui/load_panel");
  // ===== or =====
  import LoadPanel from "devextreme/ui/load_panel";

Exposes the Lookup widget.

Exports:

• default - The Lookup widget

  require("ui/lookup");
  // ===== or =====
  import Lookup from "devextreme/ui/lookup";

Exposes the Map widget.

Exports:

• default - The Map widget

  require("ui/map");
  // ===== or =====
  import Map from "devextreme/ui/map";

Exposes the Menu widget.

Exports:

• default - The Menu widget

  require("ui/menu");
  // ===== or =====
  import Menu from "devextreme/ui/menu";

Exposes the MultiView widget.

Exports:

• default - The MultiView widget

  require("ui/multi_view");
  // ===== or =====
  import MultiView from "devextreme/ui/multi_view";

Exposes the NavBar widget.

Exports:

• default - The NavBar widget

  require("ui/nav_bar");
  // ===== or =====
  import NavBar from "devextreme/ui/nav_bar";

Exposes methods that create a toast message.

Exports:

• default - The notify(message, type, displayTime) and notify(options) methods

  require("ui/notify");
  // ===== or =====
  import notify from "devextreme/ui/notify";

Exposes the NumberBox widget.

Exports:

• default - The NumberBox widget

  require("ui/number_box");
  // ===== or =====
  import NumberBox from "devextreme/ui/number_box";

Exposes methods that work with overlay widgets.

Exports:

• bazeZIndex - The baseZIndex(zIndex) method

  require("ui/overlay").bazeZIndex;
  // ===== or =====
  import { bazeZIndex } from "devextreme/ui/overlay";

Exposes the PivotGrid widget.

Exports:

• default - The PivotGrid widget

  require("ui/pivot_grid");
  // ===== or =====
  import PivotGrid from "devextreme/ui/pivot_grid";

Exposes an object that provides acess to data for the PivotGrid data.

Exports:

• default - The PivotGridDataSource object

  require("ui/pivot_grid/data_source");
  // ===== or =====
  import PivotGridDataSource from "devextreme/ui/pivot_grid/data_source";

Exposes the XmlaStore data access interface.

Exports:

• default - The XmlaStore data access interface

  require("ui/pivot_grid/xmla_store");
  // ===== or =====
  import XmlaStore from "devextreme/ui/pivot_grid/xmla_store";

Exposes the PivotGridFieldChooser widget.

Exports:

• default - The PivotGridFieldChooser widget

  require("ui/pivot_grid_field_chooser");
  // ===== or =====
  import PivotGridFieldChooser from "devextreme/ui/pivot_grid_field_chooser";

Exposes the Popover widget.

Exports:

• default - The Popover widget

  require("ui/popover");
  // ===== or =====
  import Popover from "devextreme/ui/popover";

Exposes the Popup widget.

Exports:

• default - The Popup widget

  require("ui/popup");
  // ===== or =====
  import Popup from "devextreme/ui/popup";

Exposes the ProgressBar widget.

Exports:

• default - The ProgressBar widget

  require("ui/progress_bar");
  // ===== or =====
  import ProgressBar from "devextreme/ui/progress_bar";

Exposes the RadioGroup widget.

Exports:

• default - The RadioGroup widget

  require("ui/radio_group");
  // ===== or =====
  import RadioGroup from "devextreme/ui/radio_group";

Exposes the RangeSlider widget.

Exports:

• default - The RangeSlider widget

  require("ui/range_slider");
  // ===== or =====
  import RangeSlider from "devextreme/ui/range_slider";

Exposes the RecurrenceEditor widget.

Exports:

• default - The RecurrenceEditor widget

  require("ui/recurrence_editor");
  // ===== or =====
  import RecurrenceEditor from "devextreme/ui/recurrence_editor";

Exposes the Resizable widget.

Exports:

• default - The Resizable widget

  require("ui/resizable");
  // ===== or =====
  import Resizable from "devextreme/ui/resizable";

Exposes the ResponsiveBox widget.

Exports:

• default - The ResponsiveBox widget

  require("ui/responsive_box");
  // ===== or =====
  import ResponsiveBox from "devextreme/ui/responsive_box";

Exposes the Scheduler widget.

Exports:

• default - The Scheduler widget

  require("ui/scheduler");
  // ===== or =====
  import Scheduler from "devextreme/ui/scheduler";

Exposes the ScrollView widget.

Exports:

• default - The ScrollView widget

  require("ui/scroll_view");
  // ===== or =====
  import ScrollView from "devextreme/ui/scroll_view";

Exposes the SelectBox widget.

Exports:

• default - The SelectBox widget

  require("ui/select_box");
  // ===== or =====
  import SelectBox from "devextreme/ui/select_box";

This module is deprecated. Use the core/set_template_engine module instead.

Exposes the SlideOut widget.

Exports:

• default - The SlideOut widget

  require("ui/slide_out");
  // ===== or =====
  import SlideOutView from "devextreme/ui/slide_out_view";

Exposes the SlideOutView widget.

Exports:

• default - The SlideOutView widget

  require("ui/slide_out_view");
  // ===== or =====
  import SlideOut from "devextreme/ui/slide_out";

Exposes the Slider widget.

Exports:

• default - The Slider widget

  require("ui/slider");
  // ===== or =====
  import Slider from "devextreme/ui/slider";

Exposes the Sortable widget.

Exports:

• default - The Sortable widget

  require("ui/sortable");
  // ===== or =====
  import Sortable from "devextreme/ui/sortable";

Exposes the SpeedDialAction widget.

Exports:

• default - The SpeedDialAction widget

  require("ui/speed_dial_action");
  // ===== or =====
  import SpeedDialAction from "devextreme/ui/speed_dial_action";

Exposes the repaintFloatingActionButton method.

Exports:

• default - The repaintFloatingActionButton method

  require("ui/speed_dial_action/repaint_floating_action_button");
  // ===== or =====
  import repaintFloatingActionButton from "devextreme/ui/speed_dial_action/repaint_floating_action_button";

Exposes the Switch widget.

Exports:

• default - The Switch widget

  require("ui/switch");
  // ===== or =====
  import Switch from "devextreme/ui/switch";

Exposes the TabPanel widget.

Exports:

• default - The TabPanel widget

  require("ui/tab_panel");
  // ===== or =====
  import TabPanel from "devextreme/ui/tab_panel";

Exposes the Tabs widget.

Exports:

• default - The Tabs widget

  require("ui/tabs");
  // ===== or =====
  import Tabs from "devextreme/ui/tabs";

Exposes the TagBox widget.

Exports:

• default - The TagBox widget

  require("ui/tag_box");
  // ===== or =====
  import TagBox from "devextreme/ui/tag_box";

Exposes the TextArea widget.

Exports:

• default - The TextArea widget

  require("ui/text_area");
  // ===== or =====
  import TextArea from "devextreme/ui/text_area";

Exposes the TextBox widget.

Exports:

• default - The TextBox widget

  require("ui/text_box");
  // ===== or =====
  import TextBox from "devextreme/ui/text_box";

Exposes an object that serves as a namespace for the methods that work with DevExtreme CSS Themes.

Exports:

• current - The current() and current(themeName) methods

  require("ui/themes").current;
  // ===== or =====
  import { current } from "devextreme/ui/themes";

Exposes the TileView widget.

Exports:

• default - The TileView widget

  require("ui/tile_view");
  // ===== or =====
  import TileView from "devextreme/ui/tile_view";

Exposes the Toast widget.

Exports:

• default - The Toast widget

  require("ui/toast");
  // ===== or =====
  import Toast from "devextreme/ui/toast";

Exposes the Toolbar widget.

Exports:

• default - The Toolbar widget

  require("ui/toolbar");
  // ===== or =====
  import Toolbar from "devextreme/ui/toolbar";

Exposes the Tooltip widget.

Exports:

• default - The Tooltip widget

  require("ui/tooltip");
  // ===== or =====
  import Tooltip from "devextreme/ui/tooltip";

Exposes the TreeList widget.

Exports:

• default - The TreeList widget

  require("ui/tree_list");
  // ===== or =====
  import TreeList from "devextreme/ui/tree_list";

Exposes the TreeView widget.

Exports:

• default - The TreeView widget

  require("ui/tree_view");
  // ===== or =====
  import TreeView from "devextreme/ui/tree_view";

Exposes an object that serves as a namespace for the methods required to perform validation.

Exports:

• default - The validationEngine object

  require("ui/validation_engine");
  // ===== or =====
  import validationEngine from "devextreme/ui/validation_engine";

Exposes the ValidationGroup widget.

Exports:

• default - The ValidationGroup widget

  require("ui/validation_group");
  // ===== or =====
  import ValidationGroup from "devextreme/ui/validation_group";

Exposes the ValidationSummary widget.

Exports:

• default - The ValidationSummary widget

  require("ui/validation_summary");
  // ===== or =====
  import ValidationSummary from "devextreme/ui/validation_summary";

Exposes the Validator widget.

Exports:

• default - The Validator widget

  require("ui/validator");
  // ===== or =====
  import Validator from "devextreme/ui/validator";

Exposes the common utility objects.

Exports:

• compileGetter - The compileGetter method

  require("utils").compileGetter;
  // ===== or =====
  import { compileGetter } from "devextreme/utils";

• compileSetter - The compileSetter method

  require("utils").compileSetter;
  // ===== or =====
  import { compileSetter } from "devextreme/utils";

A folder containing modules that expose data visualization widgets.

Exposes the BarGauge widget.

Exports:

• default - The BarGauge widget

  require("viz/bar_gauge");
  // ===== or =====
  import BarGauge from "devextreme/viz/bar_gauge";

Exposes the Bullet widget.

Exports:

• default - The Bullet widget

  require("viz/bullet");
  // ===== or =====
  import Bullet from "devextreme/viz/bullet";

Exposes the Chart widget.

Exports:

• default - The Chart widget

  require("viz/chart");
  // ===== or =====
  import Chart from "devextreme/viz/chart";

Exposes the CircularGauge widget.

Exports:

• default - The CircularGauge widget

  require("viz/circular_gauge");
  // ===== or =====
  import CircularGauge from "devextreme/viz/circular_gauge";

Exposes export-related methods.

Exports:

• exportFromMarkup - The exportFromMarkup(markup, options) method

  require("viz/export").exportFromMarkup;
  // ===== or =====
  import { exportFromMarkup } from "devexpress/viz/export";

• getMarkup - The getMarkup(widgetInstances) method

  require("viz/export").getMarkup;
  // ===== or =====
  import { getMarkup } from "devexpress/viz/export";

• exportWidgets - The exportWidgets(widgetInstances) and exportWidgets(widgetInstances, options) methods

  require("viz/export").exportWidgets;
  // ===== or =====
  import { exportWidgets } from "devextreme/viz/export";

Exposes the Funnel widget.

Exports:

• default - The Funnel widget

  require("viz/funnel");
  // ===== or =====
  import Funnel from "devextreme/viz/funnel";

Exposes the LinearGauge widget.

Exports:

• default - The LinearGauge widget

  require("viz/linear_gauge");
  // ===== or =====
  import LinearGauge from "devextreme/viz/linear_gauge";

Exposes methods that control palettes.

Exports:

• currentPalette - The currentPalette(paletteName) method

  require("viz/palette").currentPalette;
  // ===== or =====
  import { currentPalette } from "devextreme/viz/palette";

• getPalette - The getPalette(paletteName) method

  require("viz/palette").getPalette;
  // ===== or =====
  import { getPalette } from "devextreme/viz/palette;

• registerPalette - The registerPalette(paletteName, palette) method

  require("viz/palette").registerPalette;
  // ===== or =====
  import { registerPalette } from "devextreme/viz/palette";

Exposes the PieChart widget.

Exports:

• default - The PieChart widget

  require("viz/pie_chart");
  // ===== or =====
  import PieChart from "devextreme/viz/pie_chart";

Exposes the PolarChart widget.

Exports:

• default - The PolarChart widget

  require("viz/polar_chart");
  // ===== or =====
  import PolarChart from "devextreme/viz/polar_chart"

Exposes the RangeSelector widget.

Exports:

• default - The RangeSelector widget

  require("viz/range_selector");
  // ===== or =====
  import RangeSelector from "devextreme/viz/range_selector";

Exposes the Sankey widget.

Exports:

• default - The Sankey widget

  require("viz/sankey");
  // ===== or =====
  import Sankey from "devextreme/viz/sankey";

Exposes the Sparkline widget.

Exports:

• default - The Sparkline widget

  require("viz/sparkline");
  // ===== or =====
  import Sparkline from "devextreme/viz/sparkline";

Exposes methods that control themes.

Exports:

• currentTheme - The currentTheme(theme) and currentTheme(platform, colorScheme) methods

  require("viz/themes").currentTheme;
  // ===== or =====
  import { currentTheme } from "devextreme/viz/themes";

• refreshTheme - The refreshTheme() method

  require("viz/themes").refreshTheme;
  // ===== or =====
  import { refreshTheme } from "devextreme/viz/themes";

• registerTheme - The registerTheme(customTheme, baseTheme) method

  require("viz/themes").registerTheme;
  // ===== or =====
  import { registerTheme } from "devextreme/viz/themes";

Exposes the TreeMap widget.

Exports:

• default - The TreeMap widget

  require("viz/tree_map");
  // ===== or =====
  import TreeMap from "devextreme/viz/tree_map";

Exposes utility methods.

Exports:

• refreshPaths - The refreshPaths() method

  require("viz/utils").refreshPaths;
  // ===== or =====
  import { refreshPaths } from "devextreme/viz/utils";

Exposes the VectorMap widget.

Exports:

• default - The VectorMap widget

  require("viz/vector_map");
  // ===== or =====
  import VectorMap from "devextreme/viz/vector_map";

Exposes methods of the DevExpress.viz.map.projection object.

Exports:

• add - The add(name, projection) method

  require("viz/vector_map/projection").add;
  // ===== or =====
  import { add } from "devextreme/viz/vector_map/projection";