@dexteel/mesf-core 4.7.9 → 4.7.10

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 (4) hide show
  1. package/dist/index.esm.js +59 -28
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/pages/trendings/components/chart/styles/TagsTableStyles.d.ts +1 -1
  4. package/package.json +1 -1
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,41 @@ 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", null,
11071
+ " ",
11072
+ cursorData ? (function () {
11073
+ var date = new Date(cursorData.x1);
11074
+ var formattedHour = date.toLocaleString('en-US', {
11075
+ hour12: false,
11076
+ hour: '2-digit',
11077
+ minute: '2-digit',
11078
+ second: '2-digit'
11079
+ });
11080
+ var milliseconds = date.getMilliseconds().toString().padStart(2, '0');
11081
+ var dateText = "".concat(formattedHour, ".").concat(milliseconds, " hs");
11082
+ return (React__default.createElement(React__default.Fragment, null, dateText));
11083
+ })() : null,
11084
+ " "),
11085
+ React__default.createElement("th", null,
11086
+ " ",
11087
+ cursorData ? (function () {
11088
+ var date = new Date(cursorData.x2);
11089
+ var formattedHour = date.toLocaleString('en-US', {
11090
+ hour12: false,
11091
+ hour: '2-digit',
11092
+ minute: '2-digit',
11093
+ second: '2-digit'
11094
+ });
11095
+ var milliseconds = date.getMilliseconds().toString().padStart(2, '0');
11096
+ var dateText = "".concat(formattedHour, ".").concat(milliseconds, " hs");
11097
+ return (React__default.createElement(React__default.Fragment, null, dateText));
11098
+ })() : null,
11099
+ " "),
11066
11100
  React__default.createElement("th", null, "Y2-Y1"),
11067
11101
  React__default.createElement("th", null, "Min"),
11068
11102
  React__default.createElement("th", null, "Max")))))),
@@ -11076,7 +11110,7 @@ var TableComponent = function (_a) {
11076
11110
  onContextMenu: function (e) { return handleRightClick(e, index); }, className: classes.rowHover },
11077
11111
  React__default.createElement("td", { className: "".concat(classes.visible, " ").concat(classes.checkbox) },
11078
11112
  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 },
11113
+ React__default.createElement("td", { className: classes.aliasCol },
11080
11114
  React__default.createElement(Tooltip, { title: tag.TagName, placement: "top", arrow: true, interactive: true, enterDelay: 500 },
11081
11115
  React__default.createElement("div", null,
11082
11116
  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 +11120,7 @@ var TableComponent = function (_a) {
11086
11120
  React__default.createElement("td", { className: classes.color },
11087
11121
  React__default.createElement(ColorPicker, { onChange: handleColorChange, color: tag.Color, elementId: tag.TagId })),
11088
11122
  React__default.createElement("td", { className: classes.inputCol },
11089
- React__default.createElement("input", { type: "number", style: __assign({ width: '100%' }, (tag.IsAutoScale ? {
11123
+ React__default.createElement("input", { type: "number", className: classes.numberInput, style: __assign({ width: '100%' }, (tag.IsAutoScale ? {
11090
11124
  backgroundColor: 'rgba(239, 239, 239, 0.3)',
11091
11125
  color: 'rgba(84, 84, 84, 1)',
11092
11126
  border: '1px solid rgba(118, 118, 118, 0.3)'
@@ -11098,8 +11132,7 @@ var TableComponent = function (_a) {
11098
11132
  }
11099
11133
  } })),
11100
11134
  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 ? {
11135
+ React__default.createElement("input", { type: "number", className: classes.numberInput, style: __assign({ width: '100%', WebkitAppearance: 'none' }, (tag.IsAutoScale ? {
11103
11136
  backgroundColor: 'rgba(239, 239, 239, 0.3)',
11104
11137
  color: 'rgba(84, 84, 84, 1)',
11105
11138
  border: '1px solid rgba(118, 118, 118, 0.3)'
@@ -11111,16 +11144,14 @@ var TableComponent = function (_a) {
11111
11144
  }
11112
11145
  } })),
11113
11146
  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) {
11147
+ React__default.createElement("input", { type: "checkbox", checked: tag.IsAutoScale, onChange: function (e) { return handleAutoScaleChange(tag.TagId, tag.IsAutoScale); } })),
11148
+ React__default.createElement("td", { className: "".concat(classes.autoScale, " ").concat(classes.checkbox) },
11149
+ React__default.createElement("input", { type: "text", style: {
11150
+ width: '100%'
11151
+ }, onClick: function () { return handleAbleScales(tag.TagId, tag.IsAutoScale); }, onChange: function (e) {
11119
11152
  var value = e.target.value;
11120
11153
  handleUnitChange(tag.TagId, value);
11121
11154
  }, 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
11155
  React__default.createElement("td", null, round((_a = dataTable[tag.TagName]) === null || _a === void 0 ? void 0 : _a.y1, 3)),
11125
11156
  React__default.createElement("td", { className: classes.doubleInput }, round((_b = dataTable[tag.TagName]) === null || _b === void 0 ? void 0 : _b.y2, 3)),
11126
11157
  React__default.createElement("td", null, round((_c = dataTable[tag.TagName]) === null || _c === void 0 ? void 0 : _c.y2y1, 3)),