rbro-tat-uds 2.2.2 → 2.2.4

package/build/cjs/assets/icons/face-happy.svg.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(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__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.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__namespace.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"
+  })));
+};
+
+module.exports = SvgFaceHappy;

package/build/cjs/assets/icons/person-level.svg.cjs

@@ -0,0 +1,43 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(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__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.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__namespace.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__namespace.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"
+  })));
+};
+
+module.exports = SvgPersonLevel;

package/build/cjs/components/Button/Button.cjs

@@ -147,6 +147,8 @@ require('../../assets/icons/warning-exclamation.svg.cjs');
 require('../../assets/icons/warning-outlined.svg.cjs');
 require('../../assets/icons/info-outlined.svg.cjs');
 require('../../assets/icons/hint-outlined.svg.cjs');
+require('../../assets/icons/face-happy.svg.cjs');
+require('../../assets/icons/person-level.svg.cjs');
 var Icon = require('../Icon/Icon.cjs');
 var Spinner = require('../Spinner/Spinner.cjs');
 var utils = require('../../utils');

package/build/cjs/components/GraficContributieUnitlinked/GraficContributieUnitlinked.cjs

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

package/build/cjs/components/GraficContributieUnitlinked/index.cjs

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

package/build/cjs/components/Icon/IconsList.cjs

@@ -144,6 +144,8 @@ var WarningExclamationIcon = require('../../assets/icons/warning-exclamation.svg
 var WarningOutlinedIcon = require('../../assets/icons/warning-outlined.svg.cjs');
 var InfoOutlinedIcon = require('../../assets/icons/info-outlined.svg.cjs');
 var HintOutlinedIcon = require('../../assets/icons/hint-outlined.svg.cjs');
+var FaceHappyIcon = require('../../assets/icons/face-happy.svg.cjs');
+var PersonLevelIcon = require('../../assets/icons/person-level.svg.cjs');
 
 const IconsList = {
   asterix: AsterixIcon,
@@ -284,7 +286,9 @@ const IconsList = {
   "warning-exclamation": WarningExclamationIcon,
   "warning-outlined": WarningOutlinedIcon,
   "info-outlined": InfoOutlinedIcon,
-  "hint-outlined": HintOutlinedIcon
+  "hint-outlined": HintOutlinedIcon,
+  "face-happy": FaceHappyIcon,
+  "person-level": PersonLevelIcon
 };
 
 exports.default = IconsList;

package/build/cjs/components/IconButton/IconButton.cjs

@@ -146,6 +146,8 @@ require('../../assets/icons/warning-exclamation.svg.cjs');
 require('../../assets/icons/warning-outlined.svg.cjs');
 require('../../assets/icons/info-outlined.svg.cjs');
 require('../../assets/icons/hint-outlined.svg.cjs');
+require('../../assets/icons/face-happy.svg.cjs');
+require('../../assets/icons/person-level.svg.cjs');
 var styled = require('styled-components');
 var Icon = require('../Icon/Icon.cjs');
 var Spinner = require('../Spinner/Spinner.cjs');

package/build/cjs/components/PageMessage/PageMessage.cjs

@@ -146,6 +146,8 @@ require('../../assets/icons/warning-exclamation.svg.cjs');
 require('../../assets/icons/warning-outlined.svg.cjs');
 require('../../assets/icons/info-outlined.svg.cjs');
 require('../../assets/icons/hint-outlined.svg.cjs');
+require('../../assets/icons/face-happy.svg.cjs');
+require('../../assets/icons/person-level.svg.cjs');
 var styled = require('styled-components');
 var Icon = require('../Icon/Icon.cjs');
 var utils = require('../../utils');

package/build/cjs/components/TextInput/TextInput.cjs

@@ -147,6 +147,8 @@ require('../../assets/icons/warning-exclamation.svg.cjs');
 require('../../assets/icons/warning-outlined.svg.cjs');
 require('../../assets/icons/info-outlined.svg.cjs');
 require('../../assets/icons/hint-outlined.svg.cjs');
+require('../../assets/icons/face-happy.svg.cjs');
+require('../../assets/icons/person-level.svg.cjs');
 var reactDom = require('react-dom');
 var Icon = require('../Icon/Icon.cjs');
 var Numpad = require('../Numpad/Numpad.cjs');

package/build/cjs/components/index.cjs

@@ -89,6 +89,7 @@ var UnitlinkGraph = require('./UnitlinkGraph/UnitlinkGraph.cjs');
 var VerticalHeat = require('./VerticalHeat/VerticalHeat.cjs');
 var Icon = require('./Icon/Icon.cjs');
 var Spinner = require('./Spinner/Spinner.cjs');
+var GraficContributieUnitlinked = require('./GraficContributieUnitlinked/GraficContributieUnitlinked.cjs');
 
 
 
@@ -178,3 +179,4 @@ exports.UnitlinkGraph = UnitlinkGraph.default;
 exports.VerticalHeat = VerticalHeat.default;
 exports.Icon = Icon.default;
 exports.Spinner = Spinner.default;
+exports.GraficContributieUnitlinked = GraficContributieUnitlinked.default;