odaptos_design_system 2.0.69 → 2.0.71

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.
@@ -11,7 +11,8 @@ interface TagProps extends HTMLAttributes<HTMLDivElement> {
11
11
  className?: string;
12
12
  canBeRemoved?: boolean;
13
13
  tooltipText?: string;
14
+ areEllipsisActive?: boolean;
14
15
  }
15
16
  /** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1359-33355&mode=dev */
16
- export declare const Tag: ({ text, id, status, size, iconLeft, iconRight, amountNumber, customColor, className, canBeRemoved, tooltipText, ...props }: TagProps) => React.JSX.Element;
17
+ export declare const Tag: ({ text, id, status, size, iconLeft, iconRight, amountNumber, customColor, className, canBeRemoved, tooltipText, areEllipsisActive, ...props }: TagProps) => React.JSX.Element;
17
18
  export {};
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  interface SelfProtocolTaskContainerProps {
3
3
  smallTitle?: string;
4
4
  mainTitle: string;
5
- description: string;
5
+ description?: string;
6
6
  ctaText: string;
7
7
  buttonIcon?: JSX.Element;
8
8
  onClick: () => void;
@@ -12347,7 +12347,7 @@ const SelfProtocolTaskContainer = ({
12347
12347
  text: mainTitle,
12348
12348
  weight: "bold",
12349
12349
  size: "base"
12350
- }), /*#__PURE__*/React__default.createElement(Text, {
12350
+ }), description && /*#__PURE__*/React__default.createElement(Text, {
12351
12351
  text: description,
12352
12352
  size: "sm"
12353
12353
  }), /*#__PURE__*/React__default.createElement(Button, {
@@ -12444,7 +12444,6 @@ const SelfProtocolManager = ({
12444
12444
  key: task._id,
12445
12445
  smallTitle: getTaskTitle(task),
12446
12446
  mainTitle: task.description,
12447
- description: task.notes,
12448
12447
  ctaText: texts.nextTaskCTA,
12449
12448
  buttonIcon: /*#__PURE__*/React__default.createElement(SendIcon, null),
12450
12449
  onClick: () => sendTask(task),
@@ -13449,6 +13448,7 @@ const MultiSelect = ({
13449
13448
  selected
13450
13449
  }) => {
13451
13450
  return /*#__PURE__*/React__default.createElement("li", Object.assign({}, props, {
13451
+ id: option.value,
13452
13452
  key: `${props.id}`,
13453
13453
  style: {
13454
13454
  gap: '0.5rem'
@@ -13722,6 +13722,7 @@ const MultiSelectWithCategories = ({
13722
13722
  selected
13723
13723
  }) => {
13724
13724
  return /*#__PURE__*/React__default.createElement("li", Object.assign({}, props, {
13725
+ id: option.value,
13725
13726
  key: `${props.id}`,
13726
13727
  style: {
13727
13728
  gap: '0.5rem'
@@ -15175,7 +15176,8 @@ const SingleSelect = ({
15175
15176
  className: `${styles$J.newAutocomplete}`,
15176
15177
  renderOption: (props, option) => {
15177
15178
  return /*#__PURE__*/React__default.createElement("li", Object.assign({}, props, {
15178
- key: option.value
15179
+ key: option.value,
15180
+ id: option.value
15179
15181
  }), /*#__PURE__*/React__default.createElement(TextForButton, {
15180
15182
  text: option.label,
15181
15183
  size: "sm"
@@ -15834,8 +15836,8 @@ const TabsUnderline = ({
15834
15836
  })));else return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
15835
15837
  };
15836
15838
 
15837
- var css_248z$T = ".Tag-modules_tag__sYiD6{align-items:center;border-radius:.25rem;display:flex;gap:.25rem;padding:0 .375rem;width:-moz-fit-content;width:fit-content}.Tag-modules_tag__sYiD6 p{max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;width:100%}.Tag-modules_tag_idle__ym-G7{background:var(--color-neutral-dark-shades-600,#717376)}.Tag-modules_tag_idle__ym-G7 svg{stroke:#fff!important;fill:#fff!important}.Tag-modules_tag_info__Q6-WL{background:var(--color-primary-100,#e5f1ff)}.Tag-modules_tag_info__Q6-WL svg{stroke:#004799!important;fill:#004799!important}.Tag-modules_tag_violet__CgNel{background:var(--Color-Extended-Purple-100,#e9d3fd)}.Tag-modules_tag_violet__CgNel svg{stroke:#5c1994!important;fill:#5c1994!important}.Tag-modules_tag_light__RqIr6{background:var(--Color-Neutral-Clear-Shades-150,#eee)}.Tag-modules_tag_light__RqIr6 svg{stroke:#32353a!important;fill:#32353a!important}.Tag-modules_tag_success__yANfh{background:var(--color-extended-green-100,#e8f5ea)}.Tag-modules_tag_success__yANfh svg{stroke:#3c743d!important;fill:#3c743d!important}.Tag-modules_tag_warning__C-O5t{background:var(--color-extended-yellow-100,#fff3d6)}.Tag-modules_tag_warning__C-O5t svg{stroke:#6e4f00!important;fill:#6e4f00!important}.Tag-modules_tag_critical__v79so{background:var(--color-extended-red-100,#fddbdb)}.Tag-modules_tag_critical__v79so svg{stroke:#98312e!important;fill:#98312e!important}.Tag-modules_tag_sm__KQwsr{height:1.25rem}.Tag-modules_tag_sm__KQwsr svg{height:.75rem;width:.75rem}.Tag-modules_tag_base__omYEM{height:1.75rem}.Tag-modules_tag_base__omYEM svg{height:1rem;width:1rem}.Tag-modules_canBeRemoved__ei-3U svg{cursor:pointer}";
15838
- var styles$T = {"tag":"Tag-modules_tag__sYiD6","tag_idle":"Tag-modules_tag_idle__ym-G7","tag_info":"Tag-modules_tag_info__Q6-WL","tag_violet":"Tag-modules_tag_violet__CgNel","tag_light":"Tag-modules_tag_light__RqIr6","tag_success":"Tag-modules_tag_success__yANfh","tag_warning":"Tag-modules_tag_warning__C-O5t","tag_critical":"Tag-modules_tag_critical__v79so","tag_sm":"Tag-modules_tag_sm__KQwsr","tag_base":"Tag-modules_tag_base__omYEM","canBeRemoved":"Tag-modules_canBeRemoved__ei-3U"};
15839
+ var css_248z$T = ".Tag-modules_tag__sYiD6{align-items:center;border-radius:.25rem;display:flex;gap:.25rem;padding:0 .375rem;width:-moz-fit-content;width:fit-content}.Tag-modules_tag__sYiD6 p{white-space:nowrap}.Tag-modules_tag_ellipsis__-WHk-{align-items:center;border-radius:.25rem;display:flex;gap:.25rem;padding:0 .375rem;width:-moz-fit-content;width:fit-content}.Tag-modules_tag_ellipsis__-WHk- p{max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;width:100%}.Tag-modules_tag_idle__ym-G7{background:var(--color-neutral-dark-shades-600,#717376)}.Tag-modules_tag_idle__ym-G7 svg{stroke:#fff!important;fill:#fff!important}.Tag-modules_tag_info__Q6-WL{background:var(--color-primary-100,#e5f1ff)}.Tag-modules_tag_info__Q6-WL svg{stroke:#004799!important;fill:#004799!important}.Tag-modules_tag_violet__CgNel{background:var(--Color-Extended-Purple-100,#e9d3fd)}.Tag-modules_tag_violet__CgNel svg{stroke:#5c1994!important;fill:#5c1994!important}.Tag-modules_tag_light__RqIr6{background:var(--Color-Neutral-Clear-Shades-150,#eee)}.Tag-modules_tag_light__RqIr6 svg{stroke:#32353a!important;fill:#32353a!important}.Tag-modules_tag_success__yANfh{background:var(--color-extended-green-100,#e8f5ea)}.Tag-modules_tag_success__yANfh svg{stroke:#3c743d!important;fill:#3c743d!important}.Tag-modules_tag_warning__C-O5t{background:var(--color-extended-yellow-100,#fff3d6)}.Tag-modules_tag_warning__C-O5t svg{stroke:#6e4f00!important;fill:#6e4f00!important}.Tag-modules_tag_critical__v79so{background:var(--color-extended-red-100,#fddbdb)}.Tag-modules_tag_critical__v79so svg{stroke:#98312e!important;fill:#98312e!important}.Tag-modules_tag_sm__KQwsr{height:1.25rem}.Tag-modules_tag_sm__KQwsr svg{height:.75rem;width:.75rem}.Tag-modules_tag_base__omYEM{height:1.75rem}.Tag-modules_tag_base__omYEM svg{height:1rem;width:1rem}.Tag-modules_canBeRemoved__ei-3U svg{cursor:pointer}";
15840
+ var styles$T = {"tag":"Tag-modules_tag__sYiD6","tag_ellipsis":"Tag-modules_tag_ellipsis__-WHk-","tag_idle":"Tag-modules_tag_idle__ym-G7","tag_info":"Tag-modules_tag_info__Q6-WL","tag_violet":"Tag-modules_tag_violet__CgNel","tag_light":"Tag-modules_tag_light__RqIr6","tag_success":"Tag-modules_tag_success__yANfh","tag_warning":"Tag-modules_tag_warning__C-O5t","tag_critical":"Tag-modules_tag_critical__v79so","tag_sm":"Tag-modules_tag_sm__KQwsr","tag_base":"Tag-modules_tag_base__omYEM","canBeRemoved":"Tag-modules_canBeRemoved__ei-3U"};
15839
15841
  styleInject(css_248z$T);
15840
15842
 
15841
15843
  colord.extend([mixPlugin]); //Used for the .tints() method of colord
@@ -15852,6 +15854,7 @@ const Tag = ({
15852
15854
  className,
15853
15855
  canBeRemoved = false,
15854
15856
  tooltipText,
15857
+ areEllipsisActive = true,
15855
15858
  ...props
15856
15859
  }) => {
15857
15860
  const tagCustomColor = customColor ? colord.colord(customColor) : undefined;
@@ -15892,13 +15895,13 @@ const Tag = ({
15892
15895
  return /*#__PURE__*/React__default.createElement(Tooltip, {
15893
15896
  tooltipDescription: tooltipText ?? text,
15894
15897
  arrow: true,
15895
- isTooltipActive: isEllipsisActive
15898
+ isTooltipActive: areEllipsisActive ? isEllipsisActive : false
15896
15899
  }, /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
15897
15900
  id: id,
15898
15901
  style: {
15899
15902
  backgroundColor: customColor
15900
15903
  },
15901
- className: `${styles$T.tag} ${getTagStatus()} ${getTagSize()} ${className ?? ''} ${canBeRemoved && styles$T.canBeRemoved}`
15904
+ className: `${areEllipsisActive ? styles$T.tag_ellipsis : styles$T.tag} ${getTagStatus()} ${getTagSize()} ${className ?? ''} ${canBeRemoved && styles$T.canBeRemoved}`
15902
15905
  }), iconLeft && /*#__PURE__*/React__default.cloneElement(iconLeft, {
15903
15906
  style: {
15904
15907
  fill: getTextColor(),