@dartech/arsenal-ui 1.3.46 → 1.3.48

package/index.js

@@ -1862,6 +1862,7 @@ const ControlNumberInput = _a => {
     rules: {
       required: required && 'Please, fill this field',
       validate: val => {
+        if (val === null) return true;
         if (decimal && !floatsOnly.test(val)) {
           return 'Not valid number';
         } else if (!decimal && !digitsOnly.test(val)) {
@@ -3885,7 +3886,11 @@ const PropertyFiller = ({
       isDirty
     }
   } = useController({
-    name
+    name,
+    control,
+    rules: {
+      required
+    }
   });
   const value = useWatch({
     control,
@@ -3908,9 +3913,9 @@ const PropertyFiller = ({
   });
   const handleFillOptionChange = useCallback(event => {
     const selectedType = event.target.value;
+    setFillOption(selectedType);
     if (selectedType === 'null') {
       setValue(name, null);
-      clearErrors(name);
     } else if (selectedType === 'widget') {
       if (propertyType === PropertyType.JSON && value && typeof value !== 'string' && fillOption === 'dem_builder' && 'properties' in value) {
         const definitionValue = Object.assign(Object.assign({}, value), {
@@ -3946,8 +3951,7 @@ const PropertyFiller = ({
         onChange(defaultArrayValue);
       }
     }
-    setFillOption(selectedType);
-    clearErrors(name);
+    clearErrors();
   }, [name, clearErrors, value, setFillOption, onChange, fillOption, propertyType, setValue]);
   useEffect(() => {
     if (value === undefined) {
@@ -6563,15 +6567,15 @@ const Sidebar = ({
 const ContentLayout = ({
   children,
   toolbar,
-  contentSx
+  contentSx,
+  sx
 }) => {
   return jsxs(Box, Object.assign({
     component: "main",
-    sx: {
+    sx: Object.assign({
       flexGrow: 1,
-      bgcolor: 'background.default',
-      width: `calc(100% - ${drawerWidth}px)`
-    }
+      bgcolor: 'background.default'
+    }, sx)
   }, {
     children: [jsx(Toolbar, Object.assign({
       sx: {

package/package.json

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

package/src/lib/ContentLayout/ContentLayout.d.ts

@@ -4,6 +4,7 @@ type Props = {
     children?: ReactNode;
     toolbar?: ReactNode;
     contentSx?: SxProps<Theme>;
+    sx?: SxProps<Theme>;
 };
-export declare const ContentLayout: ({ children, toolbar, contentSx }: Props) => JSX.Element;
+export declare const ContentLayout: ({ children, toolbar, contentSx, sx }: Props) => JSX.Element;
 export {};