ywana-core8 0.0.244 → 0.0.248

package/dist/index.umd.js

@@ -208,13 +208,25 @@
 
   var SiteContext = React__default["default"].createContext({});
 
+  var TEXTFORMATS = {
+    NONE: '',
+    NUMERIC: 'numeric',
+    DATE: 'date',
+    TIME: 'time',
+    EMAIL: 'email',
+    HTML: 'HTML',
+    URL: 'URL'
+  };
   /**
    * Text
    */
 
   var Text$1 = function Text(_ref) {
-    var children = _ref.children;
+    var format = _ref.format,
+        children = _ref.children;
     var site = React.useContext(SiteContext);
+    console.log('xxx', format, site);
+    var value = children;
 
     if (site) {
       var lang = site.lang,
@@ -222,10 +234,18 @@
           dictionary = _site$dictionary === void 0 ? {} : _site$dictionary;
       var term = dictionary[children];
       var text = term ? term[lang] : children;
-      return text ? /*#__PURE__*/React__default["default"].createElement("span", null, text) : '';
+      if (text) value = text;
+    }
+
+    var formatter = Intl.NumberFormat();
+
+    switch (format) {
+      case FORMATS.NUMERIC:
+        value = formatter.format(children);
+        break;
     }
 
-    return children ? /*#__PURE__*/React__default["default"].createElement("span", null, children) : '';
+    return children ? /*#__PURE__*/React__default["default"].createElement("span", null, value) : '';
   };
 
   /**
@@ -1034,8 +1054,8 @@
         options = _props$options === void 0 ? [] : _props$options,
         value = props.value,
         onChange = props.onChange,
-        _props$canFilter = props.canFilter,
-        canFilter = _props$canFilter === void 0 ? false : _props$canFilter,
+        _props$predictive = props.predictive,
+        predictive = _props$predictive === void 0 ? false : _props$predictive,
         _props$readOnly3 = props.readOnly,
         readOnly = _props$readOnly3 === void 0 ? false : _props$readOnly3;
 
@@ -1060,7 +1080,7 @@
     }, [value]);
 
     function change(id, value) {
-      if (canFilter) {
+      if (predictive) {
         setLabel(value);
       } else {
         if (onChange) onChange(id, value);
@@ -1093,7 +1113,7 @@
       var canShow = open == true && Array.isArray(options);
 
       if (canShow) {
-        var filterActive = canFilter === true && label && label.length > 0;
+        var filterActive = predictive === true && label && label.length > 0;
         var items = filterActive ? options.filter(function (option) {
           return option.label.toUpperCase().indexOf(label.toUpperCase()) >= 0;
         }) : options;
@@ -1111,6 +1131,7 @@
       }
     }
 
+    console.log('dropdown', id, 'predictive', predictive);
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "dropdown"
     }, /*#__PURE__*/React__default["default"].createElement(TextField, _extends({}, props, {
@@ -1140,7 +1161,7 @@
    * FORMATS
    */
 
-  var FORMATS = {
+  var FORMATS$1 = {
     NONE: '',
     DATE: 'date',
     TIME: 'time',
@@ -1733,7 +1754,7 @@
     var locale = window.navigator.userLanguage || window.navigator.language;
 
     switch (format) {
-      case FORMATS.DATE:
+      case FORMATS$1.DATE:
         text = new Date(text).toLocaleString(locale, {
           year: 'numeric',
           month: 'numeric',
@@ -1741,7 +1762,7 @@
         });
         break;
 
-      case FORMATS.TIME:
+      case FORMATS$1.TIME:
         text = new Date(text).toLocaleString(locale, {
           year: 'hour',
           month: 'minute',
@@ -3447,7 +3468,7 @@
 
     function renderFormat(format, options) {
       switch (format) {
-        case FORMATS.HTML:
+        case FORMATS$1.HTML:
           return /*#__PURE__*/React__default["default"].createElement(Editor, {
             id: id,
             value: value,
@@ -3455,7 +3476,7 @@
             content: content
           });
 
-        case FORMATS.DATE:
+        case FORMATS$1.DATE:
           return /*#__PURE__*/React__default["default"].createElement(TextField, {
             outlined: outlined,
             id: id,
@@ -3475,7 +3496,7 @@
             onChange: change,
             options: buildOptions(),
             readOnly: !editable,
-            canFilter: predictive
+            predictive: predictive
           }) : /*#__PURE__*/React__default["default"].createElement(TextField, {
             outlined: outlined,
             id: id,
@@ -5788,7 +5809,7 @@
   exports.Dialog = Dialog;
   exports.DropDown = DropDown;
   exports.EditContentDialog = EditContentDialog;
-  exports.FORMATS = FORMATS;
+  exports.FORMATS = FORMATS$1;
   exports.FieldEditor = FieldEditor;
   exports.Form = Form;
   exports.HTTPClient = HTTPClient;
@@ -5819,6 +5840,7 @@
   exports.SiteProvider = SiteProvider;
   exports.Stack = Stack;
   exports.Switch = Switch;
+  exports.TEXTFORMATS = TEXTFORMATS;
   exports.TYPES = TYPES;
   exports.Tab = Tab;
   exports.TabbedContentEditor = TabbedContentEditor;