ywana-core8 0.0.645 → 0.0.647

package/dist/index.cjs

@@ -1342,7 +1342,7 @@ var TextField = function TextField(props) {
   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,
@@ -1722,16 +1722,14 @@ var DataTable = function DataTable(props) {
       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));
@@ -1781,7 +1779,9 @@ var DataTableRow = function DataTableRow(props) {
       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],
@@ -1789,6 +1789,7 @@ var DataTableRow = function DataTableRow(props) {
 
   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) {
@@ -2152,6 +2153,22 @@ var StringCellEditor = function StringCellEditor(_ref8) {
     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