ywana-core8 0.0.645 → 0.0.647

package/dist/index.umd.js

@@ -1336,7 +1336,7 @@
     var style = labelStyle + " " + borderStyle + " textfield-" + type;
     var labelTxt = /*#__PURE__*/React__default["default"].createElement(Text, null, label);
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "" + style,
+      className: style + " " + id,
       onClick: onClick
     }, /*#__PURE__*/React__default["default"].createElement("input", {
       id: id,
@@ -1716,16 +1716,14 @@
         key: id,
         rowSpan: rowspan,
         colSpan: colspan
-      }, /*#__PURE__*/React__default["default"].createElement("div", null, id === "checked" ? /*#__PURE__*/React__default["default"].createElement(CheckBox, {
+      }, /*#__PURE__*/React__default["default"].createElement("div", null, id === "checked" && onCheckAll ? /*#__PURE__*/React__default["default"].createElement(CheckBox, {
         onChange: checkAll,
         value: allChecked
       }) : /*#__PURE__*/React__default["default"].createElement(Text, {
         key: "th_" + id
-      }, label), sortable ? /*#__PURE__*/React__default["default"].createElement(Icon, {
-        icon: "expand_less",
-        size: "small",
-        clickable: true,
-        action: function action() {
+      }, label), sortable ? /*#__PURE__*/React__default["default"].createElement(SortIcon, {
+        sortDir: sortDir[id],
+        onChange: function onChange() {
           return changeSort(id);
         }
       }) : null));
@@ -1775,7 +1773,9 @@
         editable = props.editable,
         _props$expanded2 = props.expanded,
         expanded = _props$expanded2 === void 0 ? false : _props$expanded2;
-    var className = row.className;
+    var _row$selected = row.selected,
+        selected = _row$selected === void 0 ? false : _row$selected,
+        className = row.className;
 
     var _useState3 = React.useState(expanded),
         isInfoOpen = _useState3[0],
@@ -1783,6 +1783,7 @@
 
     var infoIcon = isInfoOpen ? 'expand_more' : 'expand_less';
     var style = isInfoOpen ? "expanded" : "";
+    if (selected) style += " selected";
     return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement("tr", {
       className: style + " " + className,
       onClick: function onClick(ev) {
@@ -2146,6 +2147,22 @@
       onChange: change
     }));
   };
+  /**
+   * Sort Icon
+   */
+
+  var SortIcon = function SortIcon(props) {
+    var sortDir = props.sortDir,
+        onChange = props.onChange;
+    console.log("sortDir", sortDir);
+    var icon = sortDir ? sortDir > 0 ? "arrow_upward" : "arrow_downward" : "swap_vert";
+    return /*#__PURE__*/React__default["default"].createElement(Icon, {
+      icon: icon,
+      size: "small",
+      clickable: true,
+      action: onChange
+    });
+  };
 
   /**
    * Token Field