@evoke-platform/ui-components 1.8.0-testing.1 → 1.8.0-testing.11

package/dist/published/stories/sharedMswHandlers.d.ts

@@ -0,0 +1 @@
+export declare const sharedObjectHandlers: import("msw/lib/core/handlers/HttpHandler").HttpHandler[];

package/dist/published/stories/sharedMswHandlers.js

@@ -0,0 +1,100 @@
+import { http, HttpResponse } from 'msw';
+import { instance, mockCustomerCreateForm, mockCustomerObject, mockCustomerUpdateForm, mockEvokeForm, mockGenericEvokeFormObject, mockInstancesForCollection, mockInstancesForRelatedObject, mockMovieCreateForm, mockMovieObject, mockPeopleGenericObject, mockPeopleGenericObjectInstances, mockPeopleObject, mockPropertiesForCriteria, } from './FormRendererData';
+export const sharedObjectHandlers = [
+    // Object fetches
+    http.get('/api/data/objects/:objectId/effective', ({ params, request }) => {
+        const { objectId } = params;
+        let data;
+        switch (objectId) {
+            case 'genericEvokeForm':
+                data = mockGenericEvokeFormObject;
+                break;
+            case 'movies':
+                data = mockMovieObject;
+                break;
+            case 'people':
+                data = mockPeopleObject;
+                break;
+            case 'customers':
+                data = mockCustomerObject;
+                break;
+            case 'peopleGenericObject':
+                data = mockPeopleGenericObject;
+                break;
+            default:
+                data = {};
+        }
+        return HttpResponse.json(data);
+    }),
+    // Object fetch by instanceId
+    http.get('/api/data/objects/:objectId/instances/:instanceId/object', ({ params }) => {
+        const { objectId, instanceId } = params;
+        let data;
+        if (objectId === 'genericEvokeForm' && instanceId === 'updateGenericEvokeFormInstanceId') {
+            data = mockGenericEvokeFormObject;
+        }
+        else if (objectId === 'customers' && instanceId === 'collectionInstance') {
+            data = mockCustomerObject;
+        }
+        else {
+            data = {};
+        }
+        return HttpResponse.json(data);
+    }),
+    // Property fetch for criteria field properties
+    http.get('/api/data/objects/genericEvokeForm/effective/properties?fields', () => HttpResponse.json(mockPropertiesForCriteria)),
+    // Permission fetches
+    http.get(/\/checkAccess$/, () => HttpResponse.json({ result: true })),
+    // General instance fetches
+    http.get('/api/data/objects/:objectId/instances/:id?', ({ params }) => {
+        const { objectId, id } = params;
+        let data;
+        switch (objectId) {
+            case 'genericEvokeForm':
+                data = id === 'updateGenericEvokeFormInstanceId' ? instance : {};
+                break;
+            case 'movies':
+                data = id
+                    ? mockInstancesForRelatedObject.find((inst) => inst.id === id)
+                    : mockInstancesForRelatedObject;
+                break;
+            case 'customers':
+                data = id ? mockInstancesForCollection.find((inst) => inst.id === id) : mockInstancesForCollection;
+                break;
+            case 'peopleGenericObject':
+                data = [];
+                break;
+            case 'people':
+                data = mockPeopleGenericObjectInstances;
+                break;
+            default:
+                data = [];
+        }
+        return HttpResponse.json(data);
+    }),
+    // Form fetches
+    http.get('/api/data/forms/:formId?', ({ params, request }) => {
+        const formId = Array.isArray(params.formId) ? params.formId[0] : params.formId;
+        switch (formId) {
+            case 'customerUpdateForm':
+                return HttpResponse.json(mockCustomerUpdateForm);
+            case 'customerCreateForm':
+                return HttpResponse.json(mockCustomerCreateForm);
+            case 'movieCreateForm':
+                return HttpResponse.json(mockMovieCreateForm);
+            case 'updateGenericEvokeForm':
+                return HttpResponse.json(mockEvokeForm);
+            default:
+                return HttpResponse.json({});
+        }
+    }),
+    // Action fetches
+    // Fetch for many-to-many create action when adding a value to the field
+    http.post('api/data/objects/peopleGenericObject/instances/actions', async (req) => {
+        const body = await req.request.json();
+        const customerInstance = body.input?.people;
+        const customerId = customerInstance.id;
+        return HttpResponse.json(mockPeopleGenericObjectInstances.find((inst) => inst?.id === customerId));
+    }),
+    http.post('/api/data/objects/peopleGenericObject/instances/:id/actions', ({ params }) => HttpResponse.json(mockPeopleGenericObjectInstances.find((inst) => inst.id === params.id) ?? {})),
+];

package/dist/published/theme/hooks.d.ts

@@ -126,4 +126,8 @@ export declare function useFormContext(): {
     fieldHeight?: "medium" | "small" | undefined;
     triggerFieldReset?: boolean | undefined;
     showSubmitError?: boolean | undefined;
+    associatedObject?: {
+        instanceId?: string | undefined;
+        propertyId?: string | undefined;
+    } | undefined;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@evoke-platform/ui-components",
-    "version": "1.8.0-testing.1",
+    "version": "1.8.0-testing.11",
     "description": "",
     "main": "dist/published/index.js",
     "module": "dist/published/index.js",
@@ -9,6 +9,9 @@
         "icons.ts",
         "colors.ts"
     ],
+    "sideEffects": [
+        "*.css"
+    ],
     "exports": {
         ".": "./dist/published/index.js",
         "./colors": "./dist/published/colors/index.js",
@@ -21,7 +24,7 @@
         "build": "rm -rf ./dist && tsc && npm run copy-styles",
         "build:cjs": "tsc --module CommonJS --outDir dist/cjs",
         "prepublish": "rm -rf ./dist && tsc && npm run copy-styles",
-        "storybook": "start-storybook -p 6006",
+        "storybook": "npx msw init .storybook/public --save && start-storybook -p 6006",
         "build-storybook": "build-storybook",
         "lint": "npm run prettier:check && npm run eslint",
         "lint:fix": "npm run eslint:fix && npm run prettier:fix",
@@ -77,6 +80,8 @@
         "husky": "^8.0.3",
         "is-ci": "^3.0.1",
         "lint-staged": "^13.0.1",
+        "msw": "^2.10.4",
+        "msw-storybook-addon": "^2.0.5",
         "prettier": "^3.0.0",
         "react": "^18.1.0",
         "react-dom": "^18.1.0",
@@ -87,7 +92,7 @@
         "yalc": "^1.0.0-pre.53"
     },
     "peerDependencies": {
-        "@evoke-platform/context": "^1.3.1-0",
+        "@evoke-platform/context": "^1.3.2-0",
         "react": "^18.1.0",
         "react-dom": "^18.1.0"
     },
@@ -119,7 +124,6 @@
         "formiojs": "^4.21.7",
         "html-react-parser": "^5.1.18",
         "luxon": "^2.5.2",
-        "msw": "^2.7.3",
         "nanoid": "^5.0.8",
         "nanoid-dictionary": "^4.3.0",
         "no-eval-handlebars": "^1.0.2",
@@ -140,5 +144,10 @@
         "*.{js,jsx,ts,tsx,json,css,md}": [
             "npm run lint:fix"
         ]
+    },
+    "msw": {
+        "workerDirectory": [
+            ".storybook\\public"
+        ]
     }
 }