@evoke-platform/ui-components 1.5.0-testing.15 → 1.5.0-testing.17

package/dist/published/components/custom/Form/utils.js

@@ -189,9 +189,11 @@ export function convertFormToComponents(entries, parameters, object) {
                 tableView: false,
                 displayOption: parameter.type === 'object'
                     ? displayOptions?.relatedObjectDisplay
-                    : (parameter.type === 'string' && parameter.enum) || parameter.type === 'boolean'
+                    : parameter.type === 'string' && parameter.enum
                         ? displayOptions?.choicesDisplay?.type
-                        : undefined,
+                        : parameter.type === 'boolean'
+                            ? displayOptions?.booleanDisplay
+                            : undefined,
                 labelPosition: 'top',
                 dataSrc: property.enum?.length ? 'values' : undefined,
                 showCharCount: displayOptions?.charCount,
@@ -346,6 +348,7 @@ export function convertComponentsToForm(components) {
                     ...((component.displayOption || component.sortBy) &&
                         component.property?.enum &&
                         component.property?.type !== 'array' &&
+                        component?.property?.type !== 'boolean' &&
                         component.property?.type !== 'object'
                         ? {
                             choicesDisplay: {
@@ -354,12 +357,17 @@ export function convertComponentsToForm(components) {
                             },
                         }
                         : {}),
+                    ...(component.displayOption && component?.property?.type === 'boolean'
+                        ? { booleanDisplay: component.displayOption }
+                        : {}),
                     ...(component.displayOption && component?.property?.type === 'object'
                         ? { relatedObjectDisplay: component.displayOption }
                         : {}),
                     ...(component.defaultToCurrentDate ||
                         component.defaultToCurrentTime ||
                         component.initialValue ||
+                        (typeof component.initialValue === 'number' && Number.isFinite(component.initialValue)) ||
+                        typeof component.initialValue === 'boolean' ||
                         component.defaultValueCriteria
                         ? {
                             defaultValue: component.defaultToCurrentDate

package/dist/published/components/custom/FormField/BooleanSelect/BooleanSelect.js

@@ -35,7 +35,7 @@ const BooleanSelect = (props) => {
                 tooltip && (React.createElement(Tooltip, { placement: "right", title: tooltip },
                     React.createElement(IconButton, null,
                         React.createElement(Help, { sx: { fontSize: '14px' } })))),
-                required && (React.createElement(Typography, { variant: "body2", component: "span", color: "error", sx: { marginLeft: '4px', fontSize: '18px' } }, "*"))), control: displayOption === 'switch' ? (React.createElement(Switch, { id: id, "aria-checked": value, "aria-required": required, "aria-invalid": error, size: size ?? 'medium', name: property.id, checked: value, onChange: (e) => handleChange(e.target.checked), disabled: readOnly, sx: { alignSelf: 'start' } })) : (React.createElement(Checkbox, { id: id, "aria-checked": value, "aria-required": required, "aria-invalid": error, size: size ?? 'medium', checked: value, name: property.id, onChange: (e) => handleChange(e.target.checked), disabled: readOnly, sx: { alignSelf: 'start', padding: '4px 9px 9px 9px' } })) }),
+                required && (React.createElement(Typography, { variant: "body2", component: "span", color: "error", sx: { marginLeft: '4px', fontSize: '18px' } }, "*"))), control: displayOption === 'switch' ? (React.createElement(Switch, { id: id, "aria-required": required, "aria-invalid": error, size: size ?? 'medium', name: property.id, checked: value, onChange: (e) => handleChange(e.target.checked), disabled: readOnly, sx: { alignSelf: 'start' } })) : (React.createElement(Checkbox, { id: id, "aria-required": required, "aria-invalid": error, size: size ?? 'medium', checked: value, name: property.id, onChange: (e) => handleChange(e.target.checked), disabled: readOnly, sx: { alignSelf: 'start', padding: '4px 9px 9px 9px' } })) }),
         error && React.createElement(FormHelperText, { sx: { marginX: 0 } }, errorMessage),
         description && (React.createElement(FormHelperText, { sx: descriptionStyles, component: Typography }, parse(description)))));
 };

package/dist/published/components/custom/FormField/FileUpload/FileUpload.js

@@ -28,27 +28,31 @@ const FileUploadControl = (props) => {
             color: '#C7C7CD',
         },
     };
+    const onDrop = useCallback(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (acceptedFile) => {
+        setUploadedFile(acceptedFile[0]);
+    }, [setUploadedFile]);
+    const { getRootProps, getInputProps, isDragActive, open } = useDropzone({
+        onDrop,
+        multiple: false,
+        disabled: !!uploadedFile,
+        noClick: true,
+    });
     useEffect(() => {
         if (uploadedFile) {
             props.onChange && props.onChange(property.id, uploadedFile, property);
         }
     }, [uploadedFile]);
-    const handleSelectFile = () => {
+    const handleFileSelectionOrRemoval = () => {
         if (uploadedFile) {
             setUploadedFile(undefined);
             props.onChange && props.onChange(property.id, undefined, property);
         }
+        else {
+            open();
+        }
     };
-    const onDrop = useCallback(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (acceptedFile) => {
-        setUploadedFile(acceptedFile[0]);
-    }, [setUploadedFile]);
-    const { getRootProps, getInputProps, isDragActive } = useDropzone({
-        onDrop,
-        multiple: false,
-        disabled: !!uploadedFile,
-    });
     return (React.createElement(Grid, { container: true, ...getRootProps({
             style: {
                 border: error ? '1px solid red' : '1px solid #c4c4c4',
@@ -57,9 +61,9 @@ const FileUploadControl = (props) => {
             },
         }) },
         React.createElement(Grid, { item: true, flexGrow: 1 },
-            React.createElement("input", { disabled: true, ...getInputProps() }),
+            React.createElement("input", { ...getInputProps() }),
             React.createElement(TextField, { id: id, sx: { '& fieldset': { border: 'none' } }, fullWidth: true, value: uploadedFile?.name ?? (isDragActive ? 'Drop your file here' : 'File'), error: error, errorMessage: errorMessage, required: required, ...(additionalProps ?? {}) })),
         React.createElement(Grid, { item: true },
-            React.createElement(Button, { sx: { ...styles.button, ...styles.selectFileBtn }, onClick: () => handleSelectFile() }, uploadedFile ? 'Remove' : 'Select File'))));
+            React.createElement(Button, { sx: { ...styles.button, ...styles.selectFileBtn }, onClick: handleFileSelectionOrRemoval }, uploadedFile ? 'Remove' : 'Select File'))));
 };
 export default FileUploadControl;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@evoke-platform/ui-components",
-    "version": "1.5.0-testing.15",
+    "version": "1.5.0-testing.17",
     "description": "",
     "main": "dist/published/index.js",
     "module": "dist/published/index.js",