aefis-core-ui 2.4.0-rc9 → 2.4.0

package/dist/index.d.ts

@@ -33,6 +33,7 @@ import BusinessObjectTable from "./components/BusinessObjectTable/BusinessObject
 import Button from "./components/Button/Button";
 import Chip from "./components/Chip/Chip";
 import ContentBox from "./components/ContentBox/ContentBox";
+import { ContentBoxHeader } from "./components/ContentBox/ContentBox";
 import CoreProvider from "./components/CoreProvider/CoreProvider";
 import createEvent from "./services/createEvent";
 import createStore from "./services/createStore";
@@ -113,4 +114,4 @@ import UnstableScrollingContainer from "./components/UnstableScrollingContainer/
 import { useSelectFormState } from "./components/DynamicForm/store";
 import { useSetFormState } from "./components/DynamicForm/store";
 import useReadOnly from "./components/DynamicForm/hooks/useReadOnly/useReadOnly";
-export { UnstableDataTable, UnstableRichDataTable, Actions, Alert, AppToolbar, AvatarBox, ArtifactBrowser, AvatarTitle, BusinessObject, businessObjectColor, businessObjectConfiguration, businessObjectIcon, BusinessObjectCard, BusinessObjectCardSectionTitle, BusinessObjectCardEmptySection, BusinessObjectCardSection, BusinessObjectPanel, BusinessObjectPanelHeader, BusinessObjectPanelSection, BusinessObjectPanelSectionTitle, BusinessObjectPicker, BusinessObjectStatus, BusinessObjectStatusButton, Collapsible, CollapsibleProvider, useCollapsibleState, CollapsibleContent, CollapsibleContentContainer, CollapsibleContentButton, CollapsibleContentButtonContainer, withStatusButtonDataSource, BusinessObjectTable, Button, Chip, ContentBox, CoreProvider, createEvent, createStore, CurriculumChart, dataSourceManager, getConfiguration, setDataSourceConfiguration, registerDataSource, registerDataSources, useDataSourceQuery, useDataSourceInfiniteQuery, useDataSourceMutation, filterSortData, getBaseUrl, getDataSourceUrl, DataTable, DynamicForm, DatePicker, DisplayInFrame, DocViewer, Drawer, EditableText, FilterPanel, FilterPanelFilterChips, FilterPanelMapFilters, FullPageViewer, http, Icon, Image, IsometricImage, List, ListItem, ListItemGroup, MenuButton, ModalDialog, NavigationDrawer, Notification, OutcomeSpace, outcomeSpaceColor, outcomeSpaceTypeFromSource, PanelDrawer, ProgressChart, RichDataTable, RubricDistributionChart, RubricScoreSlider, RubricLegend, SaveModal, ScrollToTopButton, ScrollingContainer, SkeletonContent, StatBoxes, StatusMessage, SvgImage, SwipeableTabPanel, SwipeableTabPanelContent, template, TextBuilder, TextBuilderStore, Timeline, TitleAndActionHeader, TitleAndDescription, useComponentWillMount, useDataSourceUrl, useDebounceCallback, useNotify, UserAvatar, WizardPanel, WizardCompletedItemList, useRefDimensions, createComponentEvent, DynamicFormBusinessObjectPickerField, UnstableScrollingContainer };
+export { UnstableDataTable, UnstableRichDataTable, Actions, Alert, AppToolbar, AvatarBox, ArtifactBrowser, AvatarTitle, BusinessObject, businessObjectColor, businessObjectConfiguration, businessObjectIcon, BusinessObjectCard, BusinessObjectCardSectionTitle, BusinessObjectCardEmptySection, BusinessObjectCardSection, BusinessObjectPanel, BusinessObjectPanelHeader, BusinessObjectPanelSection, BusinessObjectPanelSectionTitle, BusinessObjectPicker, BusinessObjectStatus, BusinessObjectStatusButton, Collapsible, CollapsibleProvider, useCollapsibleState, CollapsibleContent, CollapsibleContentContainer, CollapsibleContentButton, CollapsibleContentButtonContainer, withStatusButtonDataSource, BusinessObjectTable, Button, Chip, ContentBox, ContentBoxHeader, CoreProvider, createEvent, createStore, CurriculumChart, dataSourceManager, getConfiguration, setDataSourceConfiguration, registerDataSource, registerDataSources, useDataSourceQuery, useDataSourceInfiniteQuery, useDataSourceMutation, filterSortData, getBaseUrl, getDataSourceUrl, DataTable, DynamicForm, DatePicker, DisplayInFrame, DocViewer, Drawer, EditableText, FilterPanel, FilterPanelFilterChips, FilterPanelMapFilters, FullPageViewer, http, Icon, Image, IsometricImage, List, ListItem, ListItemGroup, MenuButton, ModalDialog, NavigationDrawer, Notification, OutcomeSpace, outcomeSpaceColor, outcomeSpaceTypeFromSource, PanelDrawer, ProgressChart, RichDataTable, RubricDistributionChart, RubricScoreSlider, RubricLegend, SaveModal, ScrollToTopButton, ScrollingContainer, SkeletonContent, StatBoxes, StatusMessage, SvgImage, SwipeableTabPanel, SwipeableTabPanelContent, template, TextBuilder, TextBuilderStore, Timeline, TitleAndActionHeader, TitleAndDescription, useComponentWillMount, useDataSourceUrl, useDebounceCallback, useNotify, UserAvatar, WizardPanel, WizardCompletedItemList, useRefDimensions, createComponentEvent, DynamicFormBusinessObjectPickerField, UnstableScrollingContainer };

package/dist/index.modern.js

@@ -623,7 +623,7 @@ Badge.propTypes = {
 };
 
 // Copyright (c) 2022 HelioCampus Inc., all rights reserved.
-const useStyles$K = makeStyles(theme => ({
+const useStyles$L = makeStyles(theme => ({
   menu: {
     textDecoration: "none",
     color: "inherit"
@@ -640,7 +640,7 @@ const useStyles$K = makeStyles(theme => ({
   }
 }));
 const ActionMenu = props => {
-  const classes = useStyles$K();
+  const classes = useStyles$L();
   const [anchorEl, setAnchorEl] = useState(null);
   const open = Boolean(anchorEl);
   const handleClick = event => {
@@ -1724,7 +1724,7 @@ var dataSourceManager = {
 };
 
 // Copyright (c) 2022 HelioCampus Inc., all rights reserved.
-const useStyles$J = makeStyles(() => ({
+const useStyles$K = makeStyles(() => ({
   avatar: {
     marginLeft: "auto",
     marginRight: "auto",
@@ -1770,7 +1770,7 @@ const getUserInitials = user => {
 const RenderAvatar = props => {
   var _props$user;
   const theme = useTheme$1();
-  const classes = useStyles$J();
+  const classes = useStyles$K();
   const avatarColor = props.customColor ? props.customColor : props.color === "primary" ? deepOrange[500] : props.color === "secondary" ? blue[700] : deepOrange[500];
   const style = {
     small: {
@@ -1861,7 +1861,7 @@ UserAvatar.propTypes = {
   customColor: PropTypes.string
 };
 
-const useStyles$I = makeStyles$1(theme => ({
+const useStyles$J = makeStyles$1(theme => ({
   expand: {
     transform: "rotate(180deg)",
     marginLeft: "auto",
@@ -1883,7 +1883,7 @@ const UserButton = ({
   actions,
   onLogout
 }) => {
-  const classes = useStyles$I();
+  const classes = useStyles$J();
   const [anchorEl, setAnchorEl] = useState(null);
   const open = Boolean(anchorEl);
   const handleClick = event => {
@@ -1992,18 +1992,18 @@ UserButton.propTypes = {
   onLogout: PropTypes.func
 };
 
-// Copyright (c) 2023 HelioCampus Inc, all rights reserved.
 const Action = ({
   data
 }) => {
   return /*#__PURE__*/jsx(Tooltip$1, {
     title: data.name,
-    children: /*#__PURE__*/jsx(IconButton, {
+    children: /*#__PURE__*/jsx(IconButton, _extends({
       size: "large",
       color: "inherit",
       name: data.iconName,
       onClick: data.onClick,
-      disabled: data.disabled || false,
+      disabled: data.disabled || false
+    }, data.buttonProperties, {
       children: /*#__PURE__*/jsx(Badge$1, {
         badgeContent: data.badge || 0,
         color: "secondary",
@@ -2011,11 +2011,19 @@ const Action = ({
           name: data.iconName
         })
       })
-    })
+    }))
   });
 };
 Action.propTypes = {
-  data: PropTypes.any
+  data: PropTypes.shape({
+    id: PropTypes.string,
+    name: PropTypes.string,
+    iconName: PropTypes.string.isRequired,
+    onClick: PropTypes.func,
+    disabled: PropTypes.bool,
+    buttonProperties: PropTypes.any,
+    badge: PropTypes.number
+  })
 };
 
 const _excluded$s = ["id", "title", "titleComponent", "menuContainerId", "showMenuButton", "onMenuClick", "onLogout", "actions", "user"];
@@ -2368,7 +2376,7 @@ const dynamicSuccess = _extends({}, dynamicSuccess$1, {
 });
 
 // Copyright (c) 2022 HelioCampus Inc, all rights reserved.
-const useStyles$H = makeStyles$1(theme => ({
+const useStyles$I = makeStyles$1(theme => ({
   title: {
     fontSize: "0.975rem",
     fontWeight: 400,
@@ -2422,7 +2430,7 @@ const useStyles$H = makeStyles$1(theme => ({
 /** Simple component to display a box with or without an avatar along with title and subtitle text. */
 
 const AvatarBox = props => {
-  const classes = useStyles$H();
+  const classes = useStyles$I();
   const avatarStyle = {
     backgroundColor: grey[500]
   };
@@ -2579,7 +2587,7 @@ AvatarBox.propTypes = {
   hasShadow: PropTypes.bool
 };
 
-const useStyles$G = makeStyles$1(theme => ({
+const useStyles$H = makeStyles$1(theme => ({
   avatar: {
     flex: "0 0 auto",
     marginRight: theme.spacing(1)
@@ -2637,7 +2645,7 @@ const AvatarTitle = /*#__PURE__*/React__default.memo(function AvatarTitle({
   avatarShadow = false,
   emphasizeSubtitle = false
 }) {
-  const classes = useStyles$G();
+  const classes = useStyles$H();
   const avatarStyle = {
     info: {
       backgroundColor: info.default,
@@ -2820,7 +2828,7 @@ AvatarTitle.propTypes = {
   emphasizeSubtitle: PropTypes.bool
 };
 
-const useStyles$F = makeStyles(theme => ({
+const useStyles$G = makeStyles(theme => ({
   root: {
     margin: 0,
     padding: theme.spacing(2),
@@ -2841,7 +2849,7 @@ const useStyles$F = makeStyles(theme => ({
   }
 }));
 const DialogTitle = props => {
-  const classes = useStyles$F();
+  const classes = useStyles$G();
   return /*#__PURE__*/jsxs(DialogTitle$1, {
     component: "div",
     className: classes.root,
@@ -3072,7 +3080,7 @@ Button.propTypes = _extends({
 }, Button$1.propTypes);
 
 // Copyright (c) 2022 HelioCampus Inc., all rights reserved.
-const useStyles$E = makeStyles(() => ({
+const useStyles$F = makeStyles(() => ({
   appBar: {
     position: "relative"
   },
@@ -3099,7 +3107,7 @@ const ConfirmButton = withStyles(theme => ({
   }
 }))(Button);
 const FullScreenAppBar = props => {
-  const classes = useStyles$E();
+  const classes = useStyles$F();
   return /*#__PURE__*/jsxs(AppBar, {
     component: "div",
     className: classes.appBar,
@@ -3828,7 +3836,8 @@ const useTag = color => {
   return useStyles();
 };
 
-const useStyles$D = makeStyles(theme => ({
+// Copyright (c) 2023 HelioCampus Inc., all rights reserved.
+const useStyles$E = makeStyles(theme => ({
   sectionHeader: {
     paddingTop: theme.spacing(2),
     paddingBottom: theme.spacing(2),
@@ -3842,7 +3851,88 @@ const useStyles$D = makeStyles(theme => ({
   sectionHeaderAction: {
     justifyContent: "center",
     alignItems: "flex-end"
-  },
+  }
+}));
+const ContentBox$1 = ({
+  header,
+  headerAction,
+  headerMenu,
+  title,
+  data,
+  headerComponent: _headerComponent = "h2"
+}) => {
+  const classes = useStyles$E();
+  return /*#__PURE__*/jsxs(Box$2, {
+    className: classes.sectionHeader,
+    children: [/*#__PURE__*/jsx(Typography, {
+      variant: "h6",
+      component: _headerComponent,
+      sx: {
+        display: "flex",
+        alignItems: "center"
+      },
+      children: header
+    }), headerAction && /*#__PURE__*/jsx(Button, {
+      name: (headerAction == null ? void 0 : headerAction.name) || "",
+      variant: "contained",
+      color: "primary",
+      size: (headerAction == null ? void 0 : headerAction.size) || "small",
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        marginLeft: "auto",
+        maxHeight: "32px"
+      },
+      onClick: headerAction.action || headerAction.onClick,
+      style: headerAction.style || undefined,
+      disabled: headerAction.disabled || false,
+      startIcon: headerAction.icon || undefined,
+      children: headerAction.name
+    }), headerMenu && /*#__PURE__*/jsx(Box$2, {
+      sx: {
+        ml: 1
+      },
+      children: /*#__PURE__*/jsx(MenuButton, {
+        name: title,
+        menuConfiguration: headerMenu,
+        data: data || undefined,
+        displayType: "icon"
+      })
+    })]
+  });
+};
+ContentBox$1.propTypes = {
+  /** Header for the content box. */
+  header: PropTypes.any,
+  headerComponent: PropTypes.oneOf(["h1", "h2", "h3", "h4", "div"]),
+  /** Action for the header.  Should be considered an action related to the content box contents. */
+  headerAction: PropTypes.shape({
+    size: PropTypes.oneOf(["small", "medium"]),
+    icon: PropTypes.any,
+    name: PropTypes.any.isRequired,
+    style: PropTypes.any,
+    action: PropTypes.func.isRequired,
+    onClick: PropTypes.func,
+    disabled: PropTypes.any
+  }),
+  /** Adds a menu to the header */
+  headerMenu: PropTypes.arrayOf(PropTypes.shape({
+    name: PropTypes.string,
+    icon: PropTypes.any,
+    divider: PropTypes.any,
+    onClick: PropTypes.func,
+    disabled: PropTypes.bool
+  })),
+  /** Sub-title of the content box.  Can be a string or any component. */
+  subtitle: PropTypes.any,
+  title: PropTypes.any,
+  data: PropTypes.any
+};
+
+const ContentBoxHeader = props => {
+  return /*#__PURE__*/jsx(ContentBox$1, _extends({}, props));
+};
+const useStyles$D = makeStyles(theme => ({
   cardContent: {
     paddingTop: 0,
     paddingBottom: 0
@@ -4043,43 +4133,12 @@ const ContentBox = props => {
     children: /*#__PURE__*/jsxs(Box$2, {
       sx: props.sx,
       style: props.containerStyle,
-      children: [props.header && /*#__PURE__*/jsxs(Box$2, {
-        className: classes.sectionHeader,
-        children: [/*#__PURE__*/jsx(Typography, {
-          variant: "h6",
-          component: "h2",
-          sx: {
-            display: "flex",
-            alignItems: "center"
-          },
-          children: props.header
-        }), props.headerAction && /*#__PURE__*/jsx(Button, {
-          name: props.headerAction.name,
-          variant: "contained",
-          color: "primary",
-          size: props.headerAction.size || "small",
-          sx: {
-            display: "flex",
-            alignItems: "center",
-            marginLeft: "auto",
-            maxHeight: "32px"
-          },
-          onClick: props.headerAction.action || props.headerAction.onClick,
-          style: props.headerAction.style || undefined,
-          disabled: props.headerAction.disabled || false,
-          startIcon: props.headerAction.icon || undefined,
-          children: props.headerAction.name
-        }), props.headerMenu && /*#__PURE__*/jsx(Box$2, {
-          sx: {
-            ml: 1
-          },
-          children: /*#__PURE__*/jsx(MenuButton, {
-            name: props.title,
-            menuConfiguration: props.headerMenu,
-            data: props.data || undefined,
-            displayType: "icon"
-          })
-        })]
+      children: [props.header && /*#__PURE__*/jsx(ContentBoxHeader, {
+        header: props.header,
+        headerMenu: props.headerMenu,
+        title: props.title,
+        data: props.data,
+        headerAction: props.headerAction
       }), /*#__PURE__*/jsxs(Card, {
         style: cardStyle,
         className: tag.tag,
@@ -14428,6 +14487,7 @@ NavigationMenuPanel.propTypes = {
 
 // Copyright (c) 2023 HelioCampus Inc, all rights reserved.
 const NavigationDrawer = ({
+  id: _id = "hc-main-menu-drawer",
   data,
   drawerOpen,
   onDrawerOpen,
@@ -14451,7 +14511,7 @@ const NavigationDrawer = ({
     onMenuItemClick && onMenuItemClick(data);
   };
   return /*#__PURE__*/jsx(Drawer$1, {
-    id: "hc-main-menu-drawer",
+    id: _id,
     "aria-hidden": !drawerOpen,
     handleDrawerOpen: handleDrawerOpen,
     toggleDrawer: onToggleDrawer,
@@ -14496,6 +14556,7 @@ const NavigationDrawer = ({
   });
 };
 NavigationDrawer.propTypes = {
+  id: PropTypes.string,
   data: PropTypes.any,
   displayType: PropTypes.oneOf(["skeleton", "default", "error"]),
   onDrawerClose: PropTypes.func,
@@ -18844,7 +18905,8 @@ const FilterPanel = props => {
     sorting,
     // TODO: change it to sortingconfig
     renderFilterSelection,
-    sort: sortProp
+    sort: sortProp,
+    title
   } = props;
   const [menuPosition, setMenuPosition] = useState(null);
   const [filters, setFilters] = useFilterState(filtersProp);
@@ -19074,6 +19136,7 @@ const FilterPanel = props => {
   };
   const commonProps = {
     configuration,
+    title,
     filters,
     bottomGutter,
     limitTags
@@ -19145,7 +19208,8 @@ FilterPanel.propTypes = {
   bottomGutter: PropTypes.number,
   renderFilterSelection: PropTypes.bool,
   renderFilterSelectionTo: PropTypes.any,
-  onApplyFilters: PropTypes.func
+  onApplyFilters: PropTypes.func,
+  title: PropTypes.string
 };
 
 const useNotify = () => {
@@ -20768,7 +20832,19 @@ const RichDataTable$1 = /*#__PURE__*/forwardRef(function RichDatatable(props, re
     setSelectedRowCount,
     setFilterPanelState,
     toggleDrawer,
-    clearSelections: () => DataTableRef.current.clearSelections()
+    clearSelections: () => DataTableRef.current.clearSelections(),
+    checkSelectedRow: id => {
+      DataTableRef.current.checkSelectedRow(id);
+    },
+    unCheckSelectedRow: id => {
+      DataTableRef.current.unCheckSelectedRow(id);
+    },
+    highlightRow: id => {
+      DataTableRef.current.highlightRow(id);
+    },
+    unHighlightRows: () => {
+      DataTableRef.current.unHighlightRows();
+    }
   }));
   const isFilterPanelEnabled = ((_props$filterPanelCon = props.filterPanelConfig) == null ? void 0 : _props$filterPanelCon.length) > 0 || props.showFilterPanelSearch;
   return /*#__PURE__*/jsxs("div", {
@@ -31561,5 +31637,5 @@ const DynamicFormHooks = {
   useReadOnly
 };
 
-export { Actions$1 as Actions, Alert, AppToolbar, ArtifactBrowser, AvatarBox, AvatarTitle, BusinessObject, BusinessObjectCard, EmptyCardSection as BusinessObjectCardEmptySection, CardSection as BusinessObjectCardSection, CardSectionTitle as BusinessObjectCardSectionTitle, BusinessObjectPanel, Header$1 as BusinessObjectPanelHeader, Section as BusinessObjectPanelSection, SectionTitle as BusinessObjectPanelSectionTitle, BusinessObjectPicker$1 as BusinessObjectPicker, BusinessObjectStatus, BusinessObjectStatusButton, BusinessObjectTable, Button, Chip, Collapsible, CollapsibleContent, CollapsibleContentButton, CollapsibleContentButtonContainer, CollapsibleContentContainer, CollapsibleProvider, ContentBox, CoreProvider, CurriculumChart, DataTable$1 as DataTable, DatePickerBase as DatePicker, DisplayInFrame, DocViewer, Drawer$1 as Drawer, DynamicForm$1 as DynamicForm, BusinessObjectPickerField$1 as DynamicFormBusinessObjectPickerField, DynamicFormHooks, EditableText, FilterPanel, FilterChips$1 as FilterPanelFilterChips, mapFilters as FilterPanelMapFilters, FullPageViewer, Icon$1 as Icon, Image, IsometricImage, List, ListItem, ListItemGroup, MenuButton, ModalDialog, NavigationDrawer, Notification, OutcomeSpace, PanelDrawer, ProgressChart, RichDataTable$1 as RichDataTable, RubricDistributionChart, RubricLegend, RubricScoreSlider, SaveModal, ScrollToTopButton, ScrollingContainer$1 as ScrollingContainer, SkeletonContent, StatBoxes, StatusMessage, SvgImage, SwipeableTabPanel, Content as SwipeableTabPanelContent, TextBuilder$1 as TextBuilder, store as TextBuilderStore, Timeline, TitleAndActionHeader, TitleAndDescription, DataTable as UnstableDataTable, RichDataTable as UnstableRichDataTable, ScrollingContainer as UnstableScrollingContainer, UserAvatar, CompletedItemList as WizardCompletedItemList, WizardPanel, businessObjectColor, businessObjectConfiguration, businessObjectIcon, createComponentEvent, createEvent, createComponentStore as createStore, dataSourceManager, filterSortData, getBaseUrl, getConfiguration, getDataSourceUrl, http, outcomeSpaceColor, outcomeSpaceTypeFromSource, registerDataSource, registerDataSources, setDataSourceConfiguration, template, useCollapsibleState, useComponentWillMount, useDataSourceInfiniteQuery, useDataSourceMutation, useDataSourceQuery, useDataSourceUrl, useDebounceCallback, useNotify, useRefDimensions, withStatusButtonDataSource };
+export { Actions$1 as Actions, Alert, AppToolbar, ArtifactBrowser, AvatarBox, AvatarTitle, BusinessObject, BusinessObjectCard, EmptyCardSection as BusinessObjectCardEmptySection, CardSection as BusinessObjectCardSection, CardSectionTitle as BusinessObjectCardSectionTitle, BusinessObjectPanel, Header$1 as BusinessObjectPanelHeader, Section as BusinessObjectPanelSection, SectionTitle as BusinessObjectPanelSectionTitle, BusinessObjectPicker$1 as BusinessObjectPicker, BusinessObjectStatus, BusinessObjectStatusButton, BusinessObjectTable, Button, Chip, Collapsible, CollapsibleContent, CollapsibleContentButton, CollapsibleContentButtonContainer, CollapsibleContentContainer, CollapsibleProvider, ContentBox, ContentBoxHeader, CoreProvider, CurriculumChart, DataTable$1 as DataTable, DatePickerBase as DatePicker, DisplayInFrame, DocViewer, Drawer$1 as Drawer, DynamicForm$1 as DynamicForm, BusinessObjectPickerField$1 as DynamicFormBusinessObjectPickerField, DynamicFormHooks, EditableText, FilterPanel, FilterChips$1 as FilterPanelFilterChips, mapFilters as FilterPanelMapFilters, FullPageViewer, Icon$1 as Icon, Image, IsometricImage, List, ListItem, ListItemGroup, MenuButton, ModalDialog, NavigationDrawer, Notification, OutcomeSpace, PanelDrawer, ProgressChart, RichDataTable$1 as RichDataTable, RubricDistributionChart, RubricLegend, RubricScoreSlider, SaveModal, ScrollToTopButton, ScrollingContainer$1 as ScrollingContainer, SkeletonContent, StatBoxes, StatusMessage, SvgImage, SwipeableTabPanel, Content as SwipeableTabPanelContent, TextBuilder$1 as TextBuilder, store as TextBuilderStore, Timeline, TitleAndActionHeader, TitleAndDescription, DataTable as UnstableDataTable, RichDataTable as UnstableRichDataTable, ScrollingContainer as UnstableScrollingContainer, UserAvatar, CompletedItemList as WizardCompletedItemList, WizardPanel, businessObjectColor, businessObjectConfiguration, businessObjectIcon, createComponentEvent, createEvent, createComponentStore as createStore, dataSourceManager, filterSortData, getBaseUrl, getConfiguration, getDataSourceUrl, http, outcomeSpaceColor, outcomeSpaceTypeFromSource, registerDataSource, registerDataSources, setDataSourceConfiguration, template, useCollapsibleState, useComponentWillMount, useDataSourceInfiniteQuery, useDataSourceMutation, useDataSourceQuery, useDataSourceUrl, useDebounceCallback, useNotify, useRefDimensions, withStatusButtonDataSource };
 //# sourceMappingURL=index.modern.js.map