@evoke-platform/ui-components 1.0.0-dev.226 → 1.0.0-dev.228

package/dist/published/components/custom/Form/FormComponents/UserComponent/UserProperty.js

@@ -10,8 +10,8 @@ export const UserProperty = (props) => {
     const [users, setUsers] = useState();
     const [userValue, setUserValue] = useState();
     useEffect(() => {
-        if (value === '$_CURRENT' && (user === null || user === void 0 ? void 0 : user.id)) {
-            const loggedInUser = users === null || users === void 0 ? void 0 : users.find((u) => u.id === user.id);
+        if (value === '$_CURRENT' && user?.id) {
+            const loggedInUser = users?.find((u) => u.id === user.id);
             if (loggedInUser) {
                 setUserValue({ label: loggedInUser.name, value: loggedInUser.id });
                 handleChangeUserProperty({ label: loggedInUser.name, value: loggedInUser.id });
@@ -31,7 +31,7 @@ export const UserProperty = (props) => {
             setLoadingOptions(true);
             apiServices.get(getPrefixedUrl(`/users`), (error, userList) => {
                 setUsers(userList);
-                setOptions((userList !== null && userList !== void 0 ? userList : []).map((user) => ({ label: user.name, value: user.id })));
+                setOptions((userList ?? []).map((user) => ({ label: user.name, value: user.id })));
                 setLoadingOptions(false);
             });
         }
@@ -58,33 +58,33 @@ export const UserProperty = (props) => {
                         },
                     } }, children));
             }, sx: {
-                '& button.MuiButtonBase-root': Object.assign({}, (!loadingOptions && value
-                    ? {
-                        visibility: 'visible',
-                    }
-                    : {})),
+                '& button.MuiButtonBase-root': {
+                    ...(!loadingOptions && value
+                        ? {
+                            visibility: 'visible',
+                        }
+                        : {}),
+                },
             }, noOptionsText: 'No options available', renderOption: (props, option) => {
-                var _a;
-                return (React.createElement("li", Object.assign({}, props, { key: option.id }),
+                return (React.createElement("li", { ...props, key: option.id },
                     React.createElement(Typography, { sx: { marginLeft: '8px', fontSize: '14px' } },
                         option.label,
                         " ",
                         '',
-                        ((_a = users === null || users === void 0 ? void 0 : users.find((user) => option.value === user.id)) === null || _a === void 0 ? void 0 : _a.status) === 'Inactive' ? (React.createElement("span", null, "(Inactive)")) : (''))));
+                        users?.find((user) => option.value === user.id)?.status === 'Inactive' ? (React.createElement("span", null, "(Inactive)")) : (''))));
             }, onOpen: () => {
                 setOpenOptions(true);
-            }, onClose: () => setOpenOptions(false), value: userValue !== null && userValue !== void 0 ? userValue : '', options: options, getOptionLabel: (option) => {
-                var _a, _b, _c, _d;
+            }, onClose: () => setOpenOptions(false), value: userValue ?? '', options: options, getOptionLabel: (option) => {
                 if (typeof option === 'string') {
-                    return (_b = (_a = options.find((o) => o.value === option)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : '';
+                    return options.find((o) => o.value === option)?.label ?? '';
                 }
                 else {
                     {
-                        if (((_c = users === null || users === void 0 ? void 0 : users.find((user) => option.value === user.id)) === null || _c === void 0 ? void 0 : _c.status) === 'Inactive') {
+                        if (users?.find((user) => option.value === user.id)?.status === 'Inactive') {
                             return option.label + ' (Inactive)';
                         }
                         else {
-                            return (_d = option.label) !== null && _d !== void 0 ? _d : '';
+                            return option.label ?? '';
                         }
                     }
                 }
@@ -96,20 +96,22 @@ export const UserProperty = (props) => {
                 if (typeof value === 'string') {
                     return option.value === value;
                 }
-                return option.value === (value === null || value === void 0 ? void 0 : value.value);
+                return option.value === value?.value;
             }, onChange: (event, value) => {
                 handleChangeUserProperty(value);
-            }, selectOnFocus: false, renderInput: (params) => (React.createElement(TextField, Object.assign({}, params, { placeholder: 'Select', sx: Object.assign({}, (!loadingOptions && value
-                    ? {
-                        '.MuiOutlinedInput-root': {
-                            background: 'white',
-                            border: 'auto',
-                        },
-                        '& fieldset': { borderColor: 'auto' },
-                        '&:hover .MuiOutlinedInput-notchedOutline': {
-                            border: 'auto',
-                        },
-                        caretColor: 'white',
-                    }
-                    : {})), size: fieldHeight !== null && fieldHeight !== void 0 ? fieldHeight : 'medium' }))), error: error }))));
+            }, selectOnFocus: false, renderInput: (params) => (React.createElement(TextField, { ...params, placeholder: 'Select', sx: {
+                    ...(!loadingOptions && value
+                        ? {
+                            '.MuiOutlinedInput-root': {
+                                background: 'white',
+                                border: 'auto',
+                            },
+                            '& fieldset': { borderColor: 'auto' },
+                            '&:hover .MuiOutlinedInput-notchedOutline': {
+                                border: 'auto',
+                            },
+                            caretColor: 'white',
+                        }
+                        : {}),
+                }, size: fieldHeight ?? 'medium' })), error: error }))));
 };

package/dist/published/components/custom/Form/FormComponents/ViewOnlyComponent.js

@@ -16,12 +16,16 @@ export class ViewOnlyComponent extends ReactComponent {
      * @param data - The contextual data object (model) used for this component.
      */
     constructor(component, options, data) {
-        component.property = Object.assign({}, component.property);
-        super(Object.assign(Object.assign({}, component), { hideLabel: true }), options, data);
+        component.property = {
+            ...component.property,
+        };
+        super({
+            ...component,
+            hideLabel: true,
+        }, options, data);
         this.showValue = this.showValue.bind(this);
     }
     showValue(value) {
-        var _a, _b;
         if (value == null || value == undefined)
             return React.createElement("span", null, "\u00A0");
         switch (this.component.type) {
@@ -39,10 +43,8 @@ export class ViewOnlyComponent extends ReactComponent {
                 }
                 else {
                     return value
-                        .map((v) => {
-                        var _a, _b, _c;
-                        return (_c = (_b = (_a = this.component.data) === null || _a === void 0 ? void 0 : _a.values.find((val) => val.value === v)) === null || _b === void 0 ? void 0 : _b.label) !== null && _c !== void 0 ? _c : v;
-                    })
+                        .map((v) => this.component.data?.values.find((val) => val.value === v)?.label ??
+                        v)
                         .join(', ');
                 }
             case 'ViewOnlySelect':
@@ -50,7 +52,8 @@ export class ViewOnlyComponent extends ReactComponent {
                     return this.component.property.type === 'array' ? value.join(', ') : value;
                 }
                 else {
-                    return ((_b = (_a = this.component.data.values.find((val) => val.value === value)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : value);
+                    return (this.component.data.values.find((val) => val.value === value)?.label ??
+                        value);
                 }
             case 'ViewOnlyUser':
                 return value.name;
@@ -75,7 +78,7 @@ export class ViewOnlyComponent extends ReactComponent {
             this.componentRoot = createRoot(root);
         }
         return this.componentRoot.render(React.createElement("div", null,
-            React.createElement(FormComponentWrapper, Object.assign({}, this.component, { viewOnly: true }),
+            React.createElement(FormComponentWrapper, { ...this.component, viewOnly: true },
                 React.createElement(Typography, { variant: "body1", key: this.component.key }, this.showValue(this.component.instance
                     ? get(this.component.instance, this.component.key)
                     : this.component.defaultValue)))));

package/dist/published/components/custom/Form/types.d.ts

@@ -1,4 +1,4 @@
-import { ApiServices, ObjectInstance, Property, Reference, UserAccount, ViewLayoutEntityReference } from '@evoke-platform/context';
+import { ApiServices, ObjectInstance, Property, UserAccount, ViewLayoutEntityReference } from '@evoke-platform/context';
 import { AutocompleteOption } from '../../core';
 export declare type BaseFormComponentProps = {
     key: string;
@@ -54,22 +54,22 @@ export declare type ObjectPropertyInputProps = {
     id: string;
     instance: ObjectInstance;
     property: Property;
-    user?: UserAccount;
     apiServices: ApiServices;
-    handleChangeObjectProperty: (propertyId: string, instance?: Reference | null) => void;
+    handleChangeObjectProperty: (propertyId: string, instance?: ObjectInstance | null) => void;
     mode: 'default' | 'existingOnly';
-    displayOption?: 'dropdown' | 'dialogBox';
     nestedFieldsView?: boolean;
     canUpdateProperty?: boolean;
     error?: boolean;
     defaultPages?: Record<string, string>;
-    navigateTo?: (path: string) => void;
+    navigateTo?: (path?: string) => void;
     setSnackbarError?: (snackbarError: {
         showAlert: boolean;
         message?: string;
         isError?: boolean;
     }) => void;
+    displayOption?: 'dropdown' | 'dialogBox';
     filter?: Record<string, unknown>;
+    user?: UserAccount;
     defaultValueCriteria?: Record<string, unknown>;
     sortBy?: string;
     orderBy?: string;