brew-js-react 0.1.2 → 0.1.5

package/dist/brew-js-react.js

@@ -170,6 +170,7 @@ __webpack_require__.d(src_namespaceObject, {
   "useFocusStateMixin": () => (useFocusStateMixin),
   "useLanguage": () => (useLanguage),
   "useLoadingStateMixin": () => (useLoadingStateMixin),
+  "useMixin": () => (useMixin),
   "useMixinRef": () => (useMixinRef),
   "useRouteParam": () => (useRouteParam),
   "useScrollableMixin": () => (useScrollableMixin)
@@ -182,6 +183,7 @@ var external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_ = __webpa
 var _defaultExport = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_;
 /* harmony default export */ const app = (_defaultExport);
 var install = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.install,
+    addExtension = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.addExtension,
     addDetect = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.addDetect;
 
 ;// CONCATENATED MODULE: ./src/include/brew-js/app.js
@@ -327,6 +329,7 @@ var _lib$dom = external_commonjs_zeta_dom_commonjs2_zeta_dom_amd_zeta_dom_root_z
     focusable = _lib$dom.focusable,
     focused = _lib$dom.focused,
     setModal = _lib$dom.setModal,
+    releaseModal = _lib$dom.releaseModal,
     retainFocus = _lib$dom.retainFocus,
     releaseFocus = _lib$dom.releaseFocus,
     dom_focus = _lib$dom.focus;
@@ -392,7 +395,7 @@ function createDialog(props) {
       }
 
       if (props.onRender) {
-        external_commonjs_react_dom_commonjs2_react_dom_amd_react_dom_root_ReactDOM_.render(external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(props.onRender, extend({
+        external_commonjs_react_dom_commonjs2_react_dom_amd_react_dom_root_ReactDOM_.render( /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(props.onRender, extend({
           closeDialog: closeDialog
         }, props)), root);
       }
@@ -431,7 +434,7 @@ function Dialog(props) {
   (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useEffect)(function () {
     return dialog.close;
   }, [dialog]);
-  return external_commonjs_react_dom_commonjs2_react_dom_amd_react_dom_root_ReactDOM_.createPortal(props.children, dialog.root);
+  return /*#__PURE__*/external_commonjs_react_dom_commonjs2_react_dom_amd_react_dom_root_ReactDOM_.createPortal(props.children, dialog.root);
 }
 ;// CONCATENATED MODULE: ./tmp/brew-js/defaults.js
 
@@ -493,6 +496,35 @@ var waterpipe = __webpack_require__(43);
 
 
 var empty = Object.create(null);
+var toPrimitive = typeof Symbol === 'function' && Symbol.toPrimitive;
+
+function TString(toString) {
+  this.toString = toString;
+}
+
+if (toPrimitive) {
+  TString.prototype[toPrimitive] = function () {
+    return this.toString();
+  };
+}
+
+function createCallback(translate) {
+  var callback = function callback(key, data) {
+    return translate(key, data, true);
+  };
+
+  return extend(callback, {
+    html: function html(id, data) {
+      return {
+        __html: translate(id, data)
+      };
+    },
+    lazy: function lazy(id, data) {
+      return new TString(translate.bind(0, id, data, true));
+    }
+  });
+}
+
 function useLanguage() {
   return (0,external_zeta_dom_react_.useObservableProperty)(app_app, 'language');
 }
@@ -500,25 +532,22 @@ function makeTranslation(resources, defaultLang) {
   var re = new RegExp('^(' + Object.keys(resources[defaultLang]).join('|') + ')\\.');
   var cache = {};
 
-  function getTranslation(prefix, name, data) {
+  function getTranslation(prefix, name, data, noEncode) {
     var str = ((resources[app_app.language] || empty)[prefix] || empty)[name] || ((resources[defaultLang] || empty)[prefix] || empty)[name] || '';
-    return str && data !== undefined ? waterpipe(str, data) : str;
-  }
 
-  function createCallback(translate) {
-    return extend(translate, {
-      html: function html(id, data) {
-        return {
-          __html: translate(id, data)
-        };
-      }
-    });
+    if (str && (!noEncode || data !== undefined)) {
+      return waterpipe(str, data, {
+        noEncode: noEncode
+      });
+    }
+
+    return str;
   }
 
-  function translate(key, data) {
+  function translate(key, data, noEncode) {
     var prefix = re.test(key) ? RegExp.$1 : '';
     var name = prefix ? key.slice(RegExp.lastMatch.length) : key;
-    return getTranslation(prefix, name, data) || key;
+    return getTranslation(prefix, name, data, noEncode) || key;
   }
 
   function useTranslation() {
@@ -528,9 +557,9 @@ function makeTranslation(resources, defaultLang) {
 
     if (prefix[0]) {
       var key = prefix.join(' ');
-      t = cache[key] || (cache[key] = createCallback(function (key, data) {
+      t = cache[key] || (cache[key] = createCallback(function (key, data, noEncode) {
         return single(prefix, function (v) {
-          return getTranslation(v, key, data);
+          return getTranslation(v, key, data, noEncode);
         }) || key;
       }));
     }
@@ -625,6 +654,8 @@ util_define(Mixin, {
 
 
 
+var _ = createPrivateStore();
+
 function MixinRefImpl(mixin) {
   this.mixin = mixin;
 }
@@ -636,9 +667,12 @@ definePrototype(MixinRefImpl, {
 });
 function StatefulMixin() {
   Mixin.call(this);
-  this.states = {};
-  this.prefix = '';
-  this.counter = 0;
+
+  _(this, {
+    states: {},
+    prefix: '',
+    counter: 0
+  });
 }
 definePrototype(StatefulMixin, Mixin, {
   get ref() {
@@ -648,17 +682,18 @@ definePrototype(StatefulMixin, Mixin, {
   },
 
   get state() {
-    var self = this;
-    var key = self.prefix + self.counter;
-    return self.states[key] || (self.states[key] = self.initState());
+    var obj = _(this);
+
+    var key = obj.prefix + obj.counter;
+    return obj.states[key] || (obj.states[key] = this.initState());
   },
 
   reset: function reset() {
-    this.counter = 0;
+    _(this).counter = 0;
     return this;
   },
   next: function next() {
-    this.counter++;
+    _(this).counter++;
     return this;
   },
   getRef: function getRef() {
@@ -672,7 +707,7 @@ definePrototype(StatefulMixin, Mixin, {
     };
   },
   elements: function elements() {
-    return values(this.states).map(function (v) {
+    return values(_(this).states).map(function (v) {
       return v.element;
     }).filter(function (v) {
       return v;
@@ -685,11 +720,15 @@ definePrototype(StatefulMixin, Mixin, {
   },
   initElement: function initElement(element, state) {},
   clone: function clone() {
-    return inherit(Object.getPrototypeOf(this), {
-      states: this.states,
+    var clone = inherit(Object.getPrototypeOf(this));
+
+    _(clone, {
+      states: _(this).states,
       prefix: randomId() + '.',
       counter: 0
     });
+
+    return clone;
   }
 });
 ;// CONCATENATED MODULE: ./src/mixins/ClassNameMixin.js
@@ -859,6 +898,7 @@ var FlyoutMixinSuper = ClassNameMixin.prototype;
 var flyoutMixinCounter = 0;
 function FlyoutMixin() {
   ClassNameMixin.call(this, ['open', 'closing', 'tweening-in', 'tweening-out']);
+  this.modal = false;
   this.isFlyoutOpened = false;
   this.animating = false;
   this.visible = false;
@@ -880,6 +920,8 @@ definePrototype(FlyoutMixin, ClassNameMixin, {
   getCustomAttributes: function getCustomAttributes() {
     return extend({}, FlyoutMixinSuper.getCustomAttributes.call(this), {
       'is-flyout': ''
+    }, this.modal && {
+      'is-modal': ''
     }, this.effects && {
       'animate-on': 'open',
       'animate-in': this.effects.join(' '),
@@ -926,6 +968,7 @@ definePrototype(FlyoutMixin, ClassNameMixin, {
       toggle: this.toggle.ref.getMixin()
     });
     defineAliasProperty(mixin, 'isFlyoutOpened', this);
+    defineAliasProperty(mixin, 'modal', this);
     return mixin;
   },
   onClassNameUpdated: function onClassNameUpdated(element, prevState, state) {
@@ -1071,11 +1114,16 @@ definePrototype(ScrollableMixin, ClassNameMixin, {
 
 
 
+
+function extendSelf(options) {
+  extend(this, options);
+}
+
 function createUseFunction(ctor) {
   return function () {
-    return (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)(function () {
-      return new ctor();
-    })[0].reset();
+    var mixin = useMixin(ctor);
+    (mixin.withOptions || extendSelf).apply(mixin, arguments);
+    return mixin;
   };
 }
 
@@ -1085,8 +1133,11 @@ var useErrorHandlerMixin = createUseFunction(ErrorHandlerMixin);
 var useFlyoutMixin = createUseFunction(FlyoutMixin);
 var useFocusStateMixin = createUseFunction(FocusStateMixin);
 var useLoadingStateMixin = createUseFunction(LoadingStateMixin);
-function useScrollableMixin(options) {
-  return createUseFunction(ScrollableMixin)().withOptions(options);
+var useScrollableMixin = createUseFunction(ScrollableMixin);
+function useMixin(ctor) {
+  return (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)(function () {
+    return new ctor();
+  })[0].reset();
 }
 function useMixinRef(mixin) {
   return mixin.getMixin().reset();
@@ -1144,7 +1195,7 @@ definePrototype(ViewContainer, external_commonjs_react_commonjs2_react_amd_react
         });
       }
 
-      self.currentView = external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(V, {
+      self.currentView = /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(V, {
         key: app_app.route.view,
         rootProps: exclude(self.props, ['views']),
         onComponentLoaded: function onComponentLoaded(element) {
@@ -1156,7 +1207,7 @@ definePrototype(ViewContainer, external_commonjs_react_commonjs2_react_amd_react
       });
     }
 
-    return external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(external_commonjs_react_commonjs2_react_amd_react_root_React_.Fragment, null, self.prevView, self.currentView);
+    return /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(external_commonjs_react_commonjs2_react_amd_react_root_React_.Fragment, null, self.prevView, self.currentView);
   },
   getViewComponent: function getViewComponent() {
     var views = this.props.views;
@@ -1171,13 +1222,13 @@ function registerView(factory, routeParams) {
   var Component = function Component(props) {
     var childProps = exclude(props, ['rootProps', 'onComponentLoaded']);
     var Component = (0,external_zeta_dom_react_.useAsync)(factory)[0];
-    return external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement('div', extend({}, props.rootProps, {
+    return /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement('div', extend({}, props.rootProps, {
       ref: function ref(element) {
         if (element && Component) {
           (props.onComponentLoaded || noop)(element);
         }
       },
-      children: Component && external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(Component["default"], childProps)
+      children: Component && /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(Component["default"], childProps)
     }));
   };
 
@@ -1192,7 +1243,7 @@ function renderView() {
     props = views.shift();
   }
 
-  return external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(ViewContainer, extend({}, props, {
+  return /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(ViewContainer, extend({}, props, {
     views: views
   }));
 }