ywana-core8 0.0.877 → 0.0.878

package/dist/index.modern.js

@@ -1,5 +1,5 @@
 import 'material-design-icons-iconfont/dist/material-design-icons.css';
-import React, { useState, useEffect, useContext, Fragment, useRef, useMemo, useCallback, Children } from 'react';
+import React, { useContext, useState, useEffect, Fragment, useRef, useMemo, useCallback, Children } from 'react';
 import RSwitch from 'react-switch';
 import moment$1 from 'moment';
 import { extendMoment } from 'moment-range';
@@ -187,6 +187,49 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+/**
+ * Site Context
+ */
+var SiteContext = React.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 = 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.createElement("span", {
+    className: className
+  }, value) : '';
+};
+
 /**
  * Tooltip
  */
@@ -206,7 +249,7 @@ var Tooltip = function Tooltip(props) {
   }, /*#__PURE__*/React.createElement("span", {
     className: "tooltip-text",
     style: style
-  }, text), props.children);
+  }, /*#__PURE__*/React.createElement(Text, null, text)), props.children);
 };
 
 /**
@@ -343,49 +386,6 @@ var AccordionSection = function AccordionSection(props) {
   })), open ? /*#__PURE__*/React.createElement("main", null, children) : '');
 };
 
-/**
- * Site Context
- */
-var SiteContext = React.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 = 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.createElement("span", {
-    className: className
-  }, value) : '';
-};
-
 /**
  * HTML Button
  */
@@ -434,13 +434,14 @@ var CheckBox = function CheckBox(props) {
     if (onChange) onChange(id, value);
   }
   var labelTxt = /*#__PURE__*/React.createElement(Text, null, label);
+  var placeholderTxt = /*#__PURE__*/React.createElement(Text, null, placeholder);
   return value === true ? /*#__PURE__*/React.createElement("div", {
     className: "checkbox",
     key: id + "1"
   }, /*#__PURE__*/React.createElement("input", {
     id: id,
     type: "checkbox",
-    placeholder: placeholder,
+    placeholder: placeholderTxt,
     checked: true,
     value: value,
     onChange: change
@@ -454,7 +455,7 @@ var CheckBox = function CheckBox(props) {
   }, /*#__PURE__*/React.createElement("input", {
     id: id,
     type: "checkbox",
-    placeholder: placeholder,
+    placeholder: placeholderTxt,
     value: value,
     onChange: change
   }), /*#__PURE__*/React.createElement("span", {
@@ -904,7 +905,7 @@ var Property = function Property(props) {
     className: "property property-" + id + " " + className
   }, /*#__PURE__*/React.createElement("div", {
     className: "property-name"
-  }, name || label), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(Text, null, name || label)), /*#__PURE__*/React.createElement("div", {
     className: "property-value"
   }, editable ? /*#__PURE__*/React.createElement("input", {
     type: "text",
@@ -1311,13 +1312,14 @@ var TextField = function TextField(props) {
   var labelPositionStyle = labelPosition == 'left' ? "label-left" : "label-top";
   var style = labelStyle + " " + labelPositionStyle + " " + borderStyle + " textfield-" + type;
   var labelTxt = /*#__PURE__*/React.createElement(Text, null, label);
+  var placeholderTxt = /*#__PURE__*/React.createElement(Text, null, placeholder);
   return /*#__PURE__*/React.createElement("div", {
     className: style + " " + id,
     onClick: onClick
   }, /*#__PURE__*/React.createElement("input", {
     id: id,
     type: type,
-    placeholder: placeholder,
+    placeholder: placeholderTxt,
     value: value,
     required: true,
     onChange: change,
@@ -1381,12 +1383,13 @@ var TextArea = function TextArea(props) {
   var labelStyle = label ? "" : "no-label";
   var style = "textarea " + labelStyle + " textarea-" + type;
   var labelTxt = /*#__PURE__*/React.createElement(Text, null, label);
+  var placeholderTxt = /*#__PURE__*/React.createElement(Text, null, placeholder);
   return /*#__PURE__*/React.createElement("div", {
     className: "" + style,
     onClick: onClick
   }, /*#__PURE__*/React.createElement("textarea", {
     id: id,
-    placeholder: placeholder,
+    placeholder: placeholderTxt,
     value: value,
     required: true,
     onChange: change,
@@ -1544,9 +1547,10 @@ var DateRange = function DateRange(props) {
     var next = Object.assign({}, form, (_Object$assign = {}, _Object$assign[id] = value, _Object$assign));
     setForm(next);
   }
+  var labelTxt = label ? /*#__PURE__*/React.createElement(Text, null, label) : null;
   return /*#__PURE__*/React.createElement("div", {
     className: "date-range"
-  }, label ? /*#__PURE__*/React.createElement("label", null, label) : null, /*#__PURE__*/React.createElement(TextField, {
+  }, label ? /*#__PURE__*/React.createElement("label", null, labelTxt) : null, /*#__PURE__*/React.createElement(TextField, {
     id: "from",
     type: "date",
     label: "From",
@@ -1571,12 +1575,13 @@ var PasswordField = function PasswordField(props) {
   function toggle() {
     setShow(!show);
   }
+  var labelTxt = label ? /*#__PURE__*/React.createElement(Text, null, label) : null;
   return /*#__PURE__*/React.createElement("div", {
     className: "password-field"
   }, /*#__PURE__*/React.createElement(TextField, {
     id: id,
     type: show ? "text" : "password",
-    label: label,
+    label: labelTxt,
     value: value,
     onChange: onChange
   }), /*#__PURE__*/React.createElement(Icon, {
@@ -4946,7 +4951,7 @@ var TaskMonitor = function TaskMonitor(props) {
     }).map(function (task) {
       return {
         id: task.id,
-        state: task.state,
+        state: /*#__PURE__*/React.createElement(Text, null, task.state),
         description: task.description,
         progress: /*#__PURE__*/React.createElement(LinearProgress, {
           progress: task.percentage