@dexteel/mesf-core 4.7.9 → 4.7.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/dist/index.esm.js +60 -28
  3. package/dist/index.esm.js.map +1 -1
  4. package/dist/pages/trendings/components/chart/styles/TagsTableStyles.d.ts +1 -1
  5. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,4 +1,9 @@
1
1
  # CHANGELOG
2
+ ## 4.7.11
3
+ - Trending: Fix Unit column title bug
4
+ ## 4.7.10
5
+ - Trendings: Fixes the position of autoscale and unit fields in table. Now the unit is always editable. Improve the max scale and min scale style
6
+ - Trending: Improve field styles of table (Alias/tagname, red cursor, blue cursor)
2
7
  ## 4.7.9
3
8
  - Trendings: Add distinction between public and private views in Load View popup. Also now you can Edit/Delete the views
4
9
  ## 4.7.8
package/dist/index.esm.js CHANGED
@@ -10761,6 +10761,12 @@ var useTagsTableStyles = makeStyles$1(function (theme) { return ({
10761
10761
  textOverflow: 'ellipsis',
10762
10762
  whiteSpace: 'nowrap'
10763
10763
  },
10764
+ aliasCol: {
10765
+ width: "15rem",
10766
+ overflow: 'hidden',
10767
+ textOverflow: 'ellipsis',
10768
+ whiteSpace: 'nowrap'
10769
+ },
10764
10770
  autoScale: {
10765
10771
  width: '7.5rem'
10766
10772
  },
@@ -10777,6 +10783,15 @@ var useTagsTableStyles = makeStyles$1(function (theme) { return ({
10777
10783
  unit: {
10778
10784
  width: '7.5rem'
10779
10785
  },
10786
+ numberInput: {
10787
+ '&::-webkit-inner-spin-button, &::-webkit-outer-spin-button': {
10788
+ '-webkit-appearance': 'none',
10789
+ margin: 0
10790
+ },
10791
+ '&': {
10792
+ '-moz-appearance': 'textfield'
10793
+ }
10794
+ },
10780
10795
  xStats: {
10781
10796
  // ...
10782
10797
  }
@@ -11001,7 +11016,7 @@ var TableComponent = function (_a) {
11001
11016
  React__default.createElement("thead", null,
11002
11017
  React__default.createElement("tr", null,
11003
11018
  React__default.createElement("th", { className: classes.visible }, "View:"),
11004
- React__default.createElement("th", { className: classes.inputCol }, viewSelected === null || viewSelected === void 0 ? void 0 : viewSelected.ViewName),
11019
+ React__default.createElement("th", { className: classes.aliasCol }, viewSelected === null || viewSelected === void 0 ? void 0 : viewSelected.ViewName),
11005
11020
  React__default.createElement("th", { className: classes.color }),
11006
11021
  React__default.createElement("th", { colSpan: 4, className: "".concat(classes.topTitles, " ").concat(classes.scale) }, "Scale"),
11007
11022
  React__default.createElement("th", { className: "".concat(classes.topTitles, " ").concat(classes.xStats) }, cursorData ? (function () {
@@ -11009,13 +11024,9 @@ var TableComponent = function (_a) {
11009
11024
  var formattedDate = date.toLocaleString('en-US', {
11010
11025
  hour12: false,
11011
11026
  month: 'short',
11012
- day: 'numeric',
11013
- hour: '2-digit',
11014
- minute: '2-digit',
11015
- second: '2-digit'
11027
+ day: 'numeric'
11016
11028
  });
11017
- var milliseconds = date.getMilliseconds().toString().padStart(3, '0');
11018
- var dateText = "".concat(formattedDate, ".").concat(milliseconds);
11029
+ var dateText = "".concat(formattedDate);
11019
11030
  return (React__default.createElement(React__default.Fragment, null,
11020
11031
  React__default.createElement("span", { style: {
11021
11032
  height: '10px',
@@ -11032,13 +11043,9 @@ var TableComponent = function (_a) {
11032
11043
  var formattedDate = date.toLocaleString('en-US', {
11033
11044
  hour12: false,
11034
11045
  month: 'short',
11035
- day: 'numeric',
11036
- hour: '2-digit',
11037
- minute: '2-digit',
11038
- second: '2-digit'
11046
+ day: 'numeric'
11039
11047
  });
11040
- var milliseconds = date.getMilliseconds().toString().padStart(3, '0');
11041
- var dateText = "".concat(formattedDate, ".").concat(milliseconds);
11048
+ var dateText = "".concat(formattedDate);
11042
11049
  return (React__default.createElement(React__default.Fragment, null,
11043
11050
  React__default.createElement("span", { style: {
11044
11051
  height: '10px',
@@ -11055,14 +11062,42 @@ var TableComponent = function (_a) {
11055
11062
  React__default.createElement("thead", null,
11056
11063
  React__default.createElement("tr", { className: classes.bottomTitlesRow },
11057
11064
  React__default.createElement("th", { className: classes.visible }, "Visible"),
11058
- React__default.createElement("th", { className: classes.inputCol }, "Alias / Tagname"),
11065
+ React__default.createElement("th", { className: classes.aliasCol }, "Alias / Tagname"),
11059
11066
  React__default.createElement("th", { className: classes.color }, "Color"),
11060
11067
  React__default.createElement("th", { className: classes.inputCol }, "Min Scale"),
11061
11068
  React__default.createElement("th", { className: classes.inputCol }, "Max Scale"),
11062
- React__default.createElement("th", { className: classes.unit }, "Unit"),
11063
11069
  React__default.createElement("th", { className: classes.autoScale }, "AutoScale"),
11064
- React__default.createElement("th", null, " "),
11065
- React__default.createElement("th", null),
11070
+ React__default.createElement("th", { className: classes.unit }, "Unit"),
11071
+ React__default.createElement("th", null,
11072
+ " ",
11073
+ cursorData ? (function () {
11074
+ var date = new Date(cursorData.x1);
11075
+ var formattedHour = date.toLocaleString('en-US', {
11076
+ hour12: false,
11077
+ hour: '2-digit',
11078
+ minute: '2-digit',
11079
+ second: '2-digit'
11080
+ });
11081
+ var milliseconds = date.getMilliseconds().toString().padStart(2, '0');
11082
+ var dateText = "".concat(formattedHour, ".").concat(milliseconds, " hs");
11083
+ return (React__default.createElement(React__default.Fragment, null, dateText));
11084
+ })() : null,
11085
+ " "),
11086
+ React__default.createElement("th", null,
11087
+ " ",
11088
+ cursorData ? (function () {
11089
+ var date = new Date(cursorData.x2);
11090
+ var formattedHour = date.toLocaleString('en-US', {
11091
+ hour12: false,
11092
+ hour: '2-digit',
11093
+ minute: '2-digit',
11094
+ second: '2-digit'
11095
+ });
11096
+ var milliseconds = date.getMilliseconds().toString().padStart(2, '0');
11097
+ var dateText = "".concat(formattedHour, ".").concat(milliseconds, " hs");
11098
+ return (React__default.createElement(React__default.Fragment, null, dateText));
11099
+ })() : null,
11100
+ " "),
11066
11101
  React__default.createElement("th", null, "Y2-Y1"),
11067
11102
  React__default.createElement("th", null, "Min"),
11068
11103
  React__default.createElement("th", null, "Max")))))),
@@ -11076,7 +11111,7 @@ var TableComponent = function (_a) {
11076
11111
  onContextMenu: function (e) { return handleRightClick(e, index); }, className: classes.rowHover },
11077
11112
  React__default.createElement("td", { className: "".concat(classes.visible, " ").concat(classes.checkbox) },
11078
11113
  React__default.createElement("input", { type: "checkbox", checked: tag.IsVisible, onChange: function (e) { return handleVisibilityChange(tag.TagId, e.target.checked); } })),
11079
- React__default.createElement("td", { className: classes.inputCol },
11114
+ React__default.createElement("td", { className: classes.aliasCol },
11080
11115
  React__default.createElement(Tooltip, { title: tag.TagName, placement: "top", arrow: true, interactive: true, enterDelay: 500 },
11081
11116
  React__default.createElement("div", null,
11082
11117
  React__default.createElement("input", { type: "text", style: { width: '100%' }, value: tag.Alias || tag.TagName, onFocus: function (e) { return e.target.select(); }, onChange: function (e) {
@@ -11086,7 +11121,7 @@ var TableComponent = function (_a) {
11086
11121
  React__default.createElement("td", { className: classes.color },
11087
11122
  React__default.createElement(ColorPicker, { onChange: handleColorChange, color: tag.Color, elementId: tag.TagId })),
11088
11123
  React__default.createElement("td", { className: classes.inputCol },
11089
- React__default.createElement("input", { type: "number", style: __assign({ width: '100%' }, (tag.IsAutoScale ? {
11124
+ React__default.createElement("input", { type: "number", className: classes.numberInput, style: __assign({ width: '100%' }, (tag.IsAutoScale ? {
11090
11125
  backgroundColor: 'rgba(239, 239, 239, 0.3)',
11091
11126
  color: 'rgba(84, 84, 84, 1)',
11092
11127
  border: '1px solid rgba(118, 118, 118, 0.3)'
@@ -11098,8 +11133,7 @@ var TableComponent = function (_a) {
11098
11133
  }
11099
11134
  } })),
11100
11135
  React__default.createElement("td", { className: classes.inputCol },
11101
- React__default.createElement("input", { type: "number" // Cambiado de text a number para una mejor validación de entrada
11102
- , style: __assign({ width: '100%' }, (tag.IsAutoScale ? {
11136
+ React__default.createElement("input", { type: "number", className: classes.numberInput, style: __assign({ width: '100%', WebkitAppearance: 'none' }, (tag.IsAutoScale ? {
11103
11137
  backgroundColor: 'rgba(239, 239, 239, 0.3)',
11104
11138
  color: 'rgba(84, 84, 84, 1)',
11105
11139
  border: '1px solid rgba(118, 118, 118, 0.3)'
@@ -11111,16 +11145,14 @@ var TableComponent = function (_a) {
11111
11145
  }
11112
11146
  } })),
11113
11147
  React__default.createElement("td", { className: "".concat(classes.autoScale, " ").concat(classes.checkbox) },
11114
- React__default.createElement("input", { type: "text", style: __assign({ width: '100%' }, (tag.IsAutoScale ? {
11115
- backgroundColor: 'rgba(239, 239, 239, 0.3)',
11116
- color: 'rgba(84, 84, 84, 1)',
11117
- border: '1px solid rgba(118, 118, 118, 0.3)'
11118
- } : {})), onClick: function () { return handleAbleScales(tag.TagId, tag.IsAutoScale); }, onChange: function (e) {
11148
+ React__default.createElement("input", { type: "checkbox", checked: tag.IsAutoScale, onChange: function (e) { return handleAutoScaleChange(tag.TagId, tag.IsAutoScale); } })),
11149
+ React__default.createElement("td", { className: "".concat(classes.autoScale, " ").concat(classes.checkbox) },
11150
+ React__default.createElement("input", { type: "text", style: {
11151
+ width: '100%'
11152
+ }, onClick: function () { return handleAbleScales(tag.TagId, tag.IsAutoScale); }, onChange: function (e) {
11119
11153
  var value = e.target.value;
11120
11154
  handleUnitChange(tag.TagId, value);
11121
11155
  }, value: tag.Unit, onFocus: function (e) { return e.target.select(); } })),
11122
- React__default.createElement("td", { className: "".concat(classes.autoScale, " ").concat(classes.checkbox) },
11123
- React__default.createElement("input", { type: "checkbox", checked: tag.IsAutoScale, onChange: function (e) { return handleAutoScaleChange(tag.TagId, tag.IsAutoScale); } })),
11124
11156
  React__default.createElement("td", null, round((_a = dataTable[tag.TagName]) === null || _a === void 0 ? void 0 : _a.y1, 3)),
11125
11157
  React__default.createElement("td", { className: classes.doubleInput }, round((_b = dataTable[tag.TagName]) === null || _b === void 0 ? void 0 : _b.y2, 3)),
11126
11158
  React__default.createElement("td", null, round((_c = dataTable[tag.TagName]) === null || _c === void 0 ? void 0 : _c.y2y1, 3)),