odaptos_design_system 1.4.154 → 1.4.156

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,11 +4,11 @@ interface FormQuestionsProps extends HTMLAttributes<HTMLParagraphElement> {
4
4
  answers: {
5
5
  text: string;
6
6
  isSelected: boolean;
7
+ onClick: () => void;
7
8
  }[];
8
9
  question: string;
9
10
  hint: string;
10
11
  optionText: string;
11
- onClick: () => void;
12
12
  nextAction?: () => void;
13
13
  backAction?: () => void;
14
14
  nextText?: string;
@@ -17,5 +17,5 @@ interface FormQuestionsProps extends HTMLAttributes<HTMLParagraphElement> {
17
17
  /** This text should be use to display basic text
18
18
  * Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
19
19
  */
20
- export declare const FormQuestions: ({ answers, question, hint, optionText, onClick, backAction, backText, nextAction, nextText, }: FormQuestionsProps) => React.JSX.Element;
20
+ export declare const FormQuestions: ({ answers, question, hint, optionText, backAction, backText, nextAction, nextText, }: FormQuestionsProps) => React.JSX.Element;
21
21
  export {};
@@ -4,6 +4,8 @@ interface TooltipLayoutProps {
4
4
  closeButton?: JSX.Element;
5
5
  onClickClose?: () => void;
6
6
  tooltipDescription?: string;
7
+ optionalUrl?: string;
8
+ optionalUrlText?: string;
7
9
  customContent?: JSX.Element;
8
10
  buttonOneText?: string;
9
11
  buttonTwoText?: string;
@@ -16,5 +18,5 @@ interface TooltipLayoutProps {
16
18
  buttonOneOnClick?: () => void;
17
19
  buttonTwoOnClick?: () => void;
18
20
  }
19
- export declare const TooltipLayout: ({ tooltipTitle, closeButton, onClickClose, tooltipDescription, customContent, buttonOneText, buttonTwoText, buttonOneIconLeft, buttonTwoIconLeft, buttonOneIconRight, buttonTwoIconRight, buttonOneVariant, buttonTwoVariant, buttonOneOnClick, buttonTwoOnClick, }: TooltipLayoutProps) => React.JSX.Element;
21
+ export declare const TooltipLayout: ({ tooltipTitle, closeButton, onClickClose, tooltipDescription, optionalUrl, optionalUrlText, customContent, buttonOneText, buttonTwoText, buttonOneIconLeft, buttonTwoIconLeft, buttonOneIconRight, buttonTwoIconRight, buttonOneVariant, buttonTwoVariant, buttonOneOnClick, buttonTwoOnClick, }: TooltipLayoutProps) => React.JSX.Element;
20
22
  export {};
@@ -6,6 +6,8 @@ interface TooltipProps {
6
6
  title?: string;
7
7
  closeButton?: JSX.Element;
8
8
  tooltipDescription?: string;
9
+ optionalUrl?: string;
10
+ optionalUrlText?: string;
9
11
  customContent?: JSX.Element;
10
12
  buttonOneText?: string;
11
13
  buttonTwoText?: string;
@@ -23,5 +25,5 @@ interface TooltipProps {
23
25
  isOpen?: boolean;
24
26
  children: JSX.Element;
25
27
  }
26
- export declare const Tooltip: ({ placement, onOpen, onClose, title, closeButton, tooltipDescription, customContent, buttonOneText, buttonTwoText, buttonOneVariant, buttonTwoVariant, buttonOneIconLeft, buttonTwoIconLeft, buttonOneIconRight, buttonTwoIconRight, buttonOneOnClick, buttonTwoOnClick, arrow, followCursor, shouldBeOpen, isOpen, children, }: TooltipProps) => JSX.Element;
28
+ export declare const Tooltip: ({ placement, onOpen, onClose, title, closeButton, tooltipDescription, optionalUrl, optionalUrlText, customContent, buttonOneText, buttonTwoText, buttonOneVariant, buttonTwoVariant, buttonOneIconLeft, buttonTwoIconLeft, buttonOneIconRight, buttonTwoIconRight, buttonOneOnClick, buttonTwoOnClick, arrow, followCursor, shouldBeOpen, isOpen, children, }: TooltipProps) => JSX.Element;
27
29
  export {};
@@ -8909,8 +8909,8 @@ const RowCell = ({
8909
8909
  }));
8910
8910
  };
8911
8911
 
8912
- var css_248z$c = ".TooltipCustomLayout-module_tooltip_layout__o1GBH{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border-radius:.25rem;display:flex;flex-direction:column;gap:1rem;padding:1rem}.TooltipCustomLayout-module_tooltip_layout_header__v6S3f{align-items:center;align-self:stretch;display:flex;justify-content:space-between}.TooltipCustomLayout-module_tooltip_layout_actions__CMSoi{align-items:flex-start;align-self:stretch;display:flex;gap:.5rem;justify-content:flex-end}";
8913
- var styles$c = {"tooltip_layout":"TooltipCustomLayout-module_tooltip_layout__o1GBH","tooltip_layout_header":"TooltipCustomLayout-module_tooltip_layout_header__v6S3f","tooltip_layout_actions":"TooltipCustomLayout-module_tooltip_layout_actions__CMSoi"};
8912
+ var css_248z$c = ".TooltipCustomLayout-module_tooltip_layout__o1GBH{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border-radius:.25rem;display:flex;flex-direction:column;gap:1rem;padding:1rem}.TooltipCustomLayout-module_tooltip_layout_header__v6S3f{align-items:center;align-self:stretch;display:flex;justify-content:space-between}.TooltipCustomLayout-module_tooltip_layout_optional_url__MR5aM{color:var(--Color-Primary-500,#07f);font-family:OpenSans;font-size:.75rem;font-style:normal;font-weight:400;line-height:140%;text-decoration-line:underline}.TooltipCustomLayout-module_tooltip_layout_optional_url__MR5aM:visited{color:var(--Color-Primary-500,#07f)}.TooltipCustomLayout-module_tooltip_layout_actions__CMSoi{align-items:flex-start;align-self:stretch;display:flex;gap:.5rem;justify-content:flex-end}";
8913
+ var styles$c = {"tooltip_layout":"TooltipCustomLayout-module_tooltip_layout__o1GBH","tooltip_layout_header":"TooltipCustomLayout-module_tooltip_layout_header__v6S3f","tooltip_layout_optional_url":"TooltipCustomLayout-module_tooltip_layout_optional_url__MR5aM","tooltip_layout_actions":"TooltipCustomLayout-module_tooltip_layout_actions__CMSoi"};
8914
8914
  styleInject(css_248z$c);
8915
8915
 
8916
8916
  const TooltipLayout = ({
@@ -8918,6 +8918,8 @@ const TooltipLayout = ({
8918
8918
  closeButton,
8919
8919
  onClickClose,
8920
8920
  tooltipDescription,
8921
+ optionalUrl,
8922
+ optionalUrlText,
8921
8923
  customContent,
8922
8924
  buttonOneText,
8923
8925
  buttonTwoText,
@@ -8947,7 +8949,12 @@ const TooltipLayout = ({
8947
8949
  text: tooltipDescription,
8948
8950
  size: "xs",
8949
8951
  className: styles$c.tooltip_layout_description
8950
- }), customContent && /*#__PURE__*/React__default.createElement("div", {
8952
+ }), optionalUrl && optionalUrlText && /*#__PURE__*/React__default.createElement("a", {
8953
+ href: optionalUrl,
8954
+ target: "_blank",
8955
+ rel: "noopener noreferrer",
8956
+ className: styles$c.tooltip_layout_optional_url
8957
+ }, optionalUrlText), customContent && /*#__PURE__*/React__default.createElement("div", {
8951
8958
  className: styles$c.tooltip_layout_content
8952
8959
  }, customContent)), (buttonOneText || buttonOneVariant || buttonOneOnClick || buttonOneIconLeft || buttonOneIconRight || buttonTwoText || buttonTwoVariant || buttonTwoOnClick || buttonTwoIconLeft || buttonTwoIconRight) && /*#__PURE__*/React__default.createElement("div", {
8953
8960
  className: styles$c.tooltip_layout_actions
@@ -8980,6 +8987,8 @@ const Tooltip = ({
8980
8987
  title,
8981
8988
  closeButton,
8982
8989
  tooltipDescription,
8990
+ optionalUrl,
8991
+ optionalUrlText,
8983
8992
  customContent,
8984
8993
  buttonOneText,
8985
8994
  buttonTwoText,
@@ -9032,6 +9041,8 @@ const Tooltip = ({
9032
9041
  closeButton: closeButton,
9033
9042
  onClickClose: handleClose,
9034
9043
  tooltipDescription: tooltipDescription,
9044
+ optionalUrl: optionalUrl,
9045
+ optionalUrlText: optionalUrlText,
9035
9046
  customContent: customContent,
9036
9047
  buttonOneText: buttonOneText,
9037
9048
  buttonTwoText: buttonTwoText,
@@ -12425,7 +12436,6 @@ const FormQuestions = ({
12425
12436
  question,
12426
12437
  hint,
12427
12438
  optionText,
12428
- onClick,
12429
12439
  backAction,
12430
12440
  backText,
12431
12441
  nextAction,
@@ -12451,7 +12461,7 @@ const FormQuestions = ({
12451
12461
  }), answers.map(answer => /*#__PURE__*/React__default.createElement(QuestionButton, {
12452
12462
  text: answer.text,
12453
12463
  clicked: answer.isSelected,
12454
- onClick: onClick
12464
+ onClick: answer.onClick
12455
12465
  }))), /*#__PURE__*/React__default.createElement("div", {
12456
12466
  className: styles$R.buttons
12457
12467
  }, backText && /*#__PURE__*/React__default.createElement(Button, {