ywana-core8 0.0.880 → 0.0.882

package/dist/index.umd.js

@@ -201,15 +201,18 @@
       TIME: 'time',
       EMAIL: 'email',
       HTML: 'HTML',
-      URL: 'URL'
+      URL: 'URL',
+      STRING: 'string'
     };
 
     /**
      * Text
      */
     var Text = function Text(_ref) {
-      var format = _ref.format,
-        children = _ref.children;
+      var _ref$format = _ref.format,
+        format = _ref$format === void 0 ? TEXTFORMATS.HTML : _ref$format,
+        children = _ref.children,
+        className = _ref.className;
       var site = React.useContext(SiteContext);
       var value = children;
       if (site) {
@@ -226,7 +229,23 @@
           value = formatter.format(children);
           break;
       }
-      return children ? value : '';
+      switch (format) {
+        case TEXTFORMATS.DATE:
+          value = new Date(children).toLocaleDateString();
+          break;
+        case TEXTFORMATS.TIME:
+          value = new Date(children).toLocaleTimeString();
+          break;
+      }
+      if (!children) return '';
+      switch (format) {
+        case TEXTFORMATS.STRING:
+          return value;
+        default:
+          return /*#__PURE__*/React__default["default"].createElement("span", {
+            className: className
+          }, value);
+      }
     };
 
     /**
@@ -414,7 +433,7 @@
         size: "small",
         clickable: true,
         action: click
-      }) : null, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(Text, null, label)));
+      }) : null, /*#__PURE__*/React__default["default"].createElement(Text, null, label));
     };
 
     /**
@@ -1266,7 +1285,7 @@
      * Text Field
      */
     var TextField = function TextField(props) {
-      React.useContext(SiteContext);
+      var site = React.useContext(SiteContext);
       var id = props.id,
         _props$type = props.type,
         type = _props$type === void 0 ? 'text' : _props$type,
@@ -1311,7 +1330,7 @@
       var labelPositionStyle = labelPosition == 'left' ? "label-left" : "label-top";
       var style = labelStyle + " " + labelPositionStyle + " " + borderStyle + " textfield-" + type;
       var labelTxt = /*#__PURE__*/React__default["default"].createElement(Text, null, label);
-      var placeholderTxt = placeholder ? /*#__PURE__*/React__default["default"].createElement(Text, null, placeholder) : null;
+      var placeholderTxt = site.translate ? site.translate(placeholder) : placeholder;
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: style + " " + id,
         onClick: onClick
@@ -1382,7 +1401,7 @@
       var labelStyle = label ? "" : "no-label";
       var style = "textarea " + labelStyle + " textarea-" + type;
       var labelTxt = /*#__PURE__*/React__default["default"].createElement(Text, null, label);
-      var placeholderTxt = /*#__PURE__*/React__default["default"].createElement(Text, null, placeholder);
+      var placeholderTxt = site.translate ? site.translate(placeholder) : placeholder;
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "" + style,
         onClick: onClick
@@ -3771,6 +3790,12 @@
         setLang: setLang,
         dictionary: dictionary,
         setDictionary: setDictionary,
+        translate: function translate(key) {
+          if (!key) return key;
+          if (dictionary === undefined) return key;
+          var term = dictionary[key];
+          return term ? term[lang] : key;
+        },
         sideNav: sideNav,
         setSideNav: setSideNav,
         showNav: showNav,