@nyaruka/temba-components 0.124.0 → 0.124.2

package/out-tsc/test/utils.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.test.js","sourceRoot":"","sources":["../../test/utils.test.ts"],"names":[],"mappings":"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","sourcesContent":["import '../temba-modules';\nimport { DateTime } from 'luxon';\ninterface Clip {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nimport { expect, fixture, html, assert, waitUntil } from '@open-wc/testing';\nimport MouseHelper from './MouseHelper';\nimport { Store } from '../src/store/Store';\nimport { replace, stub } from 'sinon';\nimport { Select, SelectOption } from '../src/select/Select';\nimport { Options } from '../src/options/Options';\n\nexport interface CodeMock {\n  endpoint: RegExp;\n  body: string;\n  headers: any;\n  status: string;\n}\n\nconst gets: CodeMock[] = [];\nlet posts: CodeMock[] = [];\nlet normalFetch;\n\nexport const showMouse = async () => {\n  const mouse = await fixture(html`<mouse-helper />`);\n  assert.instanceOf(mouse, MouseHelper);\n};\n\nexport const getAttributes = (attrs: any = {}) => {\n  return `${Object.keys(attrs)\n    .map((name: string) => {\n      if (typeof attrs[name] === 'boolean' && attrs[name]) {\n        return name;\n      }\n      return `${name}='${attrs[name]}'`;\n    })\n    .join(' ')}`;\n};\n\nexport const getComponent = async (\n  tag,\n  attrs: any = {},\n  slot = '',\n  width = 250,\n  height = 0,\n  style = ''\n) => {\n  const spec = `<${tag} ${getAttributes(attrs)}>${slot}</${tag}>`;\n  const parentNode = document.createElement('div');\n  const styleAttribute = `\n    ${width > 0 ? `width:${width}px;` : ``} \n    ${height > 0 ? `height:${height}px;` : ``}\n    ${style ? style : ``}\n  `;\n  parentNode.setAttribute('style', styleAttribute);\n  return await fixture(spec, { parentNode });\n};\n\nconst createResponse = (mocked) => {\n  const mockResponse = new window.Response(mocked.body, {\n    status: mocked.status,\n    headers: {\n      'Content-type': 'text/html',\n      ...mocked.headers\n    }\n  });\n\n  return Promise.resolve(mockResponse);\n};\n\nconst createJSONResponse = (mocked) => {\n  const mockResponse = new window.Response(JSON.stringify(mocked.body), {\n    status: mocked.status,\n    headers: {\n      'Content-type': 'application/json',\n      ...mocked.headers\n    }\n  });\n\n  return Promise.resolve(mockResponse);\n};\n\nconst getResponse = (endpoint: string, options = { method: 'GET' }) => {\n  // check if our path has been mocked in code\n  const mocks = options.method === 'GET' ? gets : posts;\n  const codeMock = mocks.find((mock) => mock.endpoint.test(endpoint));\n\n  if (codeMock) {\n    if (typeof codeMock.body === 'string') {\n      // see if we are being mocked to a file\n      if (codeMock.body.startsWith('/')) {\n        endpoint = codeMock.body;\n      } else {\n        return createResponse(codeMock);\n      }\n    } else {\n      return createJSONResponse(codeMock);\n    }\n  }\n  // otherwise fetch over http\n  return normalFetch(endpoint, options);\n};\n\nbefore(async () => {\n  normalFetch = window.fetch;\n  stub(window, 'fetch').callsFake(getResponse);\n  await setViewport({ width: 1024, height: 768, deviceScaleFactor: 2 });\n});\n\nafter(() => {\n  (window.fetch as any).restore();\n});\n\nconst mockMapping = {\n  '/test-assets/api/users/admin1.json': [\n    /\\/api\\/v2\\/users.json\\?email=admin1@nyaruka.com/\n  ],\n  '/test-assets/api/users/editor1.json': [\n    /\\/api\\/v2\\/users.json\\?email=editor1@nyaruka.com/\n  ],\n  '/test-assets/api/users/agent1.json': [\n    /\\/api\\/v2\\/users.json\\?email=agent1@nyaruka.com/\n  ],\n  '/test-assets/api/users/viewer1.json': [\n    /\\/api\\/v2\\/users.json\\?email=viewer1@nyaruka.com/\n  ],\n  '/test-assets/contacts/contact-tickets.json': [\n    /\\/api\\/v2\\/tickets.json\\?contact=24d64810-3315-4ff5-be85-48e3fe055bf9/\n  ]\n};\n\nexport const mockAPI = () => {\n  for (const key in mockMapping) {\n    const urls = mockMapping[key];\n    for (const url of urls) {\n      mockGET(url, key);\n    }\n  }\n};\n\nexport const mockGET = (\n  endpoint: RegExp,\n  body: any,\n  headers: any = {},\n  status = '200'\n) => {\n  gets.push({ endpoint, body, headers, status });\n};\n\nexport const mockPOST = (\n  endpoint: RegExp,\n  body: any,\n  headers: any = {},\n  status = '200'\n) => {\n  posts.push({ endpoint, body, headers, status });\n};\n\nexport const clearMockPosts = () => {\n  posts = [];\n};\n\nexport const checkTimers = (clock: any) => {\n  expect(!!clock.timers).to.equal(true, 'Expected timers not found');\n  expect(\n    Object.keys(clock.timers).length,\n    `Timers still to be run ${JSON.stringify(clock.timers)}`\n  ).to.equal(0);\n};\n\nexport const delay = (millis: number) => {\n  return new Promise(function (resolve) {\n    window.setTimeout(resolve, millis);\n  });\n};\n\nexport const assertScreenshot = async (\n  filename: string,\n  clip: Clip,\n  waitFor?: { clock?: any; predicate?: () => boolean }\n) => {\n  if (waitFor) {\n    if (waitFor.clock) {\n      waitFor.clock.restore();\n    }\n    await waitUntil(waitFor.predicate);\n  }\n\n  // detect if we're running in copilot's environment and use adaptive threshold\n  const isCopilotEnvironment = (window as any).isCopilotEnvironment;\n  const threshold = isCopilotEnvironment ? 1.0 : 0.1;\n  const exclude: Clip[] = [];\n\n  try {\n    await (window as any).matchPageSnapshot(\n      `${filename}.png`,\n      clip,\n      exclude,\n      threshold\n    );\n  } catch (error) {\n    if (error.message) {\n      throw new Error(\n        `${error.message} ${\n          error.expected\n            ? `Expected ${error.expected} but got ${error.actual}`\n            : ''\n        } ${error.files ? `\\n${error.files.join('\\n')}` : ''}`\n      );\n    }\n    throw new Error(error);\n  }\n};\n\nexport const getClip = (ele: HTMLElement) => {\n  let clip: any = ele.getBoundingClientRect();\n  if (!clip.width || !clip.height) {\n    clip = ele.shadowRoot.firstElementChild.getBoundingClientRect();\n  }\n\n  const padding = 10;\n  const width = clip.width + padding * 2;\n  const height = clip.height + padding * 2;\n  const y = clip.y - padding;\n  const x = clip.x - padding;\n\n  const newClip = {\n    x,\n    y,\n    width,\n    height,\n    bottom: y + height,\n    right: x + width,\n    top: y,\n    left: x\n  };\n\n  return newClip;\n};\n\nexport const mouseClickElement = async (ele: HTMLElement | Element) => {\n  const bounds = ele.getBoundingClientRect();\n  await mouseClick(bounds.x + bounds.width / 2, bounds.y + bounds.height / 2);\n};\n\nexport const getHTMLAttrs = (attrs: any = {}) => {\n  return Object.keys(attrs)\n    .map((name: string) => `${name}='${attrs[name]}'`)\n    .join(' ');\n};\n\nexport const getHTML = (tag: string, attrs: any = {}) => {\n  return `<${tag} ${getHTMLAttrs(attrs)}></${tag}>`;\n};\n\nexport const loadStore = async () => {\n  const store: Store = await fixture(\n    `<temba-store \n      completion='/test-assets/store/editor.json'\n      groups='/test-assets/store/groups.json'\n      languages='/test-assets/store/languages.json'\n      fields='/test-assets/store/fields.json'\n      users='/test-assets/store/users.json'\n      workspace='/test-assets/store/workspace.json'\n    />`\n  );\n  await store.initialHttpComplete;\n  await store.initialHttpComplete;\n\n  return store;\n};\n\nexport const mockNow = (isodate: string) => {\n  const now = DateTime.fromISO(isodate);\n  // mock the current time\n  replace(DateTime, 'now', () => {\n    return now;\n  });\n};\n\nexport const getOptions = (select: Select<SelectOption>): Options => {\n  return select.shadowRoot.querySelector('temba-options[visible]');\n};\n\nexport const clickOption = async (\n  clock: any,\n  select: Select<SelectOption>,\n  index: number\n) => {\n  const options = getOptions(select);\n  const option = options.shadowRoot.querySelector(\n    `[data-option-index=\"${index}\"]`\n  ) as HTMLDivElement;\n\n  await mouseClickElement(option);\n  await options.updateComplete;\n  await select.updateComplete;\n  await clock.runAll();\n\n  checkTimers(clock);\n};\nexport const openSelect = async (clock: any, select: Select<SelectOption>) => {\n  const container = select.shadowRoot.querySelector('.select-container');\n  container.dispatchEvent(new MouseEvent('click', { bubbles: true }));\n\n  clock.runAll();\n\n  // add more explicit waiting and clock ticks\n  await select.updateComplete;\n  clock.runAll();\n\n  // ensure options are visible before proceeding\n  await waitFor(100);\n  clock.runAll();\n};\n\nexport const openAndClick = async (\n  clock: any,\n  select: Select<SelectOption>,\n  idx: number\n) => {\n  await openSelect(clock, select);\n\n  // Add this line to ensure proper timing when running as part of a test suite\n  await select.updateComplete;\n  clock.tick(50); // Give extra time for options to render\n\n  await clickOption(clock, select, idx);\n};\n"]}
+{"version":3,"file":"utils.test.js","sourceRoot":"","sources":["../../test/utils.test.ts"],"names":[],"mappings":"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","sourcesContent":["import '../temba-modules';\nimport { DateTime } from 'luxon';\ninterface Clip {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nimport { expect, fixture, html, assert, waitUntil } from '@open-wc/testing';\nimport MouseHelper from './MouseHelper';\nimport { Store } from '../src/store/Store';\nimport { replace, stub } from 'sinon';\nimport { Select, SelectOption } from '../src/select/Select';\nimport { Options } from '../src/options/Options';\nimport { Attachment } from '../src/interfaces';\nimport { Compose } from '../src/compose/Compose';\n\nexport interface CodeMock {\n  endpoint: RegExp;\n  body: string;\n  headers: any;\n  status: string;\n}\n\nconst gets: CodeMock[] = [];\nlet posts: CodeMock[] = [];\nlet normalFetch;\n\nexport const showMouse = async () => {\n  const mouse = await fixture(html`<mouse-helper />`);\n  assert.instanceOf(mouse, MouseHelper);\n};\n\nexport const getAttributes = (attrs: any = {}) => {\n  return `${Object.keys(attrs)\n    .map((name: string) => {\n      if (typeof attrs[name] === 'boolean' && attrs[name]) {\n        return name;\n      }\n      return `${name}='${attrs[name]}'`;\n    })\n    .join(' ')}`;\n};\n\nexport const getComponent = async (\n  tag,\n  attrs: any = {},\n  slot = '',\n  width = 250,\n  height = 0,\n  style = ''\n) => {\n  const spec = `<${tag} ${getAttributes(attrs)}>${slot}</${tag}>`;\n  const parentNode = document.createElement('div');\n  const styleAttribute = `\n    ${width > 0 ? `width:${width}px;` : ``} \n    ${height > 0 ? `height:${height}px;` : ``}\n    ${style ? style : ``}\n  `;\n  parentNode.setAttribute('style', styleAttribute);\n  return await fixture(spec, { parentNode });\n};\n\nconst createResponse = (mocked) => {\n  const mockResponse = new window.Response(mocked.body, {\n    status: mocked.status,\n    headers: {\n      'Content-type': 'text/html',\n      ...mocked.headers\n    }\n  });\n\n  return Promise.resolve(mockResponse);\n};\n\nconst createJSONResponse = (mocked) => {\n  const mockResponse = new window.Response(JSON.stringify(mocked.body), {\n    status: mocked.status,\n    headers: {\n      'Content-type': 'application/json',\n      ...mocked.headers\n    }\n  });\n\n  return Promise.resolve(mockResponse);\n};\n\nconst getResponse = (endpoint: string, options = { method: 'GET' }) => {\n  // check if our path has been mocked in code\n  const mocks = options.method === 'GET' ? gets : posts;\n  const codeMock = mocks.find((mock) => mock.endpoint.test(endpoint));\n\n  if (codeMock) {\n    if (typeof codeMock.body === 'string') {\n      // see if we are being mocked to a file\n      if (codeMock.body.startsWith('/')) {\n        endpoint = codeMock.body;\n      } else {\n        return createResponse(codeMock);\n      }\n    } else {\n      return createJSONResponse(codeMock);\n    }\n  }\n  // otherwise fetch over http\n  return normalFetch(endpoint, options);\n};\n\nbefore(async () => {\n  normalFetch = window.fetch;\n  stub(window, 'fetch').callsFake(getResponse);\n  await setViewport({ width: 1024, height: 768, deviceScaleFactor: 2 });\n});\n\nafter(() => {\n  (window.fetch as any).restore();\n});\n\nconst mockMapping = {\n  '/test-assets/api/users/admin1.json': [\n    /\\/api\\/v2\\/users.json\\?email=admin1@nyaruka.com/\n  ],\n  '/test-assets/api/users/editor1.json': [\n    /\\/api\\/v2\\/users.json\\?email=editor1@nyaruka.com/\n  ],\n  '/test-assets/api/users/agent1.json': [\n    /\\/api\\/v2\\/users.json\\?email=agent1@nyaruka.com/\n  ],\n  '/test-assets/api/users/viewer1.json': [\n    /\\/api\\/v2\\/users.json\\?email=viewer1@nyaruka.com/\n  ],\n  '/test-assets/contacts/contact-tickets.json': [\n    /\\/api\\/v2\\/tickets.json\\?contact=24d64810-3315-4ff5-be85-48e3fe055bf9/\n  ]\n};\n\nexport const mockAPI = () => {\n  for (const key in mockMapping) {\n    const urls = mockMapping[key];\n    for (const url of urls) {\n      mockGET(url, key);\n    }\n  }\n};\n\nexport const mockGET = (\n  endpoint: RegExp,\n  body: any,\n  headers: any = {},\n  status = '200'\n) => {\n  gets.push({ endpoint, body, headers, status });\n};\n\nexport const mockPOST = (\n  endpoint: RegExp,\n  body: any,\n  headers: any = {},\n  status = '200'\n) => {\n  posts.push({ endpoint, body, headers, status });\n};\n\nexport const clearMockPosts = () => {\n  posts = [];\n};\n\nexport const checkTimers = (clock: any) => {\n  expect(!!clock.timers).to.equal(true, 'Expected timers not found');\n  expect(\n    Object.keys(clock.timers).length,\n    `Timers still to be run ${JSON.stringify(clock.timers)}`\n  ).to.equal(0);\n};\n\nexport const delay = (millis: number) => {\n  return new Promise(function (resolve) {\n    window.setTimeout(resolve, millis);\n  });\n};\n\nexport const assertScreenshot = async (\n  filename: string,\n  clip: Clip,\n  waitFor?: { clock?: any; predicate?: () => boolean }\n) => {\n  if (waitFor) {\n    if (waitFor.clock) {\n      waitFor.clock.restore();\n    }\n    await waitUntil(waitFor.predicate);\n  }\n\n  // detect if we're running in copilot's environment and use adaptive threshold\n  const isCopilotEnvironment = (window as any).isCopilotEnvironment;\n  const threshold = isCopilotEnvironment ? 1.0 : 0.1;\n  const exclude: Clip[] = [];\n\n  try {\n    await (window as any).matchPageSnapshot(\n      `${filename}.png`,\n      clip,\n      exclude,\n      threshold\n    );\n  } catch (error) {\n    if (error.message) {\n      throw new Error(\n        `${error.message} ${\n          error.expected\n            ? `Expected ${error.expected} but got ${error.actual}`\n            : ''\n        } ${error.files ? `\\n${error.files.join('\\n')}` : ''}`\n      );\n    }\n    throw new Error(error);\n  }\n};\n\nexport const getClip = (ele: HTMLElement) => {\n  let clip: any = ele.getBoundingClientRect();\n  if (!clip.width || !clip.height) {\n    clip = ele.shadowRoot.firstElementChild.getBoundingClientRect();\n  }\n\n  const padding = 10;\n  const width = clip.width + padding * 2;\n  const height = clip.height + padding * 2;\n  const y = clip.y - padding;\n  const x = clip.x - padding;\n\n  const newClip = {\n    x,\n    y,\n    width,\n    height,\n    bottom: y + height,\n    right: x + width,\n    top: y,\n    left: x\n  };\n\n  return newClip;\n};\n\nexport const mouseClickElement = async (ele: HTMLElement | Element) => {\n  const bounds = ele.getBoundingClientRect();\n  await mouseClick(bounds.x + bounds.width / 2, bounds.y + bounds.height / 2);\n};\n\nexport const getHTMLAttrs = (attrs: any = {}) => {\n  return Object.keys(attrs)\n    .map((name: string) => `${name}='${attrs[name]}'`)\n    .join(' ');\n};\n\nexport const getHTML = (tag: string, attrs: any = {}) => {\n  return `<${tag} ${getHTMLAttrs(attrs)}></${tag}>`;\n};\n\nexport const loadStore = async () => {\n  const store: Store = await fixture(\n    `<temba-store \n      completion='/test-assets/store/editor.json'\n      groups='/test-assets/store/groups.json'\n      languages='/test-assets/store/languages.json'\n      fields='/test-assets/store/fields.json'\n      users='/test-assets/store/users.json'\n      workspace='/test-assets/store/workspace.json'\n    />`\n  );\n  await store.initialHttpComplete;\n  await store.initialHttpComplete;\n\n  return store;\n};\n\nexport const mockNow = (isodate: string) => {\n  const now = DateTime.fromISO(isodate);\n  // mock the current time\n  replace(DateTime, 'now', () => {\n    return now;\n  });\n};\n\nexport const getOptions = (select: Select<SelectOption>): Options => {\n  return select.shadowRoot.querySelector('temba-options[visible]');\n};\n\nexport const clickOption = async (\n  clock: any,\n  select: Select<SelectOption>,\n  index: number\n) => {\n  const options = getOptions(select);\n  const option = options.shadowRoot.querySelector(\n    `[data-option-index=\"${index}\"]`\n  ) as HTMLDivElement;\n\n  await mouseClickElement(option);\n  await options.updateComplete;\n  await select.updateComplete;\n  await clock.runAll();\n\n  checkTimers(clock);\n};\nexport const openSelect = async (clock: any, select: Select<SelectOption>) => {\n  const container = select.shadowRoot.querySelector('.select-container');\n  container.dispatchEvent(new MouseEvent('click', { bubbles: true }));\n\n  clock.runAll();\n\n  // add more explicit waiting and clock ticks\n  await select.updateComplete;\n  clock.runAll();\n\n  // reduce wait time for options to become visible\n  await waitFor(25);\n  clock.runAll();\n};\n\nexport const openAndClick = async (\n  clock: any,\n  select: Select<SelectOption>,\n  idx: number\n) => {\n  await openSelect(clock, select);\n\n  // Add this line to ensure proper timing when running as part of a test suite\n  await select.updateComplete;\n  clock.tick(25); // Reduced from 50 to give minimum time for options to render\n\n  await clickOption(clock, select, idx);\n};\n\n// valid = attachments that are uploaded sent to the server when the user clicks send\nexport const getValidAttachments = (numFiles = 2): Attachment[] => {\n  const attachments = [];\n  let index = 1;\n  while (index <= numFiles) {\n    const s = 's' + index;\n    const attachment = {\n      uuid: s,\n      content_type: 'image/png',\n      type: 'image/png',\n      filename: 'name_' + s,\n      url: 'url_' + s,\n      size: 1024,\n      error: null\n    } as Attachment;\n    attachments.push(attachment);\n    index++;\n  }\n  return attachments;\n};\n\nexport const updateComponent = async (\n  compose: Compose,\n  text?: string,\n  attachments?: Attachment[]\n): Promise<void> => {\n  compose.initialText = text ? text : '';\n  compose.currentAttachments = attachments ? attachments : [];\n  await compose.updateComplete;\n};\nexport const getValidText = () => {\n  return 'sà-wàd-dee!';\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nyaruka/temba-components",
-  "version": "0.124.0",
+  "version": "0.124.2",
   "description": "Web components to support rapidpro and related projects",
   "author": "Nyaruka <code@nyaruka.coim>",
   "main": "dist/index.js",
@@ -21,10 +21,9 @@
     "format:prettier": "prettier \"**/*.js\" \"**/*.ts\" --config .prettierrc --write --ignore-path .gitignore",
     "format": "yarn format:eslint && yarn format:prettier",
     "test": "wtr --node-resolve",
+    "test:fast": "wtr --node-resolve --fast",
     "validate": "yarn format && yarn build && yarn test --coverage",
     "test:watch": "wtr --node-resolve --watch",
-    "storybook": "concurrently --kill-others --names tsc,storybook \"npm run tsc:watch\" \"start-storybook --node-resolve --watch --open\"",
-    "storybook:build": "build-storybook",
     "svg": "rimraf static/svg/work && node svg.js --resolution=150 --output='./static/svg/index.svg' --usage='./src/vectoricon/index.ts'",
     "svg-wc": "rimraf static/svg/work && node svg.js --resolution=150 --output='./static/svg/webchat.svg' --usage='./src/webchat/index.ts'",
     "version": "yarn run build && auto-changelog -p && git add CHANGELOG.md",

package/src/chart/TembaChart.ts

@@ -93,6 +93,12 @@ export class TembaChart extends RapidElement {
   @property({ type: Number })
   maxSplits: number = 2;
 
+  @property({ type: String, attribute: 'splits' })
+  splitNames: string;
+
+  @property({ type: Boolean })
+  hideOther: boolean = false;
+
   @state()
   splits: string[] = [];
 
@@ -111,6 +117,9 @@ export class TembaChart extends RapidElement {
   @property({ type: Boolean })
   formatDuration: boolean = false;
 
+  @property({ type: Boolean })
+  showAll: boolean = false;
+
   @property({ type: Number })
   colorIndex: number = 0;
 
@@ -152,7 +161,6 @@ export class TembaChart extends RapidElement {
 
       .config {
         max-height: 0px;
-        margin: 2em 0.5em;
         padding: 0em 1em;
         border-radius: var(--curvature);
         border: 1px solid transparent;
@@ -162,10 +170,8 @@ export class TembaChart extends RapidElement {
       }
 
       .config.show {
-        padding: 1em;
+        padding: 2em 1em 1.5em 1em;
         max-height: 50px;
-        background: rgba(0, 0, 0, 0.02);
-        border: 1px solid rgba(0, 0, 0, 0.09);
       }
     `;
   }
@@ -189,6 +195,11 @@ export class TembaChart extends RapidElement {
     changes: PropertyValueMap<any> | Map<PropertyKey, unknown>
   ): void {
     super.updated(changes);
+
+    if (changes.has('splitNames')) {
+      this.splits = this.splitNames.split(',').map((s) => s.trim());
+    }
+
     if (changes.has('data') || changes.has('splits')) {
       this.calculateSplits();
     }
@@ -199,7 +210,7 @@ export class TembaChart extends RapidElement {
 
     if (changes.has('url')) {
       const store = getStore();
-      store.getUrl(this.url).then((response) => {
+      store.getUrl(this.url, { skipCache: true }).then((response) => {
         this.data = response.json.data;
       });
     }
@@ -211,7 +222,10 @@ export class TembaChart extends RapidElement {
       // keep a running list of values that is the sum at each index
       const sums = [];
       for (const dataset of this.data.datasets) {
-        if (this.splits.find((s) => s === dataset.label) === undefined) {
+        if (
+          !this.showAll &&
+          this.splits.find((s) => s === dataset.label) === undefined
+        ) {
           // update our sums
           for (let i = 0; i < dataset.data.length; i++) {
             if (sums[i] === undefined) {
@@ -243,13 +257,15 @@ export class TembaChart extends RapidElement {
           borderWidth: 1
         });
       } else {
-        datasets.push({
-          label: 'Other',
-          data: sums,
-          backgroundColor: otherBackgroundColor,
-          borderColor: otherBorderColor,
-          borderWidth: 1
-        });
+        if (!this.hideOther && !this.showAll) {
+          datasets.push({
+            label: 'Other',
+            data: sums,
+            backgroundColor: otherBackgroundColor,
+            borderColor: otherBorderColor,
+            borderWidth: 1
+          });
+        }
       }
       this.datasets = datasets;
     }
@@ -292,15 +308,6 @@ export class TembaChart extends RapidElement {
               x: { from: 500 },
               y: { from: 500 }
             },
-            animations: {
-              tension: {
-                duration: 1000,
-                easing: 'linear',
-                from: 1,
-                to: 0,
-                loop: true
-              }
-            },
             scales: {
               y: {
                 min: 0,

package/src/flow/Editor.ts

@@ -160,7 +160,7 @@ export class Editor extends RapidElement {
   ): void {
     super.updated(changes);
     if (changes.has('canvasSize')) {
-      console.log('Setting canvas size', this.canvasSize);
+      // console.log('Setting canvas size', this.canvasSize);
     }
   }
 

package/src/select/Select.ts

@@ -1764,7 +1764,7 @@ export class Select<T extends SelectOption> extends FormElement {
                                 </div>
                               `
                             : null}
-                          ${!this.input
+                          ${!this.input || this.multi
                             ? this.renderSelectedItem(selected)
                             : null}
                         </div>

package/src/thumbnail/Thumbnail.ts

@@ -118,7 +118,7 @@ export class Thumbnail extends RapidElement {
   @property({ type: Boolean, attribute: false })
   zoom: boolean;
 
-  @property({ type: String, attribute: false })
+  @property({ type: String, attribute: true })
   contentType: string;
 
   protected updated(

package/test/temba-chart.test.ts

@@ -127,7 +127,7 @@ describe('temba-chart', () => {
     await chart.updateComplete;
 
     // Wait for the chart to be created after data is set
-    await new Promise((resolve) => setTimeout(resolve, 100));
+    await new Promise((resolve) => setTimeout(resolve, 50));
 
     expect(chart.chart).to.exist;
     const tickCallback = chart.chart.options.scales.y.ticks.callback;

package/test/temba-compose.test.ts

@@ -1,6 +1,13 @@
 import { assert, expect } from '@open-wc/testing';
 import { Compose } from '../src/compose/Compose';
-import { assertScreenshot, getClip, getComponent } from './utils.test';
+import {
+  assertScreenshot,
+  getClip,
+  getComponent,
+  getValidAttachments,
+  getValidText,
+  updateComponent
+} from './utils.test';
 import { DEFAULT_MEDIA_ENDPOINT } from '../src/utils';
 import { Attachment } from '../src/interfaces';
 
@@ -17,16 +24,6 @@ const getCompose = async (attrs: any = {}, width = 500, height = 500) => {
   return compose;
 };
 
-export const updateComponent = async (
-  compose: Compose,
-  text?: string,
-  attachments?: Attachment[]
-): Promise<void> => {
-  compose.initialText = text ? text : '';
-  compose.currentAttachments = attachments ? attachments : [];
-  await compose.updateComplete;
-};
-
 const getInitialValue = (
   text?: string,
   attachments?: Attachment[],
@@ -48,31 +45,6 @@ const getComposeValue = (value: any): string => {
   return JSON.stringify(value);
 };
 
-export const getValidText = () => {
-  return 'sà-wàd-dee!';
-};
-
-// valid = attachments that are uploaded sent to the server when the user clicks send
-export const getValidAttachments = (numFiles = 2): Attachment[] => {
-  const attachments = [];
-  let index = 1;
-  while (index <= numFiles) {
-    const s = 's' + index;
-    const attachment = {
-      uuid: s,
-      content_type: 'image/png',
-      type: 'image/png',
-      filename: 'name_' + s,
-      url: 'url_' + s,
-      size: 1024,
-      error: null
-    } as Attachment;
-    attachments.push(attachment);
-    index++;
-  }
-  return attachments;
-};
-
 // for a test width of 500, return a string that is 60+ chars with spaces
 // to test that line breaks / word wrapping works as expected
 const getValidText_Long_WithSpaces = () => {
@@ -179,10 +151,11 @@ describe('temba-compose attachments', () => {
     const tabs = compose.getTabs();
     tabs.focusTab('Attachments');
 
-    await assertScreenshot(
+    // todo: this test is weirdly inconsistent
+    /* await assertScreenshot(
       'compose/attachments-with-files-focused',
       getClip(compose)
-    );
+    );*/
   });
 
   it('serializes attachments', async () => {

package/test/temba-contact-chat.test.ts

@@ -7,17 +7,15 @@ import {
   clearMockPosts,
   getClip,
   getComponent,
+  getValidAttachments,
+  getValidText,
   loadStore,
   mockAPI,
   mockGET,
   mockNow,
-  mockPOST
-} from '../test/utils.test';
-import {
-  getValidAttachments,
-  getValidText,
+  mockPOST,
   updateComponent
-} from './temba-compose.test';
+} from '../test/utils.test';
 
 import { expect, oneEvent } from '@open-wc/testing';
 

package/test/temba-dropdown.test.ts

@@ -5,7 +5,7 @@ import { assertScreenshot, getClip, getComponent } from './utils.test';
 const TAG = 'temba-dropdown';
 
 // Helper function to wait for stable rendering
-const waitForStableRender = async (dropdown: Dropdown, timeoutMs = 200) => {
+const waitForStableRender = async (dropdown: Dropdown, timeoutMs = 100) => {
   await dropdown.updateComplete;
   // Double wait to ensure any async positioning is complete
   await new Promise((resolve) => setTimeout(resolve, timeoutMs));

package/test/temba-omnibox.test.ts

@@ -57,7 +57,12 @@ describe('temba-omnibox', () => {
     const changeEvent = spy();
     omnibox.addEventListener('change', changeEvent);
 
+    clock.runAll();
+    await omnibox.updateComplete;
+    clock.runAll();
+
     await openAndClick(clock, omnibox, 0);
+    clock.runAll();
     assert(changeEvent.called, 'change event not fired');
 
     await assertScreenshot('omnibox/selected', getClip(omnibox));

package/test/temba-select.test.ts

@@ -505,6 +505,73 @@ describe('temba-select', () => {
     });
   });
 
+  describe('tags functionality', () => {
+    it('shows selected item text when typing second tag', async () => {
+      const select = await createSelect(
+        clock,
+        getSelectHTML([], {
+          placeholder: 'Enter tags',
+          multi: true,
+          searchable: true,
+          tags: true
+        })
+      );
+
+      // Add first tag programmatically (simulating user adding first tag)
+      select.addValue({ name: 'Yes', value: 'Yes' });
+      await select.updateComplete;
+      expect(select.values.length).to.equal(1);
+      expect(select.values[0].name).to.equal('Yes');
+
+      // Check that the first tag is displayed with text
+      let selectedItems = select.shadowRoot.querySelectorAll('.selected-item');
+      expect(selectedItems.length).to.equal(1);
+      expect(selectedItems[0].textContent).to.contain('Yes');
+
+      // Start typing second tag (this should not hide the first tag's text)
+      await typeInto('temba-select', 'No', false, false);
+
+      // Check that first tag text is still visible while typing second tag
+      selectedItems = select.shadowRoot.querySelectorAll('.selected-item');
+      expect(selectedItems.length).to.equal(1);
+
+      // The selected item should still contain the text "Yes"
+      const firstItemText = selectedItems[0].textContent;
+      expect(firstItemText).to.contain('Yes');
+    });
+
+    it('hides selected item text when typing in single-select mode', async () => {
+      const select = await createSelect(
+        clock,
+        getSelectHTML(colors, {
+          placeholder: 'Select a color',
+          searchable: true
+        })
+      );
+
+      // Select an option first
+      await openAndClick(clock, select, 0); // Select Red
+      expect(select.values.length).to.equal(1);
+      expect(select.values[0].name).to.equal('Red');
+
+      // Check that the selected item is displayed with text when not typing
+      let selectedItems = select.shadowRoot.querySelectorAll('.selected-item');
+      expect(selectedItems.length).to.equal(1);
+      expect(selectedItems[0].textContent).to.contain('Red');
+
+      // Start typing in the search box
+      await typeInto('temba-select', 'gr', false, false);
+
+      // Check that selected item text is hidden while typing (preserving single-select behavior)
+      selectedItems = select.shadowRoot.querySelectorAll('.selected-item');
+      expect(selectedItems.length).to.equal(1);
+
+      // The selected item should NOT contain the text "Red" when typing
+      const itemText = selectedItems[0].textContent.trim();
+      expect(itemText).to.not.contain('Red');
+    });
+  });
+
   describe('static options', () => {
     it('accepts an initial value', async () => {
       const select = await createSelect(

package/test/temba-toast.test.ts

@@ -17,6 +17,7 @@ export const createToast = async (attrs: any = {}) => {
 describe('temba-toast', () => {
   it('can be created', async () => {
     const toast = await createToast();
+
     assert.instanceOf(toast, Toast);
     expect(toast.messages).to.deep.equal([]);
     expect(toast.staleDuration).to.equal(5000);
@@ -127,8 +128,7 @@ describe('temba-toast', () => {
     // Initially not visible
     expect(toast.messages[0].visible).to.be.undefined;
 
-    // Wait for the timeout
-    await new Promise((resolve) => setTimeout(resolve, 150));
+    await waitFor(200);
 
     expect(toast.messages[0].visible).to.be.true;
   });

package/test/temba-utils-index.test.ts

@@ -597,7 +597,7 @@ describe('utils/index', () => {
         expect(fn.calledOnce).to.be.true;
         expect(fn.calledWith('arg3')).to.be.true;
         done();
-      }, 100);
+      }, 75);
     });
 
     it('calls immediately when immediate flag is true', () => {
@@ -632,7 +632,7 @@ describe('utils/index', () => {
         throttledFn('arg4');
         expect(fn.callCount).to.equal(2);
         done();
-      }, 100);
+      }, 75);
     });
   });
 

package/test/utils.test.ts

@@ -13,6 +13,8 @@ import { Store } from '../src/store/Store';
 import { replace, stub } from 'sinon';
 import { Select, SelectOption } from '../src/select/Select';
 import { Options } from '../src/options/Options';
+import { Attachment } from '../src/interfaces';
+import { Compose } from '../src/compose/Compose';
 
 export interface CodeMock {
   endpoint: RegExp;
@@ -313,8 +315,8 @@ export const openSelect = async (clock: any, select: Select<SelectOption>) => {
   await select.updateComplete;
   clock.runAll();
 
-  // ensure options are visible before proceeding
-  await waitFor(100);
+  // reduce wait time for options to become visible
+  await waitFor(25);
   clock.runAll();
 };
 
@@ -327,7 +329,41 @@ export const openAndClick = async (
 
   // Add this line to ensure proper timing when running as part of a test suite
   await select.updateComplete;
-  clock.tick(50); // Give extra time for options to render
+  clock.tick(25); // Reduced from 50 to give minimum time for options to render
 
   await clickOption(clock, select, idx);
 };
+
+// valid = attachments that are uploaded sent to the server when the user clicks send
+export const getValidAttachments = (numFiles = 2): Attachment[] => {
+  const attachments = [];
+  let index = 1;
+  while (index <= numFiles) {
+    const s = 's' + index;
+    const attachment = {
+      uuid: s,
+      content_type: 'image/png',
+      type: 'image/png',
+      filename: 'name_' + s,
+      url: 'url_' + s,
+      size: 1024,
+      error: null
+    } as Attachment;
+    attachments.push(attachment);
+    index++;
+  }
+  return attachments;
+};
+
+export const updateComponent = async (
+  compose: Compose,
+  text?: string,
+  attachments?: Attachment[]
+): Promise<void> => {
+  compose.initialText = text ? text : '';
+  compose.currentAttachments = attachments ? attachments : [];
+  await compose.updateComplete;
+};
+export const getValidText = () => {
+  return 'sà-wàd-dee!';
+};

package/web-test-runner.config.mjs

@@ -150,8 +150,9 @@ const wireScreenshots = async (page, context, wait, replaceScreenshots) => {
         const testFile = await getPath(TEST, filename);
         const truthFile = await getPath(TRUTH, filename);
 
+        // Only wait for network idle if explicitly requested
         if (wait) {
-          await page.waitForNetworkIdle();
+          await page.waitForNetworkIdle({ idleTime: 100, timeout: 1000 });
         }
 
         if (!(await fileExists(truthFile))) {
@@ -302,9 +303,10 @@ export default {
   files: '**/test/**/*.test.ts',
   nodeResolve: true,
   setupFiles: ['./test-setup.js'],
+  concurrency: 4,
   testFramework: {
     config: {
-      timeout: '10000',
+      timeout: '5000',
     },
   },
 

package/.storybook/main.js

@@ -1,14 +0,0 @@
-module.exports = {
-  stories: ['../stories/**/*.stories.{js,md,mdx}'],
-  addons: [
-    'storybook-prebuilt/addon-knobs/register.js',
-    'storybook-prebuilt/addon-docs/register.js',
-    'storybook-prebuilt/addon-viewport/register.js'
-  ],
-  esDevServer: {
-    // custom es-dev-server options
-    nodeResolve: true,
-    watch: true,
-    open: true
-  }
-};

package/.storybook/preview-head.html

@@ -1 +0,0 @@
-<link type="text/css" rel="stylesheet" href="https://textit.com/sitestatic/css/temba-components.css"/>

package/.storybook/preview.js

@@ -1,17 +0,0 @@
-import { addParameters, setCustomElements } from '@open-wc/demoing-storybook';
-
-addParameters({
-  docs: {
-    iframeHeight: '200px'
-  }
-});
-
-async function run() {
-  const customElements = await (
-    await fetch(new URL('../custom-elements.json', import.meta.url))
-  ).json();
-
-  setCustomElements(customElements);
-}
-
-run();