@dartech/arsenal-ui 1.4.8 → 1.4.10

package/index.js

@@ -214,6 +214,20 @@ const AlertDialog = ({
   });
 };
 
+const defaultDefinitionArrayValue = {
+  code: '',
+  name: '',
+  version: 0,
+  properties: []
+};
+const defaultDefinitionObjectValue = {
+  code: '',
+  name: '',
+  version: 0,
+  properties: {}
+};
+const DEFAULT_REQUIRED_ERROR_TEXT = 'Please, fill this field';
+
 /**
  * Material UI `TextField` controlled component. Used with react-hook-form
  * @category Forms
@@ -230,15 +244,16 @@ const ControlInput = _a => {
       disabled = false,
       textarea = false,
       hideErrorMessage = false,
-      onChange: customOnChange
+      onChange: customOnChange,
+      requiredErrorText = ''
     } = _a,
-    textFieldProps = __rest(_a, ["control", "validate", "name", "label", "required", "defaultValue", "disabled", "textarea", "hideErrorMessage", "onChange"]);
+    textFieldProps = __rest(_a, ["control", "validate", "name", "label", "required", "defaultValue", "disabled", "textarea", "hideErrorMessage", "onChange", "requiredErrorText"]);
   const _c = useController({
       name,
       control,
       defaultValue,
       rules: {
-        required: required && 'Please, fill this field',
+        required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
         validate
       }
     }),
@@ -331,9 +346,10 @@ const ControlDebouncedInput = _a => {
       disabled = false,
       textarea = false,
       hideErrorMessage = false,
-      onChange: customOnChange
+      onChange: customOnChange,
+      requiredErrorText = ''
     } = _a,
-    textFieldProps = __rest(_a, ["control", "validate", "name", "label", "required", "defaultValue", "disabled", "textarea", "hideErrorMessage", "onChange"]);
+    textFieldProps = __rest(_a, ["control", "validate", "name", "label", "required", "defaultValue", "disabled", "textarea", "hideErrorMessage", "onChange", "requiredErrorText"]);
   const {
     field: {
       ref,
@@ -347,7 +363,7 @@ const ControlDebouncedInput = _a => {
     control,
     defaultValue,
     rules: {
-      required: required && 'Please, fill this field',
+      required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
       validate
     }
   });
@@ -417,15 +433,16 @@ const ControlSelect = _a => {
       onChange: customOnChange,
       labelKey,
       valueKey,
-      options = []
+      options = [],
+      requiredErrorText = ''
     } = _a,
-    textFieldProps = __rest(_a, ["control", "validate", "name", "label", "required", "defaultValue", "disabled", "hideErrorMessage", "onChange", "labelKey", "valueKey", "options"]);
+    textFieldProps = __rest(_a, ["control", "validate", "name", "label", "required", "defaultValue", "disabled", "hideErrorMessage", "onChange", "labelKey", "valueKey", "options", "requiredErrorText"]);
   const _c = useController({
       name,
       control,
       defaultValue,
       rules: {
-        required: required && 'Please, fill this field',
+        required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
         validate
       }
     }),
@@ -599,14 +616,15 @@ const ControlRadio = ({
   validate,
   onChange: customOnChange,
   row,
-  radioProps
+  radioProps,
+  requiredErrorText: _requiredErrorText = ''
 }) => {
   const _a = useController({
       name,
       control,
       defaultValue,
       rules: {
-        required: required && 'Please, fill this field',
+        required: required ? _requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
         validate
       }
     }),
@@ -712,15 +730,16 @@ const ControlAutocomplete = _a => {
       multiple,
       textFieldProps = {},
       disableCloseOnSelect,
-      useStringValue
+      useStringValue,
+      requiredErrorText = ''
     } = _a,
-    autocompleteProps = __rest(_a, ["control", "validate", "name", "label", "required", "defaultValue", "disabled", "hideErrorMessage", "onChange", "labelKey", "valueKey", "options", "multiple", "textFieldProps", "disableCloseOnSelect", "useStringValue"]);
+    autocompleteProps = __rest(_a, ["control", "validate", "name", "label", "required", "defaultValue", "disabled", "hideErrorMessage", "onChange", "labelKey", "valueKey", "options", "multiple", "textFieldProps", "disableCloseOnSelect", "useStringValue", "requiredErrorText"]);
   const _b = useController({
       name,
       control,
       defaultValue: defaultValue || (multiple ? [] : null),
       rules: {
-        required: required && 'Please, fill this field',
+        required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
         validate
       }
     }),
@@ -808,15 +827,16 @@ function ControlQueryAutocomplete(_a) {
       onChange,
       queryFunction,
       validate,
-      itemQueryFunction
+      itemQueryFunction,
+      requiredErrorText = ''
     } = _a,
-    autocompleteProps = __rest(_a, ["name", "label", "control", "required", "searchBy", "labelKey", "multiple", "disabled", "valueKey", "sortBy", "hideErrorMessage", "disableCloseOnSelect", "textFieldProps", "onChange", "queryFunction", "validate", "itemQueryFunction"]);
+    autocompleteProps = __rest(_a, ["name", "label", "control", "required", "searchBy", "labelKey", "multiple", "disabled", "valueKey", "sortBy", "hideErrorMessage", "disableCloseOnSelect", "textFieldProps", "onChange", "queryFunction", "validate", "itemQueryFunction", "requiredErrorText"]);
   const _b = useController({
       control,
       name,
       defaultValue: multiple ? [] : null,
       rules: {
-        required: required && 'Please, fill this field',
+        required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
         validate
       }
     }),
@@ -1045,14 +1065,15 @@ const ControlAceEditor = /*#__PURE__*/forwardRef((_a, ref) => {
       hideErrorMessage = false,
       fontSize = 16,
       validate = true,
-      parseValue
+      parseValue,
+      requiredErrorText = ''
     } = _a,
-    otherProps = __rest(_a, ["control", "name", "mode", "label", "width", "height", "readOnly", "required", "validateJson", "hideErrorMessage", "fontSize", "validate", "parseValue"]);
+    otherProps = __rest(_a, ["control", "name", "mode", "label", "width", "height", "readOnly", "required", "validateJson", "hideErrorMessage", "fontSize", "validate", "parseValue", "requiredErrorText"]);
   const _b = useController({
       control,
       name,
       rules: {
-        required: required && 'Please, fill this field',
+        required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
         validate: val => {
           if (val && validateJson && typeof val === 'string') {
             try {
@@ -1897,15 +1918,16 @@ const ControlNumberInput = _a => {
       hideErrorMessage = false,
       onChange: customOnChange,
       decimal = false,
-      valueAsNumber = true
+      valueAsNumber = true,
+      requiredErrorText = ''
     } = _a,
-    textFieldProps = __rest(_a, ["control", "validate", "name", "label", "required", "defaultValue", "disabled", "hideErrorMessage", "onChange", "decimal", "valueAsNumber"]);
+    textFieldProps = __rest(_a, ["control", "validate", "name", "label", "required", "defaultValue", "disabled", "hideErrorMessage", "onChange", "decimal", "valueAsNumber", "requiredErrorText"]);
   const _c = useController({
       name,
       control,
       defaultValue,
       rules: {
-        required: required && 'Please, fill this field',
+        required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
         validate: val => {
           if (val === null || val === 0) return true;
           if (decimal && !floatsOnly.test(val) || /^-*0+$/.test(val)) {
@@ -2053,9 +2075,10 @@ const ControlDate = _a => {
       label,
       format: format$1 = DATE_DEFAULT_FORMAT,
       hideErrorMessage = false,
-      textFieldProps = {}
+      textFieldProps = {},
+      requiredErrorText = ''
     } = _a,
-    datePickerProps = __rest(_a, ["control", "name", "required", "label", "format", "hideErrorMessage", "textFieldProps"]);
+    datePickerProps = __rest(_a, ["control", "name", "required", "label", "format", "hideErrorMessage", "textFieldProps", "requiredErrorText"]);
   const [localFormat, setLocalFormat] = useState(DATE_DEFAULT_FORMAT);
   const {
     field,
@@ -2066,7 +2089,7 @@ const ControlDate = _a => {
     control,
     name,
     rules: {
-      required: required && 'Please, fill this field',
+      required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
       validate: val => {
         console.log('DATE', val);
         if (val === '' || isMatch(val, localFormat)) {
@@ -2133,9 +2156,10 @@ const ControlDateTime = _a => {
       label,
       format: format$1 = DATE_TIME_DEFAULT_FORMAT,
       hideErrorMessage = false,
-      textFieldProps
+      textFieldProps,
+      requiredErrorText = ''
     } = _a,
-    dateTimePickerProps = __rest(_a, ["control", "name", "required", "label", "format", "hideErrorMessage", "textFieldProps"]);
+    dateTimePickerProps = __rest(_a, ["control", "name", "required", "label", "format", "hideErrorMessage", "textFieldProps", "requiredErrorText"]);
   const [localFormat, setLocalFormat] = useState();
   const {
     field,
@@ -2146,7 +2170,7 @@ const ControlDateTime = _a => {
     control,
     name,
     rules: {
-      required: required && 'Please, fill this field',
+      required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
       validate: val => {
         if (isMatch(val, localFormat)) {
           return true;
@@ -2205,13 +2229,14 @@ const ControlTime = ({
   required,
   label,
   format: _format = TIME_DEFAULT_FORMAT,
-  hideErrorMessage: _hideErrorMessage = false
+  hideErrorMessage: _hideErrorMessage = false,
+  requiredErrorText: _requiredErrorText = ''
 }) => {
   const _a = useController({
       control,
       name,
       rules: {
-        required: required && 'Please, fill this field',
+        required: required ? _requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
         validate: val => {
           if (isMatch(val, _format)) {
             return true;
@@ -2552,14 +2577,15 @@ const ControlPhoneInput = _a => {
       label,
       required,
       mask = '+7 (799) 999 99 99',
+      requiredErrorText = '',
       inputMaskProps
     } = _a,
-    textFieldProps = __rest(_a, ["control", "name", "label", "required", "mask", "inputMaskProps"]);
+    textFieldProps = __rest(_a, ["control", "name", "label", "required", "mask", "requiredErrorText", "inputMaskProps"]);
   return jsx(Controller, {
     control: control,
     name: name,
     rules: {
-      required: required && 'Please, fill this field',
+      required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
       validate: val => {
         if (!/(\+7\s\(\d{3}\)\s)(\d{3}\s\d{2})(\s\d{2})/.test(val)) {
           return 'Incorrect phone number format';
@@ -2699,28 +2725,31 @@ const useTableQuerySorting = () => {
   const [queryParams, setQueryParams] = useSearchParams();
   const sortParams = queryParams.getAll('sort').map(param => param.split(','));
   const onColumnHeaderClick = ({
-    field
+    field,
+    colDef
   }) => {
-    let keyFound = false;
-    const sortValues = queryParams.getAll('sort');
-    queryParams.delete('sort');
-    sortValues.forEach(sortValue => {
-      const [key, sort] = sortValue.split(',');
-      if (key === field) {
-        keyFound = true;
-        if (sort === 'asc') {
-          queryParams.append('sort', `${key},desc`);
+    if (colDef.sortable) {
+      let keyFound = false;
+      const sortValues = queryParams.getAll('sort');
+      queryParams.delete('sort');
+      sortValues.forEach(sortValue => {
+        const [key, sort] = sortValue.split(',');
+        if (key === field) {
+          keyFound = true;
+          if (sort === 'asc') {
+            queryParams.append('sort', `${key},desc`);
+          }
+        } else {
+          queryParams.append('sort', `${key},${sort}`);
         }
-      } else {
-        queryParams.append('sort', `${key},${sort}`);
+      });
+      if (!keyFound) {
+        queryParams.append('sort', `${field},asc`);
       }
-    });
-    if (!keyFound) {
-      queryParams.append('sort', `${field},asc`);
+      setQueryParams(queryParams, {
+        replace: true
+      });
     }
-    setQueryParams(queryParams, {
-      replace: true
-    });
   };
   const getSortedColumns = columns => {
     return columns.map(column => {
@@ -3690,7 +3719,9 @@ const StringValueField = ({
   name,
   label,
   required,
-  restrictedValues
+  restrictedValues,
+  requiredErrorText: _requiredErrorText = '',
+  requiredSelectErrorText: _requiredSelectErrorText = ''
 }) => {
   const {
     field: {
@@ -3704,7 +3735,7 @@ const StringValueField = ({
     control,
     name,
     rules: {
-      required: required && (Array.isArray(restrictedValues) && restrictedValues.length ? 'Please, select a value' : 'Please, fill this field')
+      required: required ? Array.isArray(restrictedValues) && restrictedValues.length ? _requiredSelectErrorText || 'Please, select a value' : _requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false
       // pattern: validate && urlValidator,
     }
   });
@@ -4071,7 +4102,8 @@ const ControlPropertyFiller = ({
   title,
   entityReferenceDefinitionSources,
   entityReferenceValueComponent,
-  fileReferenceValueComponent
+  fileReferenceValueComponent,
+  requiredErrorText: _requiredErrorText = ''
 }) => {
   // const { control, clearErrors, setValue, watch } = useFormContext();
   const {
@@ -4089,7 +4121,7 @@ const ControlPropertyFiller = ({
     defaultValue: property.defaultValue,
     rules: {
       validate: val => {
-        if (required && val === null) return 'Please, fill this field';
+        if (required && val === null) return _requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT;
         return true;
       }
     }
@@ -4367,7 +4399,8 @@ const ControlMultiplePropertyFiller = ({
   title,
   entityReferenceDefinitionSources,
   entityReferenceValueComponent,
-  fileReferenceValueComponent
+  fileReferenceValueComponent,
+  requiredErrorText: _requiredErrorText = ''
 }) => {
   var _a;
   const [selectTouched, setSelectTouched] = useState(false);
@@ -4387,7 +4420,7 @@ const ControlMultiplePropertyFiller = ({
     defaultValue: (_a = property.defaultValue) !== null && _a !== void 0 ? _a : [],
     rules: {
       validate: val => {
-        if (required && !val) return 'Please, fill this field';
+        if (required && !val) return _requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT;
         return true;
       }
     }
@@ -5814,7 +5847,8 @@ const PropertyFiller = ({
   title,
   entityReferenceDefinitionSources,
   entityReferenceValueComponent,
-  fileReferenceValueComponent
+  fileReferenceValueComponent,
+  requiredErrorText: _requiredErrorText = ''
 }) => {
   const {
     control,
@@ -5834,7 +5868,7 @@ const PropertyFiller = ({
     control,
     rules: {
       validate: val => {
-        if (required && val === null) return 'Please, fill this field';
+        if (required && val === null) return _requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT;
         return true;
       }
     }
@@ -6107,7 +6141,8 @@ const MultiplePropertyFiller = ({
   title,
   entityReferenceDefinitionSources,
   entityReferenceValueComponent,
-  fileReferenceValueComponent
+  fileReferenceValueComponent,
+  requiredErrorText: _requiredErrorText = ''
 }) => {
   var _a;
   const [selectTouched, setSelectTouched] = useState(false);
@@ -6132,7 +6167,7 @@ const MultiplePropertyFiller = ({
     defaultValue: (_a = property.defaultValue) !== null && _a !== void 0 ? _a : [],
     rules: {
       validate: val => {
-        if (required && !val) return 'Please, fill this field';
+        if (required && !val) return _requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT;
         return true;
       }
     }
@@ -7655,17 +7690,4 @@ const Breadcrumbs = ({
   }));
 };
 
-const defaultDefinitionArrayValue = {
-  code: '',
-  name: '',
-  version: 0,
-  properties: []
-};
-const defaultDefinitionObjectValue = {
-  code: '',
-  name: '',
-  version: 0,
-  properties: {}
-};
-
-export { AlertDialog, BackButton, Breadcrumbs, ContentLayout, ControlAceEditor, ControlArrayInput, ControlAutocomplete, ControlCheckbox, ControlDate, ControlDateTime, ControlDebouncedInput, ControlInput, ControlNumberInput, ControlPeriodInput, ControlPhoneInput, ControlQueryAutocomplete, ControlRadio, ControlSelect, ControlSwitch, ControlTime, CopyButton, CreateDefinition, CreatePropertiesList, CreatePropertiesListContext, CreatePropertyFormFields, DATE_DEFAULT_FORMAT, DATE_TIME_DEFAULT_FORMAT, DefinitionFiller, DefinitionValueView, InfoItem, JsonModalView, JsonPathPicker, JsonView, Loader, MenuIcon, MultiplePropertyFiller, PropertyFiller, PropertyType, PropertyValueField, RoundingMode, RouteTabs, Sidebar, SimpleTable, Status, StepperView, TIME_DEFAULT_FORMAT, TabPanel, Table, TableAction, TableActionCell, ViewPropertiesList, ViewProperty, capitalize, deepParseJson, defaultDefinitionArrayValue, defaultDefinitionObjectValue, digitsOnly, floatsOnly, formatDefinitionData, formatTableRowValue, getDemPropertyDateFormat, getEntityStarterValue, getJsonStringValue, getMultiplePropertyFillOptions, getSinglePropertyFillOptions, isDateType, isExpression, isPropertyValueEmpty, propertiesArrayToObject, propertiesObjectToArray, removeArrayItem, safeParseJson, sortArrayOfObjects, theme, useDebounce, useToggle, validateJson };
+export { AlertDialog, BackButton, Breadcrumbs, ContentLayout, ControlAceEditor, ControlArrayInput, ControlAutocomplete, ControlCheckbox, ControlDate, ControlDateTime, ControlDebouncedInput, ControlInput, ControlNumberInput, ControlPeriodInput, ControlPhoneInput, ControlQueryAutocomplete, ControlRadio, ControlSelect, ControlSwitch, ControlTime, CopyButton, CreateDefinition, CreatePropertiesList, CreatePropertiesListContext, CreatePropertyFormFields, DATE_DEFAULT_FORMAT, DATE_TIME_DEFAULT_FORMAT, DEFAULT_REQUIRED_ERROR_TEXT, DefinitionFiller, DefinitionValueView, InfoItem, JsonModalView, JsonPathPicker, JsonView, Loader, MenuIcon, MultiplePropertyFiller, PropertyFiller, PropertyType, PropertyValueField, RoundingMode, RouteTabs, Sidebar, SimpleTable, Status, StepperView, TIME_DEFAULT_FORMAT, TabPanel, Table, TableAction, TableActionCell, ViewPropertiesList, ViewProperty, capitalize, deepParseJson, defaultDefinitionArrayValue, defaultDefinitionObjectValue, digitsOnly, floatsOnly, formatDefinitionData, formatTableRowValue, getDemPropertyDateFormat, getEntityStarterValue, getJsonStringValue, getMultiplePropertyFillOptions, getSinglePropertyFillOptions, isDateType, isExpression, isPropertyValueEmpty, propertiesArrayToObject, propertiesObjectToArray, removeArrayItem, safeParseJson, sortArrayOfObjects, theme, useDebounce, useToggle, validateJson };

package/package.json

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

package/src/consts/index.d.ts

@@ -10,3 +10,4 @@ export declare const defaultDefinitionObjectValue: {
     version: number;
     properties: {};
 };
+export declare const DEFAULT_REQUIRED_ERROR_TEXT = "Please, fill this field";

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

@@ -15,6 +15,7 @@ export interface ControlAceEditorProps {
     validate?: boolean;
     hideErrorMessage?: boolean;
     parseValue?: boolean;
+    requiredErrorText?: string;
     [key: string]: unknown;
 }
 export declare const ControlAceEditor: import("react").ForwardRefExoticComponent<Omit<ControlAceEditorProps, "ref"> & import("react").RefAttributes<ReactCodeMirrorRef>>;

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

@@ -61,10 +61,11 @@ export type ControlAutocompleteProps = Omit<AutocompleteProps<unknown, boolean,
     options: string[] | unknown[];
     textFieldProps?: TextFieldProps;
     useStringValue?: boolean;
+    requiredErrorText?: string;
 };
 /**
  * Material UI `Autocomplete` controlled component. Used with react-hook-form
  * @category Forms
  */
-export declare const ControlAutocomplete: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, labelKey, valueKey, options, multiple, textFieldProps, disableCloseOnSelect, useStringValue, ...autocompleteProps }: ControlAutocompleteProps) => JSX.Element;
+export declare const ControlAutocomplete: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, labelKey, valueKey, options, multiple, textFieldProps, disableCloseOnSelect, useStringValue, requiredErrorText, ...autocompleteProps }: ControlAutocompleteProps) => JSX.Element;
 export default ControlAutocomplete;

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

@@ -11,6 +11,7 @@ type ControlQueryAutocompleteProps<T> = Omit<ControlAutocompleteProps, 'options'
     sortBy?: string;
     queryFunction: (params: PaginateParams) => Promise<PaginateData<T>>;
     itemQueryFunction?: (valueKey: string) => Promise<T>;
+    requiredErrorText?: string;
 };
-export declare function ControlQueryAutocomplete<T>({ name, label, control, required, searchBy, labelKey, multiple, disabled, valueKey, sortBy, hideErrorMessage, disableCloseOnSelect, textFieldProps, onChange, queryFunction, validate, itemQueryFunction, ...autocompleteProps }: ControlQueryAutocompleteProps<T>): JSX.Element;
+export declare function ControlQueryAutocomplete<T>({ name, label, control, required, searchBy, labelKey, multiple, disabled, valueKey, sortBy, hideErrorMessage, disableCloseOnSelect, textFieldProps, onChange, queryFunction, validate, itemQueryFunction, requiredErrorText, ...autocompleteProps }: ControlQueryAutocompleteProps<T>): JSX.Element;
 export default ControlQueryAutocomplete;

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

@@ -16,6 +16,7 @@ type ControlDateProps = Partial<DatePickerProps<unknown, unknown>> & {
     format?: string;
     hideErrorMessage?: boolean;
     textFieldProps?: TextFieldProps;
+    requiredErrorText?: string;
 };
-export declare const ControlDate: ({ control, name, required, label, format, hideErrorMessage, textFieldProps, ...datePickerProps }: ControlDateProps) => JSX.Element;
+export declare const ControlDate: ({ control, name, required, label, format, hideErrorMessage, textFieldProps, requiredErrorText, ...datePickerProps }: ControlDateProps) => JSX.Element;
 export default ControlDate;

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

@@ -16,6 +16,7 @@ type dateTimePickerProps = Partial<DateTimePickerProps<unknown, unknown>> & {
     format?: string;
     hideErrorMessage?: boolean;
     textFieldProps?: TextFieldProps;
+    requiredErrorText?: string;
 };
-export declare const ControlDateTime: ({ control, name, required, label, format, hideErrorMessage, textFieldProps, ...dateTimePickerProps }: dateTimePickerProps) => JSX.Element;
+export declare const ControlDateTime: ({ control, name, required, label, format, hideErrorMessage, textFieldProps, requiredErrorText, ...dateTimePickerProps }: dateTimePickerProps) => JSX.Element;
 export default ControlDateTime;

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ControlInputProps } from './ControlInput';
-export declare const ControlDebouncedInput: ({ control, validate, name, label, required, defaultValue, disabled, textarea, hideErrorMessage, onChange: customOnChange, ...textFieldProps }: ControlInputProps) => JSX.Element;
+export declare const ControlDebouncedInput: ({ control, validate, name, label, required, defaultValue, disabled, textarea, hideErrorMessage, onChange: customOnChange, requiredErrorText, ...textFieldProps }: ControlInputProps) => JSX.Element;
 export default ControlDebouncedInput;

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

@@ -50,10 +50,14 @@ export type ControlInputProps = TextFieldProps & {
      * Custom onChange functionƒ
      */
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Set required error text
+     */
+    requiredErrorText?: string;
 };
 /**
  * Material UI `TextField` controlled component. Used with react-hook-form
  * @category Forms
  */
-export declare const ControlInput: ({ control, validate, name, label, required, defaultValue, disabled, textarea, hideErrorMessage, onChange: customOnChange, ...textFieldProps }: ControlInputProps) => JSX.Element;
+export declare const ControlInput: ({ control, validate, name, label, required, defaultValue, disabled, textarea, hideErrorMessage, onChange: customOnChange, requiredErrorText, ...textFieldProps }: ControlInputProps) => JSX.Element;
 export default ControlInput;

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

@@ -50,6 +50,10 @@ type Props = TextFieldProps & {
      * Set value as number
      */
     valueAsNumber?: boolean;
+    /**
+     * Set required error text
+     */
+    requiredErrorText?: string;
 };
-export declare const ControlNumberInput: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, decimal, valueAsNumber, ...textFieldProps }: Props) => JSX.Element;
+export declare const ControlNumberInput: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, decimal, valueAsNumber, requiredErrorText, ...textFieldProps }: Props) => JSX.Element;
 export default ControlNumberInput;

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

@@ -8,7 +8,8 @@ type Props = TextFieldProps & {
     required?: boolean;
     mask?: string;
     label?: ReactNode;
+    requiredErrorText?: string;
     inputMaskProps?: InputMaskProps;
 };
-export declare const ControlPhoneInput: ({ control, name, label, required, mask, inputMaskProps, ...textFieldProps }: Props) => JSX.Element;
+export declare const ControlPhoneInput: ({ control, name, label, required, mask, requiredErrorText, inputMaskProps, ...textFieldProps }: Props) => JSX.Element;
 export default ControlPhoneInput;

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

@@ -60,10 +60,11 @@ export interface ControlRadioProps {
     valueKey?: string;
     row?: boolean;
     radioProps?: RadioProps;
+    requiredErrorText?: string;
 }
 /**
  * Material UI `Radio` controlled component. Used with react-hook-form
  * @category Forms
  */
-export declare const ControlRadio: ({ name, label, values, control, required, defaultValue, disabled, hideErrorMessage, labelKey, valueKey, validate, onChange: customOnChange, row, radioProps }: ControlRadioProps) => JSX.Element;
+export declare const ControlRadio: ({ name, label, values, control, required, defaultValue, disabled, hideErrorMessage, labelKey, valueKey, validate, onChange: customOnChange, row, radioProps, requiredErrorText, }: ControlRadioProps) => JSX.Element;
 export default ControlRadio;

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

@@ -58,10 +58,14 @@ export type ControlSelectProps = TextFieldProps & {
      * Select options
      */
     options: string[] | unknown[];
+    /**
+     * Set required error text
+     */
+    requiredErrorText?: string;
 };
 /**
  * Material UI `Select` controlled component. Used with react-hook-form
  * @category Forms
  */
-export declare const ControlSelect: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, labelKey, valueKey, options, ...textFieldProps }: ControlSelectProps) => JSX.Element;
+export declare const ControlSelect: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, labelKey, valueKey, options, requiredErrorText, ...textFieldProps }: ControlSelectProps) => JSX.Element;
 export default ControlSelect;

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

@@ -13,6 +13,7 @@ type Props = {
     label?: ReactNode;
     format?: string;
     hideErrorMessage?: boolean;
+    requiredErrorText?: string;
 };
-export declare const ControlTime: ({ control, name, required, label, format, hideErrorMessage, }: Props) => JSX.Element;
+export declare const ControlTime: ({ control, name, required, label, format, hideErrorMessage, requiredErrorText, }: Props) => JSX.Element;
 export default ControlTime;

package/src/lib/Property/PropertyFiller/ControlFiller/ControlMultiplePropertyFiller.d.ts

@@ -20,6 +20,7 @@ type Props = {
     fileReferenceValueComponent?: React.ElementType<{
         name: string;
     }>;
+    requiredErrorText?: string;
 };
-export declare const ControlMultiplePropertyFiller: ({ control, property, name, useExpression, required, label, title, entityReferenceDefinitionSources, entityReferenceValueComponent, fileReferenceValueComponent, }: Props) => JSX.Element;
+export declare const ControlMultiplePropertyFiller: ({ control, property, name, useExpression, required, label, title, entityReferenceDefinitionSources, entityReferenceValueComponent, fileReferenceValueComponent, requiredErrorText, }: Props) => JSX.Element;
 export default ControlMultiplePropertyFiller;

package/src/lib/Property/PropertyFiller/ControlFiller/ControlPropertyFiller.d.ts

@@ -20,6 +20,7 @@ export type ControlPropertyFillerProps = {
     fileReferenceValueComponent?: React.ElementType<{
         name: string;
     }>;
+    requiredErrorText?: string;
 };
-export declare const ControlPropertyFiller: ({ control, property, name, useExpression, label, required, title, entityReferenceDefinitionSources, entityReferenceValueComponent, fileReferenceValueComponent, }: ControlPropertyFillerProps) => JSX.Element;
+export declare const ControlPropertyFiller: ({ control, property, name, useExpression, label, required, title, entityReferenceDefinitionSources, entityReferenceValueComponent, fileReferenceValueComponent, requiredErrorText, }: ControlPropertyFillerProps) => JSX.Element;
 export default ControlPropertyFiller;

package/src/lib/Property/PropertyFiller/MultiplePropertyFiller.d.ts

@@ -18,6 +18,7 @@ type Props = {
     fileReferenceValueComponent?: React.ElementType<{
         name: string;
     }>;
+    requiredErrorText?: string;
 };
-export declare const MultiplePropertyFiller: ({ property, name, useExpression, required, label, title, entityReferenceDefinitionSources, entityReferenceValueComponent, fileReferenceValueComponent, }: Props) => JSX.Element;
+export declare const MultiplePropertyFiller: ({ property, name, useExpression, required, label, title, entityReferenceDefinitionSources, entityReferenceValueComponent, fileReferenceValueComponent, requiredErrorText }: Props) => JSX.Element;
 export default MultiplePropertyFiller;

package/src/lib/Property/PropertyFiller/PropertyFiller.d.ts

@@ -6,6 +6,7 @@ export type PropertyFillerProps = {
     useExpression?: boolean;
     label?: string;
     required?: boolean;
+    requiredErrorText?: string;
     title?: string;
     entityReferenceDefinitionSources?: {
         label: string;
@@ -19,5 +20,5 @@ export type PropertyFillerProps = {
         name: string;
     }>;
 };
-export declare const PropertyFiller: ({ property, name, useExpression, label, required, title, entityReferenceDefinitionSources, entityReferenceValueComponent, fileReferenceValueComponent, }: PropertyFillerProps) => JSX.Element;
+export declare const PropertyFiller: ({ property, name, useExpression, label, required, title, entityReferenceDefinitionSources, entityReferenceValueComponent, fileReferenceValueComponent, requiredErrorText }: PropertyFillerProps) => JSX.Element;
 export default PropertyFiller;

package/src/lib/Property/UpsertProperty/PropertyValueField/StringValueField.d.ts

@@ -7,6 +7,8 @@ type Props = {
     required?: boolean;
     restrictedValues?: string[];
     urlValidate?: boolean;
+    requiredErrorText?: string;
+    requiredSelectErrorText?: string;
 };
-declare const StringValueField: ({ control, name, label, required, restrictedValues, }: Props) => JSX.Element;
+declare const StringValueField: ({ control, name, label, required, restrictedValues, requiredErrorText, requiredSelectErrorText, }: Props) => JSX.Element;
 export default StringValueField;

package/src/lib/Table/DataGrid/useTableQuerySorting.d.ts

@@ -1,6 +1,6 @@
 import { GridColumnHeaderParams, GridColumns } from '@mui/x-data-grid';
 export declare const useTableQuerySorting: () => {
-    onColumnHeaderClick: ({ field }: GridColumnHeaderParams) => void;
+    onColumnHeaderClick: ({ field, colDef }: GridColumnHeaderParams) => void;
     getSortedColumns: (columns: GridColumns<any>) => GridColumns<any>;
 };
 export default useTableQuerySorting;