@nyaruka/temba-components 0.108.7 → 0.109.0

package/src/textinput/TextInput.ts

@@ -62,13 +62,15 @@ export class TextInput extends FormElement {
         transition: height var(--transition-speed) ease-in-out;
       }
 
+      .textinput:focus {
+      }
+
       .textinput {
         padding: var(--temba-textinput-padding);
         border: none;
         flex: 1;
         margin: 0;
-        background: none;
-        background-color: transparent;
+        background: transparent;
         color: var(--color-widget-text);
         font-family: var(--font-family);
         font-size: var(--temba-textinput-font-size);
@@ -233,7 +235,11 @@ export class TextInput extends FormElement {
     this.value = null;
   }
 
-  private updateValue(value: string): void {
+  public getTextInput(): TextInput {
+    return this;
+  }
+
+  public updateValue(value: string): void {
     const cursorStart = this.inputElement.selectionStart;
     const cursorEnd = this.inputElement.selectionEnd;
     const sanitized = this.sanitizeGSM(value);

package/src/utils/index.ts

@@ -2,7 +2,13 @@
 import { html, TemplateResult } from 'lit-html';
 import { Button } from '../button/Button';
 import { Dialog } from '../dialog/Dialog';
-import { Attachment, ContactField, Ticket, User } from '../interfaces';
+import {
+  Attachment,
+  ContactField,
+  Shortcut,
+  Ticket,
+  User
+} from '../interfaces';
 import ColorHash from 'color-hash';
 import { Toast } from '../toast/Toast';
 
@@ -10,7 +16,7 @@ export const DEFAULT_MEDIA_ENDPOINT = '/api/v2/media.json';
 
 export const colorHash = new ColorHash();
 
-export type Asset = KeyedAsset & Ticket & ContactField;
+export type Asset = KeyedAsset & Ticket & ContactField & Shortcut;
 
 export const DATE_FORMAT =
   /(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d\.\d+([+-][0-2]\d:[0-5]\d|Z))|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d([+-][0-2]\d:[0-5]\d|Z))|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d([+-][0-2]\d:[0-5]\d|Z))/;

package/src/vectoricon/index.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-duplicate-enum-values */
 // for cache busting we dynamically generate a fingerprint, use yarn svg to update
-export const SVG_FINGERPRINT = 'ad75877fb552efe34e7c5a0c03c27328';
+export const SVG_FINGERPRINT = 'f3e1cdc8bc9f2e47455a9ef0f7fe4baf';
 
 // only icons below are included in the sprite sheet
 export enum Icon {
@@ -145,7 +145,7 @@ export enum Icon {
   service = 'magic-wand-01',
   service_end = 'log-out-04',
   settings = 'settings-02',
-  shortcut = 'message-dots-circle',
+  shortcut = 'zap-fast',
   show = 'eye',
   simulator = 'phone-02',
   sort = 'chevron-selector-vertical',