ywana-core8 0.0.877 → 0.0.879

package/dist/index.umd.js

@@ -189,6 +189,46 @@
       return _extends.apply(this, arguments);
     }
 
+    /**
+     * Site Context
+     */
+    var SiteContext = React__default["default"].createContext({});
+
+    var TEXTFORMATS = {
+      NONE: '',
+      NUMERIC: 'numeric',
+      DATE: 'date',
+      TIME: 'time',
+      EMAIL: 'email',
+      HTML: 'HTML',
+      URL: 'URL'
+    };
+
+    /**
+     * Text
+     */
+    var Text = function Text(_ref) {
+      var format = _ref.format,
+        children = _ref.children;
+      var site = React.useContext(SiteContext);
+      var value = children;
+      if (site) {
+        var lang = site.lang,
+          _site$dictionary = site.dictionary,
+          dictionary = _site$dictionary === void 0 ? {} : _site$dictionary;
+        var term = dictionary[children];
+        var text = term ? term[lang] : children;
+        if (text) value = text;
+      }
+      var formatter = Intl.NumberFormat();
+      switch (format) {
+        case TEXTFORMATS.NUMERIC:
+          value = formatter.format(children);
+          break;
+      }
+      return children ? value : '';
+    };
+
     /**
      * Tooltip
      */
@@ -208,7 +248,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("span", {
         className: "tooltip-text",
         style: style
-      }, text), props.children);
+      }, /*#__PURE__*/React__default["default"].createElement(Text, null, text)), props.children);
     };
 
     /**
@@ -345,49 +385,6 @@
       })), open ? /*#__PURE__*/React__default["default"].createElement("main", null, children) : '');
     };
 
-    /**
-     * Site Context
-     */
-    var SiteContext = React__default["default"].createContext({});
-
-    var TEXTFORMATS = {
-      NONE: '',
-      NUMERIC: 'numeric',
-      DATE: 'date',
-      TIME: 'time',
-      EMAIL: 'email',
-      HTML: 'HTML',
-      URL: 'URL'
-    };
-
-    /**
-     * Text
-     */
-    var Text = function Text(_ref) {
-      var format = _ref.format,
-        children = _ref.children,
-        className = _ref.className;
-      var site = React.useContext(SiteContext);
-      var value = children;
-      if (site) {
-        var lang = site.lang,
-          _site$dictionary = site.dictionary,
-          dictionary = _site$dictionary === void 0 ? {} : _site$dictionary;
-        var term = dictionary[children];
-        var text = term ? term[lang] : children;
-        if (text) value = text;
-      }
-      var formatter = Intl.NumberFormat();
-      switch (format) {
-        case TEXTFORMATS.NUMERIC:
-          value = formatter.format(children);
-          break;
-      }
-      return children ? /*#__PURE__*/React__default["default"].createElement("span", {
-        className: className
-      }, value) : '';
-    };
-
     /**
      * HTML Button
      */
@@ -436,13 +433,14 @@
         if (onChange) onChange(id, value);
       }
       var labelTxt = /*#__PURE__*/React__default["default"].createElement(Text, null, label);
+      var placeholderTxt = /*#__PURE__*/React__default["default"].createElement(Text, null, placeholder);
       return value === true ? /*#__PURE__*/React__default["default"].createElement("div", {
         className: "checkbox",
         key: id + "1"
       }, /*#__PURE__*/React__default["default"].createElement("input", {
         id: id,
         type: "checkbox",
-        placeholder: placeholder,
+        placeholder: placeholderTxt,
         checked: true,
         value: value,
         onChange: change
@@ -456,7 +454,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("input", {
         id: id,
         type: "checkbox",
-        placeholder: placeholder,
+        placeholder: placeholderTxt,
         value: value,
         onChange: change
       }), /*#__PURE__*/React__default["default"].createElement("span", {
@@ -906,7 +904,7 @@
         className: "property property-" + id + " " + className
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "property-name"
-      }, name || label), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement(Text, null, name || label)), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "property-value"
       }, editable ? /*#__PURE__*/React__default["default"].createElement("input", {
         type: "text",
@@ -1313,13 +1311,14 @@
       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;
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: style + " " + id,
         onClick: onClick
       }, /*#__PURE__*/React__default["default"].createElement("input", {
         id: id,
         type: type,
-        placeholder: placeholder,
+        placeholder: placeholderTxt,
         value: value,
         required: true,
         onChange: change,
@@ -1383,12 +1382,13 @@
       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);
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "" + style,
         onClick: onClick
       }, /*#__PURE__*/React__default["default"].createElement("textarea", {
         id: id,
-        placeholder: placeholder,
+        placeholder: placeholderTxt,
         value: value,
         required: true,
         onChange: change,
@@ -1546,9 +1546,10 @@
         var next = Object.assign({}, form, (_Object$assign = {}, _Object$assign[id] = value, _Object$assign));
         setForm(next);
       }
+      var labelTxt = label ? /*#__PURE__*/React__default["default"].createElement(Text, null, label) : null;
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "date-range"
-      }, label ? /*#__PURE__*/React__default["default"].createElement("label", null, label) : null, /*#__PURE__*/React__default["default"].createElement(TextField, {
+      }, label ? /*#__PURE__*/React__default["default"].createElement("label", null, labelTxt) : null, /*#__PURE__*/React__default["default"].createElement(TextField, {
         id: "from",
         type: "date",
         label: "From",
@@ -1573,12 +1574,13 @@
       function toggle() {
         setShow(!show);
       }
+      var labelTxt = label ? /*#__PURE__*/React__default["default"].createElement(Text, null, label) : null;
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "password-field"
       }, /*#__PURE__*/React__default["default"].createElement(TextField, {
         id: id,
         type: show ? "text" : "password",
-        label: label,
+        label: labelTxt,
         value: value,
         onChange: onChange
       }), /*#__PURE__*/React__default["default"].createElement(Icon, {
@@ -4948,7 +4950,7 @@
         }).map(function (task) {
           return {
             id: task.id,
-            state: task.state,
+            state: /*#__PURE__*/React__default["default"].createElement(Text, null, task.state),
             description: task.description,
             progress: /*#__PURE__*/React__default["default"].createElement(LinearProgress, {
               progress: task.percentage