@olympeio-extensions/reactgrid 2.9.2

package/main-node.js

@@ -0,0 +1,2056 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("olympe"));
+	else if(typeof define === 'function' && define.amd)
+		define(["olympe"], factory);
+	else if(typeof exports === 'object')
+		exports["@olympeio-extensions/reactgrid"] = factory(require("olympe"));
+	else
+		root["@olympeio-extensions/reactgrid"] = factory(root["olympe"]);
+})(this, (__WEBPACK_EXTERNAL_MODULE_olympe__) => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ "./src/common/RGCreateColumnConfig.js":
+/*!********************************************!*\
+  !*** ./src/common/RGCreateColumnConfig.js ***!
+  \********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ RGCreateColumnConfig)
+/* harmony export */ });
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! olympe */ "olympe");
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(olympe__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./helpers */ "./src/common/helpers.js");
+
+
+
+class RGCreateColumnConfig extends olympe__WEBPACK_IMPORTED_MODULE_0__.Brick {
+
+    /**
+     * @override
+     * @protected
+     * @param {!BrickContext} $
+     * @param {number} rank
+     * @param {string} propertyPath
+     * @param {string} header
+     * @param {number} width
+     * @param {string} type
+     * @param {string|!Object} options
+     * @param {boolean} editable
+     * @param {boolean} resizable
+     * @param {number} level
+     * @param {function(!Object)} setObject
+     */
+    update(_$, [rank, propertyPath, header, width, type, options, editable, resizable, level], [setObject]) {
+        setObject({
+            Rank: rank,
+            'Property Path': propertyPath,
+            Header: header,
+            Width: width,
+            Type: type,
+            Options: (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.fromJson)(options)[0],
+            Editable: editable,
+            Resizable: resizable,
+            Level: level
+        });
+    }
+}
+
+(0,olympe__WEBPACK_IMPORTED_MODULE_0__.registerBrick)('01921d9038d9eb72f609', RGCreateColumnConfig);
+
+
+/***/ }),
+
+/***/ "./src/common/RGGetChangeMetadata.js":
+/*!*******************************************!*\
+  !*** ./src/common/RGGetChangeMetadata.js ***!
+  \*******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ RGGetChangeMetadata)
+/* harmony export */ });
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! olympe */ "olympe");
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(olympe__WEBPACK_IMPORTED_MODULE_0__);
+
+
+class RGGetChangeMetadata extends olympe__WEBPACK_IMPORTED_MODULE_0__.Brick {
+
+    /**
+     * @override
+     * @protected
+     * @param {!BrickContext} $
+     * @param {!RGChange} change
+     * @param {function(!Object)} setNewCell
+     * @param {function(!Object)} setPreviousCell
+     * @param {function(string|number)} setRowId
+     * @param {function(string|number)} setColumnId
+     * @param {function(string)} setType
+     */
+    update(_$, [change], [setNewCell, setPreviousCell, setRowId, setColumnId, setType]) {
+        setNewCell(change.metadata.newCell);
+        setPreviousCell(change.metadata.previousCell);
+        setRowId(change.metadata.rowId);
+        setColumnId(change.metadata.columnId);
+        setType(change.metadata.type);
+    }
+}
+
+(0,olympe__WEBPACK_IMPORTED_MODULE_0__.registerBrick)('01920a4d4d8390252c91', RGGetChangeMetadata);
+
+
+/***/ }),
+
+/***/ "./src/common/RGGetChangeProperties.js":
+/*!*********************************************!*\
+  !*** ./src/common/RGGetChangeProperties.js ***!
+  \*********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ RGGetChangeProperties)
+/* harmony export */ });
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! olympe */ "olympe");
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(olympe__WEBPACK_IMPORTED_MODULE_0__);
+
+
+class RGGetChangeProperties extends olympe__WEBPACK_IMPORTED_MODULE_0__.Brick {
+
+    /**
+     * @override
+     * @protected
+     * @param {!BrickContext} $
+     * @param {!RGChange} change
+     * @param {function(!Object|!CloudObject)} setObject
+     * @param {function(!Object|!CloudObject)} setProperty
+     * @param {function(!*)} setNewValue
+     * @param {function(!*)} setOldValue
+     */
+    update(_$, [change], [setObject, setProperty, setNewValue, setOldValue]) {
+        setObject(change.object);
+        setProperty(change.property);
+        setNewValue(change.newValue);
+        setOldValue(change.oldValue);
+    }
+}
+
+(0,olympe__WEBPACK_IMPORTED_MODULE_0__.registerBrick)('0192055d7857bd08279c', RGGetChangeProperties);
+
+
+/***/ }),
+
+/***/ "./src/common/RGGroupTuplesByIndexes.js":
+/*!**********************************************!*\
+  !*** ./src/common/RGGroupTuplesByIndexes.js ***!
+  \**********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ RGGroupTuplesByIndexes)
+/* harmony export */ });
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! olympe */ "olympe");
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(olympe__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./helpers */ "./src/common/helpers.js");
+
+
+
+class RGGroupTuplesByIndexes extends olympe__WEBPACK_IMPORTED_MODULE_0__.Brick {
+
+    /**
+     * @override
+     * @protected
+     * @param {!BrickContext} $
+     * @param {!Array} data
+     * @param {string} indexes
+     * @param {function(!Array)} setGroupedData
+     */
+    update(_$, [data, indexes], [setGroupedData]) {
+        // Get the indexes and make the grouping recursively
+        const _indexes = indexes.split(',').map(index => parseInt(index));
+        setGroupedData(groupBy(data.map(d => (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.rgWrap)(d)), _indexes, 0));
+    }
+}
+
+(0,olympe__WEBPACK_IMPORTED_MODULE_0__.registerBrick)('0192288806aa3cc82b95', RGGroupTuplesByIndexes);
+
+/**
+ * Group data by indexes, for the given level
+ * @param {!Array} wrappers
+ * @param {!Array<number>} indexes
+ * @param {number} level
+ * @return {!Array}
+ */
+function groupBy(wrappers, indexes, level) {
+    // End of recursion
+    if(level >= indexes.length || !Array.isArray(wrappers)) {
+        return wrappers;
+    }
+
+    // Get the current working index
+    const index = indexes[level] - level;
+
+    // Group the data in a Map
+    const groupedWrappers = wrappers.reduce((parents, wrapper) => {
+        // Split the tuple into parts
+        const [wrapped, child] = splitTuple(wrapper, index, level);
+        const key = wrapped.rgGetKey();
+
+        // If this key is not in a group yet
+        if(!parents.has(key)) {
+            // Create the new group
+            parents.set(key, wrapped);
+        }
+
+        // If there is a child, add it to the group
+        //  (group the child itself also)
+        if(child) {
+            const parent = parents.get(key);
+            parent.rgChildren.push(child);
+        }
+
+        // Done
+        return parents;
+    }, new Map());
+
+    // Apply the grouping on the children
+    return Array.from(groupedWrappers.values()).map(({ rgChildren, ...others }) => ({
+        rgChildren: groupBy(rgChildren.map(c => (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.rgWrap)(c, level + 1)), indexes, level + 1),
+        ...others
+    }));
+}
+
+/**
+ * @param {!RGWrapper} wrapper 
+ * @param {number} index 
+ * @param {number} level 
+ * @return {[!RGWrapper, *]}
+ */
+function splitTuple(wrapper, index, level) {
+    // Real tuple case
+    if(wrapper._rgType === 'tuple') {
+        // Extract the info
+        const tuple = wrapper.rgObject;
+        const wrapped = (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.rgWrap)(tuple[index], level);
+        const before = tuple.slice(0, index);
+        const after = tuple.slice(index + 1);
+        const child = [...before, ...after];
+        
+        // Handle all cases
+        if(child.length > 1) {
+            return [wrapped, child];
+        }
+        else if(child.length > 0) {
+            return [wrapped, child[0]];
+        }
+        else {
+            return [wrapped, null];
+        }
+    }
+
+    // Not a tuple case
+    else {
+        return [wrapper, null];
+    }
+}
+
+
+/***/ }),
+
+/***/ "./src/common/RGProcessChangesForCloudObjects.js":
+/*!*******************************************************!*\
+  !*** ./src/common/RGProcessChangesForCloudObjects.js ***!
+  \*******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ RGProcessChangesForCloudObjects)
+/* harmony export */ });
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! olympe */ "olympe");
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(olympe__WEBPACK_IMPORTED_MODULE_0__);
+
+
+class RGProcessChangesForCloudObjects extends olympe__WEBPACK_IMPORTED_MODULE_0__.ActionBrick {
+
+    /**
+     * @override
+     * @protected
+     * @param {!BrickContext} $
+     * @param {!Array<!RGChange>} changes
+     * @param {boolean} executeAsLarge
+     * @param {function()} forwardEvent
+     * @param {function(!ErrorFlow)} setErrorFlow
+     */
+    update(_$, [changes, executeAsLarge], [forwardEvent, setErrorFlow]) {
+        const t = new olympe__WEBPACK_IMPORTED_MODULE_0__.Transaction();
+        const errors = ['No changes applied because:'];
+        changes.forEach(change => {
+            if(change.metadata.newCell.validator?.(change.newValue) ?? true) {
+                t.update(change.object, change.property, change.newValue);
+            }
+            else {
+                errors.push(`This value is not valid: ${change.newValue}`);
+            }
+        });
+        if(errors.length > 1) {
+            setErrorFlow(olympe__WEBPACK_IMPORTED_MODULE_0__.ErrorFlow.create(errors.join('\n'), 1));
+            return;
+        }
+        const promise = executeAsLarge ? t.executeAsLarge() : t.execute();
+        promise.then(forwardEvent)
+            .catch(error => setErrorFlow(olympe__WEBPACK_IMPORTED_MODULE_0__.ErrorFlow.create(error.message, 0)));
+    }
+}
+
+(0,olympe__WEBPACK_IMPORTED_MODULE_0__.registerBrick)('01920a8134e1cf0fa551', RGProcessChangesForCloudObjects);
+
+
+/***/ }),
+
+/***/ "./src/common/RGProcessChangesForJSONString.js":
+/*!*****************************************************!*\
+  !*** ./src/common/RGProcessChangesForJSONString.js ***!
+  \*****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ RGProcessChangesForJSONString)
+/* harmony export */ });
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! olympe */ "olympe");
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(olympe__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./helpers */ "./src/common/helpers.js");
+
+
+
+class RGProcessChangesForJSONString extends olympe__WEBPACK_IMPORTED_MODULE_0__.ActionBrick {
+
+    /**
+     * @override
+     * @protected
+     * @param {!BrickContext} $
+     * @param {!Array<!RGChange>} changes
+     * @param {string} json
+     * @param {function()} forwardEvent
+     * @param {function(!ErrorFlow)} setErrorFlow
+     * @param {function(string)} setNewJson
+     */
+    update(_$, [changes, json], [forwardEvent, setErrorFlow, setNewJson]) {
+        const [data, error] = (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.fromJson)(json);
+        if(!error) {
+            const errors = ['No changes applied because:'];
+            changes.forEach(change => {
+                if(change.metadata.newCell.validator?.(change.newValue) ?? true) {
+                    data[change.metadata.rowId][change.property] = change.newValue;
+                }
+                else {
+                    errors.push(`This value is not valid: ${change.newValue}`);
+                }
+            });
+            if(errors.length > 1) {
+                setErrorFlow(olympe__WEBPACK_IMPORTED_MODULE_0__.ErrorFlow.create(errors.join('\n'), 1));
+                return;
+            }
+            setNewJson(JSON.stringify(data));
+            forwardEvent();
+        }
+        else {
+            setErrorFlow(olympe__WEBPACK_IMPORTED_MODULE_0__.ErrorFlow.create(`input 'json' is not valid, error: ${error.message}`, 0));
+        }
+    }
+}
+
+(0,olympe__WEBPACK_IMPORTED_MODULE_0__.registerBrick)('01921e064dbe25faec55', RGProcessChangesForJSONString);
+
+
+/***/ }),
+
+/***/ "./src/common/RGProcessChangesForObjects.js":
+/*!**************************************************!*\
+  !*** ./src/common/RGProcessChangesForObjects.js ***!
+  \**************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ RGProcessChangesForObjects)
+/* harmony export */ });
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! olympe */ "olympe");
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(olympe__WEBPACK_IMPORTED_MODULE_0__);
+
+
+class RGProcessChangesForObjects extends olympe__WEBPACK_IMPORTED_MODULE_0__.ActionBrick {
+
+    /**
+     * @override
+     * @protected
+     * @param {!BrickContext} $
+     * @param {!Array<!RGChange>} changes
+     * @param {boolean} inPlace
+     * @param {Array} data
+     * @param {function()} forwardEvent
+     * @param {function(!ErrorFlow)} setErrorFlow
+     */
+    update(_$, [changes, inPlace, data], [forwardEvent, setErrorFlow]) {
+        const errors = ['No changes applied because:'];
+        changes.forEach(change => {
+            if(!(change.metadata.newCell.validator?.(change.newValue) ?? true)) {
+                errors.push(`This value is not valid: ${change.newValue}`);
+            }
+        });
+        if(errors.length > 1) {
+            setErrorFlow(olympe__WEBPACK_IMPORTED_MODULE_0__.ErrorFlow.create(errors.join('\n'), 1));
+            return;
+        }
+        if(inPlace) {
+            changes.forEach(change => {
+                change.object[change.property] = change.newValue;
+            });
+        }
+        else {
+            changes.forEach(change => {
+                data[change.metadata.rowId][change.property] = change.newValue;
+            });
+        }
+        forwardEvent();
+    }
+}
+
+(0,olympe__WEBPACK_IMPORTED_MODULE_0__.registerBrick)('01921e0d2b383c95bd22', RGProcessChangesForObjects);
+
+
+/***/ }),
+
+/***/ "./src/common/RGWrapObject.js":
+/*!************************************!*\
+  !*** ./src/common/RGWrapObject.js ***!
+  \************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ RGWrapObject)
+/* harmony export */ });
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! olympe */ "olympe");
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(olympe__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./helpers */ "./src/common/helpers.js");
+
+
+
+class RGWrapObject extends olympe__WEBPACK_IMPORTED_MODULE_0__.Brick {
+
+    /**
+     * @override
+     * @protected
+     * @param {!BrickContext} $
+     * @param {!*} object
+     * @param {number} level
+     * @param {function(!RGWrapper)} setWrapped
+     */
+    update(_$, [object, level], [setWrapped]) {
+        setWrapped((0,_helpers__WEBPACK_IMPORTED_MODULE_1__.rgWrap)(object, level));
+    }
+}
+
+(0,olympe__WEBPACK_IMPORTED_MODULE_0__.registerBrick)('019232c3d1873de0d259', RGWrapObject);
+
+
+/***/ }),
+
+/***/ "./src/common/helpers.js":
+/*!*******************************!*\
+  !*** ./src/common/helpers.js ***!
+  \*******************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   RGChange: () => (/* reexport safe */ _internal_changes__WEBPACK_IMPORTED_MODULE_1__.RGChange),
+/* harmony export */   RGWrapper: () => (/* reexport safe */ _internal_wrappers__WEBPACK_IMPORTED_MODULE_0__.RGWrapper),
+/* harmony export */   fromJson: () => (/* reexport safe */ _internal_helpers__WEBPACK_IMPORTED_MODULE_2__.fromJson),
+/* harmony export */   rgWrap: () => (/* reexport safe */ _internal_wrappers__WEBPACK_IMPORTED_MODULE_0__.rgWrap)
+/* harmony export */ });
+/* harmony import */ var _internal_wrappers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./internal/wrappers */ "./src/common/internal/wrappers.js");
+/* harmony import */ var _internal_changes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./internal/changes */ "./src/common/internal/changes.js");
+/* harmony import */ var _internal_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./internal/helpers */ "./src/common/internal/helpers.js");
+// Re-export
+
+
+
+
+
+/***/ }),
+
+/***/ "./src/common/internal/box.js":
+/*!************************************!*\
+  !*** ./src/common/internal/box.js ***!
+  \************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   initBox: () => (/* binding */ initBox),
+/* harmony export */   useBox: () => (/* binding */ useBox)
+/* harmony export */ });
+/* harmony import */ var _olympeio_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @olympeio/core */ "@olympeio/core");
+/* harmony import */ var _olympeio_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_olympeio_core__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! rxjs */ "rxjs");
+/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(rxjs__WEBPACK_IMPORTED_MODULE_1__);
+// Olympe
+
+
+// Rxjs
+
+
+/**
+ * Init the bounding box
+ * @param {!BrickContext} $ 
+ */
+function initBox($) {
+    // Listen to the component position and size
+    (0,rxjs__WEBPACK_IMPORTED_MODULE_1__.combineLatest)([$.observe('X'), $.observe('Y'), $.observe('Width'), $.observe('Height')])
+
+        // Debounce the changes to avoid to many rerendering
+        .pipe((0,rxjs__WEBPACK_IMPORTED_MODULE_1__.throttleTime)(100, undefined, { leading: true, trailing: true }))
+
+        // Set the final box
+        .pipe((0,rxjs__WEBPACK_IMPORTED_MODULE_1__.tap)(([x, y, width, height]) => $.set('_rgBox', { x, y, width, height })))
+
+        // Run 
+        .subscribe();
+}
+
+/**
+ * @param {!BrickContext}
+ * @return {!*}
+ */
+function useBox($) {
+    return (0,_olympeio_core__WEBPACK_IMPORTED_MODULE_0__.useProperty)($, '_rgBox')
+        ?? { x: $.get('X'), y: $.get('Y'), width: $.get('Width'), height: $.get('Height') };
+}
+
+
+
+/***/ }),
+
+/***/ "./src/common/internal/cells.js":
+/*!**************************************!*\
+  !*** ./src/common/internal/cells.js ***!
+  \**************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   generateCell: () => (/* binding */ generateCell),
+/* harmony export */   getCellStyle: () => (/* binding */ getCellStyle),
+/* harmony export */   getCellValue: () => (/* binding */ getCellValue),
+/* harmony export */   handleChevronCellChange: () => (/* binding */ handleChevronCellChange),
+/* harmony export */   handleDropdownCellChange: () => (/* binding */ handleDropdownCellChange),
+/* harmony export */   initCells: () => (/* binding */ initCells),
+/* harmony export */   isChevronCellExpanded: () => (/* binding */ isChevronCellExpanded)
+/* harmony export */ });
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./helpers */ "./src/common/internal/helpers.js");
+// Internal
+
+
+/**
+ * @param {!BrickContext} $
+ */
+function initCells($) {
+    $.set('_rgDropdownIsOpen', '');
+    $.set('_rgDropdownInputValue', '');
+}
+
+/**
+ * Generate a cell for the defined wrapper/column
+ * @param {!BrickContext} $
+ * @param {!RGWrapper} wrapper
+ * @param {number} rowId
+ * @param {!Object} column
+ * @param {boolean} cellEdition
+ * @return {!Object}
+ */
+function generateCell($, wrapper, rowId, column, cellEdition) {
+    try {
+        // Get the cell value
+        const value = wrapper.__rgGetValue(column['Property Path'] ?? '');
+
+        // Get the options
+        const [options, optionsError] = (0,_helpers__WEBPACK_IMPORTED_MODULE_0__.fromJson)(column.Options);
+        if(optionsError) {
+            warn(`cannot parse column options, error: ${optionsError.message}`);
+        }
+        const validator = options.validator ? s => new RegExp(options.validator).test(s) : undefined;
+        const common = {
+            nonEditable: cellEdition === 'DISABLED' || (cellEdition === 'USE CONFIG' && !column.Editable),
+            style: getCellStyle($)
+        };
+
+        // Generate the cell depending on the type
+        switch(column.Type) {
+            case 'TEXT': return generateTextCell(value, options, common, column, validator);
+            case 'NUMBER': return generateNumberCell(value, options, common);
+            case 'EMAIL': return generateEmailCell(value, common, validator);
+            case 'DATE': 
+            case 'TIME': return generateDateTimeCell(value, options, common, column);
+            case 'CHECKBOX': return generateCheckboxCell(value, options, common);
+            case 'DROPDOWN': return generateDropdownCell(value, options, common, column, $, rowId);
+            case 'HEADER': return generateHeaderCell(value, options, common);
+            case 'CHEVRON': return generateChevronCell(value, options, common, wrapper, $);
+
+            // AUTO case
+            default:
+                if(value instanceof Date) {
+                    return generateCell($, wrapper, rowId, { ...column, Type: 'DATE' }, cellEdition);
+                }
+                switch(typeof value) {
+                    case 'number': return generateCell($, wrapper, rowId, { ...column, Type: 'NUMBER' }, cellEdition);
+                    case 'boolean': return generateCell($, wrapper, rowId, { ...column, Type: 'CHECKBOX' }, cellEdition);
+                    default: return generateCell($, wrapper, rowId, { ...column, Type: 'TEXT', _cast: true }, cellEdition);
+                }
+        }
+    }
+    catch(err) {
+        (0,_helpers__WEBPACK_IMPORTED_MODULE_0__.error)(`cannot generate cell, error: ${err.message}`);
+        return errorCell();
+    }
+}
+
+/**
+ * Get the cell value, depending on its type
+ * @param {!Object} cell
+ * @return {*}
+ */
+function getCellValue(cell) {
+    switch(cell.type) {
+        case 'number': return cell.value;
+        case 'date': return cell.date;
+        case 'time': return cell.time;
+        case 'checkbox': return cell.checked;
+        case 'dropdown': return cell.selectedValue;
+        default: return cell.text;
+    }
+}
+
+/**
+ * @param {*} value 
+ * @param {!Object} options 
+ * @param {!Object} common 
+ * @param {!Object} column
+ * @param {function(string):boolean} validator 
+ * @return {!TextCell} 
+ */
+function generateTextCell(value, options, common, column, validator) {
+    return {
+        type: 'text',
+        text: (column._cast ? String(value ?? '') : value ?? ''),
+        placeholder: options.placeholder,
+        validator: validator,
+        ...common
+    };
+}
+
+/**
+ * @param {*} value 
+ * @param {!Object} options 
+ * @param {!Object} common 
+ * @return {!NumberCell} 
+ */
+function generateNumberCell(value, options, common) {
+    return {
+        type: 'number',
+        value: value,
+        format: new Intl.NumberFormat(options.locale, options.format),
+        nanToZero: options.nanToZero,
+        hideZero: options.hideZero,
+        ...common
+    };
+}
+
+/**
+ * @param {*} value 
+ * @param {!Object} common 
+ * @param {function(string):boolean} validator 
+ * @return {!EmailCell} 
+ */
+function generateEmailCell(value, common, validator) {
+    return {
+        type: 'email',
+        text: value ?? '',
+        validator: validator ?? _helpers__WEBPACK_IMPORTED_MODULE_0__.validateEmail,
+        ...common
+    };
+}
+
+/**
+ * @param {*} value 
+ * @param {!Object} options 
+ * @param {!Object} common 
+ * @param {!Object} column
+ * @return {!DateCell|!TimeCell} 
+ */
+function generateDateTimeCell(value, options, common, column) {
+    const type = column.Type.toLowerCase();
+    return {
+        type: type,
+        [type]: value instanceof Date ? value : new Date(value),
+        format: new Intl.DateTimeFormat(options.locale, options.format ?? { [`${type}Style`]: 'short' }),
+        ...common
+    };
+}
+
+/**
+ * @param {*} value 
+ * @param {!Object} options 
+ * @param {!Object} common 
+ * @return {!CheckboxCell} 
+ */
+function generateCheckboxCell(value, options, common) {
+    return {
+        type: 'checkbox',
+        checked: Boolean(value ?? false),
+        checkedText: options.checkedText,
+        uncheckedText: options.uncheckedText,
+        ...common
+    };
+}
+
+/**
+ * @param {*} value 
+ * @param {!Object} options 
+ * @param {!Object} common 
+ * @param {!Object} column
+ * @param {!BrickContext} $ 
+ * @param {number} rowId
+ * @return {!DropdownCell} 
+ */
+function generateDropdownCell(value, options, common, column, $, rowId) {
+    const id = `${rowId}.${column.columnId}`;
+    const isOpen = id === $.get('_rgDropdownIsOpen');
+    const inputValue = isOpen ? $.get('_rgDropdownInputValue') : '';
+    return {
+        type: 'dropdown',
+        selectedValue: value,
+        values: options.values ?? [],
+        isDisabled: options.isDisabled,
+        isOpen: isOpen,
+        inputValue: inputValue,
+        ...common
+    };
+}
+
+/**
+ * Handle the dropdowns internal states
+ * @param {!BrickContext} $ 
+ * @param {!CellChange} change 
+ */
+function handleDropdownCellChange($, change) {
+    const id = `${change.rowId}.${change.columnId}`;
+    if(change.newCell.isOpen && !change.newCell.isDisabled) {
+        $.set('_rgDropdownIsOpen', id);
+        $.set('_rgDropdownInputValue', change.newCell.inputValue);
+    }
+    else {
+        $.set('_rgDropdownIsOpen', '');
+        $.set('_rgDropdownInputValue', '');
+    }
+}
+
+/**
+ * @param {*} value 
+ * @param {!Object} options 
+ * @param {!Object} common 
+ * @return {!HeaderCell} 
+ */
+function generateHeaderCell(value, options, common) {
+    return {
+        type: 'header',
+        text: value ?? options.text ?? '',
+        ...common
+    };
+}
+
+/**
+ * @param {*} value 
+ * @param {!Object} options 
+ * @param {!Object} common 
+ * @param {!RGWrapper} wrapper
+ * @param {!BrickContext} $ 
+ * @return {!ChevronCell} 
+ */
+function generateChevronCell(value, options, common, wrapper, $) {
+    const id = `_rgChevron.${wrapper.rgGetKey()}`;
+    if(!$.has(id)) {
+        $.set(id, { isExpanded: options.isExpanded ?? false });
+    }
+    const state = $.get(id);
+    return {
+        type: 'chevron',
+        text: value ?? options.text ?? '',
+        indent: options.indent,
+        hasChildren: wrapper.rgChildren.length > 0,
+        ...state,
+        ...common
+    };
+}
+
+/**
+ * Handle the chevrons internal states
+ * @param {!BrickContext} $ 
+ * @param {!CellChange} change 
+ * @param {!RGWrapper} wrapper 
+ */
+function handleChevronCellChange($, change, wrapper) {
+    const id = `_rgChevron.${wrapper.rgGetKey()}`;
+    $.set(id, { isExpanded: change.newCell.isExpanded });
+}
+
+/**
+ * @param {!BrickContext} $ 
+ * @param {!RGWrapper} wrapper 
+ * @return {boolean}
+ */
+function isChevronCellExpanded($, wrapper) {
+    const id = `_rgChevron.${wrapper.rgGetKey()}`;
+    return $.get(id)?.isExpanded ?? false;
+}
+
+/**
+ * @param {!BrickContext} $
+ * @return {!Object}
+ */
+function getCellStyle($) {
+    const borderStyle = { 
+        color: $.get('Border Color'),
+        width: $.get('Border Width') 
+    };
+    return {
+        background: $.get('Default Color'),
+        border: {
+            left: borderStyle,
+            top: borderStyle,
+            right: borderStyle,
+            bottom: borderStyle
+        }
+    };
+}
+
+/**
+ * @return {!TextCell}
+ */
+function errorCell() {
+    return {
+        type: 'text',
+        text: '!ERROR',
+        nonEditable: true,
+        style: {
+            color: 'red'
+        }
+    };
+}
+
+
+/***/ }),
+
+/***/ "./src/common/internal/changes.js":
+/*!****************************************!*\
+  !*** ./src/common/internal/changes.js ***!
+  \****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   RGChange: () => (/* binding */ RGChange),
+/* harmony export */   handleOnCellsChanged: () => (/* binding */ handleOnCellsChanged)
+/* harmony export */ });
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! olympe */ "olympe");
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(olympe__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./helpers */ "./src/common/internal/helpers.js");
+/* harmony import */ var _wrappers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./wrappers */ "./src/common/internal/wrappers.js");
+/* harmony import */ var _cells__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./cells */ "./src/common/internal/cells.js");
+/* harmony import */ var _columns__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./columns */ "./src/common/internal/columns.js");
+/* harmony import */ var _triggers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./triggers */ "./src/common/internal/triggers.js");
+// Olympe
+
+
+// Internal
+
+
+
+
+
+
+/**
+ * @typedef {Object} RGChange
+ * @property {(!Object|!CloudObject)} object
+ * @property {(string|!PropertyModel)} property
+ * @property {*} oldValue
+ * @property {*} newValue
+ * @property {!CellChange} metadata
+ */
+const RGChange = {};
+
+/**
+ * Process the changes event from the reactgrid, and forward it to a lambda
+ * @param {!BrickContext} $ 
+ * @param {!Array} changes 
+ */
+function handleOnCellsChanged($, changes) {
+    // Only process changes when a lambda is defined
+    const processor = $.get('Process Changes');
+    if(!processor) {
+        (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.warn)('no change is processed, the `Process Changes` lambda is no defined');
+        return;
+    }
+
+    // Adapt the changes to olympe
+    let internalStateChanged = false;
+    const flattenWrappers = (0,_wrappers__WEBPACK_IMPORTED_MODULE_2__.getFlattenWrappers)($);
+    const _changes = changes
+        // Transform the changes to work well with Olympe
+        .map(change => {
+            // Get the required data
+            const wrapper = flattenWrappers[change.rowId].wrapper;
+            const columns = (0,_columns__WEBPACK_IMPORTED_MODULE_4__.getColumns)($, wrapper._rgLevel);
+            const column = columns.find(c => c.Rank === change.columnId);
+            
+            // Guard
+            if(column === undefined) {
+                (0,_helpers__WEBPACK_IMPORTED_MODULE_1__.warn)(`no column found for level ${wrapper._rgLevel} and rank ${change.columnId}`);
+                return null;
+            }
+
+            // Handle dropdowns states
+            if(change.type === 'dropdown') {
+                (0,_cells__WEBPACK_IMPORTED_MODULE_3__.handleDropdownCellChange)($, change);
+                internalStateChanged = true;
+            }
+
+            // Handle chevrons states
+            else if(change.type === 'chevron') {
+                (0,_cells__WEBPACK_IMPORTED_MODULE_3__.handleChevronCellChange)($, change, wrapper);
+                internalStateChanged = true;
+            }
+
+            // Create the RGChange object
+            return {
+                object: wrapper.__rgGetObject(column['Property Path']),
+                property: wrapper.__rgGetProperty(column['Property Path']),
+                oldValue: (0,_cells__WEBPACK_IMPORTED_MODULE_3__.getCellValue)(change.previousCell),
+                newValue: (0,_cells__WEBPACK_IMPORTED_MODULE_3__.getCellValue)(change.newCell),
+                metadata: change
+            };
+        })
+        // Filter out null change
+        .filter(change => change !== null)
+        // Filter out the dropdown change that are only about the internal state
+        .filter(change => change.metadata.type !== 'dropdown' || change.newValue !== change.oldValue)
+        // Filter out the chevron change that are only about the internal state
+        .filter(change => change.metadata.type !== 'chevron' || change.newValue !== change.oldValue)
+        // Filter out changes with no value, only if there is change with value -> hack to fix paste from excel until a better solution
+        .filter((change, _index, all) => change.newValue !== "" || all.every(c => c.newValue === ""));
+
+    // Guard
+    if(_changes.length === 0) {
+        if(internalStateChanged) {
+            (0,_triggers__WEBPACK_IMPORTED_MODULE_5__.triggerReload)($);
+        }
+        return;
+    }
+
+    // Call the lambda
+    const [iFlow, iChanges] = processor.getInputs();
+    const [oFlow, oErrorFlow] = processor.getOutputs();
+    const processor$ = $.runner(processor);
+    processor$.set(iChanges, _changes);
+    processor$.trigger(iFlow);
+
+    // Wait for the end of it
+    Promise.race([
+        processor$.waitFor(oFlow), 
+        processor$.waitFor(oErrorFlow)
+    ])
+        .then(value => {
+            // In case of error, throw it again
+            if(value instanceof olympe__WEBPACK_IMPORTED_MODULE_0__.ErrorFlow) {
+                $.throw(value);
+            }
+
+            // Success
+            else {
+                (0,_triggers__WEBPACK_IMPORTED_MODULE_5__.triggerReload)($);
+            }
+        })
+
+        // Free the lambda
+        .finally(() => processor$.destroy());
+}
+
+
+/***/ }),
+
+/***/ "./src/common/internal/cloudobjects.js":
+/*!*********************************************!*\
+  !*** ./src/common/internal/cloudobjects.js ***!
+  \*********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   findObjectProperty: () => (/* binding */ findObjectProperty),
+/* harmony export */   getModelPropertiesName: () => (/* binding */ getModelPropertiesName)
+/* harmony export */ });
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! olympe */ "olympe");
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(olympe__WEBPACK_IMPORTED_MODULE_0__);
+
+
+/**
+ * Find an object property based on its name
+ * @param {!CloudObject} object
+ * @param {string} path
+ * @return {!PropertyModel}
+ */
+function findObjectProperty(object, path) {
+    const mapping = getModelPropertiesMapping(object);
+    return mapping.get(path);
+}
+
+/**
+ * Get all properties name of an object
+ * @param {!CloudObject} object
+ * @return {!Array<string>}
+ */
+function getModelPropertiesName(object) {
+    const mapping = getModelPropertiesMapping(object);
+    return Array.from(mapping.keys());
+}
+
+/**
+ * Get an object model properties mapping
+ * @param {!CloudObject} object
+ * @return {!Map<string, PropertyModel>}
+ */
+function getModelPropertiesMapping(object) {
+    const model = object.getModel();
+    if(!modelProperties.has(model.getTag())) {
+        const mapping = new Map();
+        model.query()
+            .follow(olympe__WEBPACK_IMPORTED_MODULE_0__.CloudObject.propertyRel)
+            .executeFromCache()
+            .forEach(property => mapping.set(property.name(), property));
+        modelProperties.set(model.getTag(), mapping);
+    }
+    return modelProperties.get(model.getTag());
+}
+
+/**
+ * Singleton map for model properties mapping (name <-> instance)
+ * @type {!Map<string, !Map<string, PropertyModel>>}
+ */
+const modelProperties = new Map();
+
+
+
+/***/ }),
+
+/***/ "./src/common/internal/columns.js":
+/*!****************************************!*\
+  !*** ./src/common/internal/columns.js ***!
+  \****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   getColumns: () => (/* binding */ getColumns),
+/* harmony export */   handleOnColumnResized: () => (/* binding */ handleOnColumnResized),
+/* harmony export */   handleOnColumnsReordered: () => (/* binding */ handleOnColumnsReordered),
+/* harmony export */   initFilteredColumns: () => (/* binding */ initFilteredColumns),
+/* harmony export */   useColumns: () => (/* binding */ useColumns)
+/* harmony export */ });
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! olympe */ "olympe");
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(olympe__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _olympeio_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @olympeio/core */ "@olympeio/core");
+/* harmony import */ var _olympeio_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_olympeio_core__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rxjs */ "rxjs");
+/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(rxjs__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _wrappers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./wrappers */ "./src/common/internal/wrappers.js");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./helpers */ "./src/common/internal/helpers.js");
+// Olympe
+
+
+
+// Rxjs
+
+
+// Internal
+
+
+
+/**
+ * Init the columns
+ * @param {!BrickContext} $ 
+ * @param {!Observable} _wrappers 
+ * @return {!Observable}
+ */
+function initFilteredColumns($, _wrappers) {
+    // Internal states
+    $.set('_rgColumnWidth', {}); // Column width overrides
+    $.set('_rgColumnOrder', {}); // Column order (rank) overrides
+
+    // Listen to the config and the _wrappers first object properties
+    return (0,rxjs__WEBPACK_IMPORTED_MODULE_2__.combineLatest)([
+        $.observe('Config', false),
+        _wrappers
+            .pipe((0,rxjs__WEBPACK_IMPORTED_MODULE_2__.map)(wrappers => (wrappers[0] ?? (0,_wrappers__WEBPACK_IMPORTED_MODULE_3__.defaultWrap)()).__rgProperties()))
+            .pipe((0,rxjs__WEBPACK_IMPORTED_MODULE_2__.distinctUntilChanged)()),
+        $.observe('Enable Column Reordering', false),
+        $.observe('_rgColumnWidth'),
+        $.observe('_rgColumnOrder'),
+        $.observe('Default Width')
+    ])
+
+        // Build the columns
+        .pipe((0,rxjs__WEBPACK_IMPORTED_MODULE_2__.map)(([config, properties, ...others]) => {
+            // Config is set by the user
+            if (config) {
+                return [config, ...others];
+            }
+
+            // Config is auto-generated from the data
+            if (properties.length > 0) {
+                return [
+                    properties.map((path, index) => ({ 'Property Path': path, Type: 'AUTO', Rank: index })),
+                    ...others
+                ];
+            }
+
+            // Empty config
+            return [[], ...others];
+        }))
+
+        // Transform to an array of objects
+        .pipe((0,rxjs__WEBPACK_IMPORTED_MODULE_2__.map)(([config, reorderableColumns, columnWidth, columnOrder, defaultWidth]) => {
+            return config
+                .map(column => column instanceof olympe__WEBPACK_IMPORTED_MODULE_0__.CloudObject ? column.toObject(true, true) : column)
+                .sort((a, b) => getColumnRank(a, columnOrder) - getColumnRank(b, columnOrder))
+                .map(column => generateColumn(column, reorderableColumns, columnWidth, defaultWidth));
+        }))
+
+        // Cache the filtered columns (per level) for quick access
+        .pipe((0,rxjs__WEBPACK_IMPORTED_MODULE_2__.map)(columns => {
+            const filteredColumns = filterLevelledColumns(columns);
+            $.set('_rgFilteredColumns', filteredColumns);
+            return filteredColumns;
+        }));
+}
+
+/**
+ * @param {!BrickContext} $
+ * @return {!*}
+ */
+function useColumns($) {
+    const filteredColumns = (0,_olympeio_core__WEBPACK_IMPORTED_MODULE_1__.useProperty)($, '_rgFilteredColumns');
+    return filteredColumns?.get(0) ?? [];
+}
+
+/**
+ * @param {!BrickContext} $
+ * @param {number} level 
+ * @return {!Array}
+ */
+function getColumns($, level) {
+    const filteredColumns = $.get('_rgFilteredColumns');
+    return filteredColumns?.get(level ?? 0) ?? [];
+}
+
+/**
+ * Handle the resizing of columns
+ * @param {!BrickContext} $ 
+ * @param {string} columnId 
+ * @param {number} width 
+ */
+function handleOnColumnResized($, columnId, width) {
+    const currentCols = { ...$.get('_rgColumnWidth') };
+    currentCols[columnId] = width;
+    $.set('_rgColumnWidth', currentCols);
+}
+
+/**
+ * @param {!Array} columns
+ * @return {!Map<number, !Array>}
+ */
+function filterLevelledColumns(columns) {
+    // Group the columns by rank and save all levels
+    const levels = new Set();
+    const perRank = columns.reduce((acc, cur) => {
+        const rank = cur.Rank ?? 0;
+        if(!acc.has(rank)) {
+            acc.set(rank, []);
+        }
+        acc.get(rank).push(cur);
+        levels.add(cur.Level ?? 0);
+        return acc;
+    }, new Map());
+    const allRanks = Array.from(perRank.keys());
+
+    // Get the columns for each level
+    const filterLevel = level => {
+        return allRanks.map(rank => {
+            const rankColumns = perRank.get(rank);
+            const atLevel = rankColumns.find(column => (column.Level ?? 0) === level);
+            const generic = rankColumns.find(column => (column.Level ?? 0) === -1);
+            return atLevel ?? generic ?? rankColumns[0];
+        });
+    };
+
+    // Return all levels
+    return Array.from(levels.values()).reduce((acc, cur) => acc.set(cur, filterLevel(cur)), new Map());
+}
+
+/**
+ * @param {!Object} column
+ * @param {boolean} reorderableColumns
+ * @param {!Object} columnWidth
+ * @param {number} defaultWidth
+ * @return {!Object}
+ */
+function generateColumn(column, reorderableColumns, columnWidth, defaultWidth) {
+    if(typeof column.Rank !== 'number') {
+        (0,_helpers__WEBPACK_IMPORTED_MODULE_4__.warn)(`column rank is missing, using 0 as fallback (column: ${column.Header ?? column['Property Path']})`);
+    }
+    const rank = column.Rank ?? 0;
+    return {
+        columnId: rank,
+        reorderable: reorderableColumns,
+        width: columnWidth?.[rank] ?? column.Width ?? defaultWidth ?? 150,
+        resizable: column.Resizable,
+        Level: column.Level ?? 0,
+        ...column
+    };
+}
+
+/**
+ * @param {!BrickContext} $
+ * @param {number} targetColumnId
+ * @param {!Array} columnIds
+ */
+function handleOnColumnsReordered($, targetColumnId, columnIds) {
+    const columns = getColumns($, 0);
+    const ranks = columns.map(column => column.Rank);
+    const targetIndex = ranks.indexOf(targetColumnId);
+    const movingIndexes = columnIds.map(id => ranks.indexOf(id));
+    const newRanks = (0,_helpers__WEBPACK_IMPORTED_MODULE_4__.reorderObject)(ranks, movingIndexes, targetIndex);
+    const newOrder = newRanks.reduce((acc, cur, index) => ({ [cur]: index, ...acc }), {});
+    $.set('_rgColumnOrder', newOrder);
+}
+
+/**
+ * @param {!Object} column
+ * @param {!Object} overrides
+ * @return {number}
+ */
+function getColumnRank(column, overrides) {
+    return overrides[column.Rank] ?? column.Rank;
+}
+
+
+/***/ }),
+
+/***/ "./src/common/internal/data.js":
+/*!*************************************!*\
+  !*** ./src/common/internal/data.js ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   initData: () => (/* binding */ initData)
+/* harmony export */ });
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! olympe */ "olympe");
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(olympe__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! rxjs */ "rxjs");
+/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(rxjs__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./helpers */ "./src/common/internal/helpers.js");
+// Olympe
+
+
+// Rxjs
+
+
+// Internal
+
+
+/**
+ * Init the internal data state, make sure it is an array
+ * @param {!BrickContext} $ 
+ * @param {!Observable} _reload
+ * @return {!Observable}
+ */
+function initData($, _reload) {
+    // Listen to the data and for any refresh
+    return (0,rxjs__WEBPACK_IMPORTED_MODULE_1__.combineLatest)([
+        $.observe('Data', false),
+        _reload
+    ])
+
+        // Default values
+        .pipe((0,rxjs__WEBPACK_IMPORTED_MODULE_1__.map)(([data]) => data ? data : []))
+
+        // Transform to an array
+        .pipe((0,rxjs__WEBPACK_IMPORTED_MODULE_1__.map)(data => {
+            // The data is already an array
+            if (Array.isArray(data)) {
+                return data;
+            }
+
+            // QueryResult case
+            if (data instanceof olympe__WEBPACK_IMPORTED_MODULE_0__.QueryResult) {
+                return data.toArray();
+            }
+
+            // JSON case
+            if (typeof data === 'string') {
+                const [json, error] = (0,_helpers__WEBPACK_IMPORTED_MODULE_2__.fromJson)(data);
+                if (!error && Array.isArray(json)) {
+                    return json;
+                }
+            }
+
+            // Type is not supported
+            (0,_helpers__WEBPACK_IMPORTED_MODULE_2__.warn)('the `Data` property is not convertible to an array');
+            return [];
+        }))
+        
+        // Set the transformed data into _Data
+        .pipe((0,rxjs__WEBPACK_IMPORTED_MODULE_1__.tap)(data => $.set('_rgData', data)));
+}
+
+
+
+/***/ }),
+
+/***/ "./src/common/internal/helpers.js":
+/*!****************************************!*\
+  !*** ./src/common/internal/helpers.js ***!
+  \****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   error: () => (/* binding */ error),
+/* harmony export */   fromJson: () => (/* binding */ fromJson),
+/* harmony export */   reorderObject: () => (/* binding */ reorderObject),
+/* harmony export */   trimPath: () => (/* binding */ trimPath),
+/* harmony export */   validateEmail: () => (/* binding */ validateEmail),
+/* harmony export */   warn: () => (/* binding */ warn)
+/* harmony export */ });
+/* harmony import */ var _olympeio_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @olympeio/core */ "@olympeio/core");
+/* harmony import */ var _olympeio_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_olympeio_core__WEBPACK_IMPORTED_MODULE_0__);
+// Olympe
+
+
+/**
+ * Parse a json string without throwing an exception
+ * @param {string|!Object} json 
+ * @return {!Array}
+ */
+function fromJson(json) {
+    try {
+        return typeof json === 'string'
+            ? [JSON.parse(json), null]
+            : [json ?? {}, null];
+    }
+    catch(err) {
+        return [{}, err];
+    }
+}
+
+/**
+ * Warn message with a default format
+ * @param {string} message 
+ */
+function warn(message) {
+    (0,_olympeio_core__WEBPACK_IMPORTED_MODULE_0__.getLogger)('ReactGrid').warn(`ReactGrid: ${message}`);
+}
+
+/**
+ * Error message with a default format
+ * @param {string} message 
+ */
+function error(message) {
+    (0,_olympeio_core__WEBPACK_IMPORTED_MODULE_0__.getLogger)('ReactGrid').error(`ReactGrid: ${message}`);
+}
+
+/**
+ * Make a jsonpath-plus path readable
+ * @param {string} path
+ * @return {string} 
+ */
+function trimPath(path) {
+    if(path.startsWith('$') || path.startsWith('.')) {
+        return trimPath(path.substring(1));
+    }
+    if(path.startsWith('[')) {
+        return trimPath(path.substring(path.indexOf(']') + 1));
+    }
+    return path;
+}
+
+/**
+ * Test for email format
+ * @param {string} text
+ * @return {boolean}
+ */
+function validateEmail(text) {
+    return emailRegex.test(text);
+}
+
+// Email regex (https://emailregex.com/)
+const emailRegex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+
+/**
+ * Reorders elements in an object by moving specific elements to a new position.
+ *
+ * @param {Array} values - The original array to reorder.
+ * @param {number[]} ids - An array of indices representing the elements to move.
+ * @param {number} to - The target index where the selected elements should be moved.
+ * @return {Object} - A new object with the specified elements reordered.
+ */
+function reorderObject(values, ids, to) {
+    const reorderedValues = [...values];
+
+    // Get elements to move based on the ids
+    const elementsToMove = ids.map(index => reorderedValues[index]);
+    ids.sort((a, b) => b - a).forEach(index => {
+        reorderedValues.splice(index, 1);
+    });
+
+    // Adjust the target id based on moving forward or backward
+    const adjustedTargetId = to >= Math.min(...ids) ? to - elementsToMove.length + 1 : to;
+
+    // Insert the elements in target id
+    if (elementsToMove.length > 0) {
+        reorderedValues.splice(adjustedTargetId, 0, ...elementsToMove);
+    }
+
+    return reorderedValues;
+}
+
+
+
+/***/ }),
+
+/***/ "./src/common/internal/rows.js":
+/*!*************************************!*\
+  !*** ./src/common/internal/rows.js ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   initRows: () => (/* binding */ initRows),
+/* harmony export */   useRows: () => (/* binding */ useRows)
+/* harmony export */ });
+/* harmony import */ var _olympeio_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @olympeio/core */ "@olympeio/core");
+/* harmony import */ var _olympeio_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_olympeio_core__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! rxjs */ "rxjs");
+/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(rxjs__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _cells__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./cells */ "./src/common/internal/cells.js");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ "./src/common/internal/helpers.js");
+/* harmony import */ var _columns__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./columns */ "./src/common/internal/columns.js");
+/* harmony import */ var _wrappers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./wrappers */ "./src/common/internal/wrappers.js");
+// Olympe
+
+
+// Rxjs
+
+
+// Internal
+
+
+
+
+
+/**
+ * Init the rows
+ * @param {!BrickContext} $ 
+ * @param {!Observable} _wrappers 
+ * @param {!Observable} _filteredColumns 
+ */
+function initRows($, _wrappers, _filteredColumns) {
+    // Listen to the _data and the _columns
+    (0,rxjs__WEBPACK_IMPORTED_MODULE_1__.combineLatest)([
+        _wrappers,
+        _filteredColumns
+            .pipe((0,rxjs__WEBPACK_IMPORTED_MODULE_1__.distinctUntilChanged)(undefined, filteredColumns => {
+                // Avoid updating the rows for some changes on the column config: width, resizable, etc.
+                return Array.from(filteredColumns.values())
+                    .flat()
+                    .map(c => `${c.Header}${c['Property Path']}${c.Type}${c.Options}${c.Rank}${c.Editable}${c.Level}`)
+                    .join('');
+            })),
+        $.observe('Row Height', false),
+        $.observe('Cell Edition', false),
+        $.observe('Disable Header Row', false),
+        $.observe('Default Color', false),
+        $.observe('Border Color', false),
+        $.observe('Border Width', false)
+    ])
+
+        // Use the reactgrid format for rows
+        .pipe((0,rxjs__WEBPACK_IMPORTED_MODULE_1__.map)(([_wrappers, _filteredColumns, rowHeight, cellEdition, removeHeaderRow]) => {
+            // Optional header row
+            const headerRow = removeHeaderRow ? [] : [{
+                rowId: '_header',
+                height: rowHeight,
+                cells: (0,_columns__WEBPACK_IMPORTED_MODULE_4__.getColumns)($, 0).map(column => {
+                    const text = column.Header ?? (0,_helpers__WEBPACK_IMPORTED_MODULE_3__.trimPath)(column['Property Path'] ?? '');
+                    const finalText = column.Level === 0 ? text : '';
+                    return { type: 'header', text: finalText, style: (0,_cells__WEBPACK_IMPORTED_MODULE_2__.getCellStyle)($) };
+                })
+            }];
+
+            // Generate all the rows
+            const rows = (0,_wrappers__WEBPACK_IMPORTED_MODULE_5__.getFlattenWrappers)($).map(({ wrapper, level }, index) => {
+                const rowColumns = (0,_columns__WEBPACK_IMPORTED_MODULE_4__.getColumns)($, level);
+                return generateRow(wrapper, rowColumns, index, $, rowHeight, cellEdition);
+            });
+
+            // Final rows
+            return [headerRow, rows].flat();
+        }))
+
+        // Set the final rows
+        .pipe((0,rxjs__WEBPACK_IMPORTED_MODULE_1__.tap)(rows => $.set('_rgRows', rows)))
+
+        // Run 
+        .subscribe();
+}
+
+/**
+ * @param {!BrickContext}
+ * @return {!*}
+ */
+function useRows($) {
+    return (0,_olympeio_core__WEBPACK_IMPORTED_MODULE_0__.useProperty)($, '_rgRows') ?? [];
+}
+
+/**
+ * @param {!RGWrapper} wrapper 
+ * @param {!Array} columns 
+ * @param {number} index 
+ * @param {!BrickContext} $ 
+ * @param {number} rowHeight 
+ * @param {boolean} cellEdition 
+ * @return {!Object}
+ */
+function generateRow(wrapper, columns, index, $, rowHeight, cellEdition) {
+    return { 
+        rowId: index,
+        height: rowHeight,
+        cells: columns.map(column => (0,_cells__WEBPACK_IMPORTED_MODULE_2__.generateCell)($, wrapper, index, column, cellEdition))
+    };
+}
+
+
+/***/ }),
+
+/***/ "./src/common/internal/scroll.js":
+/*!***************************************!*\
+  !*** ./src/common/internal/scroll.js ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   initScroll: () => (/* binding */ initScroll),
+/* harmony export */   useRedrawAfterScroll: () => (/* binding */ useRedrawAfterScroll)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! rxjs */ "rxjs");
+/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(rxjs__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _triggers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./triggers */ "./src/common/internal/triggers.js");
+// React
+
+
+
+// Internal
+
+
+/**
+ * @param {!BrickContext} $
+ */
+function initScroll($) {
+    // Auto-redraw on scroll (fix fast scrolling issue)
+    $.set('_rgLastScroll', 0);
+    $.set('_rgLastScrollRedraw', 0);
+    (0,rxjs__WEBPACK_IMPORTED_MODULE_1__.interval)(1000)
+        .pipe((0,rxjs__WEBPACK_IMPORTED_MODULE_1__.tap)(() => {
+            if($.get('_rgLastScroll') !== $.get('_rgLastScrollRedraw')) {
+                $.set('_rgLastScrollRedraw', $.get('_rgLastScroll'));
+                (0,_triggers__WEBPACK_IMPORTED_MODULE_2__.triggerRedraw)($);
+            }
+        }))
+        .subscribe();
+}
+
+/**
+ * @param {!BrickContext} $
+ * @param {!*} ref
+ */
+function useRedrawAfterScroll($, ref) {
+    const registerScroll = () => $.set('_rgLastScroll', Date.now());
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        if (ref.current) {
+            ref.current.parentElement.style.overflow = 'visible';
+            ref.current.addEventListener('scroll', registerScroll);
+        }
+        return () => {
+            if (ref.current) {
+                ref.current.removeEventListener('scroll', registerScroll);
+            }
+        };
+    }, [ref]);
+}
+
+
+
+/***/ }),
+
+/***/ "./src/common/internal/triggers.js":
+/*!*****************************************!*\
+  !*** ./src/common/internal/triggers.js ***!
+  \*****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   initTriggers: () => (/* binding */ initTriggers),
+/* harmony export */   triggerRedraw: () => (/* binding */ triggerRedraw),
+/* harmony export */   triggerReload: () => (/* binding */ triggerReload),
+/* harmony export */   useRedraw: () => (/* binding */ useRedraw)
+/* harmony export */ });
+/* harmony import */ var _olympeio_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @olympeio/core */ "@olympeio/core");
+/* harmony import */ var _olympeio_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_olympeio_core__WEBPACK_IMPORTED_MODULE_0__);
+// Olympe
+
+
+/**
+ * @param {!BrickContext} $
+ * @return {!Observable}
+ */
+function initTriggers($) {
+    return $.observe('Reload', false);
+}
+
+/**
+ * @param {!BrickContext} $
+ */
+function useRedraw($) {
+    (0,_olympeio_core__WEBPACK_IMPORTED_MODULE_0__.useProperty)($, 'Redraw');
+}
+
+/**
+ * @param {!BrickContext} $
+ */
+function triggerRedraw($) {
+    $.trigger('Redraw');
+}
+
+/**
+ * @param {!BrickContext} $
+ */
+function triggerReload($) {
+    $.trigger('Reload');
+}
+
+
+
+/***/ }),
+
+/***/ "./src/common/internal/wrappers.js":
+/*!*****************************************!*\
+  !*** ./src/common/internal/wrappers.js ***!
+  \*****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   RGWrapper: () => (/* binding */ RGWrapper),
+/* harmony export */   defaultWrap: () => (/* binding */ defaultWrap),
+/* harmony export */   getFlattenWrappers: () => (/* binding */ getFlattenWrappers),
+/* harmony export */   initWrappers: () => (/* binding */ initWrappers),
+/* harmony export */   rgWrap: () => (/* binding */ rgWrap)
+/* harmony export */ });
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! olympe */ "olympe");
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(olympe__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! rxjs */ "rxjs");
+/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(rxjs__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var jsonpath_plus__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! jsonpath-plus */ "jsonpath-plus");
+/* harmony import */ var jsonpath_plus__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(jsonpath_plus__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ "./src/common/internal/helpers.js");
+/* harmony import */ var _cloudobjects__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./cloudobjects */ "./src/common/internal/cloudobjects.js");
+/* harmony import */ var _cells__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./cells */ "./src/common/internal/cells.js");
+// Olympe
+
+
+// Rxjs
+
+
+// Json
+
+
+// Internal
+
+
+
+
+/**
+ * @typedef RGWrapper
+ * @property {!*} rgObject - The wrapped object
+ * @property {!Array} rgChildren - Potential children of the object
+ * @property {function():string} rgGetKey - Get a unique key
+ * @property {string} _rgType - The type of the wrapped object
+ * @property {number} _rgLevel - The level in the hierarchy
+ * @property {function():!Array<string>} __rgProperties - Get all the properties name
+ * @property {function(string):!*} __rgGetProperty - Get a property by its path
+ * @property {function(string):!*} __rgGetValue - Get a value for a path
+ * @property {function(string):!*} __rgGetObject - Get the object for a path
+ */
+const RGWrapper = {};
+
+/**
+ * Init the internal data state, make sure it is an array
+ * @param {!BrickContext} $ 
+ * @param {!Observable} _data 
+ * @return {!Observable}
+ */
+function initWrappers($, _data) {
+    // Observe the data
+    return _data
+
+        // Wrap all objects
+        .pipe((0,rxjs__WEBPACK_IMPORTED_MODULE_1__.map)(data => data.map(d => rgWrap(d))))
+
+        // Set the transformed data into _Data
+        .pipe((0,rxjs__WEBPACK_IMPORTED_MODULE_1__.tap)(wrappers => $.set('_rgWrappers', wrappers)));
+}
+
+/**
+ * @param {!*} object 
+ * @param {number=} level 
+ * @return {!RGWrapper} 
+ */
+function rgWrap(object, level) {
+    // Already wrapped -> rewrap missing properties
+    if(object.hasOwnProperty('rgObject')) {
+        const missingProps = ['rgChildren', 'rgGetKey', '_rgType', '_rgLevel',
+            '__rgProperties', '__rgGetProperty', '__rgGetValue',
+            '__rgGetObject'].filter(prop => !object.hasOwnProperty(prop));
+        if(missingProps.length > 0) {
+            const wrapped = rgWrap(object.rgObject, level ?? 0);
+            return missingProps.reduce((acc, cur) => {
+                acc[cur] = wrapped[cur];
+                return acc;
+            }, object);
+        }
+        return object;
+    }
+
+    // Tuple case
+    if(Array.isArray(object)) {
+        return wrapTuple(object, level ?? 0);
+    }
+
+    // CloudObject case
+    if(object instanceof olympe__WEBPACK_IMPORTED_MODULE_0__.CloudObject) {
+        return wrapCloudObject(object, level ?? 0);
+    }
+
+    // Object case
+    if(typeof object === 'object') {
+        return wrapObject(object, level ?? 0);
+    }
+
+    // Wrong type
+    (0,_helpers__WEBPACK_IMPORTED_MODULE_3__.warn)('some data are not of the following type: Object, CloudObject, Array');
+    return defaultWrap(level ?? 0);
+}
+
+/**
+ * @param {!Object} object 
+ * @param {number} level 
+ * @return {!RGWrapper} 
+ */
+function wrapObject(object, level) {
+    return {
+        rgObject: object,
+        rgChildren: [],
+        rgGetKey: () => Object.values(object).join('.'),
+        _rgType: 'object',
+        _rgLevel: level,
+        __rgProperties: () => Object.keys(object),
+        __rgGetProperty: path => (0,_helpers__WEBPACK_IMPORTED_MODULE_3__.trimPath)(path),
+        __rgGetValue: path => (0,jsonpath_plus__WEBPACK_IMPORTED_MODULE_2__.JSONPath)({ path, json: object, wrap: false }),
+        __rgGetObject: () => object
+    };
+}
+
+/**
+ * @param {!CloudObject} object 
+ * @param {number} level 
+ * @return {!RGWrapper} 
+ */
+function wrapCloudObject(object, level) {
+    return {
+        rgObject: object,
+        rgChildren: [],
+        rgGetKey: () => object.getTag(),
+        _rgType: 'cloudobject',
+        _rgLevel: level,
+        __rgProperties: () => (0,_cloudobjects__WEBPACK_IMPORTED_MODULE_4__.getModelPropertiesName)(object),
+        __rgGetProperty: path => (0,_cloudobjects__WEBPACK_IMPORTED_MODULE_4__.findObjectProperty)(object, path),
+        __rgGetValue: path => object.get((0,_cloudobjects__WEBPACK_IMPORTED_MODULE_4__.findObjectProperty)(object, path)),
+        __rgGetObject: () => object
+    };
+}
+
+/**
+ * @param {!Array} object 
+ * @param {number} level 
+ * @return {!RGWrapper} 
+ */
+function wrapTuple(object, level) {
+    const wrapped = object.map(o => rgWrap(o, level + 1));
+    return {
+        rgObject: object,
+        rgChildren: [],
+        rgGetKey: () => `[${wrapped.map(w => w.rgGetKey()).join('.')}]`,
+        _rgType: 'tuple',
+        _rgLevel: level,
+        __rgProperties: () => wrapped.map((w, i) => w.__rgProperties().map(p => `$[${i}].${p}`)).flat(),
+        __rgGetProperty: path => {
+            const [index, subPath] = splitTuplePath(path);
+            return wrapped[index].__rgGetProperty(subPath);
+        },
+        __rgGetValue: path => {
+            const [index, subPath] = splitTuplePath(path);
+            return wrapped[index].__rgGetValue(subPath);
+        },
+        __rgGetObject: path => {
+            const [index, subPath] = splitTuplePath(path);
+            return wrapped[index].__rgGetObject(subPath);
+        }
+    };
+}
+
+/**
+ * @param {number=} level 
+ * @return {!RGWrapper} 
+ */
+function defaultWrap(level) {
+    return wrapObject({}, level ?? 0);
+}
+
+/**
+ * @param {string} path 
+ * @returns {![number, string]} 
+ */
+function splitTuplePath(path) {
+    const endBracket = path.indexOf(']');
+    const index = parseInt(path.substring(path.indexOf('[') + 1, endBracket));
+    const subPath = (0,_helpers__WEBPACK_IMPORTED_MODULE_3__.trimPath)(path.substring(endBracket + 1));
+    return [index, subPath];
+}
+
+/**
+ * @param {!BrickContext} $ 
+ * @param {!Array} wrappers 
+ * @param {number} level 
+ * @return {!Array}
+ */
+function flatten($, wrappers, level) {
+    return wrappers.flatMap(wrapper => {
+        const isExpanded = (0,_cells__WEBPACK_IMPORTED_MODULE_5__.isChevronCellExpanded)($, wrapper);
+        const children = isExpanded ? flatten($, wrapper.rgChildren, level + 1) : [];
+        return [{ wrapper, level }, ...children]; 
+    });
+}
+
+/**
+ * @param {!BrickContext} $ 
+ * @return {!Array}
+ */
+function getFlattenWrappers($) {
+    return flatten($, $.get('_rgWrappers'), 0);
+}
+
+
+/***/ }),
+
+/***/ "@olympeio/core":
+/*!*********************************!*\
+  !*** external "@olympeio/core" ***!
+  \*********************************/
+/***/ ((module) => {
+
+module.exports = require("@olympeio/core");
+
+/***/ }),
+
+/***/ "jsonpath-plus":
+/*!********************************!*\
+  !*** external "jsonpath-plus" ***!
+  \********************************/
+/***/ ((module) => {
+
+module.exports = require("jsonpath-plus");
+
+/***/ }),
+
+/***/ "react":
+/*!************************!*\
+  !*** external "react" ***!
+  \************************/
+/***/ ((module) => {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ "rxjs":
+/*!***********************!*\
+  !*** external "rxjs" ***!
+  \***********************/
+/***/ ((module) => {
+
+module.exports = require("rxjs");
+
+/***/ }),
+
+/***/ "olympe":
+/*!*************************!*\
+  !*** external "olympe" ***!
+  \*************************/
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE_olympe__;
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+/*!**************************!*\
+  !*** ./src/main-node.js ***!
+  \**************************/
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! olympe */ "olympe");
+/* harmony import */ var olympe__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(olympe__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _common_helpers_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./common/helpers.js */ "./src/common/helpers.js");
+/* harmony import */ var _common_internal_box_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./common/internal/box.js */ "./src/common/internal/box.js");
+/* harmony import */ var _common_internal_cells_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./common/internal/cells.js */ "./src/common/internal/cells.js");
+/* harmony import */ var _common_internal_changes_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./common/internal/changes.js */ "./src/common/internal/changes.js");
+/* harmony import */ var _common_internal_cloudobjects_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./common/internal/cloudobjects.js */ "./src/common/internal/cloudobjects.js");
+/* harmony import */ var _common_internal_columns_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./common/internal/columns.js */ "./src/common/internal/columns.js");
+/* harmony import */ var _common_internal_data_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./common/internal/data.js */ "./src/common/internal/data.js");
+/* harmony import */ var _common_internal_helpers_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./common/internal/helpers.js */ "./src/common/internal/helpers.js");
+/* harmony import */ var _common_internal_rows_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./common/internal/rows.js */ "./src/common/internal/rows.js");
+/* harmony import */ var _common_internal_scroll_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./common/internal/scroll.js */ "./src/common/internal/scroll.js");
+/* harmony import */ var _common_internal_triggers_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./common/internal/triggers.js */ "./src/common/internal/triggers.js");
+/* harmony import */ var _common_internal_wrappers_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./common/internal/wrappers.js */ "./src/common/internal/wrappers.js");
+/* harmony import */ var _common_RGCreateColumnConfig_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./common/RGCreateColumnConfig.js */ "./src/common/RGCreateColumnConfig.js");
+/* harmony import */ var _common_RGGetChangeMetadata_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./common/RGGetChangeMetadata.js */ "./src/common/RGGetChangeMetadata.js");
+/* harmony import */ var _common_RGGetChangeProperties_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./common/RGGetChangeProperties.js */ "./src/common/RGGetChangeProperties.js");
+/* harmony import */ var _common_RGGroupTuplesByIndexes_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./common/RGGroupTuplesByIndexes.js */ "./src/common/RGGroupTuplesByIndexes.js");
+/* harmony import */ var _common_RGProcessChangesForCloudObjects_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./common/RGProcessChangesForCloudObjects.js */ "./src/common/RGProcessChangesForCloudObjects.js");
+/* harmony import */ var _common_RGProcessChangesForJSONString_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./common/RGProcessChangesForJSONString.js */ "./src/common/RGProcessChangesForJSONString.js");
+/* harmony import */ var _common_RGProcessChangesForObjects_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./common/RGProcessChangesForObjects.js */ "./src/common/RGProcessChangesForObjects.js");
+/* harmony import */ var _common_RGWrapObject_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./common/RGWrapObject.js */ "./src/common/RGWrapObject.js");
+
+// Import Olympe runtime or DRAW
+
+
+// Import project bricks (we use webpack-import-glob-loader to import all bricks)
+                   
+;
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});
+//# sourceMappingURL=main-node.js.map