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

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;