@evoke-platform/ui-components 1.0.0-dev.176 → 1.0.0-dev.178

package/dist/published/components/core/Autocomplete/Autocomplete.js

@@ -36,7 +36,7 @@ const Autocomplete = (props) => {
                         border: props.readOnly ? 'none' : 'auto',
                     }, '& .MuiInputBase-input.Mui-disabled': {
                         WebkitTextFillColor: props.readOnly ? 'black' : 'auto',
-                    }, backgroundColor: props.readOnly ? '#f4f6f8' : 'auto', marginTop: '3px', borderRadius: '8px' }, props.sx), options: sortedOptions, popupIcon: (_d = props.popupIcon) !== null && _d !== void 0 ? _d : React.createElement(ExpandMore, null) })),
+                    }, backgroundColor: props.readOnly ? '#f4f6f8' : 'auto', marginTop: '3px', borderRadius: '8px' }, props.sx), options: sortedOptions, popupIcon: ((_d = props.popupIcon) !== null && _d !== void 0 ? _d : (props.readOnly || props.disabled)) ? null : React.createElement(ExpandMore, null) })),
             props.error && React.createElement(FieldError, { required: props.required, label: props.errorMessage })));
     }
     else {
@@ -45,7 +45,7 @@ const Autocomplete = (props) => {
                         border: props.readOnly ? 'none' : 'auto',
                     }, '& .MuiInputBase-input.Mui-disabled': {
                         WebkitTextFillColor: props.readOnly ? 'black' : 'auto',
-                    }, backgroundColor: props.readOnly ? '#f4f6f8' : 'auto', borderRadius: '8px' }, props.sx), options: sortedOptions, popupIcon: (_e = props.popupIcon) !== null && _e !== void 0 ? _e : React.createElement(ExpandMore, null) })),
+                    }, backgroundColor: props.readOnly ? '#f4f6f8' : 'auto', borderRadius: '8px' }, props.sx), options: sortedOptions, popupIcon: ((_e = props.popupIcon) !== null && _e !== void 0 ? _e : (props.readOnly || props.disabled)) ? null : React.createElement(ExpandMore, null) })),
             props.error && React.createElement(FieldError, { required: props.required, label: props.errorMessage })));
     }
 };

package/dist/published/components/custom/FormField/FormField.d.ts

@@ -19,6 +19,8 @@ export declare type FormFieldProps = {
     rows?: number;
     inputMaskPlaceholderChar?: string;
     queryAddresses?: Function;
+    isOptionEqualToValue?: Function;
+    renderOption?: Function;
 };
 declare const FormField: (props: FormFieldProps) => any;
 export default FormField;

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

@@ -7,7 +7,7 @@ import InputFieldComponent from './InputFieldComponent/InputFieldComponent';
 import Select from './Select/Select';
 import TimePickerSelect from './TimePickerSelect/TimePickerSelect';
 const FormField = (props) => {
-    const { defaultValue, error, onChange, property, readOnly, selectOptions, required, size, placeholder, errorMessage, onBlur, mask, max, min, isMultiLineText, rows, inputMaskPlaceholderChar, queryAddresses, } = props;
+    const { defaultValue, error, onChange, property, readOnly, selectOptions, required, size, placeholder, errorMessage, onBlur, mask, max, min, isMultiLineText, rows, inputMaskPlaceholderChar, queryAddresses, isOptionEqualToValue, renderOption, } = props;
     const id = property.id;
     let control;
     const commonProps = {
@@ -25,6 +25,8 @@ const FormField = (props) => {
         placeholder,
         min,
         max,
+        isOptionEqualToValue,
+        renderOption,
     };
     if (queryAddresses) {
         control = (React.createElement(AddressFieldComponent, Object.assign({}, commonProps, { mask: mask, inputMaskPlaceholderChar: inputMaskPlaceholderChar, isMultiLineText: isMultiLineText, rows: rows, queryAddresses: queryAddresses })));

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

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { Autocomplete, TextField } from '../../../core';
 import InputFieldComponent from '../InputFieldComponent/InputFieldComponent';
 const Select = (props) => {
-    const { property, defaultValue, error, errorMessage, onBlur, readOnly, selectOptions, required, size } = props;
+    const { property, defaultValue, error, errorMessage, onBlur, readOnly, selectOptions, required, size, isOptionEqualToValue, renderOption, } = props;
     const [value, setValue] = useState(defaultValue);
     const [inputValue, setInputValue] = useState('');
     useEffect(() => {
@@ -27,6 +27,10 @@ const Select = (props) => {
             setInputValue(selectValue);
         }
     };
-    return readOnly ? (React.createElement(InputFieldComponent, Object.assign({}, props))) : (React.createElement(Autocomplete, { multiple: (property === null || property === void 0 ? void 0 : property.type) === 'array' ? true : false, id: id, renderInput: (params) => React.createElement(TextField, Object.assign({}, params, { value: value, fullWidth: true, onBlur: onBlur })), value: value !== null && value !== void 0 ? value : ((property === null || property === void 0 ? void 0 : property.type) === 'array' ? [] : undefined), onChange: handleChange, options: (property === null || property === void 0 ? void 0 : property.type) === 'array' ? property === null || property === void 0 ? void 0 : property.enum : selectOptions, disableClearable: true, inputValue: inputValue !== null && inputValue !== void 0 ? inputValue : '', error: error, errorMessage: errorMessage, required: required, onInputChange: handleInputValueChange, filterOptions: (option) => { var _a; return (property === null || property === void 0 ? void 0 : property.type) === 'array' ? (_a = property === null || property === void 0 ? void 0 : property.enum) === null || _a === void 0 ? void 0 : _a.filter((item) => item !== option.value) : option; }, size: size }));
+    return readOnly ? (React.createElement(InputFieldComponent, Object.assign({}, props))) : (React.createElement(Autocomplete, { multiple: (property === null || property === void 0 ? void 0 : property.type) === 'array' ? true : false, id: id, renderInput: (params) => React.createElement(TextField, Object.assign({}, params, { value: value, fullWidth: true, onBlur: onBlur })), value: value !== null && value !== void 0 ? value : ((property === null || property === void 0 ? void 0 : property.type) === 'array' ? [] : undefined), onChange: handleChange, options: (property === null || property === void 0 ? void 0 : property.type) === 'array' ? property === null || property === void 0 ? void 0 : property.enum : selectOptions, disableClearable: true, inputValue: inputValue !== null && inputValue !== void 0 ? inputValue : '', error: error, errorMessage: errorMessage, required: required, onInputChange: handleInputValueChange, filterOptions: (option) => { var _a; return (property === null || property === void 0 ? void 0 : property.type) === 'array' ? (_a = property === null || property === void 0 ? void 0 : property.enum) === null || _a === void 0 ? void 0 : _a.filter((item) => item !== option.value) : option; }, size: size, isOptionEqualToValue: isOptionEqualToValue
+            ? (option, value) => isOptionEqualToValue(option, value)
+            : undefined, renderOption: renderOption
+            ? (props, option, state) => renderOption(props, option, state)
+            : undefined }));
 };
 export default Select;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@evoke-platform/ui-components",
-    "version": "1.0.0-dev.176",
+    "version": "1.0.0-dev.178",
     "description": "",
     "main": "dist/published/index.js",
     "module": "dist/published/index.js",
@@ -13,7 +13,7 @@
         ".": "./dist/published/index.js",
         "./colors": "./dist/published/colors/index.js",
         "./icons": "./dist/published/icons/index.js"
-      },
+    },
     "scripts": {
         "test": "jest",
         "copy-styles": "copyfiles -u 1 src/styles/*.css dist/published/",