ywana-core8 0.0.244 → 0.0.248

package/dist/index.modern.js

@@ -205,13 +205,25 @@ var Button$1 = function Button(_ref) {
 
 var SiteContext = React.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 = useContext(SiteContext);
+  console.log('xxx', format, site);
+  var value = children;
 
   if (site) {
     var lang = site.lang,
@@ -219,10 +231,18 @@ var Text$1 = function Text(_ref) {
         dictionary = _site$dictionary === void 0 ? {} : _site$dictionary;
     var term = dictionary[children];
     var text = term ? term[lang] : children;
-    return text ? /*#__PURE__*/React.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.createElement("span", null, children) : '';
+  return children ? /*#__PURE__*/React.createElement("span", null, value) : '';
 };
 
 /**
@@ -1031,8 +1051,8 @@ var DropDown = function DropDown(props) {
       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;
 
@@ -1057,7 +1077,7 @@ var DropDown = function DropDown(props) {
   }, [value]);
 
   function change(id, value) {
-    if (canFilter) {
+    if (predictive) {
       setLabel(value);
     } else {
       if (onChange) onChange(id, value);
@@ -1090,7 +1110,7 @@ var DropDown = function DropDown(props) {
     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;
@@ -1108,6 +1128,7 @@ var DropDown = function DropDown(props) {
     }
   }
 
+  console.log('dropdown', id, 'predictive', predictive);
   return /*#__PURE__*/React.createElement("div", {
     className: "dropdown"
   }, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
@@ -1137,7 +1158,7 @@ var TYPES = {
  * FORMATS
  */
 
-var FORMATS = {
+var FORMATS$1 = {
   NONE: '',
   DATE: 'date',
   TIME: 'time',
@@ -1730,7 +1751,7 @@ var StringCellViewer = function StringCellViewer(_ref7) {
   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',
@@ -1738,7 +1759,7 @@ var StringCellViewer = function StringCellViewer(_ref7) {
       });
       break;
 
-    case FORMATS.TIME:
+    case FORMATS$1.TIME:
       text = new Date(text).toLocaleString(locale, {
         year: 'hour',
         month: 'minute',
@@ -3444,7 +3465,7 @@ var StringEditor = function StringEditor(_ref6) {
 
   function renderFormat(format, options) {
     switch (format) {
-      case FORMATS.HTML:
+      case FORMATS$1.HTML:
         return /*#__PURE__*/React.createElement(Editor, {
           id: id,
           value: value,
@@ -3452,7 +3473,7 @@ var StringEditor = function StringEditor(_ref6) {
           content: content
         });
 
-      case FORMATS.DATE:
+      case FORMATS$1.DATE:
         return /*#__PURE__*/React.createElement(TextField, {
           outlined: outlined,
           id: id,
@@ -3472,7 +3493,7 @@ var StringEditor = function StringEditor(_ref6) {
           onChange: change,
           options: buildOptions(),
           readOnly: !editable,
-          canFilter: predictive
+          predictive: predictive
         }) : /*#__PURE__*/React.createElement(TextField, {
           outlined: outlined,
           id: id,
@@ -5768,5 +5789,5 @@ var isFunction = function isFunction(value) {
   return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
 };
 
-export { Avatar, Button$1 as Button, CheckBox, Chip, Chips, CircularProgress, CollectionContext, CollectionEditor$1 as CollectionEditor, CollectionPage, Content, ContentEditor, ContentForm, CreateContentDialog$1 as CreateContentDialog, DataTable, Dialog, DropDown, EditContentDialog, FORMATS, FieldEditor, Form, HTTPClient, Header, Icon, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, Page, PageContext, PageProvider, Planner, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, TYPES, Tab, TabbedContentEditor, TablePage, Tabs, Text$1 as Text, TextArea, TextField, Thumbnail, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadButton, UploadDialog, UploadFile, Uploader, Viewer, WaitScreen, isFunction };
+export { Avatar, Button$1 as Button, CheckBox, Chip, Chips, CircularProgress, CollectionContext, CollectionEditor$1 as CollectionEditor, CollectionPage, Content, ContentEditor, ContentForm, CreateContentDialog$1 as CreateContentDialog, DataTable, Dialog, DropDown, EditContentDialog, FORMATS$1 as FORMATS, FieldEditor, Form, HTTPClient, Header, Icon, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, Page, PageContext, PageProvider, Planner, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, TEXTFORMATS, TYPES, Tab, TabbedContentEditor, TablePage, Tabs, Text$1 as Text, TextArea, TextField, Thumbnail, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadButton, UploadDialog, UploadFile, Uploader, Viewer, WaitScreen, isFunction };
 //# sourceMappingURL=index.modern.js.map