@nyaruka/temba-components 0.86.1 → 0.88.0

package/test/temba-menu.test.ts

@@ -21,7 +21,6 @@ const getMenu = async (attrs: any = {}, width = 0) => {
   return menu;
 };
 
-const IDX_CHOOSER = 0;
 const IDX_TASKS = 1;
 const IDX_SCHEDULE = 2;
 
@@ -34,7 +33,7 @@ describe('temba-menu', () => {
 
   it('renders with endpoint', async () => {
     const menu: TembaMenu = await getMenu({
-      endpoint: '/test-assets/menu/menu-root.json',
+      endpoint: '/test-assets/menu/menu-root.json'
     });
 
     expect(menu.root.items.length).to.equal(3);
@@ -43,7 +42,7 @@ describe('temba-menu', () => {
 
   it('supports submenu', async () => {
     const menu: TembaMenu = await getMenu({
-      endpoint: '/test-assets/menu/menu-root.json',
+      endpoint: '/test-assets/menu/menu-root.json'
     });
 
     // click our tasks
@@ -61,7 +60,7 @@ describe('temba-menu', () => {
     // not trigger events such as loading or dispatching
 
     const menu: TembaMenu = await getMenu({
-      endpoint: '/test-assets/menu/menu-root.json',
+      endpoint: '/test-assets/menu/menu-root.json'
     });
 
     // click our tasks
@@ -91,7 +90,7 @@ describe('temba-menu', () => {
   it('refreshes', async () => {
     // the menu should refresh along the selection path without destroying state
     const menu: TembaMenu = await getMenu({
-      endpoint: '/test-assets/menu/menu-root.json',
+      endpoint: '/test-assets/menu/menu-root.json'
     });
 
     // click our tasks

package/test/temba-modax.test.ts

@@ -24,7 +24,7 @@ const getButtons = (modax: Modax, type: string = null) => {
 };
 
 const open = async (modax: Modax) => {
-  return new Promise((resolve: any, reject: any) => {
+  return new Promise((resolve: any) => {
     modax.addEventListener(
       CustomEventType.Loaded,
       async (event: CustomEvent) => {
@@ -159,10 +159,10 @@ describe('temba-modax', () => {
 
     // click the submit button
     mockPOST(/\/test-assets\/modax\/form\.html/, 'arst', {
-      'Temba-Success': 'hide',
+      'Temba-Success': 'hide'
     });
 
-    const hideTest = new Promise<void>(resolve => {
+    const hideTest = new Promise<void>((resolve) => {
       modax.addEventListener(CustomEventType.Submitted, () => {
         expect(modax.open).equals(false, 'Modal still visible');
         resolve();

package/test/temba-options.test.ts

@@ -5,7 +5,7 @@ import { assertScreenshot, getClip, getHTML } from './utils.test';
 const colors = [
   { name: 'Red', value: '0' },
   { name: 'Green', value: '1' },
-  { name: 'Blue', value: '2' },
+  { name: 'Blue', value: '2' }
 ];
 
 export const getOptionsHTML = (attrs: any = {}): string => {

package/test/temba-select.test.ts

@@ -6,7 +6,7 @@ import {
   assertScreenshot,
   checkTimers,
   getClip,
-  loadStore,
+  loadStore
 } from './utils.test';
 import { CustomEventType } from '../src/interfaces';
 
@@ -15,7 +15,7 @@ let clock: any;
 const colors = [
   { name: 'Red', value: '0' },
   { name: 'Green', value: '1' },
-  { name: 'Blue', value: '2' },
+  { name: 'Blue', value: '2' }
 ];
 
 export const createSelect = async (def: string) => {
@@ -36,7 +36,7 @@ export const open = async (select: Select) => {
     return select;
   }
 
-  const promise = new Promise<Select>(resolve => {
+  const promise = new Promise<Select>((resolve) => {
     select.addEventListener(
       CustomEventType.FetchComplete,
       async () => {
@@ -89,7 +89,7 @@ export const getSelectHTML = (
     .join(' ')}>
     ${options
       .map(
-        option =>
+        (option) =>
           `<temba-option name="${option.name}" value="${option.value}"></temba-option>`
       )
       .join('')}
@@ -111,7 +111,7 @@ const getClipWithOptions = (select: Select) => {
       y,
       x,
       width: Math.max(selectClip.right, optionsClip.right) - x,
-      height: Math.max(selectClip.bottom, optionsClip.bottom) - y,
+      height: Math.max(selectClip.bottom, optionsClip.bottom) - y
     };
     return combinedClip;
   }
@@ -284,7 +284,7 @@ describe('temba-select', () => {
       const select = await createSelect(
         getSelectHTML([], {
           placeholder: 'Select a color',
-          endpoint: '/test-assets/select/colors.json',
+          endpoint: '/test-assets/select/colors.json'
         })
       );
 
@@ -301,7 +301,7 @@ describe('temba-select', () => {
         getSelectHTML([], {
           placeholder: 'Select a color',
           endpoint: '/test-assets/select/colors.json',
-          searchable: true,
+          searchable: true
         })
       );
 
@@ -317,7 +317,7 @@ describe('temba-select', () => {
         getSelectHTML([], {
           placeholder: 'Select a group',
           endpoint: '/test-assets/select/groups.json',
-          valueKey: 'uuid',
+          valueKey: 'uuid'
         })
       );
 
@@ -333,7 +333,7 @@ describe('temba-select', () => {
           placeholder: 'Select a group',
           endpoint: '/test-assets/select/groups.json',
           valueKey: 'uuid',
-          searchable: true,
+          searchable: true
         })
       );
 
@@ -360,7 +360,7 @@ describe('temba-select', () => {
         getSelectHTML([], {
           endpoint: '/colors.json',
           searchable: true,
-          expressions: 'session',
+          expressions: 'session'
         })
       );
 
@@ -390,7 +390,7 @@ describe('temba-select', () => {
       const select = await createSelect(
         getSelectHTML(colors, {
           placeholder: 'Select a color',
-          searchable: true,
+          searchable: true
         })
       );
       await assertScreenshot(
@@ -433,7 +433,7 @@ describe('temba-select', () => {
         getSelectHTML(colors, {
           placeholder: 'Select a color',
           searchable: true,
-          multi: true,
+          multi: true
         })
       );
 
@@ -460,7 +460,7 @@ describe('temba-select', () => {
         getSelectHTML(colors, {
           placeholder: 'Select a color',
           searchable: true,
-          expressions: 'session',
+          expressions: 'session'
         })
       );
 
@@ -474,13 +474,13 @@ describe('temba-select', () => {
       const options = [
         {
           name: 'this_is_a_long_selection_to_make_sure_it_truncates',
-          value: '0',
-        },
+          value: '0'
+        }
       ];
 
       const select = await createSelect(
         getSelectHTML(options, {
-          value: '0',
+          value: '0'
         })
       );
 
@@ -498,7 +498,7 @@ describe('temba-select', () => {
           multi: true,
           placeholder: 'Select a color',
           searchable: true,
-          expressions: 'session',
+          expressions: 'session'
         })
       );
 

package/test/temba-sortable-list.test.ts

@@ -40,7 +40,7 @@ describe('temba-sortable-list', () => {
       from: 'fish',
       to: 'chicken',
       fromIdx: 1,
-      toIdx: 0,
+      toIdx: 0
     });
 
     // should be hovered

package/test/temba-textinput.test.ts

@@ -176,7 +176,7 @@ describe('temba-textinput', () => {
         name: 'message',
         value: 'hello world',
         label: 'Your Message',
-        help_text: 'Enter your message here',
+        help_text: 'Enter your message here'
       })
     );
     await assertScreenshot('textinput/input-form', getClip(input));
@@ -185,7 +185,7 @@ describe('temba-textinput', () => {
   it('updates input value', async () => {
     const input: TextInput = await createInput(
       getInputHTML({
-        value: 'hello world',
+        value: 'hello world'
       })
     );
 

package/test/temba-tip.test.ts

@@ -1,6 +1,6 @@
 import { assert } from '@open-wc/testing';
 import { Tip } from '../src/tip/Tip';
-import { assertScreenshot, delay, getClip, getComponent } from './utils.test';
+import { assertScreenshot, getClip, getComponent } from './utils.test';
 
 const TAG = 'temba-tip';
 
@@ -68,7 +68,7 @@ describe(TAG, () => {
     const tip = await getTip({
       text: 'Hello!',
       visible: true,
-      position: 'left',
+      position: 'left'
     });
     await assertScreenshot('tip/left', getLeftClip(tip));
   });
@@ -77,7 +77,7 @@ describe(TAG, () => {
     const tip = await getTip({
       text: 'Hello!',
       visible: true,
-      position: 'right',
+      position: 'right'
     });
     await assertScreenshot('tip/right', getRightClip(tip));
   });
@@ -86,7 +86,7 @@ describe(TAG, () => {
     const tip = await getTip({
       text: 'Hello!',
       visible: true,
-      position: 'top',
+      position: 'top'
     });
     await assertScreenshot('tip/top', getTopClip(tip));
   });
@@ -95,7 +95,7 @@ describe(TAG, () => {
     const tip = await getTip({
       text: 'Hello!',
       visible: true,
-      position: 'bottom',
+      position: 'bottom'
     });
     await assertScreenshot('tip/bottom', getBottomClip(tip));
   });

package/test/utils.test.ts

@@ -11,7 +11,6 @@ import { expect, fixture, html, assert, waitUntil } from '@open-wc/testing';
 import MouseHelper from './MouseHelper';
 import { Store } from '../src/store/Store';
 import { replace, stub } from 'sinon';
-import { CustomEventType } from '../src/interfaces';
 
 export interface CodeMock {
   endpoint: RegExp;
@@ -59,25 +58,25 @@ export const getComponent = async (
   return await fixture(spec, { parentNode });
 };
 
-const createResponse = mocked => {
+const createResponse = (mocked) => {
   const mockResponse = new window.Response(mocked.body, {
     status: mocked.status,
     headers: {
       'Content-type': 'text/html',
-      ...mocked.headers,
-    },
+      ...mocked.headers
+    }
   });
 
   return Promise.resolve(mockResponse);
 };
 
-const createJSONResponse = mocked => {
+const createJSONResponse = (mocked) => {
   const mockResponse = new window.Response(JSON.stringify(mocked.body), {
     status: mocked.status,
     headers: {
       'Content-type': 'application/json',
-      ...mocked.headers,
-    },
+      ...mocked.headers
+    }
   });
 
   return Promise.resolve(mockResponse);
@@ -86,7 +85,7 @@ const createJSONResponse = mocked => {
 const getResponse = (endpoint: string, options) => {
   // check if our path has been mocked in code
   const mocks = options.method === 'GET' ? gets : posts;
-  const codeMock = mocks.find(mock => mock.endpoint.test(endpoint));
+  const codeMock = mocks.find((mock) => mock.endpoint.test(endpoint));
 
   if (codeMock) {
     if (typeof codeMock.body === 'string') {
@@ -207,7 +206,7 @@ export const getClip = (ele: HTMLElement) => {
     bottom: y + height,
     right: x + width,
     top: y,
-    left: x,
+    left: x
   };
 
   return newClip;