px-react-ui-components 1.0.21 → 1.0.23

package/dist/components/MyInput/MyInput.js

@@ -170,30 +170,48 @@ function MyInput({
           break;
       }
     }
+    e.target.value = myValue;
+    e.value = myValue;
     if (onBlur != null) onBlur(e);
   };
   const onMyFocus = e => {
+    e.target.value = myValue;
+    e.value = myValue;
     if (onFocus != null) onFocus(e);
   };
   const onMyKeyDown = e => {
+    e.target.value = myValue;
+    e.value = myValue;
     if (onKeyDown != null) onKeyDown(e);
   };
   const onMyKeyUp = e => {
+    e.target.value = myValue;
+    e.value = myValue;
     if (onKeyUp != null) onKeyUp(e);
   };
   const onMyKeyPress = e => {
+    e.target.value = myValue;
+    e.value = myValue;
     if (onKeyPress != null) onKeyPress(e);
   };
   const onMyMouseDown = e => {
+    e.target.value = myValue;
+    e.value = myValue;
     if (onMouseDown != null) onMouseDown(e);
   };
   const onMyMouseUp = e => {
+    e.target.value = myValue;
+    e.value = myValue;
     if (onMouseUp != null) onMouseUp(e);
   };
   const onMyMouseEnter = e => {
+    e.target.value = myValue;
+    e.value = myValue;
     if (onMouseEnter != null) onMouseEnter(e);
   };
   const onMyMouseLeave = e => {
+    e.target.value = myValue;
+    e.value = myValue;
     if (onMouseLeave != null) onMouseLeave(e);
   };
   const onRemoveImageClick = e => {

package/dist/components/MyTable/MyTable.js

@@ -170,7 +170,10 @@ function MyTable({
                         ${isSorted ? _MyTableModule.default[`sort-${sortDirection}`] : ""}
                         `,
       style: style,
-      children: column.title
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${_MyTableModule.default.thContainer}`,
+        children: column.title
+      })
     }, "head" + column.key + btoa(Math.random().toString(36).substr(2, 9)));
   };
 
@@ -194,7 +197,7 @@ function MyTable({
       style: column.tdStyle,
       className: `${_MyTableModule.default.td} ${column.tdClassName && column.tdClassName || ""}`,
       "data-row-index": index,
-      children: typeof content === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: typeof content === "string" ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         dangerouslySetInnerHTML: {
           __html: content
         }

package/dist/components/MyTable/MyTable.module.css

@@ -39,7 +39,7 @@
   font-size: 13px;
   font-weight: 300;
 }
-.rowsCount span{
+.rowsCount span {
   font-weight: 500;
 }
 
@@ -73,7 +73,7 @@
 
 .myTable {
   width: 100%;
-  height: 100% ;
+  height: 100%;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   scrollbar-width: thin;
@@ -113,6 +113,13 @@
   border-right: 1px solid #bdc7d4 !important;
 }
 
+.thContainer {
+  display: block;
+  width: 100%;
+  max-height: 100px;
+  overflow-y: auto;
+}
+
 .th,
 .td {
   border-collapse: collapse;
@@ -146,8 +153,6 @@
   background-color: #d6eff0;
 }
 
-
-
 .td {
   font-size: 13px;
   font-weight: normal;
@@ -257,7 +262,7 @@
 }
 
 .sortable:after {
-  content: '↕';
+  content: "↕";
   position: absolute;
   right: 8px;
   top: 50%;
@@ -266,12 +271,12 @@
 }
 
 .sort-asc:after {
-  content: '↑';
+  content: "↑";
   opacity: 1;
 }
 
 .sort-desc:after {
-  content: '↓';
+  content: "↓";
   opacity: 1;
 }
 
@@ -290,7 +295,8 @@
     font-size: 12px;
   }
 
-  .th, .td {
+  .th,
+  .td {
     min-width: 40px !important;
   }
 }
@@ -330,7 +336,8 @@
     padding: 0 2px;
   }
 
-  .th, .td {
+  .th,
+  .td {
     min-width: 60px;
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "px-react-ui-components",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "type": "commonjs",