ywana-core8 0.0.859 → 0.0.861

package/dist/index.umd.js

@@ -972,7 +972,7 @@
         setOpen(open);
       }, [open]);
       var toggle = function toggle() {
-        setOpen(!open);
+        setOpen(!isOpen);
       };
       return /*#__PURE__*/React__default["default"].createElement("section", {
         className: "section " + className
@@ -1265,7 +1265,7 @@
      * Text Field
      */
     var TextField = function TextField(props) {
-      var site = React.useContext(SiteContext);
+      React.useContext(SiteContext);
       var id = props.id,
         _props$type = props.type,
         type = _props$type === void 0 ? 'text' : _props$type,
@@ -1282,6 +1282,7 @@
         onChange = props.onChange,
         onEnter = props.onEnter,
         onClick = props.onClick,
+        onFocus = props.onFocus,
         onBlur = props.onBlur;
       function onKeyPress(event) {
         var key = event.charCode ? event.charCode : event.keyCode ? event.keyCode : 0;
@@ -1296,13 +1297,7 @@
         if (onChange) onChange(id, value);
       }
       function focus() {
-        if (site && site.changeFocus) {
-          site.changeFocus({
-            lose: function lose() {
-              // DO NOTHING
-            }
-          });
-        }
+        if (onFocus) onFocus();
       }
       function blur() {
         if (onBlur) onBlur();
@@ -2008,6 +2003,16 @@
                 day: 'second'
               });
               break;
+            case FORMATS$1.DATETIME:
+              text = new Date(text).toLocaleString(locale, {
+                year: 'numeric',
+                month: 'numeric',
+                day: 'numeric',
+                hour: 'numeric',
+                minute: 'numeric',
+                second: 'numeric'
+              });
+              break;
           }
         }
         return /*#__PURE__*/React__default["default"].createElement("td", {
@@ -2388,6 +2393,21 @@
         className: "react-switch"
       }));
     };
+    var Switch2 = function Switch2(props) {
+      var checked = props.checked,
+        onChange = props.onChange;
+      function toggle() {
+        onChange(!checked);
+      }
+      var icon = checked ? "toggle_on" : "toggle_off";
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "switch"
+      }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+        icon: icon,
+        clickable: true,
+        action: toggle
+      }));
+    };
 
     /**
      * Thumbnail
@@ -3691,23 +3711,11 @@
       var _useState12 = React.useState(),
         breadcrumb = _useState12[0],
         setBreadcrumb = _useState12[1];
-      var _useState13 = React.useState(),
-        focused = _useState13[0],
-        setFocused = _useState13[1];
       var value = {
         lang: lang,
         setLang: setLang,
         dictionary: dictionary,
         setDictionary: setDictionary,
-        focused: focused,
-        changeFocus: function changeFocus(next) {
-          if (focused) focused.lose();
-          setFocused(next);
-        },
-        clearFocus: function clearFocus() {
-          if (focused) focused.lose();
-          setFocused(null);
-        },
         sideNav: sideNav,
         setSideNav: setSideNav,
         showNav: showNav,
@@ -10461,6 +10469,7 @@
       DATE: 'date',
       DATERANGE: 'DATERANGE',
       TIME: 'time',
+      DATETIME: 'datetime',
       EMAIL: 'email',
       HTML: 'HTML',
       URL: 'URL',
@@ -10498,7 +10507,7 @@
         var id = field.id;
         var value = values[id] || field["default"];
         return /*#__PURE__*/React__default["default"].createElement(DynamicFormField, {
-          key: id + "_" + value,
+          key: id,
           field: field,
           value: value,
           onChange: change
@@ -10879,6 +10888,7 @@
     exports.SiteProvider = SiteProvider;
     exports.Stack = Stack;
     exports.Switch = Switch;
+    exports.Switch2 = Switch2;
     exports.TASK_STATES = TASK_STATES;
     exports.TEXTFORMATS = TEXTFORMATS;
     exports.TYPES = TYPES$1;