@dartech/arsenal-ui 1.4.57 → 1.4.59

package/index.js

@@ -2685,6 +2685,7 @@ const ControlDate = _a => {
       required,
       label,
       placeholder,
+      defaultValue,
       format: format$1 = DATE_DEFAULT_FORMAT,
       hideErrorMessage = false,
       textFieldProps = {},
@@ -2692,7 +2693,7 @@ const ControlDate = _a => {
       validate,
       validateErrorText
     } = _a,
-    datePickerProps = __rest(_a, ["control", "name", "required", "label", "placeholder", "format", "hideErrorMessage", "textFieldProps", "requiredErrorText", "validate", "validateErrorText"]);
+    datePickerProps = __rest(_a, ["control", "name", "required", "label", "placeholder", "defaultValue", "format", "hideErrorMessage", "textFieldProps", "requiredErrorText", "validate", "validateErrorText"]);
   const [localFormat, setLocalFormat] = useState(DATE_DEFAULT_FORMAT);
   const defaultValidate = val => {
     if (val === '' || isMatch(val, localFormat)) {
@@ -2708,6 +2709,7 @@ const ControlDate = _a => {
   } = useController({
     control,
     name,
+    defaultValue,
     rules: {
       required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
       validate: validate ? validate : defaultValidate
@@ -2739,7 +2741,7 @@ const ControlDate = _a => {
         OpenPickerIcon: DateIconComponent$1
       }
     }, datePickerProps, {
-      renderInput: params => jsx(TextField, Object.assign({}, params, {
+      renderInput: props => jsx(TextField, Object.assign({}, props, {
         fullWidth: true,
         size: "small",
         variant: "outlined",
@@ -2749,7 +2751,7 @@ const ControlDate = _a => {
         FormHelperTextProps: {
           variant: 'standard'
         },
-        inputProps: Object.assign(Object.assign({}, params.inputProps), {
+        inputProps: Object.assign(Object.assign({}, props.inputProps), {
           placeholder: placeholder
         })
       }, textFieldProps))
@@ -2769,6 +2771,8 @@ const ControlDateTime = _a => {
       name,
       required,
       label,
+      placeholder,
+      defaultValue,
       format: format$1 = DATE_TIME_DEFAULT_FORMAT,
       hideErrorMessage = false,
       textFieldProps,
@@ -2776,7 +2780,7 @@ const ControlDateTime = _a => {
       validate,
       validateErrorText
     } = _a,
-    dateTimePickerProps = __rest(_a, ["control", "name", "required", "label", "format", "hideErrorMessage", "textFieldProps", "requiredErrorText", "validate", "validateErrorText"]);
+    dateTimePickerProps = __rest(_a, ["control", "name", "required", "label", "placeholder", "defaultValue", "format", "hideErrorMessage", "textFieldProps", "requiredErrorText", "validate", "validateErrorText"]);
   const [localFormat, setLocalFormat] = useState();
   const defaultValidate = val => {
     if (val === '' || isMatch(val, localFormat)) {
@@ -2792,6 +2796,7 @@ const ControlDateTime = _a => {
   } = useController({
     control,
     name,
+    defaultValue,
     rules: {
       required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
       validate: validate ? validate : defaultValidate
@@ -2825,7 +2830,7 @@ const ControlDateTime = _a => {
       OpenPickerIcon: DateIconComponent
     }
   }, dateTimePickerProps, {
-    renderInput: params => jsx(TextField, Object.assign({}, params, {
+    renderInput: props => jsx(TextField, Object.assign({}, props, {
       fullWidth: true,
       size: "small",
       sx: {
@@ -2833,6 +2838,9 @@ const ControlDateTime = _a => {
           color: '#D6331F'
         }
       },
+      inputProps: Object.assign(Object.assign({}, props.inputProps), {
+        placeholder: placeholder
+      }),
       variant: "outlined",
       name: name,
       error: !!error,
@@ -2844,54 +2852,60 @@ const ControlDateTime = _a => {
   }));
 };
 
-const ControlTime = ({
-  control,
-  name,
-  required,
-  label,
-  format: _format = TIME_DEFAULT_FORMAT,
-  hideErrorMessage: _hideErrorMessage = false,
-  requiredErrorText: _requiredErrorText = ''
-}) => {
-  const _a = useController({
+const ControlTime = _a => {
+  var {
       control,
       name,
+      required,
+      label,
+      textFieldProps = {},
+      format: format$1 = TIME_DEFAULT_FORMAT,
+      hideErrorMessage = false,
+      requiredErrorText = '',
+      placeholder,
+      defaultValue
+    } = _a,
+    timePickerProps = __rest(_a, ["control", "name", "required", "label", "textFieldProps", "format", "hideErrorMessage", "requiredErrorText", "placeholder", "defaultValue"]);
+  const _b = useController({
+      control,
+      name,
+      defaultValue,
       rules: {
-        required: required ? _requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
+        required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
         validate: val => {
-          if (isMatch(val, _format)) {
+          if (isMatch(val, format$1)) {
             return true;
           }
           return 'Incorrect date format';
         }
       }
     }),
-    _b = _a.field,
+    _c = _b.field,
     {
       onChange,
       ref,
       value
-    } = _b,
-    fieldProps = __rest(_b, ["onChange", "ref", "value"]),
+    } = _c,
+    fieldProps = __rest(_c, ["onChange", "ref", "value"]),
     {
       fieldState: {
         error
       }
-    } = _a;
+    } = _b;
   const [fieldValue, setFieldValue] = useState(null);
   const handleChange = date => {
     setFieldValue(date);
-    onChange(isValid(date) ? format(date, _format) : date);
+    onChange(isValid(date) ? format(date, format$1) : date);
   };
   useEffect(() => {
-    if (value && _format) {
-      let parsedValue = parse(value, _format, new Date());
+    if (value && format$1) {
+      let parsedValue = parse(value, format$1, new Date());
       if (!isValid(parsedValue)) {
         parsedValue = parse(value, 'HH:mm:ss.SSS', new Date());
       }
       setFieldValue(parsedValue);
     }
-  }, [value, _format]);
+  }, [value, format$1]);
   return jsx(TimePicker, Object.assign({}, fieldProps, {
     mask: "",
     inputRef: ref,
@@ -2902,8 +2916,9 @@ const ControlTime = ({
     }) : label,
     ampm: false,
     value: fieldValue,
-    inputFormat: _format,
-    onChange: handleChange,
+    inputFormat: format$1,
+    onChange: handleChange
+  }, timePickerProps, {
     renderInput: props => jsx(TextField, Object.assign({}, props, {
       fullWidth: true,
       size: "small",
@@ -2912,10 +2927,13 @@ const ControlTime = ({
           color: '#D6331F'
         }
       },
+      inputProps: Object.assign(Object.assign({}, props.inputProps), {
+        placeholder: placeholder
+      }),
       variant: "outlined",
       name: name,
       error: !!error,
-      helperText: !_hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message),
+      helperText: !hideErrorMessage && (error === null || error === void 0 ? void 0 : error.message),
       FormHelperTextProps: {
         variant: 'standard'
       }

package/package.json

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

package/src/interfaces/definition.d.ts

@@ -47,7 +47,7 @@ export interface UiSettings {
     behaviorJson: {
         showDependOn?: string;
         hideDependOn?: string;
-        copyValueFrom?: string;
+        dynamicEntity: boolean;
     };
 }
 export interface Property {

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

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

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

@@ -13,12 +13,14 @@ type dateTimePickerProps = Partial<DateTimePickerProps<unknown, unknown>> & {
     required?: boolean;
     name: string;
     label?: ReactNode;
+    placeholder?: string;
     format?: string;
     hideErrorMessage?: boolean;
     textFieldProps?: TextFieldProps;
     requiredErrorText?: string;
     validate?: Validate<any, any>;
     validateErrorText?: string;
+    defaultValue?: string;
 };
-export declare const ControlDateTime: ({ control, name, required, label, format, hideErrorMessage, textFieldProps, requiredErrorText, validate, validateErrorText, ...dateTimePickerProps }: dateTimePickerProps) => JSX.Element;
+export declare const ControlDateTime: ({ control, name, required, label, placeholder, defaultValue, format, hideErrorMessage, textFieldProps, requiredErrorText, validate, validateErrorText, ...dateTimePickerProps }: dateTimePickerProps) => JSX.Element;
 export default ControlDateTime;

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

@@ -1,6 +1,8 @@
+import { TextFieldProps } from '@mui/material/TextField';
+import { TimePickerProps } from '@mui/x-date-pickers/TimePicker';
 import { ReactNode } from 'react';
 import { Control } from 'react-hook-form';
-type Props = {
+type Props = Partial<TimePickerProps<unknown, unknown>> & {
     /**
      * React Hook Form `control`
      */
@@ -10,10 +12,13 @@ type Props = {
      */
     required?: boolean;
     name: string;
+    placeholder?: string;
+    textFieldProps?: TextFieldProps;
     label?: ReactNode;
     format?: string;
     hideErrorMessage?: boolean;
     requiredErrorText?: string;
+    defaultValue?: string;
 };
-export declare const ControlTime: ({ control, name, required, label, format, hideErrorMessage, requiredErrorText, }: Props) => JSX.Element;
+export declare const ControlTime: ({ control, name, required, label, textFieldProps, format, hideErrorMessage, requiredErrorText, placeholder, defaultValue, ...timePickerProps }: Props) => JSX.Element;
 export default ControlTime;