@kineticdata/react 5.1.2 → 6.0.1

package/lib/components/core/i18n/I18n.js

@@ -1,24 +1,27 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React from 'react';
-import { Map, Set } from 'immutable';
-import isarray from 'isarray';
-import { fetchSubmission } from '../../../apis';
-import { I18nContext } from './I18nContext';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.I18nTranslate = exports.I18n = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
+var _react = _interopRequireDefault(require("react"));
+var _immutable = require("immutable");
+var _isarray = _interopRequireDefault(require("isarray"));
+var _apis = require("../../../apis");
+var _I18nContext = require("./I18nContext");
 var submissionContexts = {};
-export var I18n = /*#__PURE__*/function (_React$Component) {
-  _inherits(I18n, _React$Component);
-
-  var _super = _createSuper(I18n);
-
+var I18n = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(I18n, _React$Component);
+  var _super = (0, _createSuper2["default"])(I18n);
   function I18n(props) {
     var _this;
-
-    _classCallCheck(this, I18n);
-
+    (0, _classCallCheck2["default"])(this, I18n);
     _this = _super.call(this, props);
     _this.state = {
       loading: !!props.submissionId,
@@ -26,12 +29,10 @@ export var I18n = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
-  _createClass(I18n, [{
+  (0, _createClass2["default"])(I18n, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-
       if (this.state.loading) {
         // If submissionId is passed in, we need to fetch the submission to build the context
         if (this.props.submissionId) {
@@ -45,17 +46,17 @@ export var I18n = /*#__PURE__*/function (_React$Component) {
             });
           } else {
             // Otherwise fetch the submission
-            fetchSubmission({
+            (0, _apis.fetchSubmission)({
               id: this.props.submissionId,
               datastore: !!this.props.datastore,
               include: 'form,form.kapp'
             }).then(function (_ref) {
               var submission = _ref.submission;
               // Build context using submission data
-              var context = submission ? !submission.form.kapp.slug ? "forms.".concat(submission.form.slug) : "kapps.".concat(submission.form.kapp.slug, ".forms.").concat(submission.form.slug) : null; // Store the context for the submissionId
-
-              submissionContexts[_this2.props.submissionId] = context; // Update loading state to false and set correct context
-
+              var context = submission ? !submission.form.kapp.slug ? "forms.".concat(submission.form.slug) : "kapps.".concat(submission.form.kapp.slug, ".forms.").concat(submission.form.slug) : null;
+              // Store the context for the submissionId
+              submissionContexts[_this2.props.submissionId] = context;
+              // Update loading state to false and set correct context
               _this2.setState(function (state) {
                 return {
                   loading: false,
@@ -66,7 +67,7 @@ export var I18n = /*#__PURE__*/function (_React$Component) {
           }
         } else {
           this.setState(function (state) {
-            return _objectSpread(_objectSpread({}, state), {}, {
+            return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, state), {}, {
               loading: false
             });
           });
@@ -77,19 +78,17 @@ export var I18n = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this3 = this;
-
-      return !this.state.loading ? /*#__PURE__*/React.createElement(I18nContext.Consumer, null, function (_ref2) {
+      return !this.state.loading ? /*#__PURE__*/_react["default"].createElement(_I18nContext.I18nContext.Consumer, null, function (_ref2) {
         var context = _ref2.context,
-            locale = _ref2.locale,
-            translations = _ref2.translations,
-            loadTranslations = _ref2.loadTranslations;
-
+          locale = _ref2.locale,
+          translations = _ref2.translations,
+          loadTranslations = _ref2.loadTranslations;
         // If render funtion is passed, or children is a string or array of strings,
         // return the translation of the children string
-        if (typeof _this3.props.render === 'function' || typeof _this3.props.children === 'string' || isarray(_this3.props.children) && _this3.props.children.every(function (c) {
+        if (typeof _this3.props.render === 'function' || typeof _this3.props.children === 'string' || (0, _isarray["default"])(_this3.props.children) && _this3.props.children.every(function (c) {
           return typeof c === 'string';
         })) {
-          return /*#__PURE__*/React.createElement(I18nTranslate, {
+          return /*#__PURE__*/_react["default"].createElement(I18nTranslate, {
             context: _this3.state.context || context,
             locale: locale,
             translations: translations,
@@ -97,44 +96,42 @@ export var I18n = /*#__PURE__*/function (_React$Component) {
             "public": _this3.props["public"],
             render: _this3.props.render
           }, _this3.props.children);
-        } // Otherwise wrap children in a new instance of I18nProvider with the new context
+        }
+        // Otherwise wrap children in a new instance of I18nProvider with the new context
         else if (_this3.state.context) {
-          return /*#__PURE__*/React.createElement(I18nContext.Provider, {
+          return /*#__PURE__*/_react["default"].createElement(_I18nContext.I18nContext.Provider, {
             value: {
               context: _this3.state.context,
               locale: locale,
               translations: translations,
               loadTranslations: loadTranslations
             }
-          }, /*#__PURE__*/React.createElement(I18nTranslate, {
+          }, /*#__PURE__*/_react["default"].createElement(I18nTranslate, {
             context: _this3.state.context,
             locale: locale,
             translations: translations,
             loadTranslations: loadTranslations,
             "public": _this3.props["public"]
           }, _this3.props.children));
-        } // Otherwise return children
+        }
+        // Otherwise return children
         else {
           return _this3.props.children;
         }
       }) : null;
     }
   }]);
-
   return I18n;
-}(React.Component);
-export var I18nTranslate = /*#__PURE__*/function (_React$Component2) {
-  _inherits(I18nTranslate, _React$Component2);
-
-  var _super2 = _createSuper(I18nTranslate);
-
+}(_react["default"].Component);
+exports.I18n = I18n;
+var I18nTranslate = /*#__PURE__*/function (_React$Component2) {
+  (0, _inherits2["default"])(I18nTranslate, _React$Component2);
+  var _super2 = (0, _createSuper2["default"])(I18nTranslate);
   function I18nTranslate() {
-    _classCallCheck(this, I18nTranslate);
-
+    (0, _classCallCheck2["default"])(this, I18nTranslate);
     return _super2.apply(this, arguments);
   }
-
-  _createClass(I18nTranslate, [{
+  (0, _createClass2["default"])(I18nTranslate, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.loadTranslations(this.props.locale, this.props.context, this.props["public"]);
@@ -154,7 +151,7 @@ export var I18nTranslate = /*#__PURE__*/function (_React$Component2) {
           return this.props.render(translate(this.props));
         } else if (typeof this.props.children === 'string') {
           return translate(this.props)(this.props.children);
-        } else if (isarray(this.props.children) && this.props.children.every(function (c) {
+        } else if ((0, _isarray["default"])(this.props.children) && this.props.children.every(function (c) {
           return typeof c === 'string';
         })) {
           return translate(this.props)(this.props.children.join(''));
@@ -167,17 +164,15 @@ export var I18nTranslate = /*#__PURE__*/function (_React$Component2) {
       }
     }
   }]);
-
   return I18nTranslate;
-}(React.Component);
-
+}(_react["default"].Component);
+exports.I18nTranslate = I18nTranslate;
 var translate = function translate(_ref3) {
   var context = _ref3.context,
-      locale = _ref3.locale,
-      translations = _ref3.translations;
+    locale = _ref3.locale,
+    translations = _ref3.translations;
   return function (key) {
     trackKeys(context, key);
-
     if (window.highlightTranslations) {
       // Surround translated text with asterisks to easily see what's wrapped
       return "*".concat(translations.getIn([locale, context, key]) || translations.getIn([locale, 'shared', key]) || key, "*");
@@ -186,11 +181,9 @@ var translate = function translate(_ref3) {
     }
   };
 };
-
-var trackedKeys = Map();
-
+var trackedKeys = (0, _immutable.Map)();
 var trackKeys = function trackKeys(context, key) {
-  trackedKeys = trackedKeys.has(key) ? trackedKeys.set(key, trackedKeys.get(key).add(context)) : trackedKeys.set(key, Set([context]));
+  trackedKeys = trackedKeys.has(key) ? trackedKeys.set(key, trackedKeys.get(key).add(context)) : trackedKeys.set(key, (0, _immutable.Set)([context]));
   window.bundle = window.bundle || {};
   window.bundle.config = window.bundle.config || {};
   window.bundle.config.translationKeys = trackedKeys.toJS();

package/lib/components/core/i18n/I18nContext.js

@@ -1,2 +1,9 @@
-import { createContext } from 'react';
-export var I18nContext = createContext();
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.I18nContext = void 0;
+var _react = require("react");
+var I18nContext = /*#__PURE__*/(0, _react.createContext)();
+exports.I18nContext = I18nContext;

package/lib/components/core/i18n/I18nProvider.js

@@ -1,48 +1,48 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React from 'react';
-import { Map } from 'immutable';
-import { bundle } from '../../../helpers';
-import { I18nContext } from './I18nContext';
-import { fetchTranslations } from '../../../apis/core/translations';
-export var I18nProvider = /*#__PURE__*/function (_React$Component) {
-  _inherits(I18nProvider, _React$Component);
-
-  var _super = _createSuper(I18nProvider);
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.I18nProvider = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
+var _react = _interopRequireDefault(require("react"));
+var _immutable = require("immutable");
+var _helpers = require("../../../helpers");
+var _I18nContext = require("./I18nContext");
+var _translations = require("../../../apis/core/translations");
+var I18nProvider = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(I18nProvider, _React$Component);
+  var _super = (0, _createSuper2["default"])(I18nProvider);
   function I18nProvider(props) {
     var _this;
-
-    _classCallCheck(this, I18nProvider);
-
+    (0, _classCallCheck2["default"])(this, I18nProvider);
     _this = _super.call(this, props);
-
     _this.populateBundleTranslations = function (locale) {
-      bundle.config.translations = _objectSpread(_objectSpread({}, bundle.config.translations), _this.state.translations.get(locale).toJS());
-      bundle.config.translationsLocale = locale;
+      _helpers.bundle.config.translations = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _helpers.bundle.config.translations), _this.state.translations.get(locale).toJS());
+      _helpers.bundle.config.translationsLocale = locale;
     };
-
     _this.loadTranslations = function (locale, context, isPublic) {
       if (!_this.loading.hasIn([locale, context])) {
-        _this.loading = _this.loading.setIn([locale, context], true); // check to see if the translation context was already loaded by the CE
+        _this.loading = _this.loading.setIn([locale, context], true);
+        // check to see if the translation context was already loaded by the CE
         // client-side code (like if K.load is used in a form event)
-
-        fetchTranslations({
+        (0, _translations.fetchTranslations)({
           cache: true,
           contextName: context,
           localeCode: locale,
           "public": isPublic
         }).then(function (_ref) {
           var error = _ref.error,
-              entries = _ref.entries;
-
+            entries = _ref.entries;
           if (entries) {
             _this.setState(function (state) {
               return {
-                translations: state.translations.setIn([locale, context], Map(entries.map(function (entry) {
+                translations: state.translations.setIn([locale, context], (0, _immutable.Map)(entries.map(function (entry) {
                   return [entry.key, entry.value];
                 })))
               };
@@ -50,31 +50,29 @@ export var I18nProvider = /*#__PURE__*/function (_React$Component) {
           } else {
             _this.setState(function (state) {
               return {
-                translations: state.translations.setIn([locale, context], Map())
+                translations: state.translations.setIn([locale, context], (0, _immutable.Map)())
               };
             });
           }
         });
-      } else if (locale !== bundle.config.translationsLocale && _this.state.translations.has(locale)) {
+      } else if (locale !== _helpers.bundle.config.translationsLocale && _this.state.translations.has(locale)) {
         // If the context is already loaded for the locale but we're loading due
         // to the locale changing then we need to populate the bundle's
         // translation config from the already-loaded translations.
         _this.populateBundleTranslations(locale);
       }
     };
-
     _this.state = {
-      translations: Map()
+      translations: (0, _immutable.Map)()
     };
-    _this.loading = Map(); // this effectively enables translations for the CE client-side code
-
-    bundle.config = bundle.config || {};
-    bundle.config.translations = bundle.config.translations || {};
-    bundle.config.translationsLocale = props.locale;
+    _this.loading = (0, _immutable.Map)();
+    // this effectively enables translations for the CE client-side code
+    _helpers.bundle.config = _helpers.bundle.config || {};
+    _helpers.bundle.config.translations = _helpers.bundle.config.translations || {};
+    _helpers.bundle.config.translationsLocale = props.locale;
     return _this;
   }
-
-  _createClass(I18nProvider, [{
+  (0, _createClass2["default"])(I18nProvider, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.props.locale) {
@@ -87,8 +85,7 @@ export var I18nProvider = /*#__PURE__*/function (_React$Component) {
       if (prevProps.locale !== this.props.locale) {
         this.loadTranslations(this.props.locale, 'shared', true);
       }
-
-      if (!this.state.translations.equals(prevState.translations) && this.state.translations.get(this.props.locale) && bundle.config) {
+      if (!this.state.translations.equals(prevState.translations) && this.state.translations.get(this.props.locale) && _helpers.bundle.config) {
         this.populateBundleTranslations(this.props.locale);
       }
     }
@@ -96,7 +93,7 @@ export var I18nProvider = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       if (this.state.translations) {
-        return /*#__PURE__*/React.createElement(I18nContext.Provider, {
+        return /*#__PURE__*/_react["default"].createElement(_I18nContext.I18nContext.Provider, {
           value: {
             context: this.props.context || 'shared',
             locale: this.props.locale || 'en',
@@ -109,6 +106,6 @@ export var I18nProvider = /*#__PURE__*/function (_React$Component) {
       }
     }
   }]);
-
   return I18nProvider;
-}(React.Component);
+}(_react["default"].Component);
+exports.I18nProvider = I18nProvider;

package/lib/components/core/i18n/Moment.js

@@ -1,95 +1,88 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-import moment from 'moment';
-import { I18nContext } from './I18nContext';
+"use strict";
+
+var _interopRequireWildcard3 = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mapStateToProps = exports.importLocale = exports.Moment = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
+var _interopRequireWildcard2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/interopRequireWildcard"));
+var _react = _interopRequireWildcard3(require("react"));
+var _reactRedux = require("react-redux");
+var _moment = _interopRequireDefault(require("moment"));
+var _I18nContext = require("./I18nContext");
 var TIME_AGO_INTERVAL = 10000;
-
 var mapJavaLocalesToISO639 = function mapJavaLocalesToISO639(locale) {
   switch (locale) {
     case 'in':
     case 'in-ID':
       return 'id';
-
     case 'iw':
     case 'iw-IL':
       return 'he';
-
     case 'no':
     case 'no-NO':
       return 'nb';
-
     case 'no-NO-NY':
       return 'nn';
-
     case 'zh':
     case 'zh-SG':
       return 'zh-cn';
-
     default:
       return locale;
   }
 };
-
-export var importLocale = function importLocale(locale, success) {
+var importLocale = function importLocale(locale, success) {
   var code = mapJavaLocalesToISO639(locale);
-
   if (!code || code === 'en') {
-    moment.locale(code);
-
+    _moment["default"].locale(code);
     if (typeof success === 'function') {
       success();
     }
   } else {
-    import("moment/locale/".concat(code))["catch"](function (error) {
+    Promise.resolve("moment/locale/".concat(code)).then(function (s) {
+      return (0, _interopRequireWildcard2["default"])(require(s));
+    })["catch"](function (error) {
       var localeAncestor = code.match(/(.+)-..$/);
-
       if (localeAncestor && localeAncestor[1]) {
         importLocale(localeAncestor[1], success);
       } else {
         console.warn('Locale could not be found.', error);
       }
     }).then(function () {
-      moment.locale(code);
-
+      _moment["default"].locale(code);
       if (typeof success === 'function') {
         success();
       }
     });
   }
 };
-
+exports.importLocale = importLocale;
 var MomentComponent = /*#__PURE__*/function (_Component) {
-  _inherits(MomentComponent, _Component);
-
-  var _super = _createSuper(MomentComponent);
-
+  (0, _inherits2["default"])(MomentComponent, _Component);
+  var _super = (0, _createSuper2["default"])(MomentComponent);
   function MomentComponent(props) {
     var _this;
-
-    _classCallCheck(this, MomentComponent);
-
+    (0, _classCallCheck2["default"])(this, MomentComponent);
     _this = _super.call(this, props);
     _this.state = {};
-    _this.tick = _this.tick.bind(_assertThisInitialized(_this));
+    _this.tick = _this.tick.bind((0, _assertThisInitialized2["default"])(_this));
     return _this;
   }
-
-  _createClass(MomentComponent, [{
+  (0, _createClass2["default"])(MomentComponent, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-
       importLocale(this.props.locale, function () {
         return _this2.setState({
           locale: _this2.props.locale
         });
       });
-
       if (this.props.fromNow) {
         this.interval = setInterval(this.tick, TIME_AGO_INTERVAL);
       }
@@ -98,7 +91,6 @@ var MomentComponent = /*#__PURE__*/function (_Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var _this3 = this;
-
       if (this.props.locale && this.props.locale !== prevProps.locale) {
         importLocale(this.props.locale, function () {
           return _this3.setState({
@@ -137,10 +129,8 @@ var MomentComponent = /*#__PURE__*/function (_Component) {
       }
     }
   }]);
-
   return MomentComponent;
-}(Component);
-
+}(_react.Component);
 var format = function format(locale) {
   return function (timestamp, format) {
     var formatFn = format === 'fromNow' ? function (m) {
@@ -148,29 +138,29 @@ var format = function format(locale) {
     } : function (m) {
       return m.format(format ? Moment.formats[format] || format : Moment.formats.dateTime);
     };
-
     if (locale) {
-      return formatFn(moment(timestamp).locale(locale));
+      return formatFn((0, _moment["default"])(timestamp).locale(locale));
     } else {
-      return formatFn(moment(timestamp));
+      return formatFn((0, _moment["default"])(timestamp));
     }
   };
 };
-
-export var mapStateToProps = function mapStateToProps(state) {
+var mapStateToProps = function mapStateToProps(state) {
   return {
     locale: state.app.config.locale
   };
 };
-export var Moment = function Moment(props) {
-  return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, function (_ref) {
+exports.mapStateToProps = mapStateToProps;
+var Moment = function Moment(props) {
+  return /*#__PURE__*/_react["default"].createElement(_I18nContext.I18nContext.Consumer, null, function (_ref) {
     var locale = _ref.locale;
-    return /*#__PURE__*/React.createElement(MomentComponent, Object.assign({
+    return /*#__PURE__*/_react["default"].createElement(MomentComponent, Object.assign({
       locale: locale
     }, props));
   });
 };
-connect(mapStateToProps)(MomentComponent);
+exports.Moment = Moment;
+(0, _reactRedux.connect)(mapStateToProps)(MomentComponent);
 Moment.formats = {
   time: 'LT',
   timeWithSeconds: 'LTS',