@dartech/arsenal-ui 1.3.26 → 1.3.28

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({
@@ -1834,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,
@@ -1942,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,
@@ -1950,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,
@@ -1998,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,
@@ -2063,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,
@@ -2071,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,
@@ -2132,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"
     }, {
@@ -2168,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"
+            })
+          })
         }))
       }
     })]
@@ -2225,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
     }, {
@@ -3030,9 +3137,6 @@ const StepperView = ({
   return jsxs(Stepper, Object.assign({
     nonLinear: true,
     orientation: "vertical",
-    sx: {
-      padding: 12
-    },
     connector: jsx(StepConnector, {
       sx: {
         marginLeft: 4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dartech/arsenal-ui",
-  "version": "1.3.26",
+  "version": "1.3.28",
   "author": "DAR",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/src/lib/Property/PropertyValueField/BooleanValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/PropertyValueField/DateTimeValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/PropertyValueField/DateValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     format: string;

package/src/lib/Property/PropertyValueField/JsonValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/PropertyValueField/TimeValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/ViewProperty/PropertyItem.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PropertyUnion } from '../../../interfaces';
 type PropertyItemProps = {
     property: PropertyUnion;