@contentful/experiences-core 3.8.2 → 3.8.3-beta.1

package/dist/{index.js → esm/index.js}

@@ -2354,6 +2354,133 @@ const calculateNodeDefaultHeight = ({ blockId, children, value, }) => {
     return EMPTY_CONTAINER_SIZE;
 };
 
+const getDataFromTree = (tree) => {
+    let dataSource = {};
+    let unboundValues = {};
+    const queue = [...tree.root.children];
+    while (queue.length) {
+        const node = queue.shift();
+        if (!node) {
+            continue;
+        }
+        dataSource = { ...dataSource, ...node.data.dataSource };
+        unboundValues = { ...unboundValues, ...node.data.unboundValues };
+        if (node.children.length) {
+            queue.push(...node.children);
+        }
+    }
+    return {
+        dataSource,
+        unboundValues,
+    };
+};
+const generateRandomId = (letterCount) => {
+    const LETTERS = 'abcdefghijklmnopqvwxyzABCDEFGHIJKLMNOPQVWXYZ';
+    const NUMS = '0123456789';
+    const ALNUM = NUMS + LETTERS;
+    const times = (n, callback) => Array.from({ length: n }, callback);
+    const random = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;
+    return times(letterCount, () => ALNUM[random(0, ALNUM.length - 1)]).join('');
+};
+const checkIsAssemblyNode = ({ componentId, usedComponents, }) => {
+    if (!usedComponents?.length)
+        return false;
+    return usedComponents.some((usedComponent) => usedComponent.sys.id === componentId);
+};
+/**
+ * This check assumes that the entry is already ensured to be an experience, i.e. the
+ * content type of the entry is an experience type with the necessary annotations.
+ **/
+const checkIsAssemblyEntry = (entry) => {
+    return Boolean(entry.fields?.componentSettings);
+};
+const checkIsAssemblyDefinition = (component) => component?.category === ASSEMBLY_DEFAULT_CATEGORY;
+function parseCSSValue(input) {
+    const regex = /^(\d+(\.\d+)?)(px|em|rem)$/;
+    const match = input.match(regex);
+    if (match) {
+        return {
+            value: parseFloat(match[1]),
+            unit: match[3],
+        };
+    }
+    return null;
+}
+function getTargetValueInPixels(targetWidthObject) {
+    switch (targetWidthObject.unit) {
+        case 'px':
+            return targetWidthObject.value;
+        case 'em':
+            return targetWidthObject.value * 16;
+        case 'rem':
+            return targetWidthObject.value * 16;
+        default:
+            return targetWidthObject.value;
+    }
+}
+/**
+ * Creates a component definition for an assembly. As all assemblies use the same definition in the SDK,
+ * all should be registered via this function.
+ */
+const createAssemblyDefinition = (definitionId) => {
+    return {
+        id: definitionId,
+        name: 'Component',
+        variables: {},
+        children: true,
+        category: ASSEMBLY_DEFAULT_CATEGORY,
+    };
+};
+
+/**
+ * Turns a condition like `<768px` or `>1024px` into a media query rule.
+ * For example, `<768px` becomes `max-width:768px` and `>1024px` becomes `min-width:1024px`.
+ */
+const toMediaQueryRule = (condition) => {
+    const [evaluation, pixelValue] = [condition[0], condition.substring(1)];
+    const mediaQueryRule = evaluation === '<' ? 'max-width' : 'min-width';
+    return `(${mediaQueryRule}:${pixelValue})`;
+};
+/**
+ * Converts a map of class names to CSS strings into a single CSS string.
+ *
+ * @param cssByClassName map of class names to CSS strings containing all rules for each class
+ * @returns joined string of all CSS class definitions
+ */
+const toCompoundCss = (cssByClassName) => {
+    return Object.entries(cssByClassName).reduce((acc, [className, css]) => {
+        if (css === '')
+            return acc;
+        return `${acc}.${className}{${css}}`;
+    }, ``);
+};
+/**
+ * Create a single CSS string containing all class definitions for a given media query.
+ *
+ * @param cssByClassName map of class names to CSS strings containing all rules for each class
+ * @param condition e.g. "*", "<520px", ">520px"
+ * @param nextCondition optional next condition to create a disjunct media query that doesn't affect the next breakpoint
+ * @returns joined string of all CSS class definitions wrapped into media queries
+ */
+const toMediaQuery = ({ cssByClassName, condition, nextCondition, }) => {
+    const compoundCss = toCompoundCss(cssByClassName);
+    if (compoundCss === '') {
+        return '';
+    }
+    const queryRule = toMediaQueryRule(condition);
+    if (!nextCondition) {
+        if (condition === '*') {
+            return compoundCss;
+        }
+        return `@media${queryRule}{${compoundCss}}`;
+    }
+    const nextRule = toMediaQueryRule(nextCondition);
+    if (condition === '*') {
+        return `@media not ${nextRule}{${compoundCss}}`;
+    }
+    return `@media${queryRule} and (not ${nextRule}){${compoundCss}}`;
+};
+
 function getOptimizedImageUrl(url, width, quality, format) {
     if (url.startsWith('//')) {
         url = 'https:' + url;
@@ -2983,55 +3110,6 @@ function mergeDefaultAndOverwriteValues(defaultValue, overwriteValue) {
     return overwriteValue ?? defaultValue;
 }
 
-/**
- * Turns a condition like `<768px` or `>1024px` into a media query rule.
- * For example, `<768px` becomes `max-width:768px` and `>1024px` becomes `min-width:1024px`.
- */
-const toMediaQueryRule = (condition) => {
-    const [evaluation, pixelValue] = [condition[0], condition.substring(1)];
-    const mediaQueryRule = evaluation === '<' ? 'max-width' : 'min-width';
-    return `(${mediaQueryRule}:${pixelValue})`;
-};
-/**
- * Converts a map of class names to CSS strings into a single CSS string.
- *
- * @param cssByClassName map of class names to CSS strings containing all rules for each class
- * @returns joined string of all CSS class definitions
- */
-const toCompoundCss = (cssByClassName) => {
-    return Object.entries(cssByClassName).reduce((acc, [className, css]) => {
-        if (css === '')
-            return acc;
-        return `${acc}.${className}{${css}}`;
-    }, ``);
-};
-/**
- * Create a single CSS string containing all class definitions for a given media query.
- *
- * @param cssByClassName map of class names to CSS strings containing all rules for each class
- * @param condition e.g. "*", "<520px", ">520px"
- * @param nextCondition optional next condition to create a disjunct media query that doesn't affect the next breakpoint
- * @returns joined string of all CSS class definitions wrapped into media queries
- */
-const toMediaQuery = ({ cssByClassName, condition, nextCondition, }) => {
-    const compoundCss = toCompoundCss(cssByClassName);
-    if (compoundCss === '') {
-        return '';
-    }
-    const queryRule = toMediaQueryRule(condition);
-    if (!nextCondition) {
-        if (condition === '*') {
-            return compoundCss;
-        }
-        return `@media${queryRule}{${compoundCss}}`;
-    }
-    const nextRule = toMediaQueryRule(nextCondition);
-    if (condition === '*') {
-        return `@media not ${nextRule}{${compoundCss}}`;
-    }
-    return `@media${queryRule} and (not ${nextRule}){${compoundCss}}`;
-};
-
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function get(obj, path) {
     if (!path.length) {
@@ -3364,84 +3442,6 @@ function treeMap(node, onNode) {
     return newNode;
 }
 
-const getDataFromTree = (tree) => {
-    let dataSource = {};
-    let unboundValues = {};
-    const queue = [...tree.root.children];
-    while (queue.length) {
-        const node = queue.shift();
-        if (!node) {
-            continue;
-        }
-        dataSource = { ...dataSource, ...node.data.dataSource };
-        unboundValues = { ...unboundValues, ...node.data.unboundValues };
-        if (node.children.length) {
-            queue.push(...node.children);
-        }
-    }
-    return {
-        dataSource,
-        unboundValues,
-    };
-};
-const generateRandomId = (letterCount) => {
-    const LETTERS = 'abcdefghijklmnopqvwxyzABCDEFGHIJKLMNOPQVWXYZ';
-    const NUMS = '0123456789';
-    const ALNUM = NUMS + LETTERS;
-    const times = (n, callback) => Array.from({ length: n }, callback);
-    const random = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;
-    return times(letterCount, () => ALNUM[random(0, ALNUM.length - 1)]).join('');
-};
-const checkIsAssemblyNode = ({ componentId, usedComponents, }) => {
-    if (!usedComponents?.length)
-        return false;
-    return usedComponents.some((usedComponent) => usedComponent.sys.id === componentId);
-};
-/**
- * This check assumes that the entry is already ensured to be an experience, i.e. the
- * content type of the entry is an experience type with the necessary annotations.
- **/
-const checkIsAssemblyEntry = (entry) => {
-    return Boolean(entry.fields?.componentSettings);
-};
-const checkIsAssemblyDefinition = (component) => component?.category === ASSEMBLY_DEFAULT_CATEGORY;
-function parseCSSValue(input) {
-    const regex = /^(\d+(\.\d+)?)(px|em|rem)$/;
-    const match = input.match(regex);
-    if (match) {
-        return {
-            value: parseFloat(match[1]),
-            unit: match[3],
-        };
-    }
-    return null;
-}
-function getTargetValueInPixels(targetWidthObject) {
-    switch (targetWidthObject.unit) {
-        case 'px':
-            return targetWidthObject.value;
-        case 'em':
-            return targetWidthObject.value * 16;
-        case 'rem':
-            return targetWidthObject.value * 16;
-        default:
-            return targetWidthObject.value;
-    }
-}
-/**
- * Creates a component definition for an assembly. As all assemblies use the same definition in the SDK,
- * all should be registered via this function.
- */
-const createAssemblyDefinition = (definitionId) => {
-    return {
-        id: definitionId,
-        name: 'Component',
-        variables: {},
-        children: true,
-        category: ASSEMBLY_DEFAULT_CATEGORY,
-    };
-};
-
 class ParseError extends Error {
     constructor(message) {
         super(message);