@athoscommerce/snap-preact 1.9.1 → 1.10.1-beta.150

package/dist/cjs/components/src/themes/snappy/components/templates/searchCollapsible.js

@@ -1,26 +1,13 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.searchCollapsible = void 0;
-var react_1 = require("@emotion/react");
-var searchCollapsible_1 = require("../../../themeComponents/searchCollapsible");
+const react_1 = require("@emotion/react");
+const searchCollapsible_1 = require("../../../themeComponents/searchCollapsible");
 // CSS in JS style script for the Search component
-var searchCollapsibleStyleScript = function (_a) {
-    var theme = _a.theme;
+const searchCollapsibleStyleScript = ({ theme }) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
-    var sidebarWidth = 'calc(270px + 1.5em)';
+    const variables = theme?.variables;
+    const sidebarWidth = 'calc(270px + 1.5em)';
     return (0, react_1.css)({
         '.ss__toolbar .ss__layout__sidebar-toggle-button-wrapper': {
             marginRight: sidebarWidth ? 'inherit' : 'auto',
@@ -30,7 +17,13 @@ var searchCollapsibleStyleScript = function (_a) {
 };
 // Search component props come from Template export
 exports.searchCollapsible = {
-    default: __assign(__assign({}, searchCollapsible_1.searchCollapsibleThemeComponentProps.default), { searchCollapsible: __assign(__assign({}, (((_a = searchCollapsible_1.searchCollapsibleThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['searchCollapsible']) || {})), { themeStyleScript: searchCollapsibleStyleScript }) }),
+    default: {
+        ...searchCollapsible_1.searchCollapsibleThemeComponentProps.default,
+        searchCollapsible: {
+            ...(searchCollapsible_1.searchCollapsibleThemeComponentProps.default?.['searchCollapsible'] || {}),
+            themeStyleScript: searchCollapsibleStyleScript,
+        },
+    },
     mobile: searchCollapsible_1.searchCollapsibleThemeComponentProps.mobile,
     desktop: searchCollapsible_1.searchCollapsibleThemeComponentProps.desktop,
     tablet: searchCollapsible_1.searchCollapsibleThemeComponentProps.tablet,

package/dist/cjs/components/src/themes/snappy/components/templates/searchHorizontal.js

@@ -1,25 +1,12 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.searchHorizontal = void 0;
-var react_1 = require("@emotion/react");
-var searchHorizontal_1 = require("../../../themeComponents/searchHorizontal");
+const react_1 = require("@emotion/react");
+const searchHorizontal_1 = require("../../../themeComponents/searchHorizontal");
 // CSS in JS style script for the Search component
-var searchHorizontalStyleScript = function (_a) {
-    var theme = _a.theme;
+const searchHorizontalStyleScript = ({ theme }) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    const variables = theme?.variables;
     return (0, react_1.css)({
         '& .ss__search-horizontal__header-section': {
             marginBottom: '0px',
@@ -28,16 +15,32 @@ var searchHorizontalStyleScript = function (_a) {
 };
 // Search component props come from Template export
 exports.searchHorizontal = {
-    default: __assign(__assign({}, searchHorizontal_1.searchHorizontalThemeComponentProps.default), { searchHorizontal: __assign(__assign({}, (((_a = searchHorizontal_1.searchHorizontalThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['searchHorizontal']) || {})), { themeStyleScript: searchHorizontalStyleScript }), 'searchHorizontal results': {
+    default: {
+        ...searchHorizontal_1.searchHorizontalThemeComponentProps.default,
+        searchHorizontal: {
+            ...(searchHorizontal_1.searchHorizontalThemeComponentProps.default?.['searchHorizontal'] || {}),
+            themeStyleScript: searchHorizontalStyleScript,
+        },
+        'searchHorizontal results': {
             columns: 5,
-        } }),
-    mobile: __assign(__assign({}, searchHorizontal_1.searchHorizontalThemeComponentProps.mobile), { 'searchHorizontal results': {
+        },
+    },
+    mobile: {
+        ...searchHorizontal_1.searchHorizontalThemeComponentProps.mobile,
+        'searchHorizontal results': {
             columns: 2,
-        } }),
-    tablet: __assign(__assign({}, searchHorizontal_1.searchHorizontalThemeComponentProps.tablet), { 'searchHorizontal results': {
+        },
+    },
+    tablet: {
+        ...searchHorizontal_1.searchHorizontalThemeComponentProps.tablet,
+        'searchHorizontal results': {
             columns: 3,
-        } }),
-    desktop: __assign(__assign({}, searchHorizontal_1.searchHorizontalThemeComponentProps.desktop), { 'searchHorizontal results': {
+        },
+    },
+    desktop: {
+        ...searchHorizontal_1.searchHorizontalThemeComponentProps.desktop,
+        'searchHorizontal results': {
             columns: 4,
-        } }),
+        },
+    },
 };

package/dist/cjs/components/src/themes/snappy/responsive.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.responsive = void 0;
-var components_1 = require("./components");
+const components_1 = require("./components");
 exports.responsive = {
     mobile: components_1.mobileComponents,
     tablet: components_1.tabletComponents,

package/dist/cjs/components/src/themes/snappy/snappy.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.snappy = void 0;
-var components_1 = require("./components");
-var responsive_1 = require("./responsive");
-var snappyVariables = {
+const components_1 = require("./components");
+const responsive_1 = require("./responsive");
+const snappyVariables = {
     breakpoints: {
         mobile: 767,
         tablet: 991,

package/dist/cjs/components/src/themes/themeComponents/chat.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chatThemeComponentProps = void 0;
+exports.chatThemeComponentProps = {
+    default: {
+        chat: {
+            position: 'right',
+            offset: '20px',
+        },
+    },
+    mobile: {},
+    tablet: {},
+    desktop: {},
+};

package/dist/cjs/components/src/themes/themeComponents/chatButton.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chatButtonThemeComponentProps = void 0;
+exports.chatButtonThemeComponentProps = {
+    default: {},
+    mobile: {},
+    tablet: {},
+    desktop: {},
+};

package/dist/cjs/components/src/toolbox/createHoverProps/createHoverProps.js

@@ -1,18 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createHoverProps = void 0;
-var createHoverProps = function (callback, options) {
-    if (options === void 0) { options = { delay: 333, focusElem: true }; }
-    var delayTimeout;
+const createHoverProps = (callback, options = { delay: 333, focusElem: true }) => {
+    let delayTimeout;
     return {
-        onMouseEnter: function (e) {
+        onMouseEnter: (e) => {
             clearTimeout(delayTimeout);
-            delayTimeout = window.setTimeout(function () {
+            delayTimeout = window.setTimeout(() => {
                 options.focusElem && e.target.focus();
                 callback && callback();
             }, options.delay || 333);
         },
-        onMouseLeave: function () {
+        onMouseLeave: () => {
             clearTimeout(delayTimeout);
         },
     };

package/dist/cjs/components/src/utilities/Colour/Colour.js

@@ -21,13 +21,46 @@
 */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Colour = void 0;
-var Colour = /** @class */ (function () {
-    function Colour(value) {
+class Colour {
+    get hex() {
+        if (this.hexValue) {
+            return this.hexValue;
+        }
+        // when invalid color provided to constructor
+        return this.value;
+    }
+    get rgb() {
+        if (this.rgbValue) {
+            return this.rgbValue;
+        }
+        // when invalid color provided to constructor
+        return this.value;
+    }
+    get contrast() {
+        if (this.hexValue) {
+            // determine if text should be black or white by common algorithm
+            const red = parseInt(this.hexValue.slice(1, 3), 16);
+            const green = parseInt(this.hexValue.slice(3, 5), 16);
+            const blue = parseInt(this.hexValue.slice(5, 7), 16);
+            const normalized = [red / 255, green / 255, blue / 255];
+            const calculation = normalized.map((color) => {
+                if (color <= 0.03928) {
+                    return color / 12.92;
+                }
+                return Math.pow((color + 0.055) / 1.055, 2.4);
+            });
+            const luminosity = 0.2126 * calculation[0] + 0.7152 * calculation[1] + 0.0722 * calculation[2];
+            return luminosity <= 0.179 ? '#ffffff' : '#000000';
+        }
+        // when invalid color provided to constructor
+        return this.value;
+    }
+    constructor(value) {
         this.value = value;
         if (value) {
             if (value.match(/^#[a,b,c,d,e,f,0-9]{3}$/i)) {
                 // convert 3 digit hex to 6 digit hex
-                value = "#".concat(value[1].repeat(2)).concat(value[2].repeat(2)).concat(value[3].repeat(2));
+                value = `#${value[1].repeat(2)}${value[2].repeat(2)}${value[3].repeat(2)}`;
             }
             if (Colour.isHex(value)) {
                 // store hex value after verification
@@ -43,107 +76,83 @@ var Colour = /** @class */ (function () {
             }
         }
     }
-    Object.defineProperty(Colour.prototype, "hex", {
-        get: function () {
-            if (this.hexValue) {
-                return this.hexValue;
-            }
-            // when invalid color provided to constructor
-            return this.value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Colour.prototype, "rgb", {
-        get: function () {
-            if (this.rgbValue) {
-                return this.rgbValue;
-            }
-            // when invalid color provided to constructor
-            return this.value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Colour.prototype, "contrast", {
-        get: function () {
-            if (this.hexValue) {
-                // determine if text should be black or white by common algorithm
-                var red = parseInt(this.hexValue.slice(1, 3), 16);
-                var green = parseInt(this.hexValue.slice(3, 5), 16);
-                var blue = parseInt(this.hexValue.slice(5, 7), 16);
-                var normalized = [red / 255, green / 255, blue / 255];
-                var calculation = normalized.map(function (color) {
-                    if (color <= 0.03928) {
-                        return color / 12.92;
-                    }
-                    return Math.pow((color + 0.055) / 1.055, 2.4);
-                });
-                var luminosity = 0.2126 * calculation[0] + 0.7152 * calculation[1] + 0.0722 * calculation[2];
-                return luminosity <= 0.179 ? '#ffffff' : '#000000';
-            }
-            // when invalid color provided to constructor
-            return this.value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Colour.prototype.shift = function (offset) {
+    shift(offset) {
         return new Colour(Colour.brightness(this.hex, offset));
-    };
-    Colour.prototype.lighten = function (offset) {
+    }
+    lighten(offset) {
         if (offset < 0)
             return this;
         return new Colour(Colour.brightness(this.hex, offset));
-    };
-    Colour.prototype.darken = function (offset) {
+    }
+    darken(offset) {
         if (offset < 0)
             return this;
         return new Colour(Colour.brightness(this.hex, -offset));
-    };
-    Colour.prototype.opacity = function (offset) {
+    }
+    opacity(offset) {
         return new Colour(Colour.opacity(this.hex, offset));
-    };
-    Colour.prototype.transparency = function (offset) {
+    }
+    transparency(offset) {
         if (offset < 0)
             return this;
         return new Colour(Colour.opacity(this.hex, offset));
-    };
-    Colour.prototype.opaque = function (offset) {
+    }
+    opaque(offset) {
         if (offset < 0)
             return this;
         return new Colour(Colour.opacity(this.hex, -offset));
-    };
-    Colour.isRgb = function (color) {
+    }
+    /** Returns a hex string mixed linearly toward black. `amount` is a 0-1 proportion of
+     * black in the result — note this differs from `darken(offset)`, which takes a 0-100
+     * offset and returns a chainable `Colour`. 0.9 yields a near-black with a slight tint. */
+    mixBlack(amount = 0.3) {
+        return Colour.mixToward(this.hex, '#000000', amount) ?? this.hex ?? '';
+    }
+    /** Returns a hex string mixed linearly toward white. `amount` is a 0-1 proportion of
+     * white in the result — note this differs from `lighten(offset)`, which takes a 0-100
+     * offset and returns a chainable `Colour`. 0.9 yields a near-white with a slight tint. */
+    mixWhite(amount = 0.3) {
+        return Colour.mixToward(this.hex, '#ffffff', amount) ?? this.hex ?? '';
+    }
+    /** Returns the color only if it is a concrete value that can be manipulated and paired with
+     * other colors. Contextual CSS keywords (currentColor and the CSS-wide keywords) resolve
+     * against surrounding styles, so they would defeat `|| fallback` chains — those return undefined. */
+    static concrete(color) {
+        if (!color || ['currentcolor', 'inherit', 'initial', 'unset', 'revert'].includes(color.toLowerCase())) {
+            return undefined;
+        }
+        return color;
+    }
+    static isRgb(color) {
         return Boolean(color.match(/^rgba?\([0-9]{1,3}[\s,\,]+[0-9]{1,3}[\s,\,]+[0-9]{1,3}[\s,\,]*\)$/i) ||
             color.match(/^rgba?\([0-9]{1,3}[\s,\,]+[0-9]{1,3}[\s,\,]+[0-9]{1,3}[\s,\,]+0?\.?[0-9]+%?[\s,\,]*\)$/i));
-    };
-    Colour.isHex = function (color) {
+    }
+    static isHex(color) {
         return Boolean(color.match(/^#[a,b,c,d,e,f,0-9]{6}$/i) || color.match(/^#[a,b,c,d,e,f,0-9]{8}$/i));
-    };
-    Colour.hexToRgb = function (hex) {
+    }
+    static hexToRgb(hex) {
         if (!Colour.isHex(hex))
             throw 'invalid hex supplied';
-        var red = parseInt(hex.slice(1, 3), 16);
-        var green = parseInt(hex.slice(3, 5), 16);
-        var blue = parseInt(hex.slice(5, 7), 16);
-        var alpha = parseInt(hex.slice(7, 9), 16);
+        const red = parseInt(hex.slice(1, 3), 16);
+        const green = parseInt(hex.slice(3, 5), 16);
+        const blue = parseInt(hex.slice(5, 7), 16);
+        const alpha = parseInt(hex.slice(7, 9), 16);
         if (Number.isInteger(alpha)) {
             // convert alpha to fraction and round
-            return "rgba(".concat(red, ", ").concat(green, ", ").concat(blue, ", ").concat(round(alpha / 255), ")");
+            return `rgba(${red}, ${green}, ${blue}, ${round(alpha / 255)})`;
         }
-        return "rgb(".concat(red, ", ").concat(green, ", ").concat(blue, ")");
-    };
-    Colour.rgbToHex = function (rgb) {
+        return `rgb(${red}, ${green}, ${blue})`;
+    }
+    static rgbToHex(rgb) {
         if (!Colour.isRgb(rgb))
             throw 'invalid rgb supplied';
-        var _a = (rgb.match(/[0-9]?\.?[0-9]+%?/g) || []).map(function (d, index) {
+        const [r, g, b, a] = (rgb.match(/[0-9]?\.?[0-9]+%?/g) || []).map((d, index) => {
             if (index == 3) {
                 // handle alpha percentage
                 if (d.match(/%/)) {
                     d = (Number(d.replace('%', '').trim()) / 100).toString();
                 }
-                var fraction = Number(d);
+                let fraction = Number(d);
                 if (Number.isNaN(fraction) || fraction > 1)
                     fraction = 1;
                 if (fraction < 0)
@@ -151,11 +160,11 @@ var Colour = /** @class */ (function () {
                 d = Math.floor(fraction * 255).toString();
             }
             return Number(d).toString(16).padStart(2, '0');
-        }), r = _a[0], g = _a[1], b = _a[2], a = _a[3];
-        return "#".concat(r).concat(g).concat(b).concat(a ? a : '');
-    };
-    Colour.opacity = function (color, offset) {
-        var isRgb = false;
+        });
+        return `#${r}${g}${b}${a ? a : ''}`;
+    }
+    static opacity(color, offset) {
+        let isRgb = false;
         if (color && Colour.isRgb(color)) {
             isRgb = true;
             color = Colour.rgbToHex(color);
@@ -167,23 +176,43 @@ var Colour = /** @class */ (function () {
             offset = 255;
         if (offset < -255)
             offset = -255;
-        var alpha = color.slice(7, 9) || 'ff';
-        var alphaValue = parseInt(alpha, 16);
-        var a = alphaValue - offset;
+        const alpha = color.slice(7, 9) || 'ff';
+        const alphaValue = parseInt(alpha, 16);
+        let a = alphaValue - offset;
         if (a > 255)
             a = 255;
         else if (a < 0)
             a = 0;
         // padout with zeros to ensure 2 digit alpha
-        var newAlpha = a.toString(16).padStart(2, '0');
-        var hexValue = "".concat(color.slice(0, 7)).concat(newAlpha);
+        const newAlpha = a.toString(16).padStart(2, '0');
+        const hexValue = `${color.slice(0, 7)}${newAlpha}`;
         if (isRgb) {
             return Colour.hexToRgb(hexValue);
         }
         return hexValue;
-    };
-    Colour.brightness = function (color, offset) {
-        var isRgb = false;
+    }
+    /** Linear RGB mix between two hex colors. `amount` (0-1) is the proportion of `towardHex`
+     * in the result. Returns the source `hex` unchanged when either input is invalid. */
+    static mixToward(hex, towardHex, amount) {
+        if (!hex)
+            return undefined;
+        if (!Colour.isHex(hex) || !Colour.isHex(towardHex))
+            return hex;
+        const clamped = Math.max(0, Math.min(1, amount));
+        const sourceR = parseInt(hex.slice(1, 3), 16);
+        const sourceG = parseInt(hex.slice(3, 5), 16);
+        const sourceB = parseInt(hex.slice(5, 7), 16);
+        const targetR = parseInt(towardHex.slice(1, 3), 16);
+        const targetG = parseInt(towardHex.slice(3, 5), 16);
+        const targetB = parseInt(towardHex.slice(5, 7), 16);
+        const mix = (s, t) => Math.round(s * (1 - clamped) + t * clamped);
+        const r = mix(sourceR, targetR).toString(16).padStart(2, '0');
+        const g = mix(sourceG, targetG).toString(16).padStart(2, '0');
+        const b = mix(sourceB, targetB).toString(16).padStart(2, '0');
+        return `#${r}${g}${b}`;
+    }
+    static brightness(color, offset) {
+        let isRgb = false;
         if (color && Colour.isRgb(color)) {
             isRgb = true;
             color = Colour.rgbToHex(color);
@@ -196,41 +225,40 @@ var Colour = /** @class */ (function () {
         if (offset < -255)
             offset = -255;
         // remove the # and ignore alpha characters
-        var value = color.slice(1, 7);
-        var num = parseInt(value, 16);
-        var red = (num & 0x0000ff) + offset;
+        const value = color.slice(1, 7);
+        const num = parseInt(value, 16);
+        let red = (num & 0x0000ff) + offset;
         if (red > 255)
             red = 255;
         else if (red < 0)
             red = 0;
-        var green = ((num >> 8) & 0x00ff) + offset;
+        let green = ((num >> 8) & 0x00ff) + offset;
         if (green > 255)
             green = 255;
         else if (green < 0)
             green = 0;
-        var blue = (num >> 16) + offset;
+        let blue = (num >> 16) + offset;
         if (blue > 255)
             blue = 255;
         else if (blue < 0)
             blue = 0;
         // padout with zeros to ensure 6 digits in conversion and tack on alpha characters
-        var hexValue = "#".concat((red | (green << 8) | (blue << 16)).toString(16).padStart(6, '0')).concat(color.slice(7, 9));
+        const hexValue = `#${(red | (green << 8) | (blue << 16)).toString(16).padStart(6, '0')}${color.slice(7, 9)}`;
         if (isRgb) {
             return Colour.hexToRgb(hexValue);
         }
         return hexValue;
-    };
-    return Colour;
-}());
+    }
+}
 exports.Colour = Colour;
 function round(number) {
     // rounding to the nearest hundredth (eg. 0.77)
-    var flooredNumber = Math.floor(number);
-    var decimal = number - flooredNumber;
+    const flooredNumber = Math.floor(number);
+    const decimal = number - flooredNumber;
     // no decimal, nothing else to do
     if (!decimal)
         return number;
-    var tenths = Math.floor(decimal * 10) * 10;
-    var hundredths = Math.round(number * 100 - tenths);
+    const tenths = Math.floor(decimal * 10) * 10;
+    const hundredths = Math.round(number * 100 - tenths);
     return flooredNumber + (tenths + hundredths) / 100;
 }

package/dist/cjs/components/src/utilities/cloneWithProps.js

@@ -1,20 +1,8 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.cloneWithProps = void 0;
-var preact_1 = require("preact");
-var cloneWithProps = function (input, props) {
-    var _a;
+const preact_1 = require("preact");
+const cloneWithProps = (input, props) => {
     if (!input) {
         return;
     }
@@ -33,19 +21,19 @@ var cloneWithProps = function (input, props) {
         return input;
     }
     else if (Array.isArray(input)) {
-        return input.map(function (entry) {
+        return input.map((entry) => {
             return (0, exports.cloneWithProps)(entry, props);
         });
     }
-    else if (typeof (input === null || input === void 0 ? void 0 : input.type) == 'string') {
+    else if (typeof input?.type == 'string') {
         // don't want to clone native elements
         return input;
     }
-    else if (typeof (input === null || input === void 0 ? void 0 : input.type) == 'function') {
+    else if (typeof input?.type == 'function') {
         // VNode with functional component type - create new element with merged props
-        return (0, preact_1.h)(input.type, __assign(__assign({}, input.props), props));
+        return (0, preact_1.h)(input.type, { ...input.props, ...props });
     }
     // clone element and it's children if it has them
-    return (0, preact_1.cloneElement)(input, props, ((_a = input.props) === null || _a === void 0 ? void 0 : _a.children) && (0, exports.cloneWithProps)(input.props.children, props));
+    return (0, preact_1.cloneElement)(input, props, input.props?.children && (0, exports.cloneWithProps)(input.props.children, props));
 };
 exports.cloneWithProps = cloneWithProps;

package/dist/cjs/components/src/utilities/componentNameToClassName.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentNameToClassName = void 0;
-var componentNameToClassName = function (name) {
+const componentNameToClassName = (name) => {
     // eg. searchHorizontal -> search-horizontal
-    return name.replace(/([A-Z])/g, function (match) { return '-' + match.toLowerCase(); });
+    return name.replace(/([A-Z])/g, (match) => '-' + match.toLowerCase());
 };
 exports.componentNameToClassName = componentNameToClassName;

package/dist/cjs/components/src/utilities/createImpressionObserver.js

@@ -1,27 +1,21 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createImpressionObserver = createImpressionObserver;
-var hooks_1 = require("preact/hooks");
-var hooks_2 = require("../hooks");
-var IMPRESSION_VISIBILITY_THRESHOLD = 0.7;
-var IMPRESSION_MIN_VISIBLE_TIME = 1000;
+const hooks_1 = require("preact/hooks");
+const hooks_2 = require("../hooks");
+const IMPRESSION_VISIBILITY_THRESHOLD = 0.7;
+const IMPRESSION_MIN_VISIBLE_TIME = 1000;
 function createImpressionObserver(options) {
-    var ref = (0, hooks_1.useRef)(null);
-    var _a = (0, hooks_2.useIntersectionAdvanced)(ref, __assign(__assign({}, options), { fireOnce: true, threshold: IMPRESSION_VISIBILITY_THRESHOLD, minVisibleTime: IMPRESSION_MIN_VISIBLE_TIME })), inViewport = _a.inViewport, updateRef = _a.updateRef;
+    const ref = (0, hooks_1.useRef)(null);
+    const { inViewport, updateRef } = (0, hooks_2.useIntersectionAdvanced)(ref, {
+        ...options,
+        fireOnce: true,
+        threshold: IMPRESSION_VISIBILITY_THRESHOLD,
+        minVisibleTime: IMPRESSION_MIN_VISIBLE_TIME,
+    });
     return {
-        ref: ref,
-        inViewport: inViewport,
-        updateRef: updateRef,
+        ref,
+        inViewport,
+        updateRef,
     };
 }

package/dist/cjs/components/src/utilities/defaultBadgeComponentMap.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultBadgeComponentMap = void 0;
-var BadgeText_1 = require("../components/Atoms/BadgeText");
-var BadgePill_1 = require("../components/Atoms/BadgePill");
-var BadgeRectangle_1 = require("../components/Atoms/BadgeRectangle");
-var BadgeImage_1 = require("../components/Atoms/BadgeImage");
+const BadgeText_1 = require("../components/Atoms/BadgeText");
+const BadgePill_1 = require("../components/Atoms/BadgePill");
+const BadgeRectangle_1 = require("../components/Atoms/BadgeRectangle");
+const BadgeImage_1 = require("../components/Atoms/BadgeImage");
 exports.defaultBadgeComponentMap = {
-    BadgeText: function () { return BadgeText_1.BadgeText; },
-    BadgePill: function () { return BadgePill_1.BadgePill; },
-    BadgeRectangle: function () { return BadgeRectangle_1.BadgeRectangle; },
-    BadgeImage: function () { return BadgeImage_1.BadgeImage; },
+    BadgeText: () => BadgeText_1.BadgeText,
+    BadgePill: () => BadgePill_1.BadgePill,
+    BadgeRectangle: () => BadgeRectangle_1.BadgeRectangle,
+    BadgeImage: () => BadgeImage_1.BadgeImage,
 };

package/dist/cjs/components/src/utilities/defined.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.defined = defined;
 function defined(properties) {
-    var definedProps = {};
-    Object.keys(properties).map(function (key) {
+    const definedProps = {};
+    Object.keys(properties).map((key) => {
         if (properties[key] !== undefined) {
             definedProps[key] = properties[key];
         }