aefis-core-ui 4.0.0-rc8 → 4.0.0

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import AutoCompleteAddable from "./components/AutoCompleteAddable/AutoCompleteAddable";
 import EditableDatatable from "./components/UnstableEditableTable/EditableDataTable";
 import UnstableDataTable from "./components/UnstableDataTable/DataTable";
 import UnstableRichDataTable from "./components/UnstableRichDataTable/RichDataTable";
@@ -9,6 +10,7 @@ import AppToolbar from "./components/AppToolbar/AppToolbar";
 import AssessmentPerformanceChart from "./components/AssessmentPerformanceChart/AssessmentPerformanceChart";
 import AvatarBox from "./components/AvatarBox/AvatarBox";
 import AvatarTitle from "./components/AvatarTitle/AvatarTitle";
+import Box from "./components/MUI/Box/Box";
 import Breadcrumbs from "./components/Breadcrumbs/Breadcrumbs";
 import BusinessObjectHeader from "./components/BusinessObjectHeader/BusinessObjectHeader";
 import BusinessObject from "./components/BusinessObject/BusinessObject";
@@ -48,6 +50,7 @@ import createEvent from "./services/createEvent";
 import createStore from "./services/createStore";
 import CurriculumChart from "./components/CurriculumChart/CurriculumChart";
 import * as dataSourceManager from "./services/dataSourceManager";
+import Divider from "./components/MUI/Divider/Divider";
 import { getConfiguration } from "./services/dataSourceManager";
 import { setDataSourceConfiguration } from "./services/dataSourceManager";
 import { registerDataSource } from "./services/dataSourceManager";
@@ -70,10 +73,12 @@ import FilterPanel from "./components/FilterPanel/FilterPanel";
 import FilterPanelFilterChips from "./components/FilterPanel/components/FilterChips/FilterChips";
 import FilterPanelMapFilters from "./components/FilterPanel/utils/mapFilters";
 import FullPageViewer from "./components/FullPageViewer/FullPageViewer";
+import Grid from "./components/MUI/Grid/Grid";
 import http from "./services/http";
 import Icon from "./Icon";
 import Image from "./components/Image/Image";
 import IsometricImage from "./components/IsometricImage/IsometricImage";
+import Link from "./components/MUI/Link/Link";
 import List from "./components/List/List";
 import ListItem from "./components/ListItem/ListItem";
 import ListItemGroup from "./components/ListItemGroup/ListItemGroup";
@@ -85,6 +90,7 @@ import Notification from "./components/Notification/Notification";
 import OutcomeSpace from "./components/OutcomeSpace/OutcomeSpace";
 import { outcomeSpaceColor } from "./components/OutcomeSpace/OutcomeSpace";
 import { outcomeSpaceTypeFromSource } from "./components/OutcomeSpace/OutcomeSpace";
+import Paper from "./components/MUI/Paper/Paper";
 import PanelDrawer from "./components/PanelDrawer/PanelDrawer";
 import ProgressChart from "./components/ProgressChart/ProgressChart";
 import RichDataTable from "./components/RichDataTable/RichDataTable";
@@ -96,6 +102,7 @@ import ScrollToTopButton from "./components/ScrollToTopButton/ScrollToTopButton"
 import ScrollingContainer from "./components/ScrollingContainer/ScrollingContainer";
 import SentimentScale from "./components/SentimentScale/SentimentScale";
 import SkeletonContent from "./components/SkeletonContent/SkeletonContent";
+import Stack from "./components/MUI/Stack/Stack";
 import StatBoxes from "./components/StatBoxes/StatBoxes";
 import StatRow from "./components/StatRow/StatRow";
 import StatusMessage from "./components/StatusMessage/StatusMessage";
@@ -106,10 +113,12 @@ import TabPanels from "./components/TabPanels/TabPanels";
 import template from "./utils/template";
 import TextBuilder from "./components/TextBuilder/TextBuilder";
 import * as TextBuilderStore from "./components/TextBuilder/store/store";
+import TextField from "./components/MUI/TextField/TextField";
 import Timeline from "./components/Timeline/Timeline";
 import TitleAndActionHeader from "./components/TitleAndActionHeader/TitleAndActionHeader";
 import { FilterButton as TitleAndActionHeaderFilterButton } from "./components/TitleAndActionHeader/components/FilterButton/FilterButton";
 import TitleAndDescription from "./components/TitleAndDescription/TitleAndDescription";
+import Tooltip from "./components/MUI/Tooltip/Tooltip";
 import useComponentWillMount from "./hooks/useComponentWillMount/useComponentWillMount";
 import useDataSourceUrl from "./hooks/useDataSourceUrl/useDataSourceUrl";
 import useDebounceCallback from "./hooks/useDebounceCallback/useDebounceCallback";
@@ -129,10 +138,13 @@ import UnstableScrollingContainer from "./components/UnstableScrollingContainer/
 import UnstableAvatarTitle from "./components/AvatarTitle/UnstableAvatarTitle";
 import Widget from "./components/Widget/Widget";
 import TextTransition from "./components/TextTransition/TextTransition";
+import Typography from "./components/MUI/Typography/Typography";
 import SurveyComments from "./components/SurveyComments/SurveyComments";
 import IconButton from "./components/IconButton/IconButton";
 import FilterPanelWithTextSearch from "./components/FilterPanelWithTextSearch/FilterPanelWithTextSearch";
+import FocusWrapper from "./components/FocusWrapper/FocusWrapper";
+import useZoomLevel from "./hooks/useZoomLevel/useZoomLevel";
 import { useSelectFormState } from "./components/DynamicForm/store";
 import { useSetFormState } from "./components/DynamicForm/store";
 import useReadOnly from "./components/DynamicForm/hooks/useReadOnly/useReadOnly";
-export { EditableDatatable, UnstableDataTable, UnstableRichDataTable, Actions, ActionButtons, ActionMenuButton, Alert, AppToolbar, AssessmentPerformanceChart, AvatarBox, AvatarTitle, Breadcrumbs, BusinessObjectHeader, BusinessObject, businessObjectColor, businessObjectConfiguration, businessObjectIcon, businessObjectIconName, BusinessObjectCard, BusinessObjectCardSectionTitle, BusinessObjectCardEmptySection, BusinessObjectCardSection, BusinessObjectPanel, BusinessObjectPanelHeader, BusinessObjectPanelSection, BusinessObjectPanelSectionTitle, BusinessObjectPicker, BusinessObjectStatus, BusinessObjectStatusButton, Collapsible, CollapsibleProvider, useCollapsibleState, CollapsibleContent, CollapsibleContentContainer, CollapsibleContentButton, CollapsibleContentButtonContainer, withStatusButtonDataSource, BusinessObjectTable, Button, Footer, Chip, ChipList, ContactForm, ContentBox, ContentBoxHeader, CoreProvider, createEvent, createStore, CurriculumChart, dataSourceManager, getConfiguration, setDataSourceConfiguration, registerDataSource, registerDataSources, useDataSourceQuery, useDataSourceInfiniteQuery, useDataSourceMutation, filterSortData, getBaseUrl, getDataSourceUrl, DataTable, DateTitle, DynamicForm, DatePicker, DisplayInFrame, DocViewer, Drawer, EditableText, FilterPanel, FilterPanelFilterChips, FilterPanelMapFilters, FullPageViewer, http, Icon, Image, IsometricImage, List, ListItem, ListItemGroup, MenuButton, ModalDialog, Navigation, NavigationDrawer, Notification, OutcomeSpace, outcomeSpaceColor, outcomeSpaceTypeFromSource, PanelDrawer, ProgressChart, RichDataTable, RubricDistributionChart, RubricScoreSlider, RubricLegend, SaveModal, ScrollToTopButton, ScrollingContainer, SentimentScale, SkeletonContent, StatBoxes, StatRow, StatusMessage, SvgImage, SwipeableTabPanel, SwipeableTabPanelContent, TabPanels, template, TextBuilder, TextBuilderStore, Timeline, TitleAndActionHeader, TitleAndActionHeaderFilterButton, TitleAndDescription, useComponentWillMount, useDataSourceUrl, useDebounceCallback, useNotify, UserAvatar, WizardPanel, WizardCompletedItemList, useRefDimensions, createComponentEvent, DynamicFormBusinessObjectPickerField, UnstableScrollingContainer, UnstableAvatarTitle, Widget, TextTransition, SurveyComments, IconButton, FilterPanelWithTextSearch };
+export { AutoCompleteAddable, EditableDatatable, UnstableDataTable, UnstableRichDataTable, Actions, ActionButtons, ActionMenuButton, Alert, AppToolbar, AssessmentPerformanceChart, AvatarBox, AvatarTitle, Box, Breadcrumbs, BusinessObjectHeader, BusinessObject, businessObjectColor, businessObjectConfiguration, businessObjectIcon, businessObjectIconName, BusinessObjectCard, BusinessObjectCardSectionTitle, BusinessObjectCardEmptySection, BusinessObjectCardSection, BusinessObjectPanel, BusinessObjectPanelHeader, BusinessObjectPanelSection, BusinessObjectPanelSectionTitle, BusinessObjectPicker, BusinessObjectStatus, BusinessObjectStatusButton, Collapsible, CollapsibleProvider, useCollapsibleState, CollapsibleContent, CollapsibleContentContainer, CollapsibleContentButton, CollapsibleContentButtonContainer, withStatusButtonDataSource, BusinessObjectTable, Button, Footer, Chip, ChipList, ContactForm, ContentBox, ContentBoxHeader, CoreProvider, createEvent, createStore, CurriculumChart, dataSourceManager, Divider, getConfiguration, setDataSourceConfiguration, registerDataSource, registerDataSources, useDataSourceQuery, useDataSourceInfiniteQuery, useDataSourceMutation, filterSortData, getBaseUrl, getDataSourceUrl, DataTable, DateTitle, DynamicForm, DatePicker, DisplayInFrame, DocViewer, Drawer, EditableText, FilterPanel, FilterPanelFilterChips, FilterPanelMapFilters, FullPageViewer, Grid, http, Icon, Image, IsometricImage, Link, List, ListItem, ListItemGroup, MenuButton, ModalDialog, Navigation, NavigationDrawer, Notification, OutcomeSpace, outcomeSpaceColor, outcomeSpaceTypeFromSource, Paper, PanelDrawer, ProgressChart, RichDataTable, RubricDistributionChart, RubricScoreSlider, RubricLegend, SaveModal, ScrollToTopButton, ScrollingContainer, SentimentScale, SkeletonContent, Stack, StatBoxes, StatRow, StatusMessage, SvgImage, SwipeableTabPanel, SwipeableTabPanelContent, TabPanels, template, TextBuilder, TextBuilderStore, TextField, Timeline, TitleAndActionHeader, TitleAndActionHeaderFilterButton, TitleAndDescription, Tooltip, useComponentWillMount, useDataSourceUrl, useDebounceCallback, useNotify, UserAvatar, WizardPanel, WizardCompletedItemList, useRefDimensions, createComponentEvent, DynamicFormBusinessObjectPickerField, UnstableScrollingContainer, UnstableAvatarTitle, Widget, TextTransition, Typography, SurveyComments, IconButton, FilterPanelWithTextSearch, FocusWrapper, useZoomLevel };

package/dist/index.modern.css

@@ -1,169 +1,6 @@
 .apexcharts-svg {
     overflow: visible;
 }
-/*
- * Container style
- */
-.ps {
-	overflow: hidden !important;
-	overflow-anchor: none;
-	-ms-overflow-style: none;
-	touch-action: auto;
-	-ms-touch-action: auto;
-}
-
-.ps__thumb-x {
-	display: none !important;
-}
-
-/*
- * Scrollbar rail styles
- */
-.ps__rail-x {
-	display: none;
-	opacity: 0;
-	transition: background-color 0.2s linear, opacity 0.2s linear;
-	-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
-	height: 15px;
-	/* there must be 'bottom' or 'top' for ps__rail-x */
-	bottom: 0px;
-	/* please don't change 'position' */
-	position: absolute;
-}
-
-.ps__rail-x:hover {
-	background-color: unset !important;
-	opacity: unset !important;
-}
-
-.ps__rail-y {
-	display: none;
-	opacity: 0;
-	transition: background-color 0.2s linear, opacity 0.2s linear;
-	-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
-	width: 15px;
-	/* there must be 'right' or 'left' for ps__rail-y */
-	right: 0;
-	/* please don't change 'position' */
-	position: absolute;
-}
-
-.ps--active-x > .ps__rail-x,
-.ps--active-y > .ps__rail-y {
-	display: block;
-	background-color: transparent;
-	z-index: 1001;
-}
-
-.ps:hover > .ps__rail-x,
-.ps:hover > .ps__rail-y,
-.ps--focus > .ps__rail-x,
-.ps--focus > .ps__rail-y,
-.ps--scrolling-x > .ps__rail-x,
-.ps--scrolling-y > .ps__rail-y {
-	opacity: 0.6;
-}
-
-.ps .ps__rail-x:hover,
-.ps .ps__rail-y:hover,
-.ps .ps__rail-x:focus,
-.ps .ps__rail-y:focus,
-.ps .ps__rail-x.ps--clicking,
-.ps .ps__rail-y.ps--clicking {
-	background-color: #eee;
-	opacity: 0.9;
-}
-
-/*
- * Scrollbar thumb styles
- */
-.ps__thumb-x {
-	background-color: #aaa;
-	border-radius: 6px;
-	transition: background-color 0.2s linear, height 0.2s ease-in-out;
-	-webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
-	height: 6px;
-	/* there must be 'bottom' for ps__thumb-x */
-	bottom: 2px;
-	/* please don't change 'position' */
-	position: absolute;
-}
-
-.ps__thumb-y {
-	background-color: #aaa;
-	border-radius: 6px;
-	transition: background-color 0.2s linear, width 0.2s ease-in-out;
-	-webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
-	width: 6px;
-	/* there must be 'right' for ps__thumb-y */
-	right: 2px;
-	/* please don't change 'position' */
-	position: absolute;
-}
-
-.ps__rail-x:hover > .ps__thumb-x,
-.ps__rail-x:focus > .ps__thumb-x,
-.ps__rail-x.ps--clicking .ps__thumb-x {
-	background-color: #999;
-	height: 11px;
-}
-
-.ps__rail-y:hover > .ps__thumb-y,
-.ps__rail-y:focus > .ps__thumb-y,
-.ps__rail-y.ps--clicking .ps__thumb-y {
-	background-color: #999;
-	width: 11px;
-}
-
-/* MS supports */
-@supports (-ms-overflow-style: none) {
-	.ps {
-		overflow: auto !important;
-	}
-}
-
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-	.ps {
-		overflow: auto !important;
-	}
-}
-.scrollbar-container {
-	position: relative;
-	height: 100%;
-}
-
-/*# sourceMappingURL=styles.css.map*/
-
-.ps .ps__rail-x:hover,
-.ps .ps__rail-y:hover,
-.ps .ps__rail-x:focus,
-.ps .ps__rail-y:focus,
-.ps .ps__rail-x.ps--clicking,
-.ps .ps__rail-y.ps--clicking {
-	background-color: #eee;
-	opacity: 0.9;
-}
-
-.ps__thumb-x {
-	background-color: #aaa;
-}
-
-.ps__thumb-y {
-	background-color: #aaa;
-}
-
-.ps__rail-x:hover > .ps__thumb-x,
-.ps__rail-x:focus > .ps__thumb-x,
-.ps__rail-x.ps--clicking .ps__thumb-x {
-	background-color: #999;
-}
-
-.ps__rail-y:hover > .ps__thumb-y,
-.ps__rail-y:focus > .ps__thumb-y,
-.ps__rail-y.ps--clicking .ps__thumb-y {
-	background-color: #999;
-}
-
 .vertical-timeline * {
 	box-sizing: border-box;
 }
@@ -528,6 +365,169 @@
 	}
 }
 
+/*
+ * Container style
+ */
+.ps {
+	overflow: hidden !important;
+	overflow-anchor: none;
+	-ms-overflow-style: none;
+	touch-action: auto;
+	-ms-touch-action: auto;
+}
+
+.ps__thumb-x {
+	display: none !important;
+}
+
+/*
+ * Scrollbar rail styles
+ */
+.ps__rail-x {
+	display: none;
+	opacity: 0;
+	transition: background-color 0.2s linear, opacity 0.2s linear;
+	-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
+	height: 15px;
+	/* there must be 'bottom' or 'top' for ps__rail-x */
+	bottom: 0px;
+	/* please don't change 'position' */
+	position: absolute;
+}
+
+.ps__rail-x:hover {
+	background-color: unset !important;
+	opacity: unset !important;
+}
+
+.ps__rail-y {
+	display: none;
+	opacity: 0;
+	transition: background-color 0.2s linear, opacity 0.2s linear;
+	-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
+	width: 15px;
+	/* there must be 'right' or 'left' for ps__rail-y */
+	right: 0;
+	/* please don't change 'position' */
+	position: absolute;
+}
+
+.ps--active-x > .ps__rail-x,
+.ps--active-y > .ps__rail-y {
+	display: block;
+	background-color: transparent;
+	z-index: 1001;
+}
+
+.ps:hover > .ps__rail-x,
+.ps:hover > .ps__rail-y,
+.ps--focus > .ps__rail-x,
+.ps--focus > .ps__rail-y,
+.ps--scrolling-x > .ps__rail-x,
+.ps--scrolling-y > .ps__rail-y {
+	opacity: 0.6;
+}
+
+.ps .ps__rail-x:hover,
+.ps .ps__rail-y:hover,
+.ps .ps__rail-x:focus,
+.ps .ps__rail-y:focus,
+.ps .ps__rail-x.ps--clicking,
+.ps .ps__rail-y.ps--clicking {
+	background-color: #eee;
+	opacity: 0.9;
+}
+
+/*
+ * Scrollbar thumb styles
+ */
+.ps__thumb-x {
+	background-color: #aaa;
+	border-radius: 6px;
+	transition: background-color 0.2s linear, height 0.2s ease-in-out;
+	-webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
+	height: 6px;
+	/* there must be 'bottom' for ps__thumb-x */
+	bottom: 2px;
+	/* please don't change 'position' */
+	position: absolute;
+}
+
+.ps__thumb-y {
+	background-color: #aaa;
+	border-radius: 6px;
+	transition: background-color 0.2s linear, width 0.2s ease-in-out;
+	-webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
+	width: 6px;
+	/* there must be 'right' for ps__thumb-y */
+	right: 2px;
+	/* please don't change 'position' */
+	position: absolute;
+}
+
+.ps__rail-x:hover > .ps__thumb-x,
+.ps__rail-x:focus > .ps__thumb-x,
+.ps__rail-x.ps--clicking .ps__thumb-x {
+	background-color: #999;
+	height: 11px;
+}
+
+.ps__rail-y:hover > .ps__thumb-y,
+.ps__rail-y:focus > .ps__thumb-y,
+.ps__rail-y.ps--clicking .ps__thumb-y {
+	background-color: #999;
+	width: 11px;
+}
+
+/* MS supports */
+@supports (-ms-overflow-style: none) {
+	.ps {
+		overflow: auto !important;
+	}
+}
+
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+	.ps {
+		overflow: auto !important;
+	}
+}
+.scrollbar-container {
+	position: relative;
+	height: 100%;
+}
+
+/*# sourceMappingURL=styles.css.map*/
+
+.ps .ps__rail-x:hover,
+.ps .ps__rail-y:hover,
+.ps .ps__rail-x:focus,
+.ps .ps__rail-y:focus,
+.ps .ps__rail-x.ps--clicking,
+.ps .ps__rail-y.ps--clicking {
+	background-color: #eee;
+	opacity: 0.9;
+}
+
+.ps__thumb-x {
+	background-color: #aaa;
+}
+
+.ps__thumb-y {
+	background-color: #aaa;
+}
+
+.ps__rail-x:hover > .ps__thumb-x,
+.ps__rail-x:focus > .ps__thumb-x,
+.ps__rail-x.ps--clicking .ps__thumb-x {
+	background-color: #999;
+}
+
+.ps__rail-y:hover > .ps__thumb-y,
+.ps__rail-y:focus > .ps__thumb-y,
+.ps__rail-y.ps--clicking .ps__thumb-y {
+	background-color: #999;
+}
+
 .curriculum .react-flow {
 	width: 100%;
 	height: 100vh;