@dartech/arsenal-ui 1.3.88 → 1.3.90

package/index.js

@@ -5156,7 +5156,10 @@ const CreatePropertiesList = ({
     control,
     name: fieldName,
     rules: {
-      required: required && 'Please, add properties'
+      validate: val => {
+        if (required && Array.isArray(val) && val.length === 0) return 'Please, fill the properties';
+        return true;
+      }
     }
   });
   const properties = useWatch({
@@ -5242,17 +5245,21 @@ const CreatePropertiesList = ({
           }))
         })]
       }))
-    }), item.id)), !hideAddButton && jsx(Grid, Object.assign({
+    }), item.id)), !hideAddButton && jsxs(Grid, Object.assign({
       xs: 12
     }, {
-      children: jsx(Button, Object.assign({
+      children: [jsx(Button, Object.assign({
         variant: "contained",
         size: "small",
         color: "primary",
         onClick: handleAddParameter
       }, {
         children: "Add property"
-      }))
+      })), error && jsx(FormHelperText, Object.assign({
+        error: true
+      }, {
+        children: error.root.message
+      }))]
     }))]
   });
 };

package/package.json

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

package/src/lib/Forms/ControlAceEditor.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
 import { ReactCodeMirrorRef } from '@uiw/react-codemirror';
 import { Control } from 'react-hook-form';
+import { ReactNode } from 'react';
 export interface ControlAceEditorProps {
     name: string;
     control: Control<any>;
     mode?: 'json' | 'javascript' | 'python';
-    label?: string;
+    label?: ReactNode;
     width?: string;
     height?: string;
     readOnly?: boolean;

package/src/lib/Forms/ControlArrayInput.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 import { Control } from 'react-hook-form';
 type Props = {
     name: string;
     control: Control<any>;
-    label: string;
+    label: ReactNode;
     required?: boolean;
 };
 export declare const ControlArrayInput: ({ name, control, label, required }: Props) => JSX.Element;

package/src/lib/Forms/{ControlAutocomplete.d.ts → ControlAutocomplete/ControlAutocomplete.d.ts}

@@ -1,8 +1,8 @@
-/// <reference types="react" />
 import { AutocompleteProps } from '@mui/material/Autocomplete';
 import { TextFieldProps } from '@mui/material/TextField';
 import { Control } from 'react-hook-form';
-import { ValidateFunc } from '../../interfaces';
+import { ReactNode } from 'react';
+import { ValidateFunc } from '../../../interfaces';
 /**
  * This interface is referencing the [[ControlAutocomplete]] component props.
  * @category Forms
@@ -15,7 +15,7 @@ export type ControlAutocompleteProps = Omit<AutocompleteProps<unknown, boolean,
     /**
      * Label for MUI TextField select component
      */
-    label?: string;
+    label?: ReactNode;
     /**
      * React Hook Form `control`
      */

package/src/lib/Forms/{ControlQueryAutocomplete.d.ts → ControlAutocomplete/ControlQueryAutocomplete.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ControlAutocompleteProps } from './ControlAutocomplete';
-import { PaginateData } from '../../interfaces';
+import { PaginateData } from '../../../interfaces';
 type PaginateParams = {
     page: string;
     size: string;

package/src/lib/Forms/ControlAutocomplete/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ControlAutocomplete';
+export * from './ControlQueryAutocomplete';

package/src/lib/Forms/ControlCheckbox.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { CheckboxProps } from '@mui/material/Checkbox';
+import { ReactNode } from 'react';
 import { Control } from 'react-hook-form';
 import { ValidateFunc } from '../../interfaces';
 /**
@@ -14,7 +14,7 @@ export type ControlCheckboxProps = CheckboxProps & {
     /**
      * Label for MUI TextField component
      */
-    label?: string;
+    label?: ReactNode;
     /**
      * React Hook Form `control`
      */

package/src/lib/Forms/ControlDate.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 import { Control } from 'react-hook-form';
 type Props = {
     /**
@@ -10,7 +10,7 @@ type Props = {
      */
     required?: boolean;
     name: string;
-    label?: string;
+    label?: ReactNode;
     format?: string;
     hideErrorMessage?: boolean;
 };

package/src/lib/Forms/ControlDateTime.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 import { Control } from 'react-hook-form';
 type Props = {
     /**
@@ -10,7 +10,7 @@ type Props = {
      */
     required?: boolean;
     name: string;
-    label?: string;
+    label?: ReactNode;
     format?: string;
     hideErrorMessage?: boolean;
 };

package/src/lib/Forms/ControlInput.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type { ReactNode } from 'react';
 import { Control } from 'react-hook-form';
 import { TextFieldProps } from '@mui/material/TextField';
 import { ValidateFunc } from '../../interfaces';
@@ -14,7 +14,7 @@ export type ControlInputProps = TextFieldProps & {
     /**
      * Label for MUI TextField component
      */
-    label?: string;
+    label?: ReactNode;
     /**
      * React Hook Form `control`
      */

package/src/lib/Forms/ControlNumberInput.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type { ReactNode } from 'react';
 import { TextFieldProps } from '@mui/material/TextField';
 import { Control } from 'react-hook-form';
 import { ValidateFunc } from '../../interfaces';
@@ -10,7 +10,7 @@ type Props = TextFieldProps & {
     /**
      * Label for MUI TextField component
      */
-    label?: string;
+    label?: ReactNode;
     /**
      * React Hook Form `control`
      */

package/src/lib/Forms/ControlPeriodInput.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 import { Control } from 'react-hook-form';
 type Props = {
     name?: string;
     control: Control<any>;
-    label?: string;
+    label?: ReactNode;
     required?: boolean;
 };
 export declare const ControlPeriodInput: ({ name, control, label, required }: Props) => JSX.Element;

package/src/lib/Forms/ControlRadio.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
 import { RadioProps } from '@mui/material/Radio';
 import { Control } from 'react-hook-form';
 import { ValidateFunc } from '../../interfaces';
+import { ReactNode } from 'react';
 /**
  * This interface is referencing the [[ControlRadioBtn]] component props.
  * @category Forms
@@ -18,7 +18,7 @@ export interface ControlRadioProps {
     /**
      * Label for component
      */
-    label?: string;
+    label?: ReactNode;
     /**
      * Radio group values
      */

package/src/lib/Forms/ControlSelect.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { TextFieldProps } from '@mui/material/TextField';
+import { ReactNode } from 'react';
 import { Control } from 'react-hook-form';
 import { ValidateFunc } from '../../interfaces';
 /**
@@ -14,7 +14,7 @@ export type ControlSelectProps = TextFieldProps & {
     /**
      * Label for MUI TextField select component
      */
-    label?: string;
+    label?: ReactNode;
     /**
      * React Hook Form `control`
      */

package/src/lib/Forms/ControlSwitch.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { SwitchProps } from '@mui/material/Switch';
 import { Control } from 'react-hook-form';
+import { ReactNode } from 'react';
 type Props = SwitchProps & {
     /**
      * React Hook Form `control`
@@ -13,7 +13,7 @@ type Props = SwitchProps & {
     /**
      * Material-UI FormControlLabel `label` prop
      */
-    label?: string;
+    label?: ReactNode;
 };
 export declare const ControlSwitch: ({ control, name, label, ...switchProps }: Props) => JSX.Element;
 export default ControlSwitch;

package/src/lib/Forms/ControlTime.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 import { Control } from 'react-hook-form';
 type Props = {
     /**
@@ -10,7 +10,7 @@ type Props = {
      */
     required?: boolean;
     name: string;
-    label?: string;
+    label?: ReactNode;
     format?: string;
     hideErrorMessage?: boolean;
 };

package/src/lib/Forms/index.d.ts

@@ -4,7 +4,6 @@ export * from './ControlSelect';
 export * from './ControlCheckbox';
 export * from './ControlRadio';
 export * from './ControlAutocomplete';
-export * from './ControlQueryAutocomplete';
 export * from './CopyButton';
 export * from './BackButton';
 export * from './ControlAceEditor';