aefis-core-ui 2.1.8-rc3 → 2.1.8-rc5

package/dist/index.modern.js

@@ -719,7 +719,8 @@ const severityObject = {
   warning: "warning",
   error: "error",
   success: "success",
-  hint: "info"
+  hint: "info",
+  basic: "info"
 };
 const DismissableAlert = props => {
   const [open, setOpen] = useState(true);
@@ -781,6 +782,10 @@ const Alert = /*#__PURE__*/forwardRef(function Alert(props, ref) {
     //style.color = props.variant === "dark" ? "#ffffff" : deepPurple[900];
   }
 
+  if (props.type === "basic") {
+    style.backgroundColor = "transparent";
+    style.color = "#757575";
+  }
   return /*#__PURE__*/jsx(Box$1, {
     sx: {
       width: "100%"
@@ -815,7 +820,7 @@ Alert.defaultProps = {
 };
 Alert.propTypes = {
   /** The type of alert. */
-  type: PropTypes.oneOf(["info", "warning", "error", "success", "hint"]),
+  type: PropTypes.oneOf(["info", "warning", "error", "success", "hint", "basic"]),
   /** The color variant of the alert. */
   variant: PropTypes.oneOf(["dark", "light"]),
   /** The title to display in the alert. */
@@ -15065,11 +15070,15 @@ const replaceDuplicateColor = data => {
     return data;
   }
 };
-const addPercentValue = data => {
+const getOverallTotal = data => {
   let overallTotal = 0;
-  data.map(r => {
+  data == null ? void 0 : data.map(r => {
     overallTotal = overallTotal + r.total;
   });
+  return overallTotal;
+};
+const addPercentValue = data => {
+  const overallTotal = getOverallTotal(data);
   const newRubricObj = [];
   data.map(r => {
     const total = percent(overallTotal, r.total);
@@ -15155,6 +15164,11 @@ const RubricDistributionChart = props => {
           sx: containerSize
         }), rubricsDataWithPercent == null ? void 0 : rubricsDataWithPercent.map((rubric, index) => /*#__PURE__*/jsx(Box$1, {
           className: classes.barProgress,
+          "aria-label": rubric.name,
+          "aria-valuemax": getOverallTotal(rubricsDataWithPercent),
+          "aria-valuenow": rubric.total || 0,
+          "aria-valuemin": 0,
+          role: "progressbar",
           style: barStyle(rubric, index === 0, isLastItemInArray(rubricsDataWithPercent, index)),
           children: /*#__PURE__*/jsx(Typography, {
             sx: {
@@ -16255,6 +16269,7 @@ const BadgeKeywordFieldReadOnly = props => {
     children: [/*#__PURE__*/jsx(Typography, {
       gutterBottom: true,
       variant: "subtitle2",
+      component: "h2",
       children: props.schema.title
     }), /*#__PURE__*/jsx("div", {
       style: {
@@ -16326,6 +16341,7 @@ const ReadOnlyView = ({
       children: [/*#__PURE__*/jsx(Typography, {
         gutterBottom: true,
         variant: "subtitle2",
+        component: "h2",
         children: label
       }), /*#__PURE__*/jsx(Typography, {
         variant: "h3",
@@ -16340,9 +16356,13 @@ const ReadOnlyView = ({
     const isEmpty = value == undefined || value === "" || Array.isArray(value) && value.length === 0;
     if (isEmpty) {
       const _emptyViewText = emptyViewText || `No data ${multiple ? "selected" : "provided"} for this field`;
-      return /*#__PURE__*/jsx(Alert$1, {
-        severity: "info",
-        children: _emptyViewText
+      return /*#__PURE__*/jsx(Alert, {
+        type: "basic",
+        sx: {
+          fontStyle: "italic"
+        },
+        description: _emptyViewText,
+        showIcon: false
       });
     }
     if (multiple) {
@@ -16363,6 +16383,7 @@ const ReadOnlyView = ({
     return /*#__PURE__*/jsx(Typography, {
       color: "text.secondary",
       variant: "body1",
+      component: "p",
       children: value
     });
   }, [value]);
@@ -16371,6 +16392,7 @@ const ReadOnlyView = ({
     children: [/*#__PURE__*/jsx(Typography, {
       gutterBottom: true,
       variant: "subtitle2",
+      component: "h2",
       children: label
     }), renderValue()]
   });
@@ -16380,7 +16402,8 @@ ReadOnlyView.propTypes = {
   renderValue: PropTypes.func,
   value: PropTypes.any,
   emptyViewText: PropTypes.string,
-  multiple: PropTypes.bool
+  multiple: PropTypes.bool,
+  loading: PropTypes.bool
 };
 
 const useSelector = (selector, defaultValue) => {
@@ -18549,6 +18572,7 @@ TextWidgetReadOnly.propTypes = {
   value: PropTypes.any
 };
 const TextWidget = props => {
+  var _props$uiSchema$uiOp;
   // INFO: debouncing added for performance concerns
   const handleChange = useDebounceCallback(e => {
     props.onChange(e.target.value || undefined);
@@ -18556,46 +18580,62 @@ const TextWidget = props => {
   const {
     error
   } = useFormControl();
-  return /*#__PURE__*/jsx(TextField, {
-    id: props.id,
-    error: error,
-    disabled: props.disabled,
-    label: props.schema.title,
-    required: props.required,
-    defaultValue: props.value
-    // value={props.value}
-    // INFO: for performance concerns, textfield is NOT controlled field. This will prevent his field to be changed outside of
-    // Once concurrency pattern implemented with React 18, it can be
-    // controlled as other fields value={props.value || ""}
-    // onChange={(event) => props.onChange(event.target.value || null)}
-    ,
-    onChange: handleChange,
-    autoComplete: "off",
-    variant: "outlined",
-    InputProps: {
-      readOnly: props.readonly,
-      startAdornment: props.options.prefix ? /*#__PURE__*/jsx(InputAdornment, {
-        position: "start",
-        style: {
-          fontSize: 14
-        },
-        children: props.options.prefix
-      }) : null,
-      endAdornment: props.options.suffix ? /*#__PURE__*/jsx(InputAdornment, {
-        position: "end",
-        style: {
-          fontSize: 14
-        },
-        children: props.options.suffix
-      }) : null
-    },
-    sx: {
-      width: "100%"
-    },
-    type: props.schema.format,
-    placeholder: props.schema.placeholder
+  const message = ((_props$uiSchema$uiOp = props.uiSchema["ui:options"]) == null ? void 0 : _props$uiSchema$uiOp.message) || undefined;
+  const messageProps = {
+    title: (message == null ? void 0 : message.title) || undefined,
+    description: (message == null ? void 0 : message.description) || undefined,
+    type: (message == null ? void 0 : message.type) || "info",
+    canDismiss: (message == null ? void 0 : message.canDismiss) || true
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(TextField, {
+      id: props.id,
+      error: error,
+      disabled: props.disabled,
+      label: props.schema.title,
+      required: props.required,
+      defaultValue: props.value
+      // value={props.value}
+      // INFO: for performance concerns, textfield is NOT controlled field. This will prevent his field to be changed outside of
+      // Once concurrency pattern implemented with React 18, it can be
+      // controlled as other fields value={props.value || ""}
+      // onChange={(event) => props.onChange(event.target.value || null)}
+      ,
+      onChange: handleChange,
+      autoComplete: "off",
+      variant: "outlined",
+      InputProps: {
+        readOnly: props.readonly,
+        startAdornment: props.options.prefix ? /*#__PURE__*/jsx(InputAdornment, {
+          position: "start",
+          style: {
+            fontSize: 14
+          },
+          children: props.options.prefix
+        }) : null,
+        endAdornment: props.options.suffix ? /*#__PURE__*/jsx(InputAdornment, {
+          position: "end",
+          style: {
+            fontSize: 14
+          },
+          children: props.options.suffix
+        }) : null
+      },
+      sx: {
+        width: "100%"
+      },
+      type: props.schema.format,
+      placeholder: props.schema.placeholder
+    }), message && /*#__PURE__*/jsx(Alert, _extends({
+      sx: {
+        mt: 1
+      }
+    }, messageProps))]
   });
 };
+TextWidget.defaultProps = {
+  uiSchema: {}
+};
 TextWidget.propTypes = {
   disabled: PropTypes.any,
   id: PropTypes.any,
@@ -18612,6 +18652,7 @@ TextWidget.propTypes = {
     placeholder: PropTypes.any,
     title: PropTypes.any
   }),
+  uiSchema: PropTypes.any,
   value: PropTypes.any
 };
 const HOCs$1 = [...commonWidgetHOCs, withReadyOnly(TextWidgetReadOnly), withEvalDisable()];