aefis-core-ui 2.1.12 → 2.1.14

package/dist/index.d.ts

@@ -22,6 +22,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 CoreProvider from "./components/CoreProvider/CoreProvider";
 import createEvent from "./services/createEvent";
 import createStore from "./services/createStore";
 import CurriculumChart from "./components/CurriculumChart/CurriculumChart";
@@ -95,4 +96,4 @@ export namespace DynamicFormHooks {
 import { useSelectFormState } from "./components/DynamicForm/store";
 import { useSetFormState } from "./components/DynamicForm/store";
 import useReadOnly from "./components/DynamicForm/hooks/useReadOnly/useReadOnly";
-export { Actions, Alert, AvatarBox, AvatarTitle, BusinessObject, businessObjectColor, businessObjectConfiguration, businessObjectIcon, BusinessObjectCard, BusinessObjectCardSectionTitle, BusinessObjectCardEmptySection, BusinessObjectCardSection, BusinessObjectPanel, BusinessObjectPanelHeader, BusinessObjectPanelSection, BusinessObjectPanelSectionTitle, BusinessObjectPicker, BusinessObjectStatus, BusinessObjectStatusButton, withStatusButtonDataSource, BusinessObjectTable, Button, Chip, ContentBox, 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, Notification, OutcomeSpace, outcomeSpaceColor, outcomeSpaceTypeFromSource, PanelDrawer, ProgressChart, RichDataTable, RubricDistributionChart, RubricScoreSlider, RubricLegend, ScrollToTopButton, ScrollingContainer, SkeletonContent, StatBoxes, StatusMessage, SvgImage, SwipeableTabPanel, SwipeableTabPanelContent, template, Timeline, TitleAndActionHeader, TitleAndDescription, useComponentWillMount, useDataSourceUrl, useDebounceCallback, useNotify, UserAvatar, WizardPanel, useRefDimensions, createComponentEvent, DynamicFormBusinessObjectPickerField };
+export { Actions, Alert, AvatarBox, AvatarTitle, BusinessObject, businessObjectColor, businessObjectConfiguration, businessObjectIcon, BusinessObjectCard, BusinessObjectCardSectionTitle, BusinessObjectCardEmptySection, BusinessObjectCardSection, BusinessObjectPanel, BusinessObjectPanelHeader, BusinessObjectPanelSection, BusinessObjectPanelSectionTitle, BusinessObjectPicker, BusinessObjectStatus, BusinessObjectStatusButton, 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, Notification, OutcomeSpace, outcomeSpaceColor, outcomeSpaceTypeFromSource, PanelDrawer, ProgressChart, RichDataTable, RubricDistributionChart, RubricScoreSlider, RubricLegend, ScrollToTopButton, ScrollingContainer, SkeletonContent, StatBoxes, StatusMessage, SvgImage, SwipeableTabPanel, SwipeableTabPanelContent, template, Timeline, TitleAndActionHeader, TitleAndDescription, useComponentWillMount, useDataSourceUrl, useDebounceCallback, useNotify, UserAvatar, WizardPanel, useRefDimensions, createComponentEvent, DynamicFormBusinessObjectPickerField };

package/dist/index.modern.js

@@ -9,7 +9,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { red, orange, green, blue, grey, yellow, indigo, purple, cyan, teal, lime, blueGrey, amber, lightBlue, deepOrange } from '@mui/material/colors';
 import makeStyles$1 from '@mui/styles/makeStyles';
 import withStyles from '@mui/styles/withStyles';
-import { useTheme, alpha, createTheme as createTheme$1, ThemeProvider, styled as styled$1 } from '@mui/material/styles';
+import { useTheme, alpha, createTheme as createTheme$1, ThemeProvider, styled as styled$1, StyledEngineProvider } from '@mui/material/styles';
 import mustache from 'mustache';
 import { Box as Box$2 } from '@mui/system';
 import { Skeleton as Skeleton$4, TextField as TextField$1, Box as Box$3 } from '@mui/material/';
@@ -40,12 +40,12 @@ import { capitalCase, camelCase, snakeCase, pascalCase } from 'change-case';
 import cx from 'classnames';
 import { AnimatePresence, motion } from 'framer-motion';
 import CircularProgress$1 from '@mui/material/CircularProgress';
-import { useQuery, useInfiniteQuery, useQueryClient, useMutation } from 'react-query';
+import { useQuery, useInfiniteQuery, useQueryClient, useMutation, QueryClient, QueryClientProvider } from 'react-query';
 import axios from 'axios';
 import _ from 'lodash';
 import qs from 'query-string';
 import SortIcon from '@mui/icons-material/Sort';
-import { useSnackbar } from 'notistack';
+import { useSnackbar, SnackbarProvider } from 'notistack';
 import useMediaQuery$1 from '@mui/material/useMediaQuery';
 import Typography$1 from '@mui/material/Typography';
 import Tooltip$2 from '@mui/material/Tooltip';
@@ -85,6 +85,7 @@ import FilePondPluginImagePreview from 'filepond-plugin-image-preview';
 import { registerPlugin, FilePond } from 'react-filepond';
 import FilePondPluginGetFile from 'filepond-plugin-get-file';
 import MaskedInput from 'react-text-mask';
+import StylesProvider from '@mui/styles/StylesProvider';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -617,7 +618,7 @@ ActionMenu.propTypes = {
   data: PropTypes.any.isRequired
 };
 
-// Copyright (c) 2022 HelioCampus Inc., all rights reserved.
+// Copyright (c) 2023 HelioCampus Inc., all rights reserved.
 const RenderIconButton = props => {
   return props.disabled ? /*#__PURE__*/jsx(IconButton$1, {
     "aria-label": props.name,
@@ -1123,12 +1124,6 @@ const useStyles$H = makeStyles$1(theme => ({
     color: "#ffffff"
   }
 }));
-({
-  success: /*#__PURE__*/jsx(Check, {}),
-  info: /*#__PURE__*/jsx(InfoOutlined, {}),
-  warning: /*#__PURE__*/jsx(WarningOutlined, {}),
-  error: /*#__PURE__*/jsx(ErrorOutlined, {})
-});
 
 /** Simple component to display a box with or without an avatar along with title and subtitle text. */
 
@@ -2248,7 +2243,6 @@ const Chip = ({
   icon,
   label,
   displayType,
-  tooltipText,
   deleteIcon,
   onDelete,
   canDelete,
@@ -14542,7 +14536,7 @@ const QontoStepIcon = props => {
   } = props;
   return /*#__PURE__*/jsx(QontoStepIconRoot, {
     ownerstate: {
-      active
+      active: active
     },
     className: props.className,
     children: props.completed ? /*#__PURE__*/jsx(CheckCircle, {
@@ -14563,18 +14557,36 @@ QontoStepIcon.propTypes = {
   completed: PropTypes.bool
 };
 const Header = props => {
-  const activeStep = props.allStepsCompleted ? props.data.length : props.activeStep;
-  return /*#__PURE__*/jsx(Stepper, {
-    activeStep: activeStep,
+  const currentActiveStep = props.allStepsCompleted ? props.data.length : props.activeStep;
+  const a11yProps = {
+    role: "list",
+    "aria-label": "progress"
+  };
+  const stepA11lyProps = (current, activeStep) => {
+    const a11y = {};
+    if (current === activeStep) {
+      a11y["aria-current"] = "step";
+    }
+    return a11y;
+  };
+  return /*#__PURE__*/jsx(Stepper, _extends({
+    component: "ol"
+  }, a11yProps, {
+    activeStep: currentActiveStep,
     alternativeLabel: true,
     connector: /*#__PURE__*/jsx(QontoConnector, {}),
-    children: props.data.map(step => /*#__PURE__*/jsx(Step, {
-      children: /*#__PURE__*/jsx(StepLabel, {
-        StepIconComponent: QontoStepIcon,
-        children: step.title
-      })
-    }, `wizardHeaderStep-${step.id}`))
-  });
+    sx: {
+      listStyle: "none"
+    },
+    children: props.data.map((step, index) => /*#__PURE__*/createElement(Step, _extends({}, stepA11lyProps(index, currentActiveStep), {
+      ariaCurrent: true,
+      component: "li",
+      key: `wizardHeaderStep-${step.id}`
+    }), /*#__PURE__*/jsx(StepLabel, {
+      StepIconComponent: QontoStepIcon,
+      children: step.title
+    })))
+  }));
 };
 Header.defaultProps = {
   allStepsCompleted: false
@@ -19032,11 +19044,32 @@ DynamicForm.propTypes = {
 const HOCs = [withFormStore, withSubmitListener];
 var DynamicForm$1 = compose(HOCs)(DynamicForm);
 
+const CoreProvider = ({
+  children,
+  theme
+}) => {
+  const queryClient = new QueryClient();
+  return /*#__PURE__*/jsx(QueryClientProvider, {
+    client: queryClient,
+    children: /*#__PURE__*/jsx(StylesProvider, {
+      children: /*#__PURE__*/jsx(StyledEngineProvider, {
+        injectFirst: true,
+        children: /*#__PURE__*/jsx(ThemeProvider, {
+          theme: theme,
+          children: /*#__PURE__*/jsx(SnackbarProvider, {
+            children: children
+          })
+        })
+      })
+    })
+  });
+};
+
 const DynamicFormHooks = {
   useSelectFormState,
   useSetFormState,
   useReadOnly
 };
 
-export { Actions$1 as Actions, Alert, 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, ContentBox, CurriculumChart, DataTable, DatePickerBase as DatePicker, DisplayInFrame, DocViewer, 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, Notification, OutcomeSpace, PanelDrawer, ProgressChart, RichDataTable, RubricDistributionChart, RubricLegend, RubricScoreSlider, ScrollToTopButton, ScrollingContainer, SkeletonContent, StatBoxes, StatusMessage, SvgImage, SwipeableTabPanel, Content as SwipeableTabPanelContent, Timeline, TitleAndActionHeader, TitleAndDescription, UserAvatar, WizardPanel, businessObjectColor, businessObjectConfiguration, businessObjectIcon, createComponentEvent, createEvent, createComponentStore as createStore, dataSourceManager, filterSortData, getBaseUrl, getConfiguration, getDataSourceUrl, http, outcomeSpaceColor, outcomeSpaceTypeFromSource, registerDataSource, registerDataSources, setDataSourceConfiguration, template, useComponentWillMount, useDataSourceInfiniteQuery, useDataSourceMutation, useDataSourceQuery, useDataSourceUrl, useDebounceCallback, useNotify, useRefDimensions, withStatusButtonDataSource };
+export { Actions$1 as Actions, Alert, 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, ContentBox, CoreProvider, CurriculumChart, DataTable, DatePickerBase as DatePicker, DisplayInFrame, DocViewer, 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, Notification, OutcomeSpace, PanelDrawer, ProgressChart, RichDataTable, RubricDistributionChart, RubricLegend, RubricScoreSlider, ScrollToTopButton, ScrollingContainer, SkeletonContent, StatBoxes, StatusMessage, SvgImage, SwipeableTabPanel, Content as SwipeableTabPanelContent, Timeline, TitleAndActionHeader, TitleAndDescription, UserAvatar, WizardPanel, businessObjectColor, businessObjectConfiguration, businessObjectIcon, createComponentEvent, createEvent, createComponentStore as createStore, dataSourceManager, filterSortData, getBaseUrl, getConfiguration, getDataSourceUrl, http, outcomeSpaceColor, outcomeSpaceTypeFromSource, registerDataSource, registerDataSources, setDataSourceConfiguration, template, useComponentWillMount, useDataSourceInfiniteQuery, useDataSourceMutation, useDataSourceQuery, useDataSourceUrl, useDebounceCallback, useNotify, useRefDimensions, withStatusButtonDataSource };
 //# sourceMappingURL=index.modern.js.map