rbro-tat-uds 1.6.36 → 2.0.0

package/build/cjs/components/UnitlinkGraph/index.cjs

@@ -0,0 +1,12 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var UnitlinkGraph = require('./UnitlinkGraph.cjs');
+
+
+
+exports.default = UnitlinkGraph.default;

package/build/cjs/components/VerticalHeat/VerticalHeat.cjs

@@ -0,0 +1,156 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('../../utils');
+var styled = require('styled-components');
+
+const VerticalHeatStyled = styled.svg`
+  circle {
+    transition: cy 0.2s ease-in-out;
+  }
+`;
+const VerticalHeat = ({
+  min = 0,
+  max = 100,
+  value = 50,
+  width = "40px"
+}) => {
+  const randomUID = React.useMemo(() => {
+    return Math.random().toString(36).substring(2, 15);
+  }, []);
+  const POINT_R = 9;
+  const POINT_SIZE = POINT_R * 2;
+  const POINT_STROKE_WIDTH = 3;
+  const [verticalHeatHeight, setVerticalHeatHeight] = React.useState(0);
+  const [heatGraphWidth, setHeatGraphWidth] = React.useState(0);
+  const [heatGraphHeight, setHeatGraphHeight] = React.useState(0);
+  const heatGraphRef = React.useRef(null);
+  const verticalHeatRef = React.useRef(null);
+  const pointX = React.useMemo(() => {
+    return heatGraphWidth / 2;
+  }, [heatGraphWidth]);
+  const pointY = React.useMemo(() => {
+    const MAX_LIMIT_Y = POINT_SIZE / 2 + POINT_STROKE_WIDTH / 2 + 2;
+    const MIN_LIMIT_Y = heatGraphHeight - (POINT_SIZE / 2 + POINT_STROKE_WIDTH / 2) + 2;
+    const clampedValue = Math.max(min, Math.min(max, value));
+    const range = max - min;
+    const normalizedPosition = range === 0 ? 0.5 : 1 - (clampedValue - min) / range;
+    const point_y = MAX_LIMIT_Y + normalizedPosition * (MIN_LIMIT_Y - MAX_LIMIT_Y);
+    return isNaN(point_y) ? MAX_LIMIT_Y : point_y;
+  }, [POINT_SIZE, POINT_STROKE_WIDTH, heatGraphHeight, min, max, value]);
+  const computeGradient = React.useMemo(() => {
+    let positive = "0%";
+    let neutral = "51.44%";
+    let negative = "100%";
+    if (min <= 0 && max <= 0) {
+      positive = "0%";
+      neutral = "0%";
+      negative = "50%";
+    }
+    if (min > 0 && max > 0) {
+      positive = "30%";
+      neutral = "100%";
+      negative = "0%";
+    }
+    return {
+      positive,
+      neutral,
+      negative
+    };
+  }, [min, max]);
+  React.useEffect(() => {
+    if (heatGraphRef.current) {
+      setHeatGraphWidth(
+        heatGraphRef.current.width.baseVal.value ?? heatGraphRef.current.getBoundingClientRect().width ?? 28
+      );
+    }
+  }, [heatGraphRef]);
+  React.useEffect(() => {
+    if (verticalHeatRef.current) {
+      const { height } = verticalHeatRef.current.getBoundingClientRect();
+      setVerticalHeatHeight(height);
+      setHeatGraphHeight(height - 4);
+    }
+  }, [verticalHeatRef]);
+  React.useEffect(() => {
+    if (verticalHeatRef.current) {
+      const updateDimensions = () => {
+        const rectVerticalHeatRef = verticalHeatRef.current.getBoundingClientRect();
+        if (rectVerticalHeatRef.height > 0) {
+          setVerticalHeatHeight(rectVerticalHeatRef.height);
+          setHeatGraphHeight(rectVerticalHeatRef.height - 4);
+        }
+      };
+      const resizeObserver = new ResizeObserver(updateDimensions);
+      resizeObserver.observe(verticalHeatRef.current);
+      return () => {
+        resizeObserver.disconnect();
+      };
+    }
+  }, [verticalHeatRef]);
+  React.useEffect(() => {
+    if (verticalHeatRef.current) {
+      if (verticalHeatHeight && heatGraphHeight) {
+        if (heatGraphRef.current) {
+          const updateDimensions = () => {
+            const heatWidth = heatGraphRef.current.width.baseVal.value ?? heatGraphRef.current.getBoundingClientRect().width;
+            setHeatGraphWidth(heatWidth ?? 28);
+          };
+          const resizeObserverHeatGraph = new ResizeObserver(updateDimensions);
+          resizeObserverHeatGraph.observe(heatGraphRef.current);
+          return () => {
+            resizeObserverHeatGraph.disconnect();
+          };
+        }
+      }
+    }
+  }, [heatGraphHeight, verticalHeatHeight, heatGraphRef]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(VerticalHeatStyled, { width, height: "100%", ref: verticalHeatRef, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, fill: utils.colors.gray_950, height: 2, width: "100%" }),
+    /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: randomUID, x1: "0%", y1: "0%", x2: "0%", y2: "100%", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: computeGradient.positive, stopColor: "#1BB18C" }),
+      /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: computeGradient.neutral, stopColor: "#FFE106" }),
+      /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: computeGradient.negative, stopColor: "#EF2A38" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "rect",
+      {
+        ref: heatGraphRef,
+        x: 0,
+        y: 2,
+        fill: `url(#${randomUID})`,
+        height: Math.max(verticalHeatHeight - 4, 0) + "px",
+        width: `70%`
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "rect",
+      {
+        x: 0,
+        y: `${verticalHeatHeight - 2}`,
+        fill: utils.colors.gray_950,
+        height: 2,
+        width: "100%"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "circle",
+      {
+        cx: pointX,
+        cy: pointY,
+        r: POINT_R,
+        fill: utils.colors.black,
+        strokeWidth: POINT_STROKE_WIDTH,
+        stroke: utils.colors.white
+      }
+    )
+  ] });
+};
+
+exports.default = VerticalHeat;

package/build/cjs/components/VerticalHeat/index.cjs

@@ -0,0 +1,12 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var VerticalHeat = require('./VerticalHeat.cjs');
+
+
+
+exports.default = VerticalHeat.default;

package/build/cjs/components/index.cjs

@@ -0,0 +1,180 @@
+"use strict";
+"use client";
+
+'use strict';
+
+var Alert = require('./Alert/Alert.cjs');
+var AppBranding = require('./AppBranding/AppBranding.cjs');
+var AutosaveStatus = require('./AutosaveStatus/AutosaveStatus.cjs');
+var Bar = require('./Bar/Bar.cjs');
+var BreadcrumbItem = require('./BreadcrumbItem/BreadcrumbItem.cjs');
+var Breadcrumbs = require('./Breadcrumbs/Breadcrumbs.cjs');
+var Logo = require('./Logo/Logo.cjs');
+var Button = require('./Button/Button.cjs');
+var ButtonLink = require('./ButtonLink/ButtonLink.cjs');
+var Card = require('./Card/Card.cjs');
+var Checkbox = require('./Checkbox/Checkbox.cjs');
+var CityPicker = require('./CityPicker/CityPicker.cjs');
+var ConfigurationSaveInfo = require('./ConfigurationSaveInfo/ConfigurationSaveInfo.cjs');
+var IconButton = require('./IconButton/IconButton.cjs');
+var Container = require('./Container/Container.cjs');
+var Content = require('./Content/Content.cjs');
+var ContentDropdown = require('./ContentDropdown/ContentDropdown.cjs');
+var InvestmentFundItem = require('./InvestmentFundItem/InvestmentFundItem.cjs');
+var CreditCard = require('./CreditCard/CreditCard.cjs');
+var DashboardCard = require('./DashboardCard/DashboardCard.cjs');
+var Pill = require('./Pill/Pill.cjs');
+var Modal = require('./Modal/Modal.cjs');
+var DashboardCategory = require('./DashboardCategory/DashboardCategory.cjs');
+var FormField = require('./FormField/FormField.cjs');
+var TextInput = require('./TextInput/TextInput.cjs');
+var Slider = require('./Slider/Slider.cjs');
+var DashboardSmallShortcut = require('./DashboardSmallShortcut/DashboardSmallShortcut.cjs');
+var Datepicker = require('./Datepicker/Datepicker.cjs');
+var Divider = require('./Divider/Divider.cjs');
+var DonutGraph = require('./DonutGraph/DonutGraph.cjs');
+var Dropdown = require('./Dropdown/Dropdown.cjs');
+var Flex = require('./Flex/Flex.cjs');
+var GraficConfiguratiePensii = require('./GraficConfiguratiePensii/GraficConfiguratiePensii.cjs');
+var GraficFondInvestitii = require('./GraficFondInvestitii/GraficFondInvestitii.cjs');
+var GraficFondInvestitiiInflatie = require('./GraficFondInvestitiiInflatie/GraficFondInvestitiiInflatie.cjs');
+var Layout = require('./Layout/Layout.cjs');
+var SidebarItem = require('./SidebarItem/SidebarItem.cjs');
+var GraficPensii = require('./GraficPensii/GraficPensii.cjs');
+var GraficPlanInvestitii = require('./GraficPlanInvestitii/GraficPlanInvestitii.cjs');
+var GraficPropunerePensii = require('./GraficPropunerePensii/GraficPropunerePensii.cjs');
+var IconCard = require('./IconCard/IconCard.cjs');
+var Illustration = require('./Illustration/Illustration.cjs');
+var ImageCard = require('./ImageCard/ImageCard.cjs');
+var InPageTab = require('./InPageTab/InPageTab.cjs');
+var LabeledText = require('./LabeledText/LabeledText.cjs');
+var LabeledTextInLine = require('./LabeledTextInLine/LabeledTextInLine.cjs');
+var ObjectiveCard = require('./ObjectiveCard/ObjectiveCard.cjs');
+var ObjectiveCardSmall = require('./ObjectiveCardSmall/ObjectiveCardSmall.cjs');
+var OfferCard = require('./OfferCard/OfferCard.cjs');
+var OperationsDashboardCard = require('./OperationsDashboardCard/OperationsDashboardCard.cjs');
+var OperationsDashboardCategory = require('./OperationsDashboardCategory/OperationsDashboardCategory.cjs');
+var PageMessage = require('./PageMessage/PageMessage.cjs');
+var PageTitle = require('./PageTitle/PageTitle.cjs');
+var PlanFinanciarAUMBar = require('./PlanFinanciarAUMBar/PlanFinanciarAUMBar.cjs');
+var PlanFinanciarAUMGraph = require('./PlanFinanciarAUMGraph/PlanFinanciarAUMGraph.cjs');
+var PlanulFinanciarTeaser = require('./PlanulFinanciarTeaser/PlanulFinanciarTeaser.cjs');
+var ProductTeaser = require('./ProductTeaser/ProductTeaser.cjs');
+var ProductTeaserButton = require('./ProductTeaserButton/ProductTeaserButton.cjs');
+var ProductTeaserParameters = require('./ProductTeaserParameters/ProductTeaserParameters.cjs');
+var ProductTeaserStep = require('./ProductTeaserStep/ProductTeaserStep.cjs');
+var ProposalPensii = require('./ProposalPensii/ProposalPensii.cjs');
+var ProposalUnitlinked = require('./ProposalUnitlinked/ProposalUnitlinked.cjs');
+var PropunereAsigurariCalatorie = require('./PropunereAsigurariCalatorie/PropunereAsigurariCalatorie.cjs');
+var PropunereFlexicredit = require('./PropunereFlexicredit/PropunereFlexicredit.cjs');
+var PropunereFondInvestitii = require('./PropunereFondInvestitii/PropunereFondInvestitii.cjs');
+var PropunerePlanInvestitii = require('./PropunerePlanInvestitii/PropunerePlanInvestitii.cjs');
+var Radio = require('./Radio/Radio.cjs');
+var RatesCalculator = require('./RatesCalculator/RatesCalculator.cjs');
+var Section = require('./Section/Section.cjs');
+var SegmentedTabs = require('./SegmentedTabs/SegmentedTabs.cjs');
+var SelectionButton = require('./SelectionButton/SelectionButton.cjs');
+var SelectionPill = require('./SelectionPill/SelectionPill.cjs');
+var ShortcutCard = require('./ShortcutCard/ShortcutCard.cjs');
+var Sidebar = require('./Sidebar/Sidebar.cjs');
+var StepsBar = require('./StepsBar/StepsBar.cjs');
+var StepTab = require('./StepTab/StepTab.cjs');
+var Switch = require('./Switch/Switch.cjs');
+var Tab = require('./Tab/Tab.cjs');
+var TimedButton = require('./TimedButton/TimedButton.cjs');
+var TimelineSteps = require('./TimelineSteps/TimelineSteps.cjs');
+var TimelineStepsItem = require('./TimelineStepsItem/TimelineStepsItem.cjs');
+var Timer = require('./Timer/Timer.cjs');
+var UnitlinkGraph = require('./UnitlinkGraph/UnitlinkGraph.cjs');
+var VerticalHeat = require('./VerticalHeat/VerticalHeat.cjs');
+var Icon = require('./Icon/Icon.cjs');
+var Spinner = require('./Spinner/Spinner.cjs');
+
+
+
+exports.Alert = Alert.default;
+exports.AppBranding = AppBranding.default;
+exports.AutosaveStatus = AutosaveStatus.default;
+exports.Bar = Bar.default;
+exports.BreadcrumbItem = BreadcrumbItem.default;
+exports.Breadcrumbs = Breadcrumbs.default;
+exports.Logo = Logo.default;
+exports.Button = Button.default;
+exports.ButtonLink = ButtonLink.default;
+exports.Card = Card.default;
+exports.Checkbox = Checkbox.default;
+exports.CityPicker = CityPicker.default;
+exports.ConfigurationSaveInfo = ConfigurationSaveInfo.default;
+exports.IconButton = IconButton.default;
+exports.Container = Container.default;
+exports.Content = Content.default;
+exports.ContentDropdown = ContentDropdown.default;
+exports.InvestmentFundItem = InvestmentFundItem.default;
+exports.CreditCard = CreditCard.default;
+exports.DashboardCard = DashboardCard.default;
+exports.Pill = Pill.default;
+exports.Modal = Modal.default;
+exports.DashboardCategory = DashboardCategory.default;
+exports.FormField = FormField.default;
+exports.TextInput = TextInput.default;
+exports.Slider = Slider.default;
+exports.DashboardSmallShortcut = DashboardSmallShortcut.default;
+exports.Datepicker = Datepicker.default;
+exports.Divider = Divider.default;
+exports.DonutGraph = DonutGraph.default;
+exports.Dropdown = Dropdown.default;
+exports.Flex = Flex.default;
+exports.GraficConfiguratiePensii = GraficConfiguratiePensii.default;
+exports.GraficFondInvestitii = GraficFondInvestitii.default;
+exports.GraficFondInvestitiiInflatie = GraficFondInvestitiiInflatie.default;
+exports.Layout = Layout.default;
+exports.SidebarItem = SidebarItem.default;
+exports.GraficPensii = GraficPensii.default;
+exports.GraficPlanInvestitii = GraficPlanInvestitii.default;
+exports.GraficPropunerePensii = GraficPropunerePensii.default;
+exports.IconCard = IconCard.default;
+exports.Illustration = Illustration.default;
+exports.ImageCard = ImageCard.default;
+exports.InPageTab = InPageTab.default;
+exports.LabeledText = LabeledText.default;
+exports.LabeledTextInLine = LabeledTextInLine.default;
+exports.ObjectiveCard = ObjectiveCard.default;
+exports.ObjectiveCardSmall = ObjectiveCardSmall.default;
+exports.OfferCard = OfferCard.default;
+exports.OperationsDashboardCard = OperationsDashboardCard.default;
+exports.OperationsDashboardCategory = OperationsDashboardCategory.default;
+exports.PageMessage = PageMessage.default;
+exports.PageTitle = PageTitle.default;
+exports.PlanFinanciarAUMBar = PlanFinanciarAUMBar.default;
+exports.PlanFinanciarAUMGraph = PlanFinanciarAUMGraph.default;
+exports.PlanulFinanciarTeaser = PlanulFinanciarTeaser.default;
+exports.ProductTeaser = ProductTeaser.default;
+exports.ProductTeaserButton = ProductTeaserButton.default;
+exports.ProductTeaserParameters = ProductTeaserParameters.default;
+exports.ProductTeaserStep = ProductTeaserStep.default;
+exports.ProposalPensii = ProposalPensii.default;
+exports.ProposalUnitlinked = ProposalUnitlinked.default;
+exports.PropunereAsigurariCalatorie = PropunereAsigurariCalatorie.default;
+exports.PropunereFlexicredit = PropunereFlexicredit.default;
+exports.PropunereFondInvestitii = PropunereFondInvestitii.default;
+exports.PropunerePlanInvestitii = PropunerePlanInvestitii.default;
+exports.Radio = Radio.default;
+exports.RatesCalculator = RatesCalculator.default;
+exports.Section = Section.default;
+exports.SegmentedTabs = SegmentedTabs.default;
+exports.SelectionButton = SelectionButton.default;
+exports.SelectionPill = SelectionPill.default;
+exports.ShortcutCard = ShortcutCard.default;
+exports.Sidebar = Sidebar.default;
+exports.StepsBar = StepsBar.default;
+exports.StepTab = StepTab.default;
+exports.Switch = Switch.default;
+exports.Tab = Tab.default;
+exports.TimedButton = TimedButton.default;
+exports.TimelineSteps = TimelineSteps.default;
+exports.TimelineStepsItem = TimelineStepsItem.default;
+exports.Timer = Timer.default;
+exports.UnitlinkGraph = UnitlinkGraph.default;
+exports.VerticalHeat = VerticalHeat.default;
+exports.Icon = Icon.default;
+exports.Spinner = Spinner.default;