aefis-core-ui 2.3.0-rc40 → 2.3.0-rc42

package/dist/index.d.ts

@@ -17,13 +17,13 @@ import { SectionTitle as BusinessObjectPanelSectionTitle } from "./components/Bu
 import BusinessObjectPicker from "./components/BusinessObjectPicker/BusinessObjectPicker";
 import BusinessObjectStatus from "./components/BusinessObjectStatus/BusinessObjectStatus";
 import BusinessObjectStatusButton from "./components/BusinessObjectStatusButton/BusinessObjectStatusButton";
-import Collepsible from "./components/Collepsible/Collepsible";
-import { CollepsibleProvider } from "./components/Collepsible/CollepsibleProvider";
-import { useCollapsibleState } from "./components/Collepsible/CollepsibleProvider";
-import CollapsibleContent from "./components/Collepsible/CollapsibleContent/CollapsibleContent";
-import CollepsibleContentContainer from "./components/Collepsible/CollapsibleContentContainer/CollapsibleContentContainer";
-import CollapsibleContentButton from "./components/Collepsible/CollapsibleContentButton/CollapsibleContentButton";
-import CollapsibleContentButtonContainer from "./components/Collepsible/CollapsibleContentButtonContainer/CollapsibleContentButtonContainer";
+import Collapsible from "./components/Collapsible/Collapsible";
+import { CollapsibleProvider } from "./components/Collapsible/CollapsibleProvider";
+import { useCollapsibleState } from "./components/Collapsible/CollapsibleProvider";
+import CollapsibleContent from "./components/Collapsible/CollapsibleContent/CollapsibleContent";
+import CollapsibleContentContainer from "./components/Collapsible/CollapsibleContentContainer/CollapsibleContentContainer";
+import CollapsibleContentButton from "./components/Collapsible/CollapsibleContentButton/CollapsibleContentButton";
+import CollapsibleContentButtonContainer from "./components/Collapsible/CollapsibleContentButtonContainer/CollapsibleContentButtonContainer";
 import withStatusButtonDataSource from "./components/BusinessObjectStatusButton/withStatusButtonDataSource";
 import BusinessObjectTable from "./components/BusinessObjectTable/BusinessObjectTable";
 import Button from "./components/Button/Button";
@@ -105,4 +105,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, Collepsible, CollepsibleProvider, useCollapsibleState, CollapsibleContent, CollepsibleContentContainer, 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, Notification, OutcomeSpace, outcomeSpaceColor, outcomeSpaceTypeFromSource, PanelDrawer, ProgressChart, RichDataTable, RubricDistributionChart, RubricScoreSlider, RubricLegend, ScrollToTopButton, ScrollingContainer, SkeletonContent, StatBoxes, StatusMessage, SvgImage, SwipeableTabPanel, SwipeableTabPanelContent, template, TextBuilder, TextBuilderStore, 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, 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, Notification, OutcomeSpace, outcomeSpaceColor, outcomeSpaceTypeFromSource, PanelDrawer, ProgressChart, RichDataTable, RubricDistributionChart, RubricScoreSlider, RubricLegend, ScrollToTopButton, ScrollingContainer, SkeletonContent, StatBoxes, StatusMessage, SvgImage, SwipeableTabPanel, SwipeableTabPanelContent, template, TextBuilder, TextBuilderStore, Timeline, TitleAndActionHeader, TitleAndDescription, useComponentWillMount, useDataSourceUrl, useDebounceCallback, useNotify, UserAvatar, WizardPanel, useRefDimensions, createComponentEvent, DynamicFormBusinessObjectPickerField };

package/dist/index.modern.js

@@ -11288,8 +11288,10 @@ const BusinessObjectPicker = _ref => {
     return template.render(optionTemplate, option);
   };
   const getKey = useCallback(option => {
+    // INFO: search for id
     if (idTemplate) return template.render(idTemplate, option);
     if (option.id) return option.id;
+    if (option.Id) return option.Id;
     return getLabel(option);
   }, [idTemplate, optionTemplate]);
   const getFilterOptions = useCallback((options, params) => {
@@ -12400,7 +12402,7 @@ CollapsibleContentButton.propTypes = {
   iconButton: PropTypes.bool
 };
 
-function Collepsible({
+function Collapsible({
   sx,
   renderHeader,
   renderContent,
@@ -12449,7 +12451,7 @@ function Collepsible({
     }))]
   });
 }
-Collepsible.propTypes = {
+Collapsible.propTypes = {
   open: PropTypes.bool,
   defaultOpen: PropTypes.bool,
   renderContent: PropTypes.func,
@@ -12467,7 +12469,7 @@ const useCollapsibleState = () => useContext(CollapsibleContext);
 const {
   Provider
 } = CollapsibleContext;
-const CollepsibleProvider = ({
+const CollapsibleProvider = ({
   defaultValue,
   children
 }) => {
@@ -12483,27 +12485,27 @@ const CollepsibleProvider = ({
   });
 };
 
-const CollepsibleContentContainer = props => {
-  const [collepsibleState] = useCollapsibleState();
+const CollapsibleContentContainer = props => {
+  const [collapsibleState] = useCollapsibleState();
   const {
     open,
     contentId
-  } = collepsibleState;
+  } = collapsibleState;
   return /*#__PURE__*/jsx(CollapsibleContent, _extends({
     open: open,
     id: contentId
   }, props));
 };
-CollepsibleContentContainer.propTypes = CollapsibleContent.propTypes;
+CollapsibleContentContainer.propTypes = CollapsibleContent.propTypes;
 
 function CollapsibleContentButtonContainer(props) {
-  const [collepsibleState, setCollepsibleState] = useCollapsibleState();
+  const [collapsibleState, setCollapsibleState] = useCollapsibleState();
   const {
     open,
     buttonId
-  } = collepsibleState;
+  } = collapsibleState;
   const handleToggleExpand = useCallback(() => {
-    setCollepsibleState(prev => _extends({}, prev, {
+    setCollapsibleState(prev => _extends({}, prev, {
       open: !prev.open
     }));
   }, []);
@@ -14875,6 +14877,40 @@ Header.propTypes = {
   allStepsCompleted: PropTypes.bool
 };
 
+// Copyright (c) 2023 AEFIS, all rights reserved.
+const CompletedItemList = ({
+  data
+}) => {
+  return /*#__PURE__*/jsx(Box$1, {
+    children: /*#__PURE__*/jsx(List, {
+      children: data == null ? void 0 : data.map((item, index) => /*#__PURE__*/jsx(ListItem, {
+        children: /*#__PURE__*/jsxs(Box$1, {
+          sx: {
+            display: "flex"
+          },
+          children: [item.completed ? /*#__PURE__*/jsx(Check, {
+            sx: {
+              color: green[500],
+              mr: 1
+            }
+          }) : /*#__PURE__*/jsx(PriorityHigh, {
+            sx: {
+              color: red[500],
+              mr: 1
+            }
+          }), /*#__PURE__*/jsx(Typography, {
+            variant: "body1",
+            children: item.description
+          })]
+        })
+      }, `reviewListItem-${index}`))
+    })
+  });
+};
+CompletedItemList.propTypes = {
+  data: PropTypes.array
+};
+
 const useStyles$5 = makeStyles(theme => ({
   buttonContainer: {
     marginLeft: "auto",
@@ -14907,7 +14943,7 @@ const bottomBarDefaultStyle = {
 /** Component to display a "stepper" wizard panel for multiple step processes with swipeable tabs. Designed to be display within a Drawer component. */
 
 const WizardPanel = props => {
-  var _props$panels;
+  var _props$panels, _props$panels3;
   const classes = useStyles$5();
   const containerRef = useRef();
   const [activeStep, setActiveStep] = useState(0);
@@ -14917,13 +14953,14 @@ const WizardPanel = props => {
     target: containerRef.current,
     threshold: 0
   });
-  const isLastStep = activeStep === props.panels.length - 1 ? true : false;
+  const isLastStep = activeStep === ((_props$panels = props.panels) == null ? void 0 : _props$panels.length) - 1 ? true : false;
   const isFirstStep = activeStep === 0 ? true : false;
   const handleNext = () => {
+    var _props$panels2;
     const nextStep = activeStep + 1;
     setActiveStep(nextStep);
     props.onNext && props.onNext(props.panels[nextStep], nextStep + 1);
-    setFinalStep(nextStep === props.panels.length - 1 ? true : false);
+    setFinalStep(nextStep === ((_props$panels2 = props.panels) == null ? void 0 : _props$panels2.length) - 1 ? true : false);
   };
   const handleBack = () => {
     const nextStep = activeStep - 1;
@@ -14999,28 +15036,33 @@ const WizardPanel = props => {
       children: /*#__PURE__*/jsx(SwipeableViews, {
         axis: theme.direction === "rtl" ? "x-reverse" : "x",
         index: activeStep,
-        children: (_props$panels = props.panels) == null ? void 0 : _props$panels.map((step, index) => /*#__PURE__*/jsxs(Box$1, {
-          value: activeStep,
-          index: index,
-          dir: theme.direction,
-          className: classes.contentContainer,
-          sx: {
-            visibility: activeStep === index ? "visible" : "hidden"
-          },
-          children: [step.panelTitle && /*#__PURE__*/jsxs(Typography, {
-            sx: titleStyle,
-            variant: "h2",
-            component: step.panelTitleComponent || "h3",
-            children: ["Step ", index + 1, " : ", step.panelTitle]
-          }), step.panelDescription && /*#__PURE__*/jsx(Typography, {
+        children: (_props$panels3 = props.panels) == null ? void 0 : _props$panels3.map((step, index) => {
+          var _step$completedItems;
+          return /*#__PURE__*/jsxs(Box$1, {
+            value: activeStep,
+            index: index,
+            dir: theme.direction,
+            className: classes.contentContainer,
             sx: {
-              mb: 2
+              visibility: activeStep === index ? "visible" : "hidden"
             },
-            variant: "body1",
-            component: "p",
-            children: step.panelDescription
-          }), step.content]
-        }, `wizardPanelKey-${step.id}`))
+            children: [step.panelTitle && /*#__PURE__*/jsxs(Typography, {
+              sx: titleStyle,
+              variant: "h2",
+              component: step.panelTitleComponent || "h3",
+              children: ["Step ", index + 1, " : ", step.panelTitle]
+            }), step.panelDescription && /*#__PURE__*/jsx(Typography, {
+              sx: {
+                mb: 2
+              },
+              variant: "body1",
+              component: "p",
+              children: step.panelDescription
+            }), ((_step$completedItems = step.completedItems) == null ? void 0 : _step$completedItems.length) && /*#__PURE__*/jsx(CompletedItemList, {
+              data: step.completedItems
+            }), step.content]
+          }, `wizardPanelKey-${step.id}`);
+        })
       })
     }), /*#__PURE__*/jsx(Box$1, {
       style: bottomBarStyle,
@@ -15098,7 +15140,11 @@ WizardPanel.propTypes = {
     panelDescription: PropTypes.string,
     panelTitleComponent: PropTypes.oneOf(["h1", "h2", "h3", "h4", "div"]),
     panelTitleShowStep: PropTypes.bool,
-    content: PropTypes.any.isRequired
+    content: PropTypes.any.isRequired,
+    completedItems: PropTypes.arrayOf(PropTypes.shape({
+      completed: PropTypes.boolean,
+      description: PropTypes.string
+    }))
   })).isRequired,
   /** Disable the "Next" button. */
   disableNext: PropTypes.bool,
@@ -20344,5 +20390,5 @@ const DynamicFormHooks = {
   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, CollapsibleContent, CollapsibleContentButton, CollapsibleContentButtonContainer, Collepsible, CollepsibleContentContainer, CollepsibleProvider, 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, TextBuilder$1 as TextBuilder, store as TextBuilderStore, 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, useCollapsibleState, 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, Collapsible, CollapsibleContent, CollapsibleContentButton, CollapsibleContentButtonContainer, CollapsibleContentContainer, CollapsibleProvider, 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, TextBuilder$1 as TextBuilder, store as TextBuilderStore, 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, useCollapsibleState, useComponentWillMount, useDataSourceInfiniteQuery, useDataSourceMutation, useDataSourceQuery, useDataSourceUrl, useDebounceCallback, useNotify, useRefDimensions, withStatusButtonDataSource };
 //# sourceMappingURL=index.modern.js.map