rbro-tat-uds 2.2.2 → 2.2.4

package/build/esm/assets/icons/face-happy.svg.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+var _path, _path2;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgFaceHappy = function SvgFaceHappy(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M15.5 12a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M12 16a3.99 3.99 0 0 1-2.961-1.31l-1.48 1.344A5.99 5.99 0 0 0 11.999 18c1.761 0 3.346-.76 4.442-1.966l-1.48-1.345A3.99 3.99 0 0 1 12 16"
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12m10-8a8 8 0 1 0 0 16 8 8 0 0 0 0-16",
+    clipRule: "evenodd"
+  })));
+};
+
+export { SvgFaceHappy as default };

package/build/esm/assets/icons/person-level.svg.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+
+var _path, _path2, _path3;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgPersonLevel = function SvgPersonLevel(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M4 7a5 5 0 1 1 10 0A5 5 0 0 1 4 7m5-3a3 3 0 1 0 0 6 3 3 0 0 0 0-6",
+    clipRule: "evenodd"
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    d: "M1 22c0-4.402 3.09-9 8.5-9 1.12 0 2.157.201 3.094.57l-.73 1.86A6.4 6.4 0 0 0 9.5 15C5.473 15 3 18.402 3 22z"
+  })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M15 15a1 1 0 0 0-.832.445l-1 1.5a1 1 0 0 0 .125 1.262l4 4a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 .125-1.262l-1-1.5A1 1 0 0 0 21 15zm.287 2.373.248-.373h4.93l.248.373L18 20.086z",
+    clipRule: "evenodd"
+  })));
+};
+
+export { SvgPersonLevel as default };

package/build/esm/components/Button/Button.js

@@ -143,6 +143,8 @@ import '../../assets/icons/warning-exclamation.svg.js';
 import '../../assets/icons/warning-outlined.svg.js';
 import '../../assets/icons/info-outlined.svg.js';
 import '../../assets/icons/hint-outlined.svg.js';
+import '../../assets/icons/face-happy.svg.js';
+import '../../assets/icons/person-level.svg.js';
 import Icon from '../Icon/Icon.js';
 import Spinner from '../Spinner/Spinner.js';
 import { colors } from '../../utils';

package/build/esm/components/GraficContributieUnitlinked/GraficContributieUnitlinked.js

@@ -0,0 +1,153 @@
+"use strict";
+"use client";
+
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { colors } from '../../utils';
+import { useRef, useState, useMemo, useEffect } from 'react';
+import styled from 'styled-components';
+
+const GraficContributieUnitlinkedStyled = styled.svg`
+  & > .limit_label_main {
+    font-size: 14px;
+    font-weight: 400;
+    fill: ${colors.gray_950};
+  }
+  & > .limit_label_secondary {
+    font-size: 16px;
+    font-weight: 700;
+    fill: ${colors.gray_950};
+  }
+`;
+const GraficContributieUnitlinked = ({
+  limitTop = 50,
+  limitBottom = 100,
+  limitTopLabel = "Top Label",
+  limitBottomLabel = "Bottom Label",
+  currency = "RON",
+  height = 142,
+  colorBar = colors.danger_100,
+  colorFilledBar = colors.success_400
+}) => {
+  const RO = new Intl.NumberFormat("RO");
+  const svg_ref = useRef(null);
+  const [w, setW] = useState(0);
+  const BAR_HEIGHT = 24;
+  const configuration = useMemo(() => {
+    const barY = height / 2 - BAR_HEIGHT / 2;
+    const barYStop = barY + BAR_HEIGHT;
+    const limitTopHeight = height - barYStop + BAR_HEIGHT;
+    const limitTopX = Math.min(Math.max(0, limitTop / limitBottom * w), w - 2);
+    const limitTopLabelsAnchor = limitTopX > w * 0.75 ? "end" : "start";
+    const limitBottomX = w - 2;
+    const limitBottomY = barY;
+    const limitBottomHeight = limitTopHeight;
+    return {
+      barY,
+      barYStop,
+      limitTopHeight,
+      limitTopX,
+      limitTopLabelsAnchor,
+      limitBottomY,
+      limitBottomHeight,
+      limitBottomX
+    };
+  }, [limitTop, limitBottom, height, w]);
+  useEffect(() => {
+    if (svg_ref.current) {
+      setW(svg_ref.current.clientWidth);
+    }
+  }, [svg_ref]);
+  return /* @__PURE__ */ jsxs(
+    GraficContributieUnitlinkedStyled,
+    {
+      ref: svg_ref,
+      width: "100%",
+      height,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: 0,
+            y: configuration.barY,
+            width: "100%",
+            height: BAR_HEIGHT,
+            fill: colorBar
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: 0,
+            y: configuration.barY,
+            width: configuration.limitTopX,
+            height: BAR_HEIGHT,
+            fill: colorFilledBar
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: configuration.limitTopX,
+            y: 0,
+            height: configuration.limitTopHeight,
+            fill: "black",
+            width: 2
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            className: "limit_label_main",
+            textAnchor: configuration.limitTopLabelsAnchor,
+            x: configuration.limitTopX + (configuration.limitTopLabelsAnchor === "start" ? 12 : -12),
+            y: 12,
+            children: limitTopLabel
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            className: "limit_label_secondary",
+            textAnchor: configuration.limitTopLabelsAnchor,
+            x: configuration.limitTopX + (configuration.limitTopLabelsAnchor === "start" ? 12 : -12),
+            y: 12 + 20,
+            children: RO.format(limitTop) + " " + currency
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: configuration.limitBottomX,
+            y: configuration.limitBottomY,
+            height: configuration.limitBottomHeight,
+            fill: "black",
+            width: 2
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            className: "limit_label_main",
+            textAnchor: "end",
+            x: configuration.limitBottomX - 12,
+            y: height - 20,
+            children: limitBottomLabel
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            className: "limit_label_secondary",
+            textAnchor: "end",
+            x: configuration.limitBottomX - 12,
+            y: height,
+            children: RO.format(limitBottom) + " " + currency
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { GraficContributieUnitlinked as default };

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

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

package/build/esm/components/Icon/IconsList.js

@@ -140,6 +140,8 @@ import WarningExclamationIcon from '../../assets/icons/warning-exclamation.svg.j
 import WarningOutlinedIcon from '../../assets/icons/warning-outlined.svg.js';
 import InfoOutlinedIcon from '../../assets/icons/info-outlined.svg.js';
 import HintOutlinedIcon from '../../assets/icons/hint-outlined.svg.js';
+import FaceHappyIcon from '../../assets/icons/face-happy.svg.js';
+import PersonLevelIcon from '../../assets/icons/person-level.svg.js';
 
 const IconsList = {
   asterix: AsterixIcon,
@@ -280,7 +282,9 @@ const IconsList = {
   "warning-exclamation": WarningExclamationIcon,
   "warning-outlined": WarningOutlinedIcon,
   "info-outlined": InfoOutlinedIcon,
-  "hint-outlined": HintOutlinedIcon
+  "hint-outlined": HintOutlinedIcon,
+  "face-happy": FaceHappyIcon,
+  "person-level": PersonLevelIcon
 };
 
 export { IconsList as default };

package/build/esm/components/IconButton/IconButton.js

@@ -142,6 +142,8 @@ import '../../assets/icons/warning-exclamation.svg.js';
 import '../../assets/icons/warning-outlined.svg.js';
 import '../../assets/icons/info-outlined.svg.js';
 import '../../assets/icons/hint-outlined.svg.js';
+import '../../assets/icons/face-happy.svg.js';
+import '../../assets/icons/person-level.svg.js';
 import styled, { css } from 'styled-components';
 import Icon from '../Icon/Icon.js';
 import Spinner from '../Spinner/Spinner.js';

package/build/esm/components/PageMessage/PageMessage.js

@@ -142,6 +142,8 @@ import '../../assets/icons/warning-exclamation.svg.js';
 import '../../assets/icons/warning-outlined.svg.js';
 import '../../assets/icons/info-outlined.svg.js';
 import '../../assets/icons/hint-outlined.svg.js';
+import '../../assets/icons/face-happy.svg.js';
+import '../../assets/icons/person-level.svg.js';
 import styled from 'styled-components';
 import Icon from '../Icon/Icon.js';
 import { colors } from '../../utils';

package/build/esm/components/TextInput/TextInput.js

@@ -143,6 +143,8 @@ import '../../assets/icons/warning-exclamation.svg.js';
 import '../../assets/icons/warning-outlined.svg.js';
 import '../../assets/icons/info-outlined.svg.js';
 import '../../assets/icons/hint-outlined.svg.js';
+import '../../assets/icons/face-happy.svg.js';
+import '../../assets/icons/person-level.svg.js';
 import { createPortal } from 'react-dom';
 import Icon from '../Icon/Icon.js';
 import Numpad from '../Numpad/Numpad.js';

package/build/esm/components/index.js

@@ -87,3 +87,4 @@ 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';
+export { default as GraficContributieUnitlinked } from './GraficContributieUnitlinked/GraficContributieUnitlinked.js';