odaptos_design_system 1.4.17 → 1.4.19

package/dist/odaptos_design_system.cjs.development.js

@@ -4099,10 +4099,36 @@ const Accordion = ({
   })), isAccordionOpen && /*#__PURE__*/React__default.createElement("div", null, children));
 };
 
-var css_248z$3 = ".SingleSelect-modules_newAutocomplete__AgBoW{min-width:16rem;width:100%}.SingleSelect-modules_newAutocomplete__AgBoW label,.SingleSelect-modules_newAutocomplete__AgBoW span{font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:400;letter-spacing:.03em;line-height:1.3;margin:unset;text-align:left}.SingleSelect-modules_newAutocomplete__AgBoW .SingleSelect-modules_MuiAutocomplete-endAdornment__3kdFk{display:flex;gap:.5rem;margin-top:-.35rem!important}.SingleSelect-modules_newAutocomplete__AgBoW .SingleSelect-modules_tags-container__bWCQt{display:flex;flex-wrap:nowrap;gap:.5rem;max-width:90%;overflow:scroll;padding:0 .5rem}.SingleSelect-modules_newAutocomplete__AgBoW .SingleSelect-modules_tags-container__bWCQt p{text-overflow:ellipsis;white-space:nowrap}.SingleSelect-modules_input_top_label__a6UdT{margin-bottom:.625rem}.SingleSelect-modules_MuiOutlinedInput-root__RuMrq.SingleSelect-modules_MuiInputBase-root__ByCLC.SingleSelect-modules_MuiInputBase-formControl__5hTna{align-items:center;display:flex;flex-direction:row}.SingleSelect-modules_text_below__9S4k5{margin:.25rem .5rem .25rem .75rem}.SingleSelect-modules_icon__2WnMK{height:1rem!important;margin-left:.25rem;width:1rem!important}";
-var styles$3 = {"newAutocomplete":"SingleSelect-modules_newAutocomplete__AgBoW","MuiAutocomplete-endAdornment":"SingleSelect-modules_MuiAutocomplete-endAdornment__3kdFk","tags-container":"SingleSelect-modules_tags-container__bWCQt","input_top_label":"SingleSelect-modules_input_top_label__a6UdT","MuiOutlinedInput-root":"SingleSelect-modules_MuiOutlinedInput-root__RuMrq","MuiInputBase-root":"SingleSelect-modules_MuiInputBase-root__ByCLC","MuiInputBase-formControl":"SingleSelect-modules_MuiInputBase-formControl__5hTna","text_below":"SingleSelect-modules_text_below__9S4k5","icon":"SingleSelect-modules_icon__2WnMK"};
+var css_248z$3 = "@import \"../../styles/index.css\";.TextForButton-modules_button_text__ti6YE{font-family:var(--sdFontFamilyPoppins);font-weight:var(--sdFontWeightMedium);letter-spacing:var(--sdLetterSpacingButtons);margin:unset;padding:.125rem 0;text-align:left}.TextForButton-modules_button_text_bold__L1fLC{font-weight:var(--sdFontWeightSemibold)}.TextForButton-modules_button_text_sm__NXijI{font-size:var(--sdFontSizeSm);line-height:var(--sdLineHeight140)}.TextForButton-modules_button_text_base__5ToZ9{font-size:var(--sdFontSizeBase);line-height:var(--sdLineHeight150)}.TextForButton-modules_button_text_lg__s-LLo{font-size:var(--sdFontSizeLg);line-height:var(--sdLineHeight150)}";
+var styles$3 = {"button_text":"TextForButton-modules_button_text__ti6YE","button_text_bold":"TextForButton-modules_button_text_bold__L1fLC","button_text_sm":"TextForButton-modules_button_text_sm__NXijI","button_text_base":"TextForButton-modules_button_text_base__5ToZ9","button_text_lg":"TextForButton-modules_button_text_lg__s-LLo"};
 styleInject(css_248z$3);
 
+/** This button should only be used in the Button component
+ * Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-787&mode=dev
+ */
+const TextForButton = ({
+  text,
+  color = '#00040A',
+  bold = false,
+  className,
+  size = 'base',
+  ...props
+}) => {
+  const getTextSize = () => {
+    if (size === 'sm') return styles$3.button_text_sm;else if (size === 'base') return styles$3.button_text_base;else if (size === 'lg') return styles$3.button_text_lg;else return styles$3.button_text_base;
+  };
+  return /*#__PURE__*/React__default.createElement("p", Object.assign({}, props, {
+    style: {
+      color: color
+    },
+    className: `${styles$3.button_text} ${bold ? styles$3.button_text_bold : ''} ${className ?? ''} ${getTextSize()}`
+  }), text);
+};
+
+var css_248z$4 = ".SingleSelect-modules_newAutocomplete__AgBoW{min-width:16rem;width:100%}.SingleSelect-modules_newAutocomplete__AgBoW label,.SingleSelect-modules_newAutocomplete__AgBoW span{font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:400;letter-spacing:.03em;line-height:1.3;margin:unset;text-align:left}.SingleSelect-modules_newAutocomplete__AgBoW .SingleSelect-modules_MuiAutocomplete-endAdornment__3kdFk{display:flex;gap:.5rem;margin-top:-.35rem!important}.SingleSelect-modules_newAutocomplete__AgBoW .SingleSelect-modules_tags-container__bWCQt{display:flex;flex-wrap:nowrap;gap:.5rem;max-width:90%;overflow:scroll;padding:0 .5rem}.SingleSelect-modules_newAutocomplete__AgBoW .SingleSelect-modules_tags-container__bWCQt p{text-overflow:ellipsis;white-space:nowrap}.SingleSelect-modules_input_top_label__a6UdT{margin-bottom:.625rem}.SingleSelect-modules_MuiOutlinedInput-root__RuMrq.SingleSelect-modules_MuiInputBase-root__ByCLC.SingleSelect-modules_MuiInputBase-formControl__5hTna{align-items:center;display:flex;flex-direction:row}.SingleSelect-modules_text_below__9S4k5{margin:.25rem .5rem .25rem .75rem}.SingleSelect-modules_icon__2WnMK{height:1rem!important;margin-left:.25rem;width:1rem!important}";
+var styles$4 = {"newAutocomplete":"SingleSelect-modules_newAutocomplete__AgBoW","MuiAutocomplete-endAdornment":"SingleSelect-modules_MuiAutocomplete-endAdornment__3kdFk","tags-container":"SingleSelect-modules_tags-container__bWCQt","input_top_label":"SingleSelect-modules_input_top_label__a6UdT","MuiOutlinedInput-root":"SingleSelect-modules_MuiOutlinedInput-root__RuMrq","MuiInputBase-root":"SingleSelect-modules_MuiInputBase-root__ByCLC","MuiInputBase-formControl":"SingleSelect-modules_MuiInputBase-formControl__5hTna","text_below":"SingleSelect-modules_text_below__9S4k5","icon":"SingleSelect-modules_icon__2WnMK"};
+styleInject(css_248z$4);
+
 const CssTextField = /*#__PURE__*/styles$F.styled(material.TextField)({
   '& .MuiInputBase-input': {
     color: '#26292E',
@@ -4222,7 +4248,7 @@ const SingleSelect = ({
     text: `${topLabel ? topLabel : ''}`,
     weight: "bold",
     size: "base",
-    className: styles$3.input_top_label,
+    className: styles$4.input_top_label,
     required: required
   }), /*#__PURE__*/React__default.createElement(Autocomplete, Object.assign({
     id: "tags-standard",
@@ -4232,8 +4258,14 @@ const SingleSelect = ({
       setInputValue(newInputValue);
     },
     onChange: (_event, newValue) => {
+      const e = {
+        target: {
+          name: name,
+          value: newValue
+        }
+      };
       setValue(newValue);
-      onChange(newValue);
+      onChange(e);
     },
     options: options,
     placeholder: label,
@@ -4247,7 +4279,7 @@ const SingleSelect = ({
       return option.label;
     },
     isOptionEqualToValue: (option, value) => {
-      return option.value === value.value;
+      if (value._id && option._id) return option._id === value._id;else if (value && value !== '') return option.value === value.value;else return false;
     },
     renderInput: params => /*#__PURE__*/React__default.createElement(CssTextField, Object.assign({}, params, {
       variant: "outlined",
@@ -4255,58 +4287,38 @@ const SingleSelect = ({
       placeholder: placeholder,
       size: "small",
       required: required,
-      name: name,
       error: error
     })),
     clearIcon: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
       fill: "black",
-      className: `${styles$3.icon}`
+      className: `${styles$4.icon}`
     }),
     popupIcon: /*#__PURE__*/React__default.createElement(ArrowLineDowIcon, {
       fill: "black",
-      className: `${styles$3.icon}`
+      className: `${styles$4.icon}`
     }),
-    className: `${styles$3.newAutocomplete}`
+    className: `${styles$4.newAutocomplete}`,
+    renderOption: (props, option) => {
+      return /*#__PURE__*/React__default.createElement("li", Object.assign({}, props, {
+        key: option.value
+      }), /*#__PURE__*/React__default.createElement(TextForButton, {
+        text: option.label
+      }));
+    }
   }, props)), errorText && /*#__PURE__*/React__default.createElement(Text, {
     size: "xs",
     color: "#F54C4C",
     italic: true,
     text: errorText,
-    className: styles$3.text_below
+    className: styles$4.text_below
   }), helperText && /*#__PURE__*/React__default.createElement(Text, {
     size: "xs",
     italic: true,
     text: helperText,
-    className: styles$3.text_below
+    className: styles$4.text_below
   }));
 };
 
-var css_248z$4 = "@import \"../../styles/index.css\";.TextForButton-modules_button_text__ti6YE{font-family:var(--sdFontFamilyPoppins);font-weight:var(--sdFontWeightMedium);letter-spacing:var(--sdLetterSpacingButtons);margin:unset;padding:.125rem 0;text-align:left}.TextForButton-modules_button_text_bold__L1fLC{font-weight:var(--sdFontWeightSemibold)}.TextForButton-modules_button_text_sm__NXijI{font-size:var(--sdFontSizeSm);line-height:var(--sdLineHeight140)}.TextForButton-modules_button_text_base__5ToZ9{font-size:var(--sdFontSizeBase);line-height:var(--sdLineHeight150)}.TextForButton-modules_button_text_lg__s-LLo{font-size:var(--sdFontSizeLg);line-height:var(--sdLineHeight150)}";
-var styles$4 = {"button_text":"TextForButton-modules_button_text__ti6YE","button_text_bold":"TextForButton-modules_button_text_bold__L1fLC","button_text_sm":"TextForButton-modules_button_text_sm__NXijI","button_text_base":"TextForButton-modules_button_text_base__5ToZ9","button_text_lg":"TextForButton-modules_button_text_lg__s-LLo"};
-styleInject(css_248z$4);
-
-/** This button should only be used in the Button component
- * Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-787&mode=dev
- */
-const TextForButton = ({
-  text,
-  color = '#00040A',
-  bold = false,
-  className,
-  size = 'base',
-  ...props
-}) => {
-  const getTextSize = () => {
-    if (size === 'sm') return styles$4.button_text_sm;else if (size === 'base') return styles$4.button_text_base;else if (size === 'lg') return styles$4.button_text_lg;else return styles$4.button_text_base;
-  };
-  return /*#__PURE__*/React__default.createElement("p", Object.assign({}, props, {
-    style: {
-      color: color
-    },
-    className: `${styles$4.button_text} ${bold ? styles$4.button_text_bold : ''} ${className ?? ''} ${getTextSize()}`
-  }), text);
-};
-
 var css_248z$5 = ".Checkbox-module_checkboxContainer__1EvhC{align-items:center;display:flex}";
 var styles$5 = {"checkboxContainer":"Checkbox-module_checkboxContainer__1EvhC"};
 styleInject(css_248z$5);
@@ -4829,7 +4841,7 @@ const Title = ({
   }
 };
 
-var css_248z$c = ".Modal-modules_modal__M6coU{position:absolute}.Modal-modules_modal__M6coU .Modal-modules_modal_content__kI5NN{align-items:space-between;background:#fff;border:none;display:flex;flex-direction:column;gap:1rem;height:50rem;padding:1rem;width:65rem;z-index:1301}.Modal-modules_modal__M6coU .Modal-modules_modal_content__kI5NN .Modal-modules_modal_header__bLwe9{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.Modal-modules_modal__M6coU .Modal-modules_modal_content__kI5NN .Modal-modules_modal_buttons_container__VIykY{display:flex;gap:.5rem;justify-content:flex-end;width:100%}.Modal-modules_modal_overlay__sU-UF{position:absolute}.Modal-modules_modal_overlay__sU-UF .Modal-modules_modal_content__kI5NN{align-items:space-between;background:#fff;border:none;display:flex;flex-direction:column;gap:.5rem;height:auto;padding:1rem;width:21rem;z-index:1301}.Modal-modules_modal_overlay__sU-UF .Modal-modules_modal_content__kI5NN .Modal-modules_modal_header__bLwe9{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.Modal-modules_modal_overlay__sU-UF .Modal-modules_modal_content__kI5NN .Modal-modules_modal_buttons_container__VIykY{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem;width:100%}";
+var css_248z$c = ".Modal-modules_modal__M6coU .Modal-modules_modal_content__kI5NN{align-items:space-between;background:#fff;border:none;display:flex;flex-direction:column;gap:1rem;height:50rem;left:50%;padding:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:65rem;z-index:1301}.Modal-modules_modal__M6coU .Modal-modules_modal_content__kI5NN .Modal-modules_modal_header__bLwe9{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.Modal-modules_modal__M6coU .Modal-modules_modal_content__kI5NN .Modal-modules_modal_buttons_container__VIykY{display:flex;gap:.5rem;justify-content:flex-end;width:100%}.Modal-modules_modal_overlay__sU-UF .Modal-modules_modal_content__kI5NN{align-items:space-between;background:#fff;border:none;display:flex;flex-direction:column;gap:.5rem;height:auto;left:50%;padding:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:21rem;z-index:1301}.Modal-modules_modal_overlay__sU-UF .Modal-modules_modal_content__kI5NN .Modal-modules_modal_header__bLwe9{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.Modal-modules_modal_overlay__sU-UF .Modal-modules_modal_content__kI5NN .Modal-modules_modal_buttons_container__VIykY{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem;width:100%}";
 var styles$c = {"modal":"Modal-modules_modal__M6coU","modal_content":"Modal-modules_modal_content__kI5NN","modal_header":"Modal-modules_modal_header__bLwe9","modal_buttons_container":"Modal-modules_modal_buttons_container__VIykY","modal_overlay":"Modal-modules_modal_overlay__sU-UF"};
 styleInject(css_248z$c);