@dartech/arsenal-ui 1.3.25 → 1.3.27

package/index.js

@@ -38,8 +38,6 @@ import { format, isMatch, isValid, parse } from 'date-fns';
 import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';
 import { TimePicker } from '@mui/x-date-pickers/TimePicker';
 import Chip from '@mui/material/Chip';
-import InputLabel from '@mui/material/InputLabel';
-import AddIcon from '@mui/icons-material/Add';
 import Grid from '@mui/material/Unstable_Grid2/Grid2';
 import { toString, parse as parse$1 } from 'duration-fns';
 import Pagination from '@mui/material/Pagination';
@@ -73,6 +71,7 @@ import StepContent from '@mui/material/StepContent';
 import StepConnector from '@mui/material/StepConnector';
 import Select from '@mui/material/Select';
 import CloseIcon from '@mui/icons-material/Close';
+import InputLabel from '@mui/material/InputLabel';
 import classnames from 'classnames';
 import { toast } from 'react-toastify';
 import CssBaseline from '@mui/material/CssBaseline';
@@ -257,7 +256,16 @@ const ControlInput = _a => {
     type: "text",
     inputRef: ref,
     name: name,
-    label: label,
+    label: required ? jsxs(Fragment, {
+      children: [label, " ", jsx("span", {
+        children: "*"
+      })]
+    }) : label,
+    sx: {
+      '.MuiInputLabel-root span': {
+        color: '#D6331F'
+      }
+    },
     error: !!error,
     helperText: !hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message),
     disabled: disabled,
@@ -363,7 +371,16 @@ const ControlDebouncedInput = _a => {
     type: "text",
     inputRef: ref,
     name: name,
-    label: label,
+    label: required ? jsxs(Fragment, {
+      children: [label, " ", jsx("span", {
+        children: "*"
+      })]
+    }) : label,
+    sx: {
+      '.MuiInputLabel-root span': {
+        color: '#D6331F'
+      }
+    },
     error: !!error,
     helperText: !hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message),
     disabled: disabled,
@@ -441,7 +458,16 @@ const ControlSelect = _a => {
     type: "text",
     inputRef: ref,
     name: name,
-    label: label,
+    label: required ? jsxs(Fragment, {
+      children: [label, " ", jsx("span", {
+        children: "*"
+      })]
+    }) : label,
+    sx: {
+      '.MuiInputLabel-root span': {
+        color: '#D6331F'
+      }
+    },
     error: !!error,
     helperText: !hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message),
     disabled: disabled,
@@ -735,7 +761,16 @@ const ControlAutocomplete = _a => {
       return jsx(TextField, Object.assign({}, params, {
         variant: "outlined",
         name: name,
-        label: label,
+        label: required ? jsxs(Fragment, {
+          children: [label, " ", jsx("span", {
+            children: "*"
+          })]
+        }) : label,
+        sx: {
+          '.MuiInputLabel-root span': {
+            color: '#D6331F'
+          }
+        },
         error: !!error,
         inputRef: ref,
         helperText: !hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message)
@@ -888,7 +923,16 @@ function ControlQueryAutocomplete(_a) {
     },
     renderOption: renderOption,
     renderInput: params => jsx(TextField, Object.assign({}, params, {
-      label: label,
+      label: required ? jsxs(Fragment, {
+        children: [label, " ", jsx("span", {
+          children: "*"
+        })]
+      }) : label,
+      sx: {
+        '.MuiInputLabel-root span': {
+          color: '#D6331F'
+        }
+      },
       variant: "outlined",
       error: !!error,
       inputRef: ref,
@@ -1058,7 +1102,14 @@ const ControlAceEditor = /*#__PURE__*/forwardRef((_a, ref) => {
           marginRight: 10
         }
       }, {
-        children: label
+        children: required ? jsxs(Fragment, {
+          children: [label, " ", jsx(Box, Object.assign({
+            component: "span",
+            color: "#D6331F"
+          }, {
+            children: "*"
+          }))]
+        }) : label
       }))
     }), jsxs(Fragment, {
       children: [jsx(CodeMirror, Object.assign({
@@ -1513,6 +1564,9 @@ const propertiesArrayToObject = (properties, isGlobalParameter) => {
       name,
       isRequired,
       isMultiple,
+      isVisible,
+      isFillable,
+      isEditable,
       sortOrder,
       isEnabled,
       uiSettings,
@@ -1531,6 +1585,9 @@ const propertiesArrayToObject = (properties, isGlobalParameter) => {
     }, getPropertyValue(Object.assign(Object.assign({}, property), {
       propertyType
     }), isGlobalParameter));
+    if (isVisible !== undefined) resultProperty.isVisible = isVisible;
+    if (isFillable !== undefined) resultProperty.isFillable = isFillable;
+    if (isEditable !== undefined) resultProperty.isEditable = isEditable;
     if ('isViewableInList' in property) {
       resultProperty['isViewableInList'] = property.isViewableInList;
     }
@@ -1828,7 +1885,16 @@ const ControlNumberInput = _a => {
     type: "text",
     inputRef: ref,
     name: name,
-    label: label,
+    label: required ? jsxs(Fragment, {
+      children: [label, " ", jsx("span", {
+        children: "*"
+      })]
+    }) : label,
+    sx: {
+      '.MuiInputLabel-root span': {
+        color: '#D6331F'
+      }
+    },
     error: !!error,
     helperText: !hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message),
     disabled: disabled,
@@ -1936,7 +2002,11 @@ const ControlDate = ({
     onChange(isValid(date) ? format(date, _format) : date);
   };
   return jsx(DatePicker, {
-    label: label,
+    label: required ? jsxs(Fragment, {
+      children: [label, " ", jsx("span", {
+        children: "*"
+      })]
+    }) : label,
     inputRef: ref,
     inputFormat: _format,
     value: value || null,
@@ -1944,6 +2014,11 @@ const ControlDate = ({
     renderInput: props => jsx(TextField, Object.assign({}, props, {
       fullWidth: true,
       size: "small",
+      sx: {
+        '.MuiInputLabel-root span': {
+          color: '#D6331F'
+        }
+      },
       variant: "outlined",
       name: name,
       error: !!error,
@@ -1992,13 +2067,22 @@ const ControlDateTime = ({
     mask: "",
     ampm: false,
     inputRef: ref,
-    label: label,
+    label: required ? jsxs(Fragment, {
+      children: [label, " ", jsx("span", {
+        children: "*"
+      })]
+    }) : label,
     value: value || null,
     inputFormat: _format,
     onChange: handleChange,
     renderInput: props => jsx(TextField, Object.assign({}, props, {
       fullWidth: true,
       size: "small",
+      sx: {
+        '.MuiInputLabel-root span': {
+          color: '#D6331F'
+        }
+      },
       variant: "outlined",
       name: name,
       error: !!error,
@@ -2057,7 +2141,11 @@ const ControlTime = ({
   return jsx(TimePicker, {
     mask: "",
     inputRef: ref,
-    label: label,
+    label: required ? jsxs(Fragment, {
+      children: [label, " ", jsx("span", {
+        children: "*"
+      })]
+    }) : label,
     ampm: false,
     value: fieldValue,
     inputFormat: _format,
@@ -2065,6 +2153,11 @@ const ControlTime = ({
     renderInput: props => jsx(TextField, Object.assign({}, props, {
       fullWidth: true,
       size: "small",
+      sx: {
+        '.MuiInputLabel-root span': {
+          color: '#D6331F'
+        }
+      },
       variant: "outlined",
       name: name,
       error: !!error,
@@ -2126,9 +2219,18 @@ const ControlArrayInput = ({
     }
   }, [handleAdd]);
   return jsxs(Fragment, {
-    children: [jsx(InputLabel, {
-      children: label
-    }), jsx(Box, Object.assign({
+    children: [jsx(Typography, Object.assign({
+      variant: "subtitle1"
+    }, {
+      children: required ? jsxs(Fragment, {
+        children: [label, " ", jsx(Box, Object.assign({
+          component: "span",
+          color: "#D6331F"
+        }, {
+          children: "*"
+        }))]
+      }) : label
+    })), jsx(Box, Object.assign({
       display: "flex",
       flexWrap: "wrap"
     }, {
@@ -2162,7 +2264,11 @@ const ControlArrayInput = ({
           onClick: handleAdd,
           disabled: !!((_c = errors[name]) === null || _c === void 0 ? void 0 : _c.message)
         }, {
-          children: jsx(AddIcon, {})
+          children: jsx(SvgIcon, {
+            children: jsx("path", {
+              d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
+            })
+          })
         }))
       }
     })]
@@ -2219,7 +2325,14 @@ const ControlPeriodInput = ({
     }))), jsx(Typography, Object.assign({
       variant: "subtitle1"
     }, {
-      children: _label
+      children: required ? jsxs(Fragment, {
+        children: [_label, " ", jsx(Box, Object.assign({
+          component: "span",
+          color: "#D6331F"
+        }, {
+          children: "*"
+        }))]
+      }) : _label
     })), error && jsx(FormHelperText, Object.assign({
       error: true
     }, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dartech/arsenal-ui",
-  "version": "1.3.25",
+  "version": "1.3.27",
   "author": "DAR",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,9 +27,7 @@
     "classnames": "^2.3.1",
     "@tanstack/react-query": "^4.24.10",
     "@rollup/plugin-node-resolve": "13.3.0",
-    "@uiw/codemirror-theme-material": "4.21.3",
-    "qs": "6.11.0",
-    "react-ace": "10.1.0"
+    "qs": "6.11.0"
   },
   "module": "./index.js",
   "main": "./index.js",

package/src/interfaces/definition.d.ts

@@ -41,6 +41,9 @@ export interface Property {
     isMultiple: boolean;
     sortOrder: number;
     isEnabled: boolean;
+    isVisible?: boolean;
+    isFillable?: boolean;
+    isEditable?: boolean;
     uiSettings: unknown;
     validationNode: unknown;
     key?: string;