rbro-tat-uds 2.2.20 → 2.2.22

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 (12) hide show
  1. package/build/cjs/components/ConfigurationSaveInfo/ConfigurationSaveInfo.cjs +5 -1
  2. package/build/cjs/components/TextInput/TextInput.cjs +13 -1
  3. package/build/cjs/components/UnitlinkGraph/UnitlinkGraph.cjs +29 -15
  4. package/build/cjs/index.cjs +47 -17
  5. package/build/esm/components/ConfigurationSaveInfo/ConfigurationSaveInfo.js +5 -1
  6. package/build/esm/components/TextInput/TextInput.js +13 -1
  7. package/build/esm/components/UnitlinkGraph/UnitlinkGraph.js +29 -15
  8. package/build/esm/index.js +47 -17
  9. package/build/types/components/ConfigurationSaveInfo/ConfigurationSaveInfo.d.ts +1 -0
  10. package/build/types/components/TextInput/TextInput.d.ts +1 -0
  11. package/build/types/components/UnitlinkGraph/UnitlinkGraph.d.ts +9 -0
  12. package/package.json +1 -1
package/build/cjs/components/ConfigurationSaveInfo/ConfigurationSaveInfo.cjs CHANGED
@@ -45,6 +45,7 @@ const ConfigurationSaveInfo = ({
45
45
  date = "N/A",
46
46
  branchName = "",
47
47
  buttonOnClick,
48
+ isSimulator = false,
48
49
  ...props
49
50
  }) => {
50
51
  return /* @__PURE__ */ jsxRuntime.jsxs(ConfigurationSaveInfoStyled, { ...props, children: [
@@ -60,7 +61,10 @@ const ConfigurationSaveInfo = ({
60
61
  }
61
62
  ),
62
63
  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
63
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Configuratie din data" }),
64
+ /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
65
+ isSimulator ? "Simluare" : "Configuratie",
66
+ " din data"
67
+ ] }),
64
68
  /* @__PURE__ */ jsxRuntime.jsx("span", { children: date.length ? date : "N/A" })
65
69
  ] }),
66
70
  !!branchName && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
package/build/cjs/components/TextInput/TextInput.cjs CHANGED
@@ -294,6 +294,7 @@ const TextInput = ({
294
294
  },
295
295
  numpadPortal = false,
296
296
  numpadAllowPaste = false,
297
+ thousandSeparator = false,
297
298
  ...props
298
299
  }) => {
299
300
  const refTextInputWrapper = React.useRef(null);
@@ -311,7 +312,18 @@ const TextInput = ({
311
312
  setValue("");
312
313
  };
313
314
  const handleChange = (value2) => {
314
- setValue && setValue(value2);
315
+ if (thousandSeparator) {
316
+ const cleanValue = value2.toString().replace(/\./g, "");
317
+ const numericValue = Number(cleanValue);
318
+ if (!isNaN(numericValue)) {
319
+ const formattedValue = new Intl.NumberFormat("ro-RO").format(
320
+ numericValue
321
+ );
322
+ setValue && setValue(formattedValue);
323
+ }
324
+ } else {
325
+ setValue && setValue(value2);
326
+ }
315
327
  };
316
328
  const handleTextInputClick = (e) => {
317
329
  if (numpad && !loading) {
package/build/cjs/components/UnitlinkGraph/UnitlinkGraph.cjs CHANGED
@@ -36,7 +36,6 @@ const UnitLinkGraphStyled = styled.svg`
36
36
  .text-contribution {
37
37
  font-size: 12px;
38
38
  font-weight: 500;
39
- fill: ${utils.colors.blue_600};
40
39
  }
41
40
  .text-action {
42
41
  font-size: 12px;
@@ -65,6 +64,7 @@ const UnitLinkGraph = ({
65
64
  header: "Placeholder",
66
65
  color_primary: utils.colors.purple_600,
67
66
  color_secondary: utils.colors.purple_50,
67
+ outline_color: utils.colors.white,
68
68
  percentage: 50,
69
69
  place_at_ani: 7,
70
70
  actions: [
@@ -87,6 +87,11 @@ const UnitLinkGraph = ({
87
87
  timeline_texts = {
88
88
  left: "Placeholder"
89
89
  },
90
+ timeline_text_color = {
91
+ left: utils.colors.blue_600,
92
+ right: utils.colors.blue_600
93
+ },
94
+ lineGraphAreaColor,
90
95
  ...rest
91
96
  }) => {
92
97
  const sliderActive = React.useMemo(() => {
@@ -222,7 +227,9 @@ const UnitLinkGraph = ({
222
227
  wrappedLabel,
223
228
  sublabel: item.sublabel,
224
229
  sublabel_x,
225
- sublabel_y
230
+ sublabel_y,
231
+ bgColor: item.bgColor || void 0,
232
+ textColor: item.textColor || void 0
226
233
  };
227
234
  }
228
235
  return {
@@ -254,7 +261,8 @@ const UnitLinkGraph = ({
254
261
  const dynamic_pos_secondary_x = get_position_at_indicator - APPROXIMATE_BAR_STROKE_WIDTH - configurations.bars.width - configurations.area.indicators.margin;
255
262
  const dynamic_pos_main_x = get_position_at_indicator + APPROXIMATE_BAR_STROKE_WIDTH + configurations.area.indicators.strokeWidth + configurations.area.indicators.margin;
256
263
  const h = mainHeightGraph - configurations.bars.actionsGap - START_Y;
257
- const calculate_filled_bar = floorToHalf(config.percentage / 100 * h);
264
+ const mainPercentage = (config?.secondary_percentage || 0) > 0 ? config.percentage - (config?.secondary_percentage || 0) : config.percentage;
265
+ const calculate_filled_bar = floorToHalf(mainPercentage / 100 * h);
258
266
  const x = floorToHalf(main ? dynamic_pos_main_x : dynamic_pos_secondary_x);
259
267
  const w = floorToHalf(configurations.bars.width);
260
268
  const outlined_y = START_Y + APPROXIMATE_BAR_STROKE_WIDTH + configurations.bars.actionsGap;
@@ -279,7 +287,9 @@ const UnitLinkGraph = ({
279
287
  filled_h: Math.max(filled_h, 0),
280
288
  colorPrimary: config.color_primary,
281
289
  colorSecondary: config.color_secondary,
290
+ outlineColor: config.outline_color || utils.colors.white,
282
291
  strokeWidth: configurations.bars.strokeWidth,
292
+ percentage: config.percentage,
283
293
  barActions: {
284
294
  header: {
285
295
  title: config.header,
@@ -310,7 +320,7 @@ const UnitLinkGraph = ({
310
320
  x1: floorToHalf(mainStart + configurations.area.outersPartsWidth),
311
321
  x2: floorToHalf(barMain.x - configurations.area.outersPartsWidth),
312
322
  y1: mainHeightGraph - configurations.area.strokeWidth,
313
- y2: barMain.filled_y + 1 - configurations.area.additionalSpaceVisualize,
323
+ y2: (barMain.percentage === 100 ? barMain.outlined_y : barMain.filled_y) + 1 - configurations.area.additionalSpaceVisualize,
314
324
  strokeWidth: barMainConfiguration.percentage === 0 ? 0 : configurations.area.graphLineStrokeWidth
315
325
  };
316
326
  const part_3 = {
@@ -318,8 +328,8 @@ const UnitLinkGraph = ({
318
328
  barMain.x - configurations.area.outersPartsWidth - configurations.area.additionalSpaceVisualize
319
329
  ),
320
330
  x2: floorToHalf(barMain.x),
321
- y1: barMain.filled_y + 1 - configurations.area.additionalSpaceVisualize,
322
- y2: barMain.filled_y + 1 - configurations.area.additionalSpaceVisualize,
331
+ y1: (barMain.percentage === 100 ? barMain.outlined_y : barMain.filled_y) + 1 - configurations.area.additionalSpaceVisualize,
332
+ y2: (barMain.percentage === 100 ? barMain.outlined_y : barMain.filled_y) + 1 - configurations.area.additionalSpaceVisualize,
323
333
  strokeWidth: barMainConfiguration.percentage === 0 ? 0 : configurations.area.graphLineStrokeWidth
324
334
  };
325
335
  return {
@@ -525,7 +535,7 @@ const UnitLinkGraph = ({
525
535
  y1: graph.main.area.part_1.y1,
526
536
  y2: graph.main.area.part_1.y2,
527
537
  strokeWidth: graph.main.area.part_1.strokeWidth,
528
- stroke: graph.main.bars.main.colorPrimary
538
+ stroke: lineGraphAreaColor || graph.main.bars.main.colorPrimary
529
539
  }
530
540
  ),
531
541
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -536,7 +546,7 @@ const UnitLinkGraph = ({
536
546
  y1: graph.main.area.part_2.y1,
537
547
  y2: graph.main.area.part_2.y2,
538
548
  strokeWidth: graph.main.area.part_2.strokeWidth,
539
- stroke: graph.main.bars.main.colorPrimary
549
+ stroke: lineGraphAreaColor || graph.main.bars.main.colorPrimary
540
550
  }
541
551
  ),
542
552
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -547,15 +557,15 @@ const UnitLinkGraph = ({
547
557
  y1: graph.main.area.part_3.y1,
548
558
  y2: graph.main.area.part_3.y2,
549
559
  strokeWidth: graph.main.area.part_3.strokeWidth,
550
- stroke: graph.main.bars.main.colorPrimary
560
+ stroke: lineGraphAreaColor || graph.main.bars.main.colorPrimary
551
561
  }
552
562
  ),
553
563
  /* @__PURE__ */ jsxRuntime.jsx(
554
564
  "polygon",
555
565
  {
556
566
  points: `
557
- ${graph.main.area.part_2.x2},${graph.main.bars.main.filled_y + 1.5}
558
- ${graph.main.area.part_3.x2},${graph.main.bars.main.filled_y + 1.5}
567
+ ${graph.main.area.part_2.x2},${(graph.main.bars.main.percentage === 100 ? graph.main.bars.main.outlined_y : graph.main.bars.main.filled_y) + 1.5}
568
+ ${graph.main.area.part_3.x2},${(graph.main.bars.main.percentage === 100 ? graph.main.bars.main.outlined_y : graph.main.bars.main.filled_y) + 1.5}
559
569
  ${graph.main.area.part_3.x2},${graph.mainHeightGraph}
560
570
  ${graph.main.area.part_2.x1},${graph.mainHeightGraph}`,
561
571
  fill: graph.main.bars.main.colorSecondary
@@ -615,6 +625,7 @@ const UnitLinkGraph = ({
615
625
  className: "text-contribution",
616
626
  y: graph.timeline.text.left.y,
617
627
  x: graph.timeline.text.left.x,
628
+ fill: timeline_text_color.left,
618
629
  textAnchor: "end",
619
630
  children: timeline_texts.left
620
631
  }
@@ -625,6 +636,7 @@ const UnitLinkGraph = ({
625
636
  className: "text-contribution",
626
637
  y: graph.timeline.text.right.y,
627
638
  x: graph.timeline.text.right.x,
639
+ fill: timeline_text_color.right,
628
640
  textAnchor: "start",
629
641
  children: timeline_texts.right
630
642
  }
@@ -709,7 +721,7 @@ const RenderBar = ({
709
721
  y: bar.outlined_y,
710
722
  width: bar.w,
711
723
  height: bar.outlined_h,
712
- fill: utils.colors.white,
724
+ fill: bar.outlineColor,
713
725
  stroke: bar.colorPrimary,
714
726
  strokeWidth: bar.strokeWidth
715
727
  }
@@ -737,6 +749,8 @@ const RenderBar = ({
737
749
  ),
738
750
  bar.barActions.actions.map((action, index) => {
739
751
  const isActive = activeAction === index;
752
+ const rectColor = isActive ? bar.colorPrimary : action.bgColor ? action.bgColor : bar.colorSecondary;
753
+ const textColor = isActive ? utils.colors.white : action.textColor ? action.textColor : bar.colorPrimary;
740
754
  return /* @__PURE__ */ jsxRuntime.jsxs(
741
755
  "g",
742
756
  {
@@ -746,7 +760,7 @@ const RenderBar = ({
746
760
  /* @__PURE__ */ jsxRuntime.jsx(
747
761
  "rect",
748
762
  {
749
- fill: isActive ? bar.colorPrimary : bar.colorSecondary,
763
+ fill: rectColor,
750
764
  rx: 4,
751
765
  ry: 4,
752
766
  height: action.actions_h,
@@ -761,7 +775,7 @@ const RenderBar = ({
761
775
  className: "text-bar-actions-label",
762
776
  x: action.label_x,
763
777
  y: action.label_y,
764
- fill: isActive ? utils.colors.white : bar.colorPrimary,
778
+ fill: textColor,
765
779
  children: action.wrappedLabel?.map((line, lineIndex) => /* @__PURE__ */ jsxRuntime.jsx(
766
780
  "tspan",
767
781
  {
@@ -776,7 +790,7 @@ const RenderBar = ({
776
790
  action.sublabel && /* @__PURE__ */ jsxRuntime.jsx(
777
791
  "text",
778
792
  {
779
- fill: isActive ? utils.colors.white : bar.colorPrimary,
793
+ fill: textColor,
780
794
  className: "text-bar-actions-sublabel",
781
795
  x: action.sublabel_x,
782
796
  y: action.sublabel_y,
package/build/cjs/index.cjs CHANGED
@@ -61178,6 +61178,7 @@ const ConfigurationSaveInfo = ({
61178
61178
  date = "N/A",
61179
61179
  branchName = "",
61180
61180
  buttonOnClick,
61181
+ isSimulator = false,
61181
61182
  ...props
61182
61183
  }) => {
61183
61184
  return /* @__PURE__ */ jsxRuntime.jsxs(ConfigurationSaveInfoStyled, { ...props, children: [
@@ -61193,7 +61194,10 @@ const ConfigurationSaveInfo = ({
61193
61194
  }
61194
61195
  ),
61195
61196
  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
61196
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Configuratie din data" }),
61197
+ /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
61198
+ isSimulator ? "Simluare" : "Configuratie",
61199
+ " din data"
61200
+ ] }),
61197
61201
  /* @__PURE__ */ jsxRuntime.jsx("span", { children: date.length ? date : "N/A" })
61198
61202
  ] }),
61199
61203
  !!branchName && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -62822,6 +62826,7 @@ const TextInput = ({
62822
62826
  },
62823
62827
  numpadPortal = false,
62824
62828
  numpadAllowPaste = false,
62829
+ thousandSeparator = false,
62825
62830
  ...props
62826
62831
  }) => {
62827
62832
  const refTextInputWrapper = React.useRef(null);
@@ -62839,7 +62844,18 @@ const TextInput = ({
62839
62844
  setValue("");
62840
62845
  };
62841
62846
  const handleChange = (value2) => {
62842
- setValue && setValue(value2);
62847
+ if (thousandSeparator) {
62848
+ const cleanValue = value2.toString().replace(/\./g, "");
62849
+ const numericValue = Number(cleanValue);
62850
+ if (!isNaN(numericValue)) {
62851
+ const formattedValue = new Intl.NumberFormat("ro-RO").format(
62852
+ numericValue
62853
+ );
62854
+ setValue && setValue(formattedValue);
62855
+ }
62856
+ } else {
62857
+ setValue && setValue(value2);
62858
+ }
62843
62859
  };
62844
62860
  const handleTextInputClick = (e) => {
62845
62861
  if (numpad && !loading) {
@@ -80787,7 +80803,6 @@ const UnitLinkGraphStyled = styled__default.default.svg`
80787
80803
  .text-contribution {
80788
80804
  font-size: 12px;
80789
80805
  font-weight: 500;
80790
- fill: ${utils.colors.blue_600};
80791
80806
  }
80792
80807
  .text-action {
80793
80808
  font-size: 12px;
@@ -80816,6 +80831,7 @@ const UnitLinkGraph = ({
80816
80831
  header: "Placeholder",
80817
80832
  color_primary: utils.colors.purple_600,
80818
80833
  color_secondary: utils.colors.purple_50,
80834
+ outline_color: utils.colors.white,
80819
80835
  percentage: 50,
80820
80836
  place_at_ani: 7,
80821
80837
  actions: [
@@ -80838,6 +80854,11 @@ const UnitLinkGraph = ({
80838
80854
  timeline_texts = {
80839
80855
  left: "Placeholder"
80840
80856
  },
80857
+ timeline_text_color = {
80858
+ left: utils.colors.blue_600,
80859
+ right: utils.colors.blue_600
80860
+ },
80861
+ lineGraphAreaColor,
80841
80862
  ...rest
80842
80863
  }) => {
80843
80864
  const sliderActive = React.useMemo(() => {
@@ -80973,7 +80994,9 @@ const UnitLinkGraph = ({
80973
80994
  wrappedLabel,
80974
80995
  sublabel: item.sublabel,
80975
80996
  sublabel_x,
80976
- sublabel_y
80997
+ sublabel_y,
80998
+ bgColor: item.bgColor || void 0,
80999
+ textColor: item.textColor || void 0
80977
81000
  };
80978
81001
  }
80979
81002
  return {
@@ -81005,7 +81028,8 @@ const UnitLinkGraph = ({
81005
81028
  const dynamic_pos_secondary_x = get_position_at_indicator - APPROXIMATE_BAR_STROKE_WIDTH - configurations.bars.width - configurations.area.indicators.margin;
81006
81029
  const dynamic_pos_main_x = get_position_at_indicator + APPROXIMATE_BAR_STROKE_WIDTH + configurations.area.indicators.strokeWidth + configurations.area.indicators.margin;
81007
81030
  const h = mainHeightGraph - configurations.bars.actionsGap - START_Y;
81008
- const calculate_filled_bar = floorToHalf(config.percentage / 100 * h);
81031
+ const mainPercentage = (config?.secondary_percentage || 0) > 0 ? config.percentage - (config?.secondary_percentage || 0) : config.percentage;
81032
+ const calculate_filled_bar = floorToHalf(mainPercentage / 100 * h);
81009
81033
  const x = floorToHalf(main ? dynamic_pos_main_x : dynamic_pos_secondary_x);
81010
81034
  const w = floorToHalf(configurations.bars.width);
81011
81035
  const outlined_y = START_Y + APPROXIMATE_BAR_STROKE_WIDTH + configurations.bars.actionsGap;
@@ -81030,7 +81054,9 @@ const UnitLinkGraph = ({
81030
81054
  filled_h: Math.max(filled_h, 0),
81031
81055
  colorPrimary: config.color_primary,
81032
81056
  colorSecondary: config.color_secondary,
81057
+ outlineColor: config.outline_color || utils.colors.white,
81033
81058
  strokeWidth: configurations.bars.strokeWidth,
81059
+ percentage: config.percentage,
81034
81060
  barActions: {
81035
81061
  header: {
81036
81062
  title: config.header,
@@ -81061,7 +81087,7 @@ const UnitLinkGraph = ({
81061
81087
  x1: floorToHalf(mainStart + configurations.area.outersPartsWidth),
81062
81088
  x2: floorToHalf(barMain.x - configurations.area.outersPartsWidth),
81063
81089
  y1: mainHeightGraph - configurations.area.strokeWidth,
81064
- y2: barMain.filled_y + 1 - configurations.area.additionalSpaceVisualize,
81090
+ y2: (barMain.percentage === 100 ? barMain.outlined_y : barMain.filled_y) + 1 - configurations.area.additionalSpaceVisualize,
81065
81091
  strokeWidth: barMainConfiguration.percentage === 0 ? 0 : configurations.area.graphLineStrokeWidth
81066
81092
  };
81067
81093
  const part_3 = {
@@ -81069,8 +81095,8 @@ const UnitLinkGraph = ({
81069
81095
  barMain.x - configurations.area.outersPartsWidth - configurations.area.additionalSpaceVisualize
81070
81096
  ),
81071
81097
  x2: floorToHalf(barMain.x),
81072
- y1: barMain.filled_y + 1 - configurations.area.additionalSpaceVisualize,
81073
- y2: barMain.filled_y + 1 - configurations.area.additionalSpaceVisualize,
81098
+ y1: (barMain.percentage === 100 ? barMain.outlined_y : barMain.filled_y) + 1 - configurations.area.additionalSpaceVisualize,
81099
+ y2: (barMain.percentage === 100 ? barMain.outlined_y : barMain.filled_y) + 1 - configurations.area.additionalSpaceVisualize,
81074
81100
  strokeWidth: barMainConfiguration.percentage === 0 ? 0 : configurations.area.graphLineStrokeWidth
81075
81101
  };
81076
81102
  return {
@@ -81276,7 +81302,7 @@ const UnitLinkGraph = ({
81276
81302
  y1: graph.main.area.part_1.y1,
81277
81303
  y2: graph.main.area.part_1.y2,
81278
81304
  strokeWidth: graph.main.area.part_1.strokeWidth,
81279
- stroke: graph.main.bars.main.colorPrimary
81305
+ stroke: lineGraphAreaColor || graph.main.bars.main.colorPrimary
81280
81306
  }
81281
81307
  ),
81282
81308
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -81287,7 +81313,7 @@ const UnitLinkGraph = ({
81287
81313
  y1: graph.main.area.part_2.y1,
81288
81314
  y2: graph.main.area.part_2.y2,
81289
81315
  strokeWidth: graph.main.area.part_2.strokeWidth,
81290
- stroke: graph.main.bars.main.colorPrimary
81316
+ stroke: lineGraphAreaColor || graph.main.bars.main.colorPrimary
81291
81317
  }
81292
81318
  ),
81293
81319
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -81298,15 +81324,15 @@ const UnitLinkGraph = ({
81298
81324
  y1: graph.main.area.part_3.y1,
81299
81325
  y2: graph.main.area.part_3.y2,
81300
81326
  strokeWidth: graph.main.area.part_3.strokeWidth,
81301
- stroke: graph.main.bars.main.colorPrimary
81327
+ stroke: lineGraphAreaColor || graph.main.bars.main.colorPrimary
81302
81328
  }
81303
81329
  ),
81304
81330
  /* @__PURE__ */ jsxRuntime.jsx(
81305
81331
  "polygon",
81306
81332
  {
81307
81333
  points: `
81308
- ${graph.main.area.part_2.x2},${graph.main.bars.main.filled_y + 1.5}
81309
- ${graph.main.area.part_3.x2},${graph.main.bars.main.filled_y + 1.5}
81334
+ ${graph.main.area.part_2.x2},${(graph.main.bars.main.percentage === 100 ? graph.main.bars.main.outlined_y : graph.main.bars.main.filled_y) + 1.5}
81335
+ ${graph.main.area.part_3.x2},${(graph.main.bars.main.percentage === 100 ? graph.main.bars.main.outlined_y : graph.main.bars.main.filled_y) + 1.5}
81310
81336
  ${graph.main.area.part_3.x2},${graph.mainHeightGraph}
81311
81337
  ${graph.main.area.part_2.x1},${graph.mainHeightGraph}`,
81312
81338
  fill: graph.main.bars.main.colorSecondary
@@ -81366,6 +81392,7 @@ const UnitLinkGraph = ({
81366
81392
  className: "text-contribution",
81367
81393
  y: graph.timeline.text.left.y,
81368
81394
  x: graph.timeline.text.left.x,
81395
+ fill: timeline_text_color.left,
81369
81396
  textAnchor: "end",
81370
81397
  children: timeline_texts.left
81371
81398
  }
@@ -81376,6 +81403,7 @@ const UnitLinkGraph = ({
81376
81403
  className: "text-contribution",
81377
81404
  y: graph.timeline.text.right.y,
81378
81405
  x: graph.timeline.text.right.x,
81406
+ fill: timeline_text_color.right,
81379
81407
  textAnchor: "start",
81380
81408
  children: timeline_texts.right
81381
81409
  }
@@ -81460,7 +81488,7 @@ const RenderBar = ({
81460
81488
  y: bar.outlined_y,
81461
81489
  width: bar.w,
81462
81490
  height: bar.outlined_h,
81463
- fill: utils.colors.white,
81491
+ fill: bar.outlineColor,
81464
81492
  stroke: bar.colorPrimary,
81465
81493
  strokeWidth: bar.strokeWidth
81466
81494
  }
@@ -81488,6 +81516,8 @@ const RenderBar = ({
81488
81516
  ),
81489
81517
  bar.barActions.actions.map((action, index) => {
81490
81518
  const isActive = activeAction === index;
81519
+ const rectColor = isActive ? bar.colorPrimary : action.bgColor ? action.bgColor : bar.colorSecondary;
81520
+ const textColor = isActive ? utils.colors.white : action.textColor ? action.textColor : bar.colorPrimary;
81491
81521
  return /* @__PURE__ */ jsxRuntime.jsxs(
81492
81522
  "g",
81493
81523
  {
@@ -81497,7 +81527,7 @@ const RenderBar = ({
81497
81527
  /* @__PURE__ */ jsxRuntime.jsx(
81498
81528
  "rect",
81499
81529
  {
81500
- fill: isActive ? bar.colorPrimary : bar.colorSecondary,
81530
+ fill: rectColor,
81501
81531
  rx: 4,
81502
81532
  ry: 4,
81503
81533
  height: action.actions_h,
@@ -81512,7 +81542,7 @@ const RenderBar = ({
81512
81542
  className: "text-bar-actions-label",
81513
81543
  x: action.label_x,
81514
81544
  y: action.label_y,
81515
- fill: isActive ? utils.colors.white : bar.colorPrimary,
81545
+ fill: textColor,
81516
81546
  children: action.wrappedLabel?.map((line, lineIndex) => /* @__PURE__ */ jsxRuntime.jsx(
81517
81547
  "tspan",
81518
81548
  {
@@ -81527,7 +81557,7 @@ const RenderBar = ({
81527
81557
  action.sublabel && /* @__PURE__ */ jsxRuntime.jsx(
81528
81558
  "text",
81529
81559
  {
81530
- fill: isActive ? utils.colors.white : bar.colorPrimary,
81560
+ fill: textColor,
81531
81561
  className: "text-bar-actions-sublabel",
81532
81562
  x: action.sublabel_x,
81533
81563
  y: action.sublabel_y,
package/build/esm/components/ConfigurationSaveInfo/ConfigurationSaveInfo.js CHANGED
@@ -41,6 +41,7 @@ const ConfigurationSaveInfo = ({
41
41
  date = "N/A",
42
42
  branchName = "",
43
43
  buttonOnClick,
44
+ isSimulator = false,
44
45
  ...props
45
46
  }) => {
46
47
  return /* @__PURE__ */ jsxs(ConfigurationSaveInfoStyled, { ...props, children: [
@@ -56,7 +57,10 @@ const ConfigurationSaveInfo = ({
56
57
  }
57
58
  ),
58
59
  /* @__PURE__ */ jsxs("div", { children: [
59
- /* @__PURE__ */ jsx("span", { children: "Configuratie din data" }),
60
+ /* @__PURE__ */ jsxs("span", { children: [
61
+ isSimulator ? "Simluare" : "Configuratie",
62
+ " din data"
63
+ ] }),
60
64
  /* @__PURE__ */ jsx("span", { children: date.length ? date : "N/A" })
61
65
  ] }),
62
66
  !!branchName && /* @__PURE__ */ jsxs("div", { children: [
package/build/esm/components/TextInput/TextInput.js CHANGED
@@ -290,6 +290,7 @@ const TextInput = ({
290
290
  },
291
291
  numpadPortal = false,
292
292
  numpadAllowPaste = false,
293
+ thousandSeparator = false,
293
294
  ...props
294
295
  }) => {
295
296
  const refTextInputWrapper = useRef(null);
@@ -307,7 +308,18 @@ const TextInput = ({
307
308
  setValue("");
308
309
  };
309
310
  const handleChange = (value2) => {
310
- setValue && setValue(value2);
311
+ if (thousandSeparator) {
312
+ const cleanValue = value2.toString().replace(/\./g, "");
313
+ const numericValue = Number(cleanValue);
314
+ if (!isNaN(numericValue)) {
315
+ const formattedValue = new Intl.NumberFormat("ro-RO").format(
316
+ numericValue
317
+ );
318
+ setValue && setValue(formattedValue);
319
+ }
320
+ } else {
321
+ setValue && setValue(value2);
322
+ }
311
323
  };
312
324
  const handleTextInputClick = (e) => {
313
325
  if (numpad && !loading) {
package/build/esm/components/UnitlinkGraph/UnitlinkGraph.js CHANGED
@@ -32,7 +32,6 @@ const UnitLinkGraphStyled = styled.svg`
32
32
  .text-contribution {
33
33
  font-size: 12px;
34
34
  font-weight: 500;
35
- fill: ${colors.blue_600};
36
35
  }
37
36
  .text-action {
38
37
  font-size: 12px;
@@ -61,6 +60,7 @@ const UnitLinkGraph = ({
61
60
  header: "Placeholder",
62
61
  color_primary: colors.purple_600,
63
62
  color_secondary: colors.purple_50,
63
+ outline_color: colors.white,
64
64
  percentage: 50,
65
65
  place_at_ani: 7,
66
66
  actions: [
@@ -83,6 +83,11 @@ const UnitLinkGraph = ({
83
83
  timeline_texts = {
84
84
  left: "Placeholder"
85
85
  },
86
+ timeline_text_color = {
87
+ left: colors.blue_600,
88
+ right: colors.blue_600
89
+ },
90
+ lineGraphAreaColor,
86
91
  ...rest
87
92
  }) => {
88
93
  const sliderActive = useMemo(() => {
@@ -218,7 +223,9 @@ const UnitLinkGraph = ({
218
223
  wrappedLabel,
219
224
  sublabel: item.sublabel,
220
225
  sublabel_x,
221
- sublabel_y
226
+ sublabel_y,
227
+ bgColor: item.bgColor || void 0,
228
+ textColor: item.textColor || void 0
222
229
  };
223
230
  }
224
231
  return {
@@ -250,7 +257,8 @@ const UnitLinkGraph = ({
250
257
  const dynamic_pos_secondary_x = get_position_at_indicator - APPROXIMATE_BAR_STROKE_WIDTH - configurations.bars.width - configurations.area.indicators.margin;
251
258
  const dynamic_pos_main_x = get_position_at_indicator + APPROXIMATE_BAR_STROKE_WIDTH + configurations.area.indicators.strokeWidth + configurations.area.indicators.margin;
252
259
  const h = mainHeightGraph - configurations.bars.actionsGap - START_Y;
253
- const calculate_filled_bar = floorToHalf(config.percentage / 100 * h);
260
+ const mainPercentage = (config?.secondary_percentage || 0) > 0 ? config.percentage - (config?.secondary_percentage || 0) : config.percentage;
261
+ const calculate_filled_bar = floorToHalf(mainPercentage / 100 * h);
254
262
  const x = floorToHalf(main ? dynamic_pos_main_x : dynamic_pos_secondary_x);
255
263
  const w = floorToHalf(configurations.bars.width);
256
264
  const outlined_y = START_Y + APPROXIMATE_BAR_STROKE_WIDTH + configurations.bars.actionsGap;
@@ -275,7 +283,9 @@ const UnitLinkGraph = ({
275
283
  filled_h: Math.max(filled_h, 0),
276
284
  colorPrimary: config.color_primary,
277
285
  colorSecondary: config.color_secondary,
286
+ outlineColor: config.outline_color || colors.white,
278
287
  strokeWidth: configurations.bars.strokeWidth,
288
+ percentage: config.percentage,
279
289
  barActions: {
280
290
  header: {
281
291
  title: config.header,
@@ -306,7 +316,7 @@ const UnitLinkGraph = ({
306
316
  x1: floorToHalf(mainStart + configurations.area.outersPartsWidth),
307
317
  x2: floorToHalf(barMain.x - configurations.area.outersPartsWidth),
308
318
  y1: mainHeightGraph - configurations.area.strokeWidth,
309
- y2: barMain.filled_y + 1 - configurations.area.additionalSpaceVisualize,
319
+ y2: (barMain.percentage === 100 ? barMain.outlined_y : barMain.filled_y) + 1 - configurations.area.additionalSpaceVisualize,
310
320
  strokeWidth: barMainConfiguration.percentage === 0 ? 0 : configurations.area.graphLineStrokeWidth
311
321
  };
312
322
  const part_3 = {
@@ -314,8 +324,8 @@ const UnitLinkGraph = ({
314
324
  barMain.x - configurations.area.outersPartsWidth - configurations.area.additionalSpaceVisualize
315
325
  ),
316
326
  x2: floorToHalf(barMain.x),
317
- y1: barMain.filled_y + 1 - configurations.area.additionalSpaceVisualize,
318
- y2: barMain.filled_y + 1 - configurations.area.additionalSpaceVisualize,
327
+ y1: (barMain.percentage === 100 ? barMain.outlined_y : barMain.filled_y) + 1 - configurations.area.additionalSpaceVisualize,
328
+ y2: (barMain.percentage === 100 ? barMain.outlined_y : barMain.filled_y) + 1 - configurations.area.additionalSpaceVisualize,
319
329
  strokeWidth: barMainConfiguration.percentage === 0 ? 0 : configurations.area.graphLineStrokeWidth
320
330
  };
321
331
  return {
@@ -521,7 +531,7 @@ const UnitLinkGraph = ({
521
531
  y1: graph.main.area.part_1.y1,
522
532
  y2: graph.main.area.part_1.y2,
523
533
  strokeWidth: graph.main.area.part_1.strokeWidth,
524
- stroke: graph.main.bars.main.colorPrimary
534
+ stroke: lineGraphAreaColor || graph.main.bars.main.colorPrimary
525
535
  }
526
536
  ),
527
537
  /* @__PURE__ */ jsx(
@@ -532,7 +542,7 @@ const UnitLinkGraph = ({
532
542
  y1: graph.main.area.part_2.y1,
533
543
  y2: graph.main.area.part_2.y2,
534
544
  strokeWidth: graph.main.area.part_2.strokeWidth,
535
- stroke: graph.main.bars.main.colorPrimary
545
+ stroke: lineGraphAreaColor || graph.main.bars.main.colorPrimary
536
546
  }
537
547
  ),
538
548
  /* @__PURE__ */ jsx(
@@ -543,15 +553,15 @@ const UnitLinkGraph = ({
543
553
  y1: graph.main.area.part_3.y1,
544
554
  y2: graph.main.area.part_3.y2,
545
555
  strokeWidth: graph.main.area.part_3.strokeWidth,
546
- stroke: graph.main.bars.main.colorPrimary
556
+ stroke: lineGraphAreaColor || graph.main.bars.main.colorPrimary
547
557
  }
548
558
  ),
549
559
  /* @__PURE__ */ jsx(
550
560
  "polygon",
551
561
  {
552
562
  points: `
553
- ${graph.main.area.part_2.x2},${graph.main.bars.main.filled_y + 1.5}
554
- ${graph.main.area.part_3.x2},${graph.main.bars.main.filled_y + 1.5}
563
+ ${graph.main.area.part_2.x2},${(graph.main.bars.main.percentage === 100 ? graph.main.bars.main.outlined_y : graph.main.bars.main.filled_y) + 1.5}
564
+ ${graph.main.area.part_3.x2},${(graph.main.bars.main.percentage === 100 ? graph.main.bars.main.outlined_y : graph.main.bars.main.filled_y) + 1.5}
555
565
  ${graph.main.area.part_3.x2},${graph.mainHeightGraph}
556
566
  ${graph.main.area.part_2.x1},${graph.mainHeightGraph}`,
557
567
  fill: graph.main.bars.main.colorSecondary
@@ -611,6 +621,7 @@ const UnitLinkGraph = ({
611
621
  className: "text-contribution",
612
622
  y: graph.timeline.text.left.y,
613
623
  x: graph.timeline.text.left.x,
624
+ fill: timeline_text_color.left,
614
625
  textAnchor: "end",
615
626
  children: timeline_texts.left
616
627
  }
@@ -621,6 +632,7 @@ const UnitLinkGraph = ({
621
632
  className: "text-contribution",
622
633
  y: graph.timeline.text.right.y,
623
634
  x: graph.timeline.text.right.x,
635
+ fill: timeline_text_color.right,
624
636
  textAnchor: "start",
625
637
  children: timeline_texts.right
626
638
  }
@@ -705,7 +717,7 @@ const RenderBar = ({
705
717
  y: bar.outlined_y,
706
718
  width: bar.w,
707
719
  height: bar.outlined_h,
708
- fill: colors.white,
720
+ fill: bar.outlineColor,
709
721
  stroke: bar.colorPrimary,
710
722
  strokeWidth: bar.strokeWidth
711
723
  }
@@ -733,6 +745,8 @@ const RenderBar = ({
733
745
  ),
734
746
  bar.barActions.actions.map((action, index) => {
735
747
  const isActive = activeAction === index;
748
+ const rectColor = isActive ? bar.colorPrimary : action.bgColor ? action.bgColor : bar.colorSecondary;
749
+ const textColor = isActive ? colors.white : action.textColor ? action.textColor : bar.colorPrimary;
736
750
  return /* @__PURE__ */ jsxs(
737
751
  "g",
738
752
  {
@@ -742,7 +756,7 @@ const RenderBar = ({
742
756
  /* @__PURE__ */ jsx(
743
757
  "rect",
744
758
  {
745
- fill: isActive ? bar.colorPrimary : bar.colorSecondary,
759
+ fill: rectColor,
746
760
  rx: 4,
747
761
  ry: 4,
748
762
  height: action.actions_h,
@@ -757,7 +771,7 @@ const RenderBar = ({
757
771
  className: "text-bar-actions-label",
758
772
  x: action.label_x,
759
773
  y: action.label_y,
760
- fill: isActive ? colors.white : bar.colorPrimary,
774
+ fill: textColor,
761
775
  children: action.wrappedLabel?.map((line, lineIndex) => /* @__PURE__ */ jsx(
762
776
  "tspan",
763
777
  {
@@ -772,7 +786,7 @@ const RenderBar = ({
772
786
  action.sublabel && /* @__PURE__ */ jsx(
773
787
  "text",
774
788
  {
775
- fill: isActive ? colors.white : bar.colorPrimary,
789
+ fill: textColor,
776
790
  className: "text-bar-actions-sublabel",
777
791
  x: action.sublabel_x,
778
792
  y: action.sublabel_y,
package/build/esm/index.js CHANGED
@@ -61155,6 +61155,7 @@ const ConfigurationSaveInfo = ({
61155
61155
  date = "N/A",
61156
61156
  branchName = "",
61157
61157
  buttonOnClick,
61158
+ isSimulator = false,
61158
61159
  ...props
61159
61160
  }) => {
61160
61161
  return /* @__PURE__ */ jsxs(ConfigurationSaveInfoStyled, { ...props, children: [
@@ -61170,7 +61171,10 @@ const ConfigurationSaveInfo = ({
61170
61171
  }
61171
61172
  ),
61172
61173
  /* @__PURE__ */ jsxs("div", { children: [
61173
- /* @__PURE__ */ jsx("span", { children: "Configuratie din data" }),
61174
+ /* @__PURE__ */ jsxs("span", { children: [
61175
+ isSimulator ? "Simluare" : "Configuratie",
61176
+ " din data"
61177
+ ] }),
61174
61178
  /* @__PURE__ */ jsx("span", { children: date.length ? date : "N/A" })
61175
61179
  ] }),
61176
61180
  !!branchName && /* @__PURE__ */ jsxs("div", { children: [
@@ -62799,6 +62803,7 @@ const TextInput = ({
62799
62803
  },
62800
62804
  numpadPortal = false,
62801
62805
  numpadAllowPaste = false,
62806
+ thousandSeparator = false,
62802
62807
  ...props
62803
62808
  }) => {
62804
62809
  const refTextInputWrapper = useRef(null);
@@ -62816,7 +62821,18 @@ const TextInput = ({
62816
62821
  setValue("");
62817
62822
  };
62818
62823
  const handleChange = (value2) => {
62819
- setValue && setValue(value2);
62824
+ if (thousandSeparator) {
62825
+ const cleanValue = value2.toString().replace(/\./g, "");
62826
+ const numericValue = Number(cleanValue);
62827
+ if (!isNaN(numericValue)) {
62828
+ const formattedValue = new Intl.NumberFormat("ro-RO").format(
62829
+ numericValue
62830
+ );
62831
+ setValue && setValue(formattedValue);
62832
+ }
62833
+ } else {
62834
+ setValue && setValue(value2);
62835
+ }
62820
62836
  };
62821
62837
  const handleTextInputClick = (e) => {
62822
62838
  if (numpad && !loading) {
@@ -80764,7 +80780,6 @@ const UnitLinkGraphStyled = styled.svg`
80764
80780
  .text-contribution {
80765
80781
  font-size: 12px;
80766
80782
  font-weight: 500;
80767
- fill: ${colors.blue_600};
80768
80783
  }
80769
80784
  .text-action {
80770
80785
  font-size: 12px;
@@ -80793,6 +80808,7 @@ const UnitLinkGraph = ({
80793
80808
  header: "Placeholder",
80794
80809
  color_primary: colors.purple_600,
80795
80810
  color_secondary: colors.purple_50,
80811
+ outline_color: colors.white,
80796
80812
  percentage: 50,
80797
80813
  place_at_ani: 7,
80798
80814
  actions: [
@@ -80815,6 +80831,11 @@ const UnitLinkGraph = ({
80815
80831
  timeline_texts = {
80816
80832
  left: "Placeholder"
80817
80833
  },
80834
+ timeline_text_color = {
80835
+ left: colors.blue_600,
80836
+ right: colors.blue_600
80837
+ },
80838
+ lineGraphAreaColor,
80818
80839
  ...rest
80819
80840
  }) => {
80820
80841
  const sliderActive = useMemo(() => {
@@ -80950,7 +80971,9 @@ const UnitLinkGraph = ({
80950
80971
  wrappedLabel,
80951
80972
  sublabel: item.sublabel,
80952
80973
  sublabel_x,
80953
- sublabel_y
80974
+ sublabel_y,
80975
+ bgColor: item.bgColor || void 0,
80976
+ textColor: item.textColor || void 0
80954
80977
  };
80955
80978
  }
80956
80979
  return {
@@ -80982,7 +81005,8 @@ const UnitLinkGraph = ({
80982
81005
  const dynamic_pos_secondary_x = get_position_at_indicator - APPROXIMATE_BAR_STROKE_WIDTH - configurations.bars.width - configurations.area.indicators.margin;
80983
81006
  const dynamic_pos_main_x = get_position_at_indicator + APPROXIMATE_BAR_STROKE_WIDTH + configurations.area.indicators.strokeWidth + configurations.area.indicators.margin;
80984
81007
  const h = mainHeightGraph - configurations.bars.actionsGap - START_Y;
80985
- const calculate_filled_bar = floorToHalf(config.percentage / 100 * h);
81008
+ const mainPercentage = (config?.secondary_percentage || 0) > 0 ? config.percentage - (config?.secondary_percentage || 0) : config.percentage;
81009
+ const calculate_filled_bar = floorToHalf(mainPercentage / 100 * h);
80986
81010
  const x = floorToHalf(main ? dynamic_pos_main_x : dynamic_pos_secondary_x);
80987
81011
  const w = floorToHalf(configurations.bars.width);
80988
81012
  const outlined_y = START_Y + APPROXIMATE_BAR_STROKE_WIDTH + configurations.bars.actionsGap;
@@ -81007,7 +81031,9 @@ const UnitLinkGraph = ({
81007
81031
  filled_h: Math.max(filled_h, 0),
81008
81032
  colorPrimary: config.color_primary,
81009
81033
  colorSecondary: config.color_secondary,
81034
+ outlineColor: config.outline_color || colors.white,
81010
81035
  strokeWidth: configurations.bars.strokeWidth,
81036
+ percentage: config.percentage,
81011
81037
  barActions: {
81012
81038
  header: {
81013
81039
  title: config.header,
@@ -81038,7 +81064,7 @@ const UnitLinkGraph = ({
81038
81064
  x1: floorToHalf(mainStart + configurations.area.outersPartsWidth),
81039
81065
  x2: floorToHalf(barMain.x - configurations.area.outersPartsWidth),
81040
81066
  y1: mainHeightGraph - configurations.area.strokeWidth,
81041
- y2: barMain.filled_y + 1 - configurations.area.additionalSpaceVisualize,
81067
+ y2: (barMain.percentage === 100 ? barMain.outlined_y : barMain.filled_y) + 1 - configurations.area.additionalSpaceVisualize,
81042
81068
  strokeWidth: barMainConfiguration.percentage === 0 ? 0 : configurations.area.graphLineStrokeWidth
81043
81069
  };
81044
81070
  const part_3 = {
@@ -81046,8 +81072,8 @@ const UnitLinkGraph = ({
81046
81072
  barMain.x - configurations.area.outersPartsWidth - configurations.area.additionalSpaceVisualize
81047
81073
  ),
81048
81074
  x2: floorToHalf(barMain.x),
81049
- y1: barMain.filled_y + 1 - configurations.area.additionalSpaceVisualize,
81050
- y2: barMain.filled_y + 1 - configurations.area.additionalSpaceVisualize,
81075
+ y1: (barMain.percentage === 100 ? barMain.outlined_y : barMain.filled_y) + 1 - configurations.area.additionalSpaceVisualize,
81076
+ y2: (barMain.percentage === 100 ? barMain.outlined_y : barMain.filled_y) + 1 - configurations.area.additionalSpaceVisualize,
81051
81077
  strokeWidth: barMainConfiguration.percentage === 0 ? 0 : configurations.area.graphLineStrokeWidth
81052
81078
  };
81053
81079
  return {
@@ -81253,7 +81279,7 @@ const UnitLinkGraph = ({
81253
81279
  y1: graph.main.area.part_1.y1,
81254
81280
  y2: graph.main.area.part_1.y2,
81255
81281
  strokeWidth: graph.main.area.part_1.strokeWidth,
81256
- stroke: graph.main.bars.main.colorPrimary
81282
+ stroke: lineGraphAreaColor || graph.main.bars.main.colorPrimary
81257
81283
  }
81258
81284
  ),
81259
81285
  /* @__PURE__ */ jsx(
@@ -81264,7 +81290,7 @@ const UnitLinkGraph = ({
81264
81290
  y1: graph.main.area.part_2.y1,
81265
81291
  y2: graph.main.area.part_2.y2,
81266
81292
  strokeWidth: graph.main.area.part_2.strokeWidth,
81267
- stroke: graph.main.bars.main.colorPrimary
81293
+ stroke: lineGraphAreaColor || graph.main.bars.main.colorPrimary
81268
81294
  }
81269
81295
  ),
81270
81296
  /* @__PURE__ */ jsx(
@@ -81275,15 +81301,15 @@ const UnitLinkGraph = ({
81275
81301
  y1: graph.main.area.part_3.y1,
81276
81302
  y2: graph.main.area.part_3.y2,
81277
81303
  strokeWidth: graph.main.area.part_3.strokeWidth,
81278
- stroke: graph.main.bars.main.colorPrimary
81304
+ stroke: lineGraphAreaColor || graph.main.bars.main.colorPrimary
81279
81305
  }
81280
81306
  ),
81281
81307
  /* @__PURE__ */ jsx(
81282
81308
  "polygon",
81283
81309
  {
81284
81310
  points: `
81285
- ${graph.main.area.part_2.x2},${graph.main.bars.main.filled_y + 1.5}
81286
- ${graph.main.area.part_3.x2},${graph.main.bars.main.filled_y + 1.5}
81311
+ ${graph.main.area.part_2.x2},${(graph.main.bars.main.percentage === 100 ? graph.main.bars.main.outlined_y : graph.main.bars.main.filled_y) + 1.5}
81312
+ ${graph.main.area.part_3.x2},${(graph.main.bars.main.percentage === 100 ? graph.main.bars.main.outlined_y : graph.main.bars.main.filled_y) + 1.5}
81287
81313
  ${graph.main.area.part_3.x2},${graph.mainHeightGraph}
81288
81314
  ${graph.main.area.part_2.x1},${graph.mainHeightGraph}`,
81289
81315
  fill: graph.main.bars.main.colorSecondary
@@ -81343,6 +81369,7 @@ const UnitLinkGraph = ({
81343
81369
  className: "text-contribution",
81344
81370
  y: graph.timeline.text.left.y,
81345
81371
  x: graph.timeline.text.left.x,
81372
+ fill: timeline_text_color.left,
81346
81373
  textAnchor: "end",
81347
81374
  children: timeline_texts.left
81348
81375
  }
@@ -81353,6 +81380,7 @@ const UnitLinkGraph = ({
81353
81380
  className: "text-contribution",
81354
81381
  y: graph.timeline.text.right.y,
81355
81382
  x: graph.timeline.text.right.x,
81383
+ fill: timeline_text_color.right,
81356
81384
  textAnchor: "start",
81357
81385
  children: timeline_texts.right
81358
81386
  }
@@ -81437,7 +81465,7 @@ const RenderBar = ({
81437
81465
  y: bar.outlined_y,
81438
81466
  width: bar.w,
81439
81467
  height: bar.outlined_h,
81440
- fill: colors.white,
81468
+ fill: bar.outlineColor,
81441
81469
  stroke: bar.colorPrimary,
81442
81470
  strokeWidth: bar.strokeWidth
81443
81471
  }
@@ -81465,6 +81493,8 @@ const RenderBar = ({
81465
81493
  ),
81466
81494
  bar.barActions.actions.map((action, index) => {
81467
81495
  const isActive = activeAction === index;
81496
+ const rectColor = isActive ? bar.colorPrimary : action.bgColor ? action.bgColor : bar.colorSecondary;
81497
+ const textColor = isActive ? colors.white : action.textColor ? action.textColor : bar.colorPrimary;
81468
81498
  return /* @__PURE__ */ jsxs(
81469
81499
  "g",
81470
81500
  {
@@ -81474,7 +81504,7 @@ const RenderBar = ({
81474
81504
  /* @__PURE__ */ jsx(
81475
81505
  "rect",
81476
81506
  {
81477
- fill: isActive ? bar.colorPrimary : bar.colorSecondary,
81507
+ fill: rectColor,
81478
81508
  rx: 4,
81479
81509
  ry: 4,
81480
81510
  height: action.actions_h,
@@ -81489,7 +81519,7 @@ const RenderBar = ({
81489
81519
  className: "text-bar-actions-label",
81490
81520
  x: action.label_x,
81491
81521
  y: action.label_y,
81492
- fill: isActive ? colors.white : bar.colorPrimary,
81522
+ fill: textColor,
81493
81523
  children: action.wrappedLabel?.map((line, lineIndex) => /* @__PURE__ */ jsx(
81494
81524
  "tspan",
81495
81525
  {
@@ -81504,7 +81534,7 @@ const RenderBar = ({
81504
81534
  action.sublabel && /* @__PURE__ */ jsx(
81505
81535
  "text",
81506
81536
  {
81507
- fill: isActive ? colors.white : bar.colorPrimary,
81537
+ fill: textColor,
81508
81538
  className: "text-bar-actions-sublabel",
81509
81539
  x: action.sublabel_x,
81510
81540
  y: action.sublabel_y,
package/build/types/components/ConfigurationSaveInfo/ConfigurationSaveInfo.d.ts CHANGED
@@ -4,6 +4,7 @@ interface ConfigurationSaveInfoProps extends HTMLAttributes<HTMLDivElement> {
4
4
  date?: string;
5
5
  branchName?: string;
6
6
  buttonOnClick?(): void;
7
+ isSimulator?: boolean;
7
8
  }
8
9
  declare const ConfigurationSaveInfo: React.FC<ConfigurationSaveInfoProps>;
9
10
 
package/build/types/components/TextInput/TextInput.d.ts CHANGED
@@ -29,6 +29,7 @@ interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "si
29
29
  };
30
30
  numpadPortal?: boolean;
31
31
  numpadAllowPaste?: boolean;
32
+ thousandSeparator?: boolean;
32
33
  }
33
34
  declare const TextInput: React.FC<TextInputProps>;
34
35
 
package/build/types/components/UnitlinkGraph/UnitlinkGraph.d.ts CHANGED
@@ -4,10 +4,14 @@ interface BarConfiguration {
4
4
  header: string;
5
5
  color_primary: string;
6
6
  color_secondary: string;
7
+ outline_color?: string;
7
8
  percentage: number;
9
+ secondary_percentage?: number;
8
10
  actions: Array<{
9
11
  label: string;
10
12
  sublabel?: string;
13
+ bgColor?: string;
14
+ textColor?: string;
11
15
  }>;
12
16
  }
13
17
  interface UnitLinkGraphProps extends HTMLAttributes<SVGSVGElement> {
@@ -27,7 +31,12 @@ interface UnitLinkGraphProps extends HTMLAttributes<SVGSVGElement> {
27
31
  left: string;
28
32
  right?: string;
29
33
  };
34
+ timeline_text_color?: {
35
+ left: string;
36
+ right: string;
37
+ };
30
38
  initialSliderValue?: number;
39
+ lineGraphAreaColor?: string;
31
40
  }
32
41
  declare const UnitLinkGraph: React.FC<UnitLinkGraphProps>;
33
42
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "rbro-tat-uds",
3
- "version": "2.2.20",
3
+ "version": "2.2.22",
4
4
  "type": "module",
5
5
  "main": "build/cjs/index.cjs",
6
6
  "module": "build/esm/index.js",