rbro-tat-uds 1.6.36 → 2.0.0

package/build/esm/components/UnitlinkGraph/index.js

@@ -0,0 +1,8 @@
+"use strict";
+"use client";
+
+import UnitLinkGraph from './UnitlinkGraph.js';
+
+
+
+export { UnitLinkGraph as default };

package/build/esm/components/VerticalHeat/VerticalHeat.js

@@ -0,0 +1,152 @@
+"use strict";
+"use client";
+
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo, useState, useRef, useEffect } from 'react';
+import { colors } from '../../utils';
+import styled from '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 = 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] = useState(0);
+  const [heatGraphWidth, setHeatGraphWidth] = useState(0);
+  const [heatGraphHeight, setHeatGraphHeight] = useState(0);
+  const heatGraphRef = useRef(null);
+  const verticalHeatRef = useRef(null);
+  const pointX = useMemo(() => {
+    return heatGraphWidth / 2;
+  }, [heatGraphWidth]);
+  const pointY = 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 = 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]);
+  useEffect(() => {
+    if (heatGraphRef.current) {
+      setHeatGraphWidth(
+        heatGraphRef.current.width.baseVal.value ?? heatGraphRef.current.getBoundingClientRect().width ?? 28
+      );
+    }
+  }, [heatGraphRef]);
+  useEffect(() => {
+    if (verticalHeatRef.current) {
+      const { height } = verticalHeatRef.current.getBoundingClientRect();
+      setVerticalHeatHeight(height);
+      setHeatGraphHeight(height - 4);
+    }
+  }, [verticalHeatRef]);
+  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]);
+  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__ */ jsxs(VerticalHeatStyled, { width, height: "100%", ref: verticalHeatRef, children: [
+    /* @__PURE__ */ jsx("rect", { x: 0, y: 0, fill: colors.gray_950, height: 2, width: "100%" }),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: randomUID, x1: "0%", y1: "0%", x2: "0%", y2: "100%", children: [
+      /* @__PURE__ */ jsx("stop", { offset: computeGradient.positive, stopColor: "#1BB18C" }),
+      /* @__PURE__ */ jsx("stop", { offset: computeGradient.neutral, stopColor: "#FFE106" }),
+      /* @__PURE__ */ jsx("stop", { offset: computeGradient.negative, stopColor: "#EF2A38" })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        ref: heatGraphRef,
+        x: 0,
+        y: 2,
+        fill: `url(#${randomUID})`,
+        height: Math.max(verticalHeatHeight - 4, 0) + "px",
+        width: `70%`
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: 0,
+        y: `${verticalHeatHeight - 2}`,
+        fill: colors.gray_950,
+        height: 2,
+        width: "100%"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "circle",
+      {
+        cx: pointX,
+        cy: pointY,
+        r: POINT_R,
+        fill: colors.black,
+        strokeWidth: POINT_STROKE_WIDTH,
+        stroke: colors.white
+      }
+    )
+  ] });
+};
+
+export { VerticalHeat as default };

package/build/esm/components/VerticalHeat/index.js

@@ -0,0 +1,8 @@
+"use strict";
+"use client";
+
+import VerticalHeat from './VerticalHeat.js';
+
+
+
+export { VerticalHeat as default };

package/build/esm/components/index.js

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

package/build/esm/index.css

@@ -0,0 +1,2 @@
+@font-face{font-family:Amalia;font-style:normal;font-weight:400;src:url(../assets/fonts/AmaliaCondW02-Regular.woff2)}@font-face{font-family:Amalia;font-style:normal;font-weight:200;src:url(../assets/fonts/AmaliaW02-Thin.woff2)}@font-face{font-family:Amalia;font-style:normal;font-weight:300;src:url(../assets/fonts/AmaliaW02-Light.woff2)}@font-face{font-family:Amalia;font-style:normal;font-weight:400;src:url(../assets/fonts/AmaliaW02-Regular.woff2)}@font-face{font-family:Amalia;font-style:normal;font-weight:500;src:url(../assets/fonts/AmaliaW02-Medium.woff2)}@font-face{font-family:Amalia;font-style:normal;font-weight:700;src:url(../assets/fonts/AmaliaW02-Bold.woff2)}@font-face{font-family:Amalia;font-style:normal;font-weight:800;src:url(../assets/fonts/AmaliaW02-Black.woff2)}*{font-family:Amalia,sans-serif}h1,h2,h3{margin:0;padding:0}*,:after,:before{box-sizing:border-box}body{line-height:inherit;margin:0}
+/*# sourceMappingURL=index.css.map */

package/build/esm/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.css"],"names":[],"mappings":"AAAA,WACE,kBAAqB,CAErB,iBAAkB,CAClB,eAAmB,CAFnB,oDAGF,CAOA,WACE,kBAAqB,CAErB,iBAAkB,CAClB,eAAgB,CAFhB,6CAGF,CACA,WACE,kBAAqB,CAErB,iBAAkB,CAClB,eAAgB,CAFhB,8CAGF,CACA,WACE,kBAAqB,CAErB,iBAAkB,CAClB,eAAgB,CAFhB,gDAGF,CACA,WACE,kBAAqB,CAErB,iBAAkB,CAClB,eAAgB,CAFhB,+CAGF,CACA,WACE,kBAAqB,CAErB,iBAAkB,CAClB,eAAgB,CAFhB,6CAGF,CAOA,WACE,kBAAqB,CAErB,iBAAkB,CAClB,eAAgB,CAFhB,8CAGF,CAEA,EACE,6BACF,CAEA,SAIE,QAAW,CADX,SAEF,CAEA,iBAGE,qBACF,CAEA,KAEE,mBAAoB,CADpB,QAEF","file":"index.css","sourcesContent":["@font-face {\n  font-family: \"Amalia\";\n  src: url(\"../assets/fonts/AmaliaCondW02-Regular.woff2\");\n  font-style: normal;\n  font-weight: normal;\n}\n@font-face {\n  font-family: \"Amalia\";\n  src: url(\"../assets/fonts/AmaliaW02-Thin.woff2\");\n  font-style: normal;\n  font-weight: 200;\n}\n@font-face {\n  font-family: \"Amalia\";\n  src: url(\"../assets/fonts/AmaliaW02-Thin.woff2\");\n  font-style: normal;\n  font-weight: 200;\n}\n@font-face {\n  font-family: \"Amalia\";\n  src: url(\"../assets/fonts/AmaliaW02-Light.woff2\");\n  font-style: normal;\n  font-weight: 300;\n}\n@font-face {\n  font-family: \"Amalia\";\n  src: url(\"../assets/fonts/AmaliaW02-Regular.woff2\");\n  font-style: normal;\n  font-weight: 400;\n}\n@font-face {\n  font-family: \"Amalia\";\n  src: url(\"../assets/fonts/AmaliaW02-Medium.woff2\");\n  font-style: normal;\n  font-weight: 500;\n}\n@font-face {\n  font-family: \"Amalia\";\n  src: url(\"../assets/fonts/AmaliaW02-Bold.woff2\");\n  font-style: normal;\n  font-weight: 700;\n}\n@font-face {\n  font-family: \"Amalia\";\n  src: url(\"../assets/fonts/AmaliaW02-Black.woff2\");\n  font-style: normal;\n  font-weight: 800;\n}\n@font-face {\n  font-family: \"Amalia\";\n  src: url(\"../assets/fonts/AmaliaW02-Black.woff2\");\n  font-style: normal;\n  font-weight: 800;\n}\n\n* {\n  font-family: Amalia, sans-serif;\n}\n\nh1,\nh2,\nh3 {\n  padding: 0px;\n  margin: 0px;\n}\n\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\n\nbody {\n  margin: 0;\n  line-height: inherit;\n}\n"]}