rbro-tat-uds 2.2.13 → 2.2.14

package/build/cjs/assets/icons/face-neutral.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 SvgFaceNeutral = function SvgFaceNeutral(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: "M15.5 12a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M8 14v2h8v-2z"
+  })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2M4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0",
+    clipRule: "evenodd"
+  })));
+};
+
+module.exports = SvgFaceNeutral;

package/build/cjs/assets/icons/face-sad.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 SvgFaceSad = function SvgFaceSad(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 0-2.94 1.287L7.59 15.93A5.99 5.99 0 0 1 12 14c1.743 0 3.313.745 4.408 1.93l-1.469 1.357A3.99 3.99 0 0 0 11.999 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 = SvgFaceSad;

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

@@ -153,6 +153,8 @@ require('../../assets/icons/star-reward.svg.cjs');
 require('../../assets/icons/brand-logo.svg.cjs');
 require('../../assets/icons/house-wap.svg.cjs');
 require('../../assets/icons/bulb.svg.cjs');
+require('../../assets/icons/face-neutral.svg.cjs');
+require('../../assets/icons/face-sad.svg.cjs');
 var Icon = require('../Icon/Icon.cjs');
 var Spinner = require('../Spinner/Spinner.cjs');
 var utils = require('../../utils');

package/build/cjs/components/FeedbackCard/FeedbackCard.cjs

@@ -0,0 +1,80 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var styled = require('styled-components');
+var utils = require('../../utils');
+var Icon = require('../Icon/Icon.cjs');
+
+const _constraint_colors = {
+  "face-happy": utils.colors.success_500,
+  "face-neutral": utils.colors.warning_500,
+  "face-sad": utils.colors.danger_500
+};
+const FeedbackCardStyled = styled.button`
+  border: none;
+  cursor: ${({ $feedbackView }) => $feedbackView ? "default" : "pointer"};
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: ${({ $feedbackView }) => $feedbackView ? "18px 15px" : "18px 12px"};
+  justify-content: center;
+  align-items: center;
+  background-color: ${({ $selected, $faceIcon }) => $selected ? _constraint_colors[$faceIcon] : utils.colors.white};
+  height: 90px;
+  border-radius: ${({ $feedbackView }) => $feedbackView ? "4px" : "0px"};
+
+  & > span {
+    font-size: 14px;
+    font-weight: 500;
+    color: ${({ $selected }) => $selected ? utils.colors.white : utils.colors.gray_950};
+  }
+
+  ${({ $feedbackView }) => !$feedbackView && styled.css`
+      &:hover {
+        background-color: ${({ $selected, $faceIcon }) => $selected ? _constraint_colors[$faceIcon] : utils.colors.info_100};
+      }
+    `}
+`;
+const FeedbackCard = ({
+  rate = 1,
+  feedbackView = false,
+  selected = false,
+  ...rest
+}) => {
+  const getFaceIcon = (rate2) => {
+    if (rate2 === 0 || rate2 === 1 || rate2 === 2 || rate2 === 3 || rate2 === 4 || rate2 === 5 || rate2 === 6)
+      return "face-sad";
+    if (rate2 === 7 || rate2 === 8) return "face-neutral";
+    if (rate2 === 9 || rate2 === 10) return "face-happy";
+    return "face-neutral";
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    FeedbackCardStyled,
+    {
+      type: "button",
+      $selected: feedbackView ? true : selected,
+      $faceIcon: getFaceIcon(rate),
+      $feedbackView: feedbackView,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Icon.default,
+          {
+            icon: getFaceIcon(rate),
+            color: feedbackView ? utils.colors.white : selected ? utils.colors.white : getFaceIcon(rate) === "face-happy" ? utils.colors.success_500 : getFaceIcon(rate) === "face-neutral" ? utils.colors.warning_500 : utils.colors.danger_500,
+            size: 32
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: rate })
+      ]
+    }
+  );
+};
+
+exports.default = FeedbackCard;

package/build/cjs/components/FeedbackCard/index.cjs

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

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

@@ -150,6 +150,8 @@ var StarRewardIcon = require('../../assets/icons/star-reward.svg.cjs');
 var BrandLogoIcon = require('../../assets/icons/brand-logo.svg.cjs');
 var HouseWapIcon = require('../../assets/icons/house-wap.svg.cjs');
 var BulbIcon = require('../../assets/icons/bulb.svg.cjs');
+var FaceNeutralIcon = require('../../assets/icons/face-neutral.svg.cjs');
+var FaceSadIcon = require('../../assets/icons/face-sad.svg.cjs');
 
 const IconsList = {
   asterix: AsterixIcon,
@@ -296,7 +298,9 @@ const IconsList = {
   "star-reward": StarRewardIcon,
   "brand-logo": BrandLogoIcon,
   "house-wap": HouseWapIcon,
-  bulb: BulbIcon
+  bulb: BulbIcon,
+  "face-neutral": FaceNeutralIcon,
+  "face-sad": FaceSadIcon
 };
 
 exports.default = IconsList;

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

@@ -152,6 +152,8 @@ require('../../assets/icons/star-reward.svg.cjs');
 require('../../assets/icons/brand-logo.svg.cjs');
 require('../../assets/icons/house-wap.svg.cjs');
 require('../../assets/icons/bulb.svg.cjs');
+require('../../assets/icons/face-neutral.svg.cjs');
+require('../../assets/icons/face-sad.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

@@ -152,6 +152,8 @@ require('../../assets/icons/star-reward.svg.cjs');
 require('../../assets/icons/brand-logo.svg.cjs');
 require('../../assets/icons/house-wap.svg.cjs');
 require('../../assets/icons/bulb.svg.cjs');
+require('../../assets/icons/face-neutral.svg.cjs');
+require('../../assets/icons/face-sad.svg.cjs');
 var styled = require('styled-components');
 var Icon = require('../Icon/Icon.cjs');
 var utils = require('../../utils');

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

@@ -153,6 +153,8 @@ require('../../assets/icons/star-reward.svg.cjs');
 require('../../assets/icons/brand-logo.svg.cjs');
 require('../../assets/icons/house-wap.svg.cjs');
 require('../../assets/icons/bulb.svg.cjs');
+require('../../assets/icons/face-neutral.svg.cjs');
+require('../../assets/icons/face-sad.svg.cjs');
 var reactDom = require('react-dom');
 var Icon = require('../Icon/Icon.cjs');
 var Numpad = require('../Numpad/Numpad.cjs');

package/build/cjs/components/Textarea/Textarea.cjs

@@ -0,0 +1,64 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var styled = require('styled-components');
+var utils = require('../../utils');
+
+const TextareaStyled = styled.textarea`
+  box-sizing: border-box;
+  background-color: ${({ $intent, $disabled }) => $disabled ? utils.colors.gray_30 : $intent === "default_white" ? utils.colors.white : utils.colors.gray_100};
+  padding: 8px 12px;
+  flex: 1;
+  border-radius: 8px;
+  width: 100%;
+  color: ${(props) => props.disabled ? utils.colors.gray_500 : utils.colors.gray_950};
+  font-weight: 400;
+  outline: none;
+  border: none;
+  font-family: Amalia, sans-serif;
+  min-height: ${({ $size, $minHeight }) => $minHeight ? $minHeight : $size === "medium" ? "80px" : $size === "large" ? "120px" : "60px"};
+  font-size: ${(props) => props.$size && typeof props.$size === "string" && (props.$size === "medium" ? "16px" : props.$size === "large" ? "18px" : "14px")};
+  text-align: left;
+  resize: ${({ $resize }) => $resize};
+
+  &::placeholder {
+    color: ${(props) => props.disabled ? utils.colors.gray_500 : utils.colors.gray_600};
+  }
+`;
+const Textarea = React.forwardRef(
+  ({
+    id,
+    name,
+    value,
+    setValue,
+    size = "medium",
+    intent = "default",
+    resize = "none",
+    minHeight = "",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      TextareaStyled,
+      {
+        ref,
+        name,
+        id,
+        $size: size,
+        $intent: intent,
+        $disabled: props.disabled,
+        $resize: resize,
+        $minHeight: minHeight,
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+exports.default = Textarea;

package/build/cjs/components/Textarea/index.cjs

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

package/build/cjs/components/index.cjs

@@ -93,6 +93,8 @@ var GraficContributieUnitlinked = require('./GraficContributieUnitlinked/GraficC
 var SelectionAppCard = require('./SelectionAppCard/SelectionAppCard.cjs');
 var Accordion = require('./Accordion/Accordion.cjs');
 var PropunereAsigurareLocuinta = require('./PropunereAsigurareLocuinta/PropunereAsigurareLocuinta.cjs');
+var Textarea = require('./Textarea/Textarea.cjs');
+var FeedbackCard = require('./FeedbackCard/FeedbackCard.cjs');
 
 
 
@@ -186,3 +188,5 @@ exports.GraficContributieUnitlinked = GraficContributieUnitlinked.default;
 exports.SelectionAppCard = SelectionAppCard.default;
 exports.Accordion = Accordion.default;
 exports.PropunereAsigurareLocuinta = PropunereAsigurareLocuinta.default;
+exports.Textarea = Textarea.default;
+exports.FeedbackCard = FeedbackCard.default;