@trafilea/afrodita-components 5.0.0-beta.200 → 5.0.0-beta.201

package/build/index.esm.js

@@ -5373,6 +5373,153 @@ var MultiColorPicker = function (_a) {
     return (jsxs$1(ColorRadioGroup$1, __assign$1({ value: selectedColor, onChange: onChangeHandler }, { children: [jsx$1(ColorRadioGroup$1.Label, { label: label, values: valueLabels }, void 0), jsx$1(ColorRadioGroup$1.OptionsContainer, { children: renderOptions(selectedColor, options) }, void 0)] }), void 0));
 };
 
+/**
+ * @returns number formatted with "," and 2 decimals as string
+ */
+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 formatPrice = function (value, _a) {
+    var _b;
+    var _c = _a === void 0 ? {} : _a, _d = _c.locale, locale = _d === void 0 ? 'en-US' : _d, _e = _c.currency, currency = _e === void 0 ? 'USD' : _e;
+    var _f = value.toFixed(3).split('.'), integer = _f[0], fraction = _f[1];
+    // this prevents `Intl.NumberFormat` from rounding the number
+    var valueToFormat = parseFloat("".concat(integer, ".").concat((_b = fraction === null || fraction === void 0 ? void 0 : fraction.slice(0, 2)) !== null && _b !== void 0 ? _b : 0));
+    return new Intl.NumberFormat(locale, {
+        style: 'currency',
+        currency: currency,
+        maximumFractionDigits: 3,
+    }).format(valueToFormat);
+};
+
+var getSrcSet = function (imgLink) {
+    var breakpoints = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        breakpoints[_i - 1] = arguments[_i];
+    }
+    return breakpoints
+        .reduce(function (prev, curr) { return "".concat(prev, " ").concat(imgLink, " ").concat(curr, "w,"); }, '')
+        .slice(0, -1)
+        .trimStart();
+};
+
+/* eslint-disable no-param-reassign */
+var index$2 = function (breakpoints) {
+  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      literal = _ref.literal,
+      overlap = _ref.overlap;
+
+  var mq = literal ? breakpoints : ['&'].concat(breakpoints);
+
+  function flatten(obj) {
+    if (typeof obj !== 'object' || obj == null) {
+      return [];
+    }
+
+    if (Array.isArray(obj)) {
+      return obj.map(flatten);
+    }
+
+    var slots = {};
+    var objects = {};
+    var props = {};
+    Object.keys(obj).forEach(function (key) {
+      // Check if value is an array, but skip if it looks like a selector.
+      // key.indexOf('&') === 0
+
+      var item = obj[key];
+      if (!Array.isArray(item) && literal) item = [item];
+
+      if ((literal || Array.isArray(item)) && key.charCodeAt(0) !== 38) {
+        var prior = void 0;
+        item.forEach(function (v, index) {
+          // Optimize by removing duplicated media query entries
+          // when they are explicitly known to overlap.
+          if (overlap && prior === v) {
+            return;
+          }
+
+          if (v == null) {
+            // Do not create entries for undefined values as this will
+            // generate empty media media quries
+            return;
+          }
+
+          prior = v;
+
+          if (index === 0 && !literal) {
+            props[key] = v;
+          } else if (slots[mq[index]] === undefined) {
+            var _slots$mq$index;
+
+            slots[mq[index]] = (_slots$mq$index = {}, _slots$mq$index[key] = v, _slots$mq$index);
+          } else {
+            slots[mq[index]][key] = v;
+          }
+        });
+      } else if (typeof item === 'object') {
+        objects[key] = flatten(item);
+      } else {
+        props[key] = item;
+      }
+    });
+
+    // Ensure that all slots and then child objects are pushed to the end
+    mq.forEach(function (el) {
+      if (slots[el]) {
+        props[el] = slots[el];
+      }
+    });
+    Object.assign(props, objects);
+    return props;
+  }
+
+  return function () {
+    for (var _len = arguments.length, values = Array(_len), _key = 0; _key < _len; _key++) {
+      values[_key] = arguments[_key];
+    }
+
+    return values.map(flatten);
+  };
+};
+
+var mediaQueries = index$2(["@media(max-width: 900px)", "@media(min-width: 900px)"], {
+    literal: true,
+});
+
 var Image$2 = newStyled.img(templateObject_1$1e || (templateObject_1$1e = __makeTemplateObject(["\n  ", "\n\n  width: 4.063rem;\n  height: 5.375rem;\n  box-sizing: border-box;\n  cursor: pointer;\n  border: ", ";\n"], ["\n  ", "\n\n  width: 4.063rem;\n  height: 5.375rem;\n  box-sizing: border-box;\n  cursor: pointer;\n  border: ", ";\n"])), function (_a) {
     var borderRadiusVariant = _a.borderRadiusVariant;
     return borderRadiusVariant &&
@@ -5386,7 +5533,7 @@ var Image$2 = newStyled.img(templateObject_1$1e || (templateObject_1$1e = __make
 var ImageSmallPreview = function (_a) {
     var imageUrl = _a.imageUrl, alt = _a.alt, _b = _a.selected, selected = _b === void 0 ? false : _b, className = _a.className, borderRadiusVariant = _a.borderRadiusVariant, previewImgBorderColor = _a.previewImgBorderColor;
     var theme = useTheme();
-    return (jsx$1(Image$2, { className: className, src: imageUrl, alt: alt, selected: selected, theme: theme, borderRadiusVariant: borderRadiusVariant, previewImgBorderColor: previewImgBorderColor }, void 0));
+    return (jsx$1(Image$2, { className: className, src: imageUrl, srcSet: getSrcSet(imageUrl, 180, 360), alt: alt, selected: selected, theme: theme, borderRadiusVariant: borderRadiusVariant, previewImgBorderColor: previewImgBorderColor }, void 0));
 };
 var templateObject_1$1e;
 
@@ -8435,7 +8582,7 @@ var ResizeObserver = /** @class */ (function () {
     };
 });
 
-var index$2 = (function () {
+var index$1 = (function () {
     // Export existing implementation if available.
     if (typeof global$1.ResizeObserver !== 'undefined') {
         return global$1.ResizeObserver;
@@ -8506,7 +8653,7 @@ var InnerSlider = /*#__PURE__*/function (_React$Component) {
         _this.lazyLoadTimer = setInterval(_this.progressiveLazyLoad, 1000);
       }
 
-      _this.ro = new index$2(function () {
+      _this.ro = new index$1(function () {
         if (_this.state.animating) {
           _this.onWindowResized(false); // don't set trackStyle hence don't break animation
 
@@ -12090,153 +12237,6 @@ var InputLabel = function (_a) {
 };
 var templateObject_1$_, templateObject_2$H;
 
-/**
- * @returns number formatted with "," and 2 decimals as string
- */
-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 formatPrice = function (value, _a) {
-    var _b;
-    var _c = _a === void 0 ? {} : _a, _d = _c.locale, locale = _d === void 0 ? 'en-US' : _d, _e = _c.currency, currency = _e === void 0 ? 'USD' : _e;
-    var _f = value.toFixed(3).split('.'), integer = _f[0], fraction = _f[1];
-    // this prevents `Intl.NumberFormat` from rounding the number
-    var valueToFormat = parseFloat("".concat(integer, ".").concat((_b = fraction === null || fraction === void 0 ? void 0 : fraction.slice(0, 2)) !== null && _b !== void 0 ? _b : 0));
-    return new Intl.NumberFormat(locale, {
-        style: 'currency',
-        currency: currency,
-        maximumFractionDigits: 3,
-    }).format(valueToFormat);
-};
-
-var getSrcSet = function (imgLink) {
-    var breakpoints = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        breakpoints[_i - 1] = arguments[_i];
-    }
-    return breakpoints
-        .reduce(function (prev, curr) { return "".concat(prev, " ").concat(imgLink, " ").concat(curr, "w,"); }, '')
-        .slice(0, -1)
-        .trimStart();
-};
-
-/* eslint-disable no-param-reassign */
-var index$1 = function (breakpoints) {
-  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      literal = _ref.literal,
-      overlap = _ref.overlap;
-
-  var mq = literal ? breakpoints : ['&'].concat(breakpoints);
-
-  function flatten(obj) {
-    if (typeof obj !== 'object' || obj == null) {
-      return [];
-    }
-
-    if (Array.isArray(obj)) {
-      return obj.map(flatten);
-    }
-
-    var slots = {};
-    var objects = {};
-    var props = {};
-    Object.keys(obj).forEach(function (key) {
-      // Check if value is an array, but skip if it looks like a selector.
-      // key.indexOf('&') === 0
-
-      var item = obj[key];
-      if (!Array.isArray(item) && literal) item = [item];
-
-      if ((literal || Array.isArray(item)) && key.charCodeAt(0) !== 38) {
-        var prior = void 0;
-        item.forEach(function (v, index) {
-          // Optimize by removing duplicated media query entries
-          // when they are explicitly known to overlap.
-          if (overlap && prior === v) {
-            return;
-          }
-
-          if (v == null) {
-            // Do not create entries for undefined values as this will
-            // generate empty media media quries
-            return;
-          }
-
-          prior = v;
-
-          if (index === 0 && !literal) {
-            props[key] = v;
-          } else if (slots[mq[index]] === undefined) {
-            var _slots$mq$index;
-
-            slots[mq[index]] = (_slots$mq$index = {}, _slots$mq$index[key] = v, _slots$mq$index);
-          } else {
-            slots[mq[index]][key] = v;
-          }
-        });
-      } else if (typeof item === 'object') {
-        objects[key] = flatten(item);
-      } else {
-        props[key] = item;
-      }
-    });
-
-    // Ensure that all slots and then child objects are pushed to the end
-    mq.forEach(function (el) {
-      if (slots[el]) {
-        props[el] = slots[el];
-      }
-    });
-    Object.assign(props, objects);
-    return props;
-  }
-
-  return function () {
-    for (var _len = arguments.length, values = Array(_len), _key = 0; _key < _len; _key++) {
-      values[_key] = arguments[_key];
-    }
-
-    return values.map(flatten);
-  };
-};
-
-var mediaQueries = index$1(["@media(max-width: 900px)", "@media(min-width: 900px)"], {
-    literal: true,
-});
-
 var containerByStatus = function (theme, status) {
     if (status === InputValidationType.Valid)
         return theme.colors.shades[700].color;