rbro-tat-uds 2.2.13 → 2.2.15

package/build/esm/assets/icons/face-neutral.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 SvgFaceNeutral = function SvgFaceNeutral(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: "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.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"
+  })));
+};
+
+export { SvgFaceNeutral as default };

package/build/esm/assets/icons/face-sad.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 SvgFaceSad = function SvgFaceSad(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 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.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 { SvgFaceSad as default };

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

@@ -149,6 +149,8 @@ import '../../assets/icons/star-reward.svg.js';
 import '../../assets/icons/brand-logo.svg.js';
 import '../../assets/icons/house-wap.svg.js';
 import '../../assets/icons/bulb.svg.js';
+import '../../assets/icons/face-neutral.svg.js';
+import '../../assets/icons/face-sad.svg.js';
 import Icon from '../Icon/Icon.js';
 import Spinner from '../Spinner/Spinner.js';
 import { colors } from '../../utils';

package/build/esm/components/FeedbackCard/FeedbackCard.js

@@ -0,0 +1,76 @@
+"use strict";
+"use client";
+
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import styled, { css } from 'styled-components';
+import { colors } from '../../utils';
+import Icon from '../Icon/Icon.js';
+
+const _constraint_colors = {
+  "face-happy": colors.success_500,
+  "face-neutral": colors.warning_500,
+  "face-sad": 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] : colors.white};
+  height: 90px;
+  border-radius: ${({ $feedbackView }) => $feedbackView ? "4px" : "0px"};
+
+  & > span {
+    font-size: 14px;
+    font-weight: 500;
+    color: ${({ $selected }) => $selected ? colors.white : colors.gray_950};
+  }
+
+  ${({ $feedbackView }) => !$feedbackView && css`
+      &:hover {
+        background-color: ${({ $selected, $faceIcon }) => $selected ? _constraint_colors[$faceIcon] : 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__ */ jsxs(
+    FeedbackCardStyled,
+    {
+      type: "button",
+      $selected: feedbackView ? true : selected,
+      $faceIcon: getFaceIcon(rate),
+      $feedbackView: feedbackView,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx(
+          Icon,
+          {
+            icon: getFaceIcon(rate),
+            color: feedbackView ? colors.white : selected ? colors.white : getFaceIcon(rate) === "face-happy" ? colors.success_500 : getFaceIcon(rate) === "face-neutral" ? colors.warning_500 : colors.danger_500,
+            size: 32
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { children: rate })
+      ]
+    }
+  );
+};
+
+export { FeedbackCard as default };

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

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

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

@@ -146,6 +146,8 @@ import StarRewardIcon from '../../assets/icons/star-reward.svg.js';
 import BrandLogoIcon from '../../assets/icons/brand-logo.svg.js';
 import HouseWapIcon from '../../assets/icons/house-wap.svg.js';
 import BulbIcon from '../../assets/icons/bulb.svg.js';
+import FaceNeutralIcon from '../../assets/icons/face-neutral.svg.js';
+import FaceSadIcon from '../../assets/icons/face-sad.svg.js';
 
 const IconsList = {
   asterix: AsterixIcon,
@@ -292,7 +294,9 @@ const IconsList = {
   "star-reward": StarRewardIcon,
   "brand-logo": BrandLogoIcon,
   "house-wap": HouseWapIcon,
-  bulb: BulbIcon
+  bulb: BulbIcon,
+  "face-neutral": FaceNeutralIcon,
+  "face-sad": FaceSadIcon
 };
 
 export { IconsList as default };

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

@@ -148,6 +148,8 @@ import '../../assets/icons/star-reward.svg.js';
 import '../../assets/icons/brand-logo.svg.js';
 import '../../assets/icons/house-wap.svg.js';
 import '../../assets/icons/bulb.svg.js';
+import '../../assets/icons/face-neutral.svg.js';
+import '../../assets/icons/face-sad.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

@@ -148,6 +148,8 @@ import '../../assets/icons/star-reward.svg.js';
 import '../../assets/icons/brand-logo.svg.js';
 import '../../assets/icons/house-wap.svg.js';
 import '../../assets/icons/bulb.svg.js';
+import '../../assets/icons/face-neutral.svg.js';
+import '../../assets/icons/face-sad.svg.js';
 import styled from 'styled-components';
 import Icon from '../Icon/Icon.js';
 import { colors } from '../../utils';

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

@@ -149,6 +149,8 @@ import '../../assets/icons/star-reward.svg.js';
 import '../../assets/icons/brand-logo.svg.js';
 import '../../assets/icons/house-wap.svg.js';
 import '../../assets/icons/bulb.svg.js';
+import '../../assets/icons/face-neutral.svg.js';
+import '../../assets/icons/face-sad.svg.js';
 import { createPortal } from 'react-dom';
 import Icon from '../Icon/Icon.js';
 import Numpad from '../Numpad/Numpad.js';

package/build/esm/components/Textarea/Textarea.js

@@ -0,0 +1,60 @@
+"use strict";
+"use client";
+
+import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import styled from 'styled-components';
+import { colors } from '../../utils';
+
+const TextareaStyled = styled.textarea`
+  box-sizing: border-box;
+  background-color: ${({ $intent, $disabled }) => $disabled ? colors.gray_30 : $intent === "default_white" ? colors.white : colors.gray_100};
+  padding: 8px 12px;
+  flex: 1;
+  border-radius: 8px;
+  width: 100%;
+  color: ${(props) => props.disabled ? colors.gray_500 : 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 ? colors.gray_500 : colors.gray_600};
+  }
+`;
+const Textarea = React__default.forwardRef(
+  ({
+    id,
+    name,
+    value,
+    setValue,
+    size = "medium",
+    intent = "default",
+    resize = "none",
+    minHeight = "",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx(
+      TextareaStyled,
+      {
+        ref,
+        name,
+        id,
+        $size: size,
+        $intent: intent,
+        $disabled: props.disabled,
+        $resize: resize,
+        $minHeight: minHeight,
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+export { Textarea as default };

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

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

package/build/esm/components/index.js

@@ -91,3 +91,5 @@ export { default as GraficContributieUnitlinked } from './GraficContributieUnitl
 export { default as SelectionAppCard } from './SelectionAppCard/SelectionAppCard.js';
 export { default as Accordion } from './Accordion/Accordion.js';
 export { default as PropunereAsigurareLocuinta } from './PropunereAsigurareLocuinta/PropunereAsigurareLocuinta.js';
+export { default as Textarea } from './Textarea/Textarea.js';
+export { default as FeedbackCard } from './FeedbackCard/FeedbackCard.js';