aefis-core-ui 2.1.8-rc4 → 2.1.10

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. */
@@ -15273,6 +15278,20 @@ const isNotNegativeNumber = () => fieldValue => {
   if (isValid && parseFloat(fieldValue) < 0) return "should be positive number";
   if (!isValid) return "should be number";
 };
+const characterLimitLessThan = ruleValue => fieldValue => {
+  // INFO: fasly values ("", undefined, null) are assumed to be to be 0
+  if (!fieldValue) return;
+  const isValid = fieldValue.length < ruleValue;
+  if (!isValid) return `should not exceed ${ruleValue - 1} characters`;
+};
+const characterLimitMoreThan = ruleValue => fieldValue => {
+  const message = `should be more than ${ruleValue} characters`;
+
+  // INFO: fasly values ("", undefined, null) are assumed to be to be 0
+  if (!fieldValue) return message;
+  const isValid = fieldValue.length > ruleValue;
+  if (!isValid) return message;
+};
 const Rules = {
   moreThan,
   moreThanOrEqual,
@@ -15284,7 +15303,9 @@ const Rules = {
   required,
   isInvalidDate,
   isNumber,
-  isNotNegativeNumber
+  isNotNegativeNumber,
+  characterLimitLessThan,
+  characterLimitMoreThan
 };
 
 const configurationParameters = {};
@@ -16264,6 +16285,7 @@ const BadgeKeywordFieldReadOnly = props => {
     children: [/*#__PURE__*/jsx(Typography, {
       gutterBottom: true,
       variant: "subtitle2",
+      component: "h2",
       children: props.schema.title
     }), /*#__PURE__*/jsx("div", {
       style: {
@@ -16335,6 +16357,7 @@ const ReadOnlyView = ({
       children: [/*#__PURE__*/jsx(Typography, {
         gutterBottom: true,
         variant: "subtitle2",
+        component: "h2",
         children: label
       }), /*#__PURE__*/jsx(Typography, {
         variant: "h3",
@@ -16349,9 +16372,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) {
@@ -16372,6 +16399,7 @@ const ReadOnlyView = ({
     return /*#__PURE__*/jsx(Typography, {
       color: "text.secondary",
       variant: "body1",
+      component: "p",
       children: value
     });
   }, [value]);
@@ -16380,6 +16408,7 @@ const ReadOnlyView = ({
     children: [/*#__PURE__*/jsx(Typography, {
       gutterBottom: true,
       variant: "subtitle2",
+      component: "h2",
       children: label
     }), renderValue()]
   });
@@ -16389,7 +16418,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) => {
@@ -18558,6 +18588,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);
@@ -18565,46 +18596,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,
@@ -18621,6 +18668,7 @@ TextWidget.propTypes = {
     placeholder: PropTypes.any,
     title: PropTypes.any
   }),
+  uiSchema: PropTypes.any,
   value: PropTypes.any
 };
 const HOCs$1 = [...commonWidgetHOCs, withReadyOnly(TextWidgetReadOnly), withEvalDisable()];