ywana-core8 0.0.880 → 0.0.882

package/dist/index.cjs

@@ -208,15 +208,18 @@ var TEXTFORMATS = {
   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) {
@@ -233,7 +236,23 @@ var Text = function Text(_ref) {
       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);
+  }
 };
 
 /**
@@ -421,7 +440,7 @@ var Button = function Button(_ref) {
     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));
 };
 
 /**
@@ -1273,7 +1292,7 @@ var Content = /*#__PURE__*/function () {
  * 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,
@@ -1318,7 +1337,7 @@ var TextField = function TextField(props) {
   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
@@ -1389,7 +1408,7 @@ var TextArea = function TextArea(props) {
   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
@@ -3778,6 +3797,12 @@ var SiteProvider = function SiteProvider(_ref) {
     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,