@miso.ai/client-sdk-ui 1.11.5 → 1.11.6-beta.1

package/dist/cjs/layout/input/search-box.js

@@ -84,17 +84,15 @@ function products(layout, items) {
   } = layout;
   return templates.completionList(layout, 'product', items);
 }
-function query(layout) {
-  let {
-    text,
-    text_with_inverted_markups
-  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function query(layout, {
+  text,
+  text_with_inverted_markups
+} = {}) {
   return text_with_inverted_markups || (0, _commons.escapeHtml)(text);
 }
-function product(layout, _ref) {
-  let {
-    product
-  } = _ref;
+function product(layout, {
+  product
+}) {
   const {
     templates
   } = layout;
@@ -149,14 +147,13 @@ class SearchBoxLayout extends _template.default {
   static get defaultClassName() {
     return DEFAULT_CLASSNAME;
   }
-  constructor() {
-    let _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(_ref = {}) {
     let {
         className = DEFAULT_CLASSNAME,
         templates,
         autocomplete
-      } = _ref2,
-      options = _objectWithoutPropertiesLoose(_ref2, _excluded);
+      } = _ref,
+      options = _objectWithoutPropertiesLoose(_ref, _excluded);
     super(Object.assign({
       className,
       templates: Object.assign({}, DEFAULT_TEMPLATES, templates)
@@ -199,10 +196,9 @@ class SearchBoxLayout extends _template.default {
       this._valueRequested = value;
     }
   }
-  _preprocess(_ref3) {
-    let {
-      state
-    } = _ref3;
+  _preprocess({
+    state
+  }) {
     state = super._preprocess({
       state
     });
@@ -221,14 +217,12 @@ class SearchBoxLayout extends _template.default {
     this._fullfillFocusRequest(element);
     this._fullfillValueRequest(element);
   }
-  _updateCompletions(element, _ref4, _ref5) {
-    let {
-      state,
-      rendered
-    } = _ref4;
-    let {
-      writeToState
-    } = _ref5;
+  _updateCompletions(element, {
+    state,
+    rendered
+  }, {
+    writeToState
+  }) {
     if (!state.completions) {
       return;
     }
@@ -303,10 +297,9 @@ class SearchBoxLayout extends _template.default {
       value
     }));
   }
-  _handleFocusIn(_ref6) {
-    let {
-      target
-    } = _ref6;
+  _handleFocusIn({
+    target
+  }) {
     if (!this._element) {
       return;
     }
@@ -315,10 +308,9 @@ class SearchBoxLayout extends _template.default {
       this.open();
     }
   }
-  _handleFocusOut(_ref7) {
-    let {
-      relatedTarget
-    } = _ref7;
+  _handleFocusOut({
+    relatedTarget
+  }) {
     if (!this._element) {
       return;
     }
@@ -326,12 +318,11 @@ class SearchBoxLayout extends _template.default {
       this.close();
     }
   }
-  _handleKeyDown(_ref8) {
-    let {
-      key,
-      target,
-      isComposing
-    } = _ref8;
+  _handleKeyDown({
+    key,
+    target,
+    isComposing
+  }) {
     if (!isComposing && key === 'Enter' && target.matches('[data-role="input"]')) {
       this._submit(target.value);
       target.blur();
@@ -384,7 +375,7 @@ class SearchBoxLayout extends _template.default {
     }
   }
   async _submit(value) {
-    if (!value) {
+    if (!value || !value.trim()) {
       return;
     }
     this.close();

package/dist/cjs/layout/input/select.js

@@ -72,8 +72,7 @@ class SelectLayout extends _template.default {
   static get defaultClassName() {
     return DEFAULT_CLASSNAME;
   }
-  constructor() {
-    let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(_ref = {}) {
     let {
         className = DEFAULT_CLASSNAME,
         templates

package/dist/cjs/layout/list/cards.js

@@ -20,8 +20,7 @@ class CardsLayout extends _collection.default {
   static get defaultClassName() {
     return DEFAULT_CLASSNAME;
   }
-  constructor() {
-    let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(_ref = {}) {
     let {
         className = DEFAULT_CLASSNAME
       } = _ref,

package/dist/cjs/layout/list/carousel.js

@@ -70,8 +70,7 @@ class CarouselLayout extends _collection.default {
   static get defaultClassName() {
     return DEFAULT_CLASSNAME;
   }
-  constructor() {
-    let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(_ref = {}) {
     let {
         className = DEFAULT_CLASSNAME,
         templates

package/dist/cjs/layout/list/collection.js

@@ -54,10 +54,9 @@ function list(layout, state, values) {
   // TODO: support separator?
   return `<${listTag} class="${className}__list" data-role="list"${itemTypeAttr}>${templates.items(layout, state, values)}</${listTag}>`;
 }
-function items(layout, state, values) {
-  let {
-    offset = 0
-  } = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+function items(layout, state, values, {
+  offset = 0
+} = {}) {
   const {
     templates
   } = layout;
@@ -139,11 +138,10 @@ class CollectionLayout extends _template.default {
   initialize(view) {
     this._unsubscribes.push(view.proxyElement.on('click', this._onClick.bind(this)));
   }
-  _preprocess(_ref2) {
-    let {
-      state,
-      rendered
-    } = _ref2;
+  _preprocess({
+    state,
+    rendered
+  }) {
     const incremental = this._shallRenderIncrementally(state, rendered);
     const html = this._html(state, rendered, incremental);
     return Object.assign({}, state, {
@@ -166,13 +164,11 @@ class CollectionLayout extends _template.default {
       return this.templates.root(this, state);
     }
   }
-  _render(element, _ref3, _ref4) {
-    let {
-      state
-    } = _ref3;
-    let {
-      notifyUpdate
-    } = _ref4;
+  _render(element, {
+    state
+  }, {
+    notifyUpdate
+  }) {
     const {
       incremental,
       html

package/dist/cjs/layout/list/gallery.js

@@ -55,8 +55,7 @@ class GalleryLayout extends _collection.default {
   static get defaultClassName() {
     return DEFAULT_CLASSNAME;
   }
-  constructor() {
-    let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(_ref = {}) {
     let {
         className = DEFAULT_CLASSNAME,
         templates
@@ -83,11 +82,10 @@ class GalleryLayout extends _collection.default {
     this._syncListAspectRatio(listElement);
     this._syncItemSizes(listElement);
   }
-  _preprocess(_ref2) {
-    let {
-      state,
-      rendered
-    } = _ref2;
+  _preprocess({
+    state,
+    rendered
+  }) {
     const incremental = this._shallRenderIncrementally(state, rendered);
     const bodyHtml = incremental ? undefined : this._bodyHtml(state);
     const itemsHtml = this._itemsHtml(state, rendered);
@@ -119,10 +117,9 @@ class GalleryLayout extends _collection.default {
     this._syncListAspectRatio(listElement);
     this._renderItems(listElement, states, controls);
   }
-  _renderListElement(element, _ref3) {
-    let {
-      state
-    } = _ref3;
+  _renderListElement(element, {
+    state
+  }) {
     const {
       incremental,
       bodyHtml
@@ -139,20 +136,18 @@ class GalleryLayout extends _collection.default {
       this._updateItems(listElement, states);
     }
   }
-  _updateItems(listElement, _ref4) {
-    let {
-      state
-    } = _ref4;
+  _updateItems(listElement, {
+    state
+  }) {
     const {
       itemSizes
     } = this._galleryContext;
     const values = this._writeItemSizes(this._getItems(state) || [], itemSizes);
     listElement.innerHTML = this.templates.items(this, state, values);
   }
-  _appendItems(listElement, _ref5) {
-    let {
-      state
-    } = _ref5;
+  _appendItems(listElement, {
+    state
+  }) {
     const {
       itemSizes
     } = this._galleryContext;
@@ -165,9 +160,7 @@ class GalleryLayout extends _collection.default {
       offset
     }));
   }
-  _writeItemSizes(values) {
-    let [large = 0, medium = 0] = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-    let offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  _writeItemSizes(values, [large = 0, medium = 0] = [], offset = 0) {
     let omitted = 0;
     if (offset > 0) {
       omitted = Math.min(offset, large);
@@ -234,10 +227,9 @@ class GalleryLayout extends _collection.default {
     listElement.style.aspectRatio = `${columnCount} / 2`;
     listElement.style.height = itemCount > 0 ? 'auto' : '0';
   }
-  _syncItemCount() {
-    let {
-      state
-    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  _syncItemCount({
+    state
+  } = {}) {
     const items = this._getItems(state);
     this._galleryContext.itemCount = items ? items.length : undefined;
   }

package/dist/cjs/layout/list/list.js

@@ -20,8 +20,7 @@ class ListLayout extends _collection.default {
   static get defaultClassName() {
     return DEFAULT_CLASSNAME;
   }
-  constructor() {
-    let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(_ref = {}) {
     let {
         className = DEFAULT_CLASSNAME
       } = _ref,

package/dist/cjs/layout/mixin/swipeable.js

@@ -59,10 +59,9 @@ class SwipeableMixin {
   _afterRenderSwipeable() {
     this._emitSwipeableDisplayEvent();
   }
-  _syncSwipeableItemCount() {
-    let {
-      state
-    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  _syncSwipeableItemCount({
+    state
+  } = {}) {
     const context = this._swipeableContext;
     const items = this._getItems(state);
     const oldItemCount = context.itemCount;

package/dist/cjs/layout/mixin/trackable.js

@@ -60,12 +60,9 @@ class TrackableMixin {
     if (!options) {
       return;
     }
-    this._view.tracker.impression(entries.map(_ref => {
-      let {
-        value
-      } = _ref;
-      return value;
-    }));
+    this._view.tracker.impression(entries.map(({
+      value
+    }) => value));
   }
   _untrackViewables(entries) {
     for (const {

package/dist/cjs/layout/progressive.js

@@ -14,8 +14,7 @@ class ProgressiveLayout extends _raf.default {
   _takePending() {
     return this._pending;
   }
-  _applyRender(timestamp) {
-    let extraControls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  _applyRender(timestamp, extraControls = {}) {
     const loop = (0, _commons.capture)(false);
     super._applyRender(timestamp, Object.assign({}, extraControls, {
       loop: loop.t

package/dist/cjs/layout/radio/feedback.js

@@ -21,10 +21,9 @@ function options(layout) {
     value
   })).join('');
 }
-function content(layout, _ref) {
-  let {
-    value
-  } = _ref;
+function content(layout, {
+  value
+}) {
   const {
     className,
     templates,
@@ -70,13 +69,12 @@ class FeedbackLayout extends _radio.default {
   static get defaultClassName() {
     return DEFAULT_CLASSNAME;
   }
-  constructor() {
-    let _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(_ref = {}) {
     let {
         className = DEFAULT_CLASSNAME,
         templates
-      } = _ref2,
-      options = _objectWithoutPropertiesLoose(_ref2, _excluded);
+      } = _ref,
+      options = _objectWithoutPropertiesLoose(_ref, _excluded);
     super(Object.assign({
       className,
       templates: Object.assign({}, DEFAULT_TEMPLATES, templates),

package/dist/cjs/layout/radio/radio.js

@@ -42,8 +42,7 @@ class RadioLayout extends _template.default {
   static get defaultTemplates() {
     return DEFAULT_TEMPLATES;
   }
-  constructor() {
-    let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(_ref = {}) {
     let {
         className,
         templates,
@@ -63,6 +62,7 @@ class RadioLayout extends _template.default {
       proxyElement
     } = view;
     this._unsubscribes = [...this._unsubscribes, view.hub.on(this._field, () => this._refresh()), proxyElement.on('click', e => this._handleClick(e))];
+    // TODO: it shall not carry the responsibility of setting default value
     this._defaultValue ? this._select(this._defaultValue, {
       silent: true
     }) : this._clear({
@@ -75,10 +75,9 @@ class RadioLayout extends _template.default {
     }
     return super._preprocess(states, controls);
   }
-  _handleClick(_ref2) {
-    let {
-      target
-    } = _ref2;
+  _handleClick({
+    target
+  }) {
     const element = (0, _commons.findInAncestors)(target, element => element.hasAttribute('data-value') ? element : undefined);
     if (!element) {
       return;

package/dist/cjs/layout/raf.js

@@ -8,8 +8,7 @@ var _commons = require("@miso.ai/commons");
 const _excluded = ["role", "workflow"];
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 class RafLayout {
-  constructor() {
-    let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(_ref = {}) {
     let {
         role,
         workflow
@@ -26,8 +25,7 @@ class RafLayout {
     this._notifyUpdate = undefined;
     this._pending = undefined;
   }
-  async render(element, state) {
-    let controls = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  async render(element, state, controls = {}) {
     this._syncElement(element);
     const rendered = this._rendered.get(element);
     const skip = (0, _commons.capture)(false);
@@ -57,10 +55,9 @@ class RafLayout {
     }
     this._element = element;
   }
-  _preprocess(_ref2) {
-    let {
-      state
-    } = _ref2;
+  _preprocess({
+    state
+  }) {
     return state;
   }
   _updatePending(state, controls) {
@@ -88,8 +85,7 @@ class RafLayout {
     this._requested = false;
     this._applyRender(timestamp);
   }
-  _applyRender(timestamp) {
-    let extraControls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  _applyRender(timestamp, extraControls = {}) {
     if (!this._pending) {
       return; // just in case
     }

package/dist/cjs/layout/template.js

@@ -11,8 +11,7 @@ const _excluded = ["className", "templates"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 class TemplateBasedLayout extends _raf.default {
-  constructor() {
-    let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(_ref = {}) {
     let {
         className,
         templates
@@ -26,19 +25,17 @@ class TemplateBasedLayout extends _raf.default {
       })
     });
   }
-  _preprocess(_ref2) {
-    let {
-      state
-    } = _ref2;
+  _preprocess({
+    state
+  }) {
     const html = this.templates.root(this, state);
     return Object.assign({}, state, {
       html
     });
   }
-  _render(element, _ref3) {
-    let {
-      state
-    } = _ref3;
+  _render(element, {
+    state
+  }) {
     element.innerHTML = state.html;
   }
 }