@trafilea/afrodita-components 6.10.0 → 6.11.1

package/build/index.js

@@ -3377,7 +3377,9 @@ var buildImageUrl = function (_a) {
         var source = "/external/".concat(baseUrl.host.replaceAll('.', ''));
         var width = getValidSize(widthString);
         var height = getValidSize(heightString);
-        return "".concat(cdn).concat(source, "/images").concat(baseUrl.pathname, "?width=").concat(width, "&height=").concat(height, "&quality=").concat(quality, "&url=").concat(url);
+        var format = src.includes('.svg') ? '&format=svg' : '';
+        var params = "width=".concat(width, "&height=").concat(height, "&quality=").concat(quality, "&url=").concat(url).concat(format);
+        return "".concat(cdn).concat(source, "/images").concat(baseUrl.pathname, "?").concat(params);
     }
     catch (e) {
         console.warn("[Afrodita][buildImageUrl] [src:".concat(src, "] ERROR:").concat(e));
@@ -4528,38 +4530,6 @@ var decimalFormat = function (number) {
     return number.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');
 };
 
-var isEmpty = function (value) {
-    return value.length === 0;
-};
-var isEmail = function (value) {
-    return /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(value);
-};
-var isNumber$1 = function (value) {
-    return /^[0-9]*$/.test(value);
-};
-var isPhoneNumber = function (value) {
-    return /^\d{10}$/.test(value);
-};
-var isValidDate = function (value) {
-    return /^\d{4}-\d{2}-\d{2}$/.test(value);
-};
-
-var mouseClickEvents = ['mousedown', 'click', 'mouseup'];
-var simulateMouseClick = function (element) {
-    mouseClickEvents.forEach(function (mouseEventType) {
-        return element.dispatchEvent(new MouseEvent(mouseEventType, {
-            view: window,
-            bubbles: true,
-            cancelable: true,
-            buttons: 1,
-        }));
-    });
-};
-
-var sliceString = function (str, maxLength) {
-    return str.length > maxLength ? "".concat(str.slice(0, maxLength), "...") : str;
-};
-
 var getSrcSet = function (imgLink) {
     var breakpoints = [];
     for (var _i = 1; _i < arguments.length; _i++) {
@@ -4655,6 +4625,38 @@ var mediaQueries = index$2(["@media(max-width: 900px)", "@media(min-width: 900px
     literal: true,
 });
 
+var mouseClickEvents = ['mousedown', 'click', 'mouseup'];
+var simulateMouseClick = function (element) {
+    mouseClickEvents.forEach(function (mouseEventType) {
+        return element.dispatchEvent(new MouseEvent(mouseEventType, {
+            view: window,
+            bubbles: true,
+            cancelable: true,
+            buttons: 1,
+        }));
+    });
+};
+
+var sliceString = function (str, maxLength) {
+    return str.length > maxLength ? "".concat(str.slice(0, maxLength), "...") : str;
+};
+
+var isEmpty = function (value) {
+    return value.length === 0;
+};
+var isEmail = function (value) {
+    return /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(value);
+};
+var isNumber$1 = function (value) {
+    return /^[0-9]*$/.test(value);
+};
+var isPhoneNumber = function (value) {
+    return /^\d{10}$/.test(value);
+};
+var isValidDate = function (value) {
+    return /^\d{4}-\d{2}-\d{2}$/.test(value);
+};
+
 var ErrorText = newStyled.h3(templateObject_1$1O || (templateObject_1$1O = __makeTemplateObject(["\n  color: ", " !important;\n  font-size: 0.75rem;\n  font-weight: 600;\n  margin: 0;\n  font-height: 1rem;\n  margin-left: 0.313rem;\n"], ["\n  color: ", " !important;\n  font-size: 0.75rem;\n  font-weight: 600;\n  margin: 0;\n  font-height: 1rem;\n  margin-left: 0.313rem;\n"])), function (props) { return props.color; });
 var ErrorContainer = newStyled.div(templateObject_2$1c || (templateObject_2$1c = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-top: 12px;\n"], ["\n  display: flex;\n  align-items: center;\n  margin-top: 12px;\n"])));
 var Error$1 = function (_a) {
@@ -4744,7 +4746,7 @@ var BaseDropdownButton = function (_a) {
                             alignItems: 'flex-start',
                             whiteSpace: 'nowrap',
                             overflowX: 'hidden',
-                        } }, { children: [jsx("div", __assign$1({ css: { fontSize: '0.75rem', fontWeight: 400, margin: '0.125rem 0' } }, { children: label }), void 0), children] }), void 0)) : (children), jsxs(StyledIcon$1, __assign$1({ open: open }, { children: [jsx(CloseIcon, { testId: "CloseIcon", height: 0.875, width: 0.875, fill: "inherit" }, void 0), jsx(OpenIcon, { testId: "OpenIcon", height: 0.875, width: 0.875, fill: "inherit" }, void 0)] }), void 0)] }), void 0));
+                        } }, { children: [jsx("div", __assign$1({ css: { fontSize: '0.75rem', fontWeight: 400, margin: '0.125rem 0' } }, { children: label }), void 0), children] }), void 0)) : (jsx(Fragment, { children: children }, void 0)), jsxs(StyledIcon$1, __assign$1({ open: open }, { children: [jsx(CloseIcon, { testId: "CloseIcon", height: 0.875, width: 0.875, fill: "inherit" }, void 0), jsx(OpenIcon, { testId: "OpenIcon", height: 0.875, width: 0.875, fill: "inherit" }, void 0)] }), void 0)] }), void 0));
         } }), void 0));
 };
 var BaseDropdownButton$1 = React__default["default"].memo(BaseDropdownButton);
@@ -4945,12 +4947,12 @@ var Checkbox = function (_a) {
 var templateObject_1$1L, templateObject_2$1b;
 
 var CustomOption = newStyled.li(function (_a) {
-    var theme = _a.theme, selected = _a.selected, active = _a.active;
+    var theme = _a.theme, selected = _a.selected, active = _a.active, hasImage = _a.hasImage;
     return ({
         listStyleType: 'none',
         display: 'flex',
         flexDirection: 'row',
-        alignItems: 'flex-start',
+        alignItems: hasImage ? 'center' : 'flex-start',
         margin: 0,
         cursor: 'pointer',
         padding: theme.component.dropdown.optionPadding,
@@ -4965,11 +4967,11 @@ var CustomOption = newStyled.li(function (_a) {
     });
 });
 function BaseDropdownOption(_a) {
-    var value = _a.value, disabled = _a.disabled, children = _a.children, _b = _a.hasCheckbox, hasCheckbox = _b === void 0 ? false : _b, isSelected = _a.isSelected;
+    var value = _a.value, disabled = _a.disabled, children = _a.children, _b = _a.hasCheckbox, hasCheckbox = _b === void 0 ? false : _b, isSelected = _a.isSelected, _c = _a.hasImage, hasImage = _c === void 0 ? false : _c;
     var theme = useTheme();
     return (jsxRuntime.jsx(BaseSelect$1.Option, __assign$1({ value: value, disabled: disabled, as: React$2.Fragment }, { children: function (_a) {
             var selected = _a.selected, active = _a.active;
-            return (jsxRuntime.jsxs(CustomOption, __assign$1({ theme: theme, selected: isSelected || selected, active: active }, { children: [hasCheckbox && (jsxRuntime.jsx(Checkbox, { checked: isSelected || selected, text: "", id: value.key, onChange: console.log, size: exports.ComponentSize.Small, variant: "primary" }, void 0)), children] }), void 0));
+            return (jsxRuntime.jsxs(CustomOption, __assign$1({ theme: theme, selected: isSelected || selected, active: active, hasImage: hasImage }, { children: [hasCheckbox && (jsxRuntime.jsx(Checkbox, { checked: isSelected || selected, text: "", id: value.key, onChange: console.log, size: exports.ComponentSize.Small, variant: "primary" }, void 0)), children] }), void 0));
         } }), void 0));
 }
 
@@ -5022,7 +5024,7 @@ function SimpleDropdown(_a) {
         setSelectedValue(value);
     }, [value, options, initialValue]);
     var DropdownContainer = showRequiredPlaceholder ? Container$16 : React$2.Fragment;
-    return (jsxRuntime.jsxs(DropdownContainer, { children: [jsxRuntime.jsxs(BaseDropdown$1, __assign$1({ value: selectedValue, onChange: onChangeHandler, disabled: disabled, wide: wide }, { children: [jsxRuntime.jsx(BaseDropdown$1.Button, __assign$1({ label: label, OpenIcon: Icon.Arrows.ChevronDown, CloseIcon: Icon.Arrows.ChevronUp, wide: wide, isSortOrFilter: sort, testId: testId }, { children: selectedOptionLabel }), void 0), jsxRuntime.jsx(BaseDropdown$1.Options, { children: options.map(function (item) { return (jsxRuntime.jsx(BaseDropdown$1.Option, __assign$1({ value: item, disabled: item.disabled }, { children: item.label }), item.key)); }) }, void 0)] }), void 0), !!required && jsxRuntime.jsx(Error$1, { error: required }, void 0)] }, void 0));
+    return (jsxRuntime.jsxs(DropdownContainer, { children: [jsxRuntime.jsxs(BaseDropdown$1, __assign$1({ value: selectedValue, onChange: onChangeHandler, disabled: disabled, wide: wide }, { children: [jsxRuntime.jsxs(BaseDropdown$1.Button, __assign$1({ label: label, OpenIcon: Icon.Arrows.ChevronDown, CloseIcon: Icon.Arrows.ChevronUp, wide: wide, isSortOrFilter: sort, testId: testId }, { children: [!!(selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.imageURL) && (jsxRuntime.jsx("img", { src: selectedValue.imageURL, alt: selectedValue.label, style: { paddingRight: 8 } }, void 0)), selectedOptionLabel] }), void 0), jsxRuntime.jsx(BaseDropdown$1.Options, { children: options.map(function (item) { return (jsxRuntime.jsxs(BaseDropdown$1.Option, __assign$1({ value: item, disabled: item.disabled, hasImage: !!item.imageURL }, { children: [!!item.imageURL && (jsxRuntime.jsx("img", { src: item.imageURL, alt: item.label, style: { paddingRight: 8 } }, void 0)), item.label] }), item.key)); }) }, void 0)] }), void 0), !!required && jsxRuntime.jsx(Error$1, { error: required }, void 0)] }, void 0));
 }
 var templateObject_1$1K, templateObject_2$1a;
 
@@ -19951,6 +19953,8 @@ exports.Tooltip = Tooltip;
 exports.Totals = Totals;
 exports.TrackingProgress = TrackingProgress;
 exports.TrackingProgressV2 = TrackingProgressV2;
+exports.Video = Video$1;
+exports.buildImageUrl = buildImageUrl;
 exports.componentSizeMapper = componentSizeMapper;
 exports.css = css;
 exports.decimalFormat = decimalFormat;