@payloadcms/ui 3.0.0-alpha.0 → 3.0.0-alpha.1

package/dist/elements/TableColumns/buildColumns.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "buildColumns", {
+    enumerable: true,
+    get: function() {
+        return buildColumns;
+    }
+});
+const _SelectAll = require("../SelectAll");
+const _SelectRow = require("../SelectRow");
+const buildColumns = (args)=>{
+    const { cellProps, columnPreferences, defaultColumns, enableRowSelections, fieldMap, useAsTitle } = args;
+    let sortedFieldMap = fieldMap;
+    const sortTo = defaultColumns || columnPreferences;
+    if (sortTo) {
+        // sort the fields to the order of `defaultColumns` or `columnPreferences`
+        // TODO: flatten top level field, i.e. `flattenTopLevelField()` from `payload` but that is typed for `Field`, not `fieldMap`
+        sortedFieldMap = fieldMap.sort((a, b)=>{
+            const aIndex = sortTo.findIndex((column)=>column.accessor === a.name);
+            const bIndex = sortTo.findIndex((column)=>column.accessor === b.name);
+            if (aIndex === -1 && bIndex === -1) return 0;
+            if (aIndex === -1) return 1;
+            if (bIndex === -1) return -1;
+            return aIndex - bIndex;
+        });
+    }
+    let numberOfActiveColumns = 0;
+    const sorted = sortedFieldMap.reduce((acc, field, index)=>{
+        const columnPreference = columnPreferences?.find((preference)=>preference.accessor === field.name);
+        let active = false;
+        if (columnPreference) {
+            active = columnPreference.active;
+        } else if (defaultColumns && Array.isArray(defaultColumns) && defaultColumns.length > 0) {
+            active = defaultColumns.includes(field.name);
+        } else if (numberOfActiveColumns < 4) {
+            active = true;
+        }
+        if (active) {
+            numberOfActiveColumns += 1;
+        }
+        if (field) {
+            const column = {
+                name: field.name,
+                accessor: field.name,
+                active,
+                cellProps: {
+                    ...cellProps?.[index],
+                    link: numberOfActiveColumns === 1 && active && enableRowSelections || undefined
+                },
+                components: {
+                    Cell: field.Cell,
+                    Heading: field.Heading
+                },
+                label: field.label
+            };
+            acc.push(column);
+        }
+        return acc;
+    }, []);
+    if (enableRowSelections) {
+        sorted.unshift({
+            name: '',
+            accessor: '_select',
+            active: true,
+            components: {
+                Cell: /*#__PURE__*/ React.createElement(_SelectRow.SelectRow, null),
+                Heading: /*#__PURE__*/ React.createElement(_SelectAll.SelectAll, null)
+            },
+            label: null
+        });
+    }
+    return sorted;
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9UYWJsZUNvbHVtbnMvYnVpbGRDb2x1bW5zLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENlbGxQcm9wcywgU2FuaXRpemVkQ29sbGVjdGlvbkNvbmZpZyB9IGZyb20gJ3BheWxvYWQvdHlwZXMnXG5cbmltcG9ydCB0eXBlIHsgQ29sdW1uUHJlZmVyZW5jZXMgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvTGlzdEluZm8vdHlwZXMnXG5pbXBvcnQgdHlwZSB7IEZpZWxkTWFwIH0gZnJvbSAnLi4vLi4vdXRpbGl0aWVzL2J1aWxkQ29tcG9uZW50TWFwL3R5cGVzJ1xuaW1wb3J0IHR5cGUgeyBDb2x1bW4gfSBmcm9tICcuLi9UYWJsZS90eXBlcydcblxuaW1wb3J0IHsgU2VsZWN0QWxsIH0gZnJvbSAnLi4vU2VsZWN0QWxsJ1xuaW1wb3J0IHsgU2VsZWN0Um93IH0gZnJvbSAnLi4vU2VsZWN0Um93J1xuXG5leHBvcnQgY29uc3QgYnVpbGRDb2x1bW5zID0gKGFyZ3M6IHtcbiAgY2VsbFByb3BzOiBQYXJ0aWFsPENlbGxQcm9wcz5bXVxuICBjb2x1bW5QcmVmZXJlbmNlczogQ29sdW1uUHJlZmVyZW5jZXNcbiAgZGVmYXVsdENvbHVtbnM/OiBzdHJpbmdbXVxuICBlbmFibGVSb3dTZWxlY3Rpb25zOiBib29sZWFuXG4gIGZpZWxkTWFwOiBGaWVsZE1hcFxuICB1c2VBc1RpdGxlOiBTYW5pdGl6ZWRDb2xsZWN0aW9uQ29uZmlnWydhZG1pbiddWyd1c2VBc1RpdGxlJ11cbn0pOiBDb2x1bW5bXSA9PiB7XG4gIGNvbnN0IHtcbiAgICBjZWxsUHJvcHMsXG4gICAgY29sdW1uUHJlZmVyZW5jZXMsXG4gICAgZGVmYXVsdENvbHVtbnMsXG4gICAgZW5hYmxlUm93U2VsZWN0aW9ucyxcbiAgICBmaWVsZE1hcCxcbiAgICB1c2VBc1RpdGxlLFxuICB9ID0gYXJnc1xuXG4gIGxldCBzb3J0ZWRGaWVsZE1hcCA9IGZpZWxkTWFwXG5cbiAgY29uc3Qgc29ydFRvID0gZGVmYXVsdENvbHVtbnMgfHwgY29sdW1uUHJlZmVyZW5jZXNcblxuICBpZiAoc29ydFRvKSB7XG4gICAgLy8gc29ydCB0aGUgZmllbGRzIHRvIHRoZSBvcmRlciBvZiBgZGVmYXVsdENvbHVtbnNgIG9yIGBjb2x1bW5QcmVmZXJlbmNlc2BcbiAgICAvLyBUT0RPOiBmbGF0dGVuIHRvcCBsZXZlbCBmaWVsZCwgaS5lLiBgZmxhdHRlblRvcExldmVsRmllbGQoKWAgZnJvbSBgcGF5bG9hZGAgYnV0IHRoYXQgaXMgdHlwZWQgZm9yIGBGaWVsZGAsIG5vdCBgZmllbGRNYXBgXG4gICAgc29ydGVkRmllbGRNYXAgPSBmaWVsZE1hcC5zb3J0KChhLCBiKSA9PiB7XG4gICAgICBjb25zdCBhSW5kZXggPSBzb3J0VG8uZmluZEluZGV4KChjb2x1bW4pID0+IGNvbHVtbi5hY2Nlc3NvciA9PT0gYS5uYW1lKVxuICAgICAgY29uc3QgYkluZGV4ID0gc29ydFRvLmZpbmRJbmRleCgoY29sdW1uKSA9PiBjb2x1bW4uYWNjZXNzb3IgPT09IGIubmFtZSlcbiAgICAgIGlmIChhSW5kZXggPT09IC0xICYmIGJJbmRleCA9PT0gLTEpIHJldHVybiAwXG4gICAgICBpZiAoYUluZGV4ID09PSAtMSkgcmV0dXJuIDFcbiAgICAgIGlmIChiSW5kZXggPT09IC0xKSByZXR1cm4gLTFcbiAgICAgIHJldHVybiBhSW5kZXggLSBiSW5kZXhcbiAgICB9KVxuICB9XG5cbiAgbGV0IG51bWJlck9mQWN0aXZlQ29sdW1ucyA9IDBcblxuICBjb25zdCBzb3J0ZWQgPSBzb3J0ZWRGaWVsZE1hcC5yZWR1Y2UoKGFjYywgZmllbGQsIGluZGV4KSA9PiB7XG4gICAgY29uc3QgY29sdW1uUHJlZmVyZW5jZSA9IGNvbHVtblByZWZlcmVuY2VzPy5maW5kKFxuICAgICAgKHByZWZlcmVuY2UpID0+IHByZWZlcmVuY2UuYWNjZXNzb3IgPT09IGZpZWxkLm5hbWUsXG4gICAgKVxuXG4gICAgbGV0IGFjdGl2ZSA9IGZhbHNlXG5cbiAgICBpZiAoY29sdW1uUHJlZmVyZW5jZSkge1xuICAgICAgYWN0aXZlID0gY29sdW1uUHJlZmVyZW5jZS5hY3RpdmVcbiAgICB9IGVsc2UgaWYgKGRlZmF1bHRDb2x1bW5zICYmIEFycmF5LmlzQXJyYXkoZGVmYXVsdENvbHVtbnMpICYmIGRlZmF1bHRDb2x1bW5zLmxlbmd0aCA+IDApIHtcbiAgICAgIGFjdGl2ZSA9IGRlZmF1bHRDb2x1bW5zLmluY2x1ZGVzKGZpZWxkLm5hbWUpXG4gICAgfSBlbHNlIGlmIChudW1iZXJPZkFjdGl2ZUNvbHVtbnMgPCA0KSB7XG4gICAgICBhY3RpdmUgPSB0cnVlXG4gICAgfVxuXG4gICAgaWYgKGFjdGl2ZSkge1xuICAgICAgbnVtYmVyT2ZBY3RpdmVDb2x1bW5zICs9IDFcbiAgICB9XG5cbiAgICBpZiAoZmllbGQpIHtcbiAgICAgIGNvbnN0IGNvbHVtbjogQ29sdW1uID0ge1xuICAgICAgICBuYW1lOiBmaWVsZC5uYW1lLFxuICAgICAgICBhY2Nlc3NvcjogZmllbGQubmFtZSxcbiAgICAgICAgYWN0aXZlLFxuICAgICAgICBjZWxsUHJvcHM6IHtcbiAgICAgICAgICAuLi5jZWxsUHJvcHM/LltpbmRleF0sXG4gICAgICAgICAgbGluazogKG51bWJlck9mQWN0aXZlQ29sdW1ucyA9PT0gMSAmJiBhY3RpdmUgJiYgZW5hYmxlUm93U2VsZWN0aW9ucykgfHwgdW5kZWZpbmVkLFxuICAgICAgICB9LFxuICAgICAgICBjb21wb25lbnRzOiB7XG4gICAgICAgICAgQ2VsbDogZmllbGQuQ2VsbCxcbiAgICAgICAgICBIZWFkaW5nOiBmaWVsZC5IZWFkaW5nLFxuICAgICAgICB9LFxuICAgICAgICBsYWJlbDogZmllbGQubGFiZWwsXG4gICAgICB9XG5cbiAgICAgIGFjYy5wdXNoKGNvbHVtbilcbiAgICB9XG5cbiAgICByZXR1cm4gYWNjXG4gIH0sIFtdKVxuXG4gIGlmIChlbmFibGVSb3dTZWxlY3Rpb25zKSB7XG4gICAgc29ydGVkLnVuc2hpZnQoe1xuICAgICAgbmFtZTogJycsXG4gICAgICBhY2Nlc3NvcjogJ19zZWxlY3QnLFxuICAgICAgYWN0aXZlOiB0cnVlLFxuICAgICAgY29tcG9uZW50czoge1xuICAgICAgICBDZWxsOiA8U2VsZWN0Um93IC8+LFxuICAgICAgICBIZWFkaW5nOiA8U2VsZWN0QWxsIC8+LFxuICAgICAgfSxcbiAgICAgIGxhYmVsOiBudWxsLFxuICAgIH0pXG4gIH1cblxuICByZXR1cm4gc29ydGVkXG59XG4iXSwibmFtZXMiOlsiYnVpbGRDb2x1bW5zIiwiYXJncyIsImNlbGxQcm9wcyIsImNvbHVtblByZWZlcmVuY2VzIiwiZGVmYXVsdENvbHVtbnMiLCJlbmFibGVSb3dTZWxlY3Rpb25zIiwiZmllbGRNYXAiLCJ1c2VBc1RpdGxlIiwic29ydGVkRmllbGRNYXAiLCJzb3J0VG8iLCJzb3J0IiwiYSIsImIiLCJhSW5kZXgiLCJmaW5kSW5kZXgiLCJjb2x1bW4iLCJhY2Nlc3NvciIsIm5hbWUiLCJiSW5kZXgiLCJudW1iZXJPZkFjdGl2ZUNvbHVtbnMiLCJzb3J0ZWQiLCJyZWR1Y2UiLCJhY2MiLCJmaWVsZCIsImluZGV4IiwiY29sdW1uUHJlZmVyZW5jZSIsImZpbmQiLCJwcmVmZXJlbmNlIiwiYWN0aXZlIiwiQXJyYXkiLCJpc0FycmF5IiwibGVuZ3RoIiwiaW5jbHVkZXMiLCJsaW5rIiwidW5kZWZpbmVkIiwiY29tcG9uZW50cyIsIkNlbGwiLCJIZWFkaW5nIiwibGFiZWwiLCJwdXNoIiwidW5zaGlmdCIsIlNlbGVjdFJvdyIsIlNlbGVjdEFsbCJdLCJtYXBwaW5ncyI6Ijs7OzsrQkFTYUE7OztlQUFBQTs7OzJCQUhhOzJCQUNBO0FBRW5CLE1BQU1BLGVBQWUsQ0FBQ0M7SUFRM0IsTUFBTSxFQUNKQyxTQUFTLEVBQ1RDLGlCQUFpQixFQUNqQkMsY0FBYyxFQUNkQyxtQkFBbUIsRUFDbkJDLFFBQVEsRUFDUkMsVUFBVSxFQUNYLEdBQUdOO0lBRUosSUFBSU8saUJBQWlCRjtJQUVyQixNQUFNRyxTQUFTTCxrQkFBa0JEO0lBRWpDLElBQUlNLFFBQVE7UUFDViwwRUFBMEU7UUFDMUUsNEhBQTRIO1FBQzVIRCxpQkFBaUJGLFNBQVNJLElBQUksQ0FBQyxDQUFDQyxHQUFHQztZQUNqQyxNQUFNQyxTQUFTSixPQUFPSyxTQUFTLENBQUMsQ0FBQ0MsU0FBV0EsT0FBT0MsUUFBUSxLQUFLTCxFQUFFTSxJQUFJO1lBQ3RFLE1BQU1DLFNBQVNULE9BQU9LLFNBQVMsQ0FBQyxDQUFDQyxTQUFXQSxPQUFPQyxRQUFRLEtBQUtKLEVBQUVLLElBQUk7WUFDdEUsSUFBSUosV0FBVyxDQUFDLEtBQUtLLFdBQVcsQ0FBQyxHQUFHLE9BQU87WUFDM0MsSUFBSUwsV0FBVyxDQUFDLEdBQUcsT0FBTztZQUMxQixJQUFJSyxXQUFXLENBQUMsR0FBRyxPQUFPLENBQUM7WUFDM0IsT0FBT0wsU0FBU0s7UUFDbEI7SUFDRjtJQUVBLElBQUlDLHdCQUF3QjtJQUU1QixNQUFNQyxTQUFTWixlQUFlYSxNQUFNLENBQUMsQ0FBQ0MsS0FBS0MsT0FBT0M7UUFDaEQsTUFBTUMsbUJBQW1CdEIsbUJBQW1CdUIsS0FDMUMsQ0FBQ0MsYUFBZUEsV0FBV1gsUUFBUSxLQUFLTyxNQUFNTixJQUFJO1FBR3BELElBQUlXLFNBQVM7UUFFYixJQUFJSCxrQkFBa0I7WUFDcEJHLFNBQVNILGlCQUFpQkcsTUFBTTtRQUNsQyxPQUFPLElBQUl4QixrQkFBa0J5QixNQUFNQyxPQUFPLENBQUMxQixtQkFBbUJBLGVBQWUyQixNQUFNLEdBQUcsR0FBRztZQUN2RkgsU0FBU3hCLGVBQWU0QixRQUFRLENBQUNULE1BQU1OLElBQUk7UUFDN0MsT0FBTyxJQUFJRSx3QkFBd0IsR0FBRztZQUNwQ1MsU0FBUztRQUNYO1FBRUEsSUFBSUEsUUFBUTtZQUNWVCx5QkFBeUI7UUFDM0I7UUFFQSxJQUFJSSxPQUFPO1lBQ1QsTUFBTVIsU0FBaUI7Z0JBQ3JCRSxNQUFNTSxNQUFNTixJQUFJO2dCQUNoQkQsVUFBVU8sTUFBTU4sSUFBSTtnQkFDcEJXO2dCQUNBMUIsV0FBVztvQkFDVCxHQUFHQSxXQUFXLENBQUNzQixNQUFNO29CQUNyQlMsTUFBTSxBQUFDZCwwQkFBMEIsS0FBS1MsVUFBVXZCLHVCQUF3QjZCO2dCQUMxRTtnQkFDQUMsWUFBWTtvQkFDVkMsTUFBTWIsTUFBTWEsSUFBSTtvQkFDaEJDLFNBQVNkLE1BQU1jLE9BQU87Z0JBQ3hCO2dCQUNBQyxPQUFPZixNQUFNZSxLQUFLO1lBQ3BCO1lBRUFoQixJQUFJaUIsSUFBSSxDQUFDeEI7UUFDWDtRQUVBLE9BQU9PO0lBQ1QsR0FBRyxFQUFFO0lBRUwsSUFBSWpCLHFCQUFxQjtRQUN2QmUsT0FBT29CLE9BQU8sQ0FBQztZQUNidkIsTUFBTTtZQUNORCxVQUFVO1lBQ1ZZLFFBQVE7WUFDUk8sWUFBWTtnQkFDVkMsb0JBQU0sb0JBQUNLLG9CQUFTO2dCQUNoQkosdUJBQVMsb0JBQUNLLG9CQUFTO1lBQ3JCO1lBQ0FKLE9BQU87UUFDVDtJQUNGO0lBRUEsT0FBT2xCO0FBQ1QifQ==

package/dist/elements/TableColumns/columnReducer.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "columnReducer", {
+    enumerable: true,
+    get: function() {
+        return columnReducer;
+    }
+});
+const columnReducer = (state, action)=>{
+    switch(action.type){
+        case 'toggle':
+            {
+                const { column } = action.payload;
+                const withToggledColumn = state.map((col)=>{
+                    if (col?.name === column) {
+                        return {
+                            ...col,
+                            active: !col.active
+                        };
+                    }
+                    return col;
+                });
+                return withToggledColumn;
+            }
+        case 'move':
+            {
+                const { fromIndex, toIndex } = action.payload;
+                const withMovedColumn = [
+                    ...state
+                ];
+                const [columnToMove] = withMovedColumn.splice(fromIndex, 1);
+                withMovedColumn.splice(toIndex, 0, columnToMove);
+                return withMovedColumn;
+            }
+        case 'set':
+            {
+                const { columns } = action.payload;
+                return columns;
+            }
+        default:
+            return state;
+    }
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9UYWJsZUNvbHVtbnMvY29sdW1uUmVkdWNlci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbHVtbiB9IGZyb20gJy4uL1RhYmxlL3R5cGVzJ1xuXG50eXBlIFRPR0dMRSA9IHtcbiAgcGF5bG9hZDoge1xuICAgIGNvbHVtbjogc3RyaW5nXG4gIH1cbiAgdHlwZTogJ3RvZ2dsZSdcbn1cblxudHlwZSBTRVQgPSB7XG4gIHBheWxvYWQ6IHtcbiAgICBjb2x1bW5zOiBDb2x1bW5bXVxuICB9XG4gIHR5cGU6ICdzZXQnXG59XG5cbnR5cGUgTU9WRSA9IHtcbiAgcGF5bG9hZDoge1xuICAgIGZyb21JbmRleDogbnVtYmVyXG4gICAgdG9JbmRleDogbnVtYmVyXG4gIH1cbiAgdHlwZTogJ21vdmUnXG59XG5cbmV4cG9ydCB0eXBlIEFjdGlvbiA9IE1PVkUgfCBTRVQgfCBUT0dHTEVcblxuZXhwb3J0IGNvbnN0IGNvbHVtblJlZHVjZXIgPSAoc3RhdGU6IENvbHVtbltdLCBhY3Rpb246IEFjdGlvbik6IENvbHVtbltdID0+IHtcbiAgc3dpdGNoIChhY3Rpb24udHlwZSkge1xuICAgIGNhc2UgJ3RvZ2dsZSc6IHtcbiAgICAgIGNvbnN0IHsgY29sdW1uIH0gPSBhY3Rpb24ucGF5bG9hZFxuXG4gICAgICBjb25zdCB3aXRoVG9nZ2xlZENvbHVtbiA9IHN0YXRlLm1hcCgoY29sKSA9PiB7XG4gICAgICAgIGlmIChjb2w/Lm5hbWUgPT09IGNvbHVtbikge1xuICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAuLi5jb2wsXG4gICAgICAgICAgICBhY3RpdmU6ICFjb2wuYWN0aXZlLFxuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBjb2xcbiAgICAgIH0pXG5cbiAgICAgIHJldHVybiB3aXRoVG9nZ2xlZENvbHVtblxuICAgIH1cbiAgICBjYXNlICdtb3ZlJzoge1xuICAgICAgY29uc3QgeyBmcm9tSW5kZXgsIHRvSW5kZXggfSA9IGFjdGlvbi5wYXlsb2FkXG4gICAgICBjb25zdCB3aXRoTW92ZWRDb2x1bW4gPSBbLi4uc3RhdGVdXG4gICAgICBjb25zdCBbY29sdW1uVG9Nb3ZlXSA9IHdpdGhNb3ZlZENvbHVtbi5zcGxpY2UoZnJvbUluZGV4LCAxKVxuICAgICAgd2l0aE1vdmVkQ29sdW1uLnNwbGljZSh0b0luZGV4LCAwLCBjb2x1bW5Ub01vdmUpXG4gICAgICByZXR1cm4gd2l0aE1vdmVkQ29sdW1uXG4gICAgfVxuICAgIGNhc2UgJ3NldCc6IHtcbiAgICAgIGNvbnN0IHsgY29sdW1ucyB9ID0gYWN0aW9uLnBheWxvYWRcbiAgICAgIHJldHVybiBjb2x1bW5zXG4gICAgfVxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gc3RhdGVcbiAgfVxufVxuIl0sIm5hbWVzIjpbImNvbHVtblJlZHVjZXIiLCJzdGF0ZSIsImFjdGlvbiIsInR5cGUiLCJjb2x1bW4iLCJwYXlsb2FkIiwid2l0aFRvZ2dsZWRDb2x1bW4iLCJtYXAiLCJjb2wiLCJuYW1lIiwiYWN0aXZlIiwiZnJvbUluZGV4IiwidG9JbmRleCIsIndpdGhNb3ZlZENvbHVtbiIsImNvbHVtblRvTW92ZSIsInNwbGljZSIsImNvbHVtbnMiXSwibWFwcGluZ3MiOiI7Ozs7K0JBMEJhQTs7O2VBQUFBOzs7QUFBTixNQUFNQSxnQkFBZ0IsQ0FBQ0MsT0FBaUJDO0lBQzdDLE9BQVFBLE9BQU9DLElBQUk7UUFDakIsS0FBSztZQUFVO2dCQUNiLE1BQU0sRUFBRUMsTUFBTSxFQUFFLEdBQUdGLE9BQU9HLE9BQU87Z0JBRWpDLE1BQU1DLG9CQUFvQkwsTUFBTU0sR0FBRyxDQUFDLENBQUNDO29CQUNuQyxJQUFJQSxLQUFLQyxTQUFTTCxRQUFRO3dCQUN4QixPQUFPOzRCQUNMLEdBQUdJLEdBQUc7NEJBQ05FLFFBQVEsQ0FBQ0YsSUFBSUUsTUFBTTt3QkFDckI7b0JBQ0Y7b0JBRUEsT0FBT0Y7Z0JBQ1Q7Z0JBRUEsT0FBT0Y7WUFDVDtRQUNBLEtBQUs7WUFBUTtnQkFDWCxNQUFNLEVBQUVLLFNBQVMsRUFBRUMsT0FBTyxFQUFFLEdBQUdWLE9BQU9HLE9BQU87Z0JBQzdDLE1BQU1RLGtCQUFrQjt1QkFBSVo7aUJBQU07Z0JBQ2xDLE1BQU0sQ0FBQ2EsYUFBYSxHQUFHRCxnQkFBZ0JFLE1BQU0sQ0FBQ0osV0FBVztnQkFDekRFLGdCQUFnQkUsTUFBTSxDQUFDSCxTQUFTLEdBQUdFO2dCQUNuQyxPQUFPRDtZQUNUO1FBQ0EsS0FBSztZQUFPO2dCQUNWLE1BQU0sRUFBRUcsT0FBTyxFQUFFLEdBQUdkLE9BQU9HLE9BQU87Z0JBQ2xDLE9BQU9XO1lBQ1Q7UUFDQTtZQUNFLE9BQU9mO0lBQ1g7QUFDRiJ9

package/dist/elements/TableColumns/index.js

@@ -0,0 +1,199 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    TableColumnContext: function() {
+        return TableColumnContext;
+    },
+    TableColumnsProvider: function() {
+        return TableColumnsProvider;
+    },
+    useTableColumns: function() {
+        return useTableColumns;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _ComponentMapProvider = require("../../providers/ComponentMapProvider");
+const _Config = require("../../providers/Config");
+const _Preferences = require("../../providers/Preferences");
+const _buildColumns = require("./buildColumns");
+const _columnReducer = require("./columnReducer");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const TableColumnContext = /*#__PURE__*/ (0, _react.createContext)({});
+const useTableColumns = ()=>(0, _react.useContext)(TableColumnContext);
+const TableColumnsProvider = ({ cellProps, children, collectionSlug, enableRowSelections = false, listPreferences })=>{
+    const config = (0, _Config.useConfig)();
+    const { componentMap } = (0, _ComponentMapProvider.useComponentMap)();
+    const { fieldMap } = componentMap.collections[collectionSlug];
+    const collectionConfig = config.collections.find((collectionConfig)=>collectionConfig.slug === collectionSlug);
+    const { admin: { defaultColumns, useAsTitle } } = collectionConfig;
+    const preferenceKey = `${collectionSlug}-list`;
+    const prevCollection = (0, _react.useRef)(collectionSlug);
+    const hasInitialized = (0, _react.useRef)(false);
+    const { getPreference, setPreference } = (0, _Preferences.usePreferences)();
+    const [tableColumns, dispatchTableColumns] = (0, _react.useReducer)(_columnReducer.columnReducer, {}, ()=>{
+        return (0, _buildColumns.buildColumns)({
+            cellProps,
+            columnPreferences: listPreferences?.columns,
+            defaultColumns,
+            enableRowSelections,
+            fieldMap,
+            useAsTitle
+        });
+    });
+    // /////////////////////////////////////
+    // Get preferences on collection change
+    // /////////////////////////////////////
+    (0, _react.useEffect)(()=>{
+        const sync = async ()=>{
+            const collectionHasChanged = prevCollection.current !== collectionSlug;
+            if (collectionHasChanged) {
+                const currentPreferences = await getPreference(preferenceKey);
+                prevCollection.current = collectionSlug;
+                if (currentPreferences.columns) {
+                    dispatchTableColumns({
+                        type: 'set',
+                        payload: {
+                            columns: (0, _buildColumns.buildColumns)({
+                                cellProps,
+                                columnPreferences: currentPreferences?.columns,
+                                defaultColumns,
+                                enableRowSelections: true,
+                                fieldMap,
+                                useAsTitle
+                            })
+                        }
+                    });
+                }
+            }
+        };
+        sync();
+    }, [
+        preferenceKey,
+        getPreference,
+        collectionSlug,
+        fieldMap,
+        cellProps,
+        defaultColumns,
+        useAsTitle
+    ]);
+    // /////////////////////////////////////
+    // Set preferences on column change
+    // /////////////////////////////////////
+    (0, _react.useEffect)(()=>{
+        if (!hasInitialized.current) {
+            hasInitialized.current = true;
+            return;
+        }
+        const columns = tableColumns.map((c)=>({
+                accessor: c?.accessor,
+                active: c?.active
+            }));
+        void setPreference(preferenceKey, {
+            columns
+        }, true);
+    }, [
+        tableColumns,
+        preferenceKey,
+        setPreference
+    ]);
+    const setActiveColumns = (0, _react.useCallback)((columns)=>{
+    // dispatchTableColumns({
+    //   type: 'set',
+    //   payload: {
+    //     // onSelect,
+    //     cellProps,
+    //     collection: { ...collectionConfig, fields: formatFields(collectionConfig) },
+    //     columns: columns.map((column) => ({
+    //       accessor: column,
+    //       active: true,
+    //     })),
+    //     i18n,
+    //   },
+    // })
+    }, [
+        collectionConfig,
+        cellProps
+    ]);
+    const moveColumn = (0, _react.useCallback)((args)=>{
+        const { fromIndex, toIndex } = args;
+        dispatchTableColumns({
+            type: 'move',
+            payload: {
+                fromIndex,
+                toIndex
+            }
+        });
+    }, [
+        dispatchTableColumns
+    ]);
+    const toggleColumn = (0, _react.useCallback)((column)=>{
+        dispatchTableColumns({
+            type: 'toggle',
+            payload: {
+                column
+            }
+        });
+    }, [
+        dispatchTableColumns
+    ]);
+    return /*#__PURE__*/ _react.default.createElement(TableColumnContext.Provider, {
+        value: {
+            columns: tableColumns,
+            dispatchTableColumns,
+            moveColumn,
+            setActiveColumns,
+            toggleColumn
+        }
+    }, children);
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9UYWJsZUNvbHVtbnMvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IHR5cGUgeyBTYW5pdGl6ZWRDb2xsZWN0aW9uQ29uZmlnIH0gZnJvbSAncGF5bG9hZC90eXBlcydcbmltcG9ydCB0eXBlIHsgQ2VsbFByb3BzIH0gZnJvbSAncGF5bG9hZC90eXBlcydcblxuaW1wb3J0IFJlYWN0LCB7IGNyZWF0ZUNvbnRleHQsIHVzZUNhbGxiYWNrLCB1c2VDb250ZXh0LCB1c2VFZmZlY3QsIHVzZVJlZHVjZXIsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgdHlwZSB7IENvbHVtblByZWZlcmVuY2VzIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL0xpc3RJbmZvL3R5cGVzJ1xuaW1wb3J0IHR5cGUgeyBDb2x1bW4gfSBmcm9tICcuLi9UYWJsZS90eXBlcydcbmltcG9ydCB0eXBlIHsgQWN0aW9uIH0gZnJvbSAnLi9jb2x1bW5SZWR1Y2VyJ1xuXG5pbXBvcnQgeyB1c2VDb21wb25lbnRNYXAgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvQ29tcG9uZW50TWFwUHJvdmlkZXInXG5pbXBvcnQgeyB1c2VDb25maWcgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvQ29uZmlnJ1xuaW1wb3J0IHsgdXNlUHJlZmVyZW5jZXMgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvUHJlZmVyZW5jZXMnXG5pbXBvcnQgeyBidWlsZENvbHVtbnMgfSBmcm9tICcuL2J1aWxkQ29sdW1ucydcbmltcG9ydCB7IGNvbHVtblJlZHVjZXIgfSBmcm9tICcuL2NvbHVtblJlZHVjZXInXG5cbmV4cG9ydCBpbnRlcmZhY2UgSVRhYmxlQ29sdW1ucyB7XG4gIGNvbHVtbnM6IENvbHVtbltdXG4gIGRpc3BhdGNoVGFibGVDb2x1bW5zOiBSZWFjdC5EaXNwYXRjaDxBY3Rpb24+XG4gIG1vdmVDb2x1bW46IChhcmdzOiB7IGZyb21JbmRleDogbnVtYmVyOyB0b0luZGV4OiBudW1iZXIgfSkgPT4gdm9pZFxuICBzZXRBY3RpdmVDb2x1bW5zOiAoY29sdW1uczogc3RyaW5nW10pID0+IHZvaWRcbiAgdG9nZ2xlQ29sdW1uOiAoY29sdW1uOiBzdHJpbmcpID0+IHZvaWRcbn1cblxuZXhwb3J0IGNvbnN0IFRhYmxlQ29sdW1uQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8SVRhYmxlQ29sdW1ucz4oe30gYXMgSVRhYmxlQ29sdW1ucylcblxuZXhwb3J0IGNvbnN0IHVzZVRhYmxlQ29sdW1ucyA9ICgpOiBJVGFibGVDb2x1bW5zID0+IHVzZUNvbnRleHQoVGFibGVDb2x1bW5Db250ZXh0KVxuXG5leHBvcnQgdHlwZSBMaXN0UHJlZmVyZW5jZXMgPSB7XG4gIGNvbHVtbnM6IENvbHVtblByZWZlcmVuY2VzXG59XG5cbmV4cG9ydCBjb25zdCBUYWJsZUNvbHVtbnNQcm92aWRlcjogUmVhY3QuRkM8e1xuICBjZWxsUHJvcHM/OiBQYXJ0aWFsPENlbGxQcm9wcz5bXVxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG4gIGNvbGxlY3Rpb25TbHVnOiBzdHJpbmdcbiAgZW5hYmxlUm93U2VsZWN0aW9ucz86IGJvb2xlYW5cbiAgbGlzdFByZWZlcmVuY2VzOiBMaXN0UHJlZmVyZW5jZXNcbn0+ID0gKHsgY2VsbFByb3BzLCBjaGlsZHJlbiwgY29sbGVjdGlvblNsdWcsIGVuYWJsZVJvd1NlbGVjdGlvbnMgPSBmYWxzZSwgbGlzdFByZWZlcmVuY2VzIH0pID0+IHtcbiAgY29uc3QgY29uZmlnID0gdXNlQ29uZmlnKClcblxuICBjb25zdCB7IGNvbXBvbmVudE1hcCB9ID0gdXNlQ29tcG9uZW50TWFwKClcblxuICBjb25zdCB7IGZpZWxkTWFwIH0gPSBjb21wb25lbnRNYXAuY29sbGVjdGlvbnNbY29sbGVjdGlvblNsdWddXG5cbiAgY29uc3QgY29sbGVjdGlvbkNvbmZpZyA9IGNvbmZpZy5jb2xsZWN0aW9ucy5maW5kKFxuICAgIChjb2xsZWN0aW9uQ29uZmlnKSA9PiBjb2xsZWN0aW9uQ29uZmlnLnNsdWcgPT09IGNvbGxlY3Rpb25TbHVnLFxuICApXG5cbiAgY29uc3Qge1xuICAgIGFkbWluOiB7IGRlZmF1bHRDb2x1bW5zLCB1c2VBc1RpdGxlIH0sXG4gIH0gPSBjb2xsZWN0aW9uQ29uZmlnXG5cbiAgY29uc3QgcHJlZmVyZW5jZUtleSA9IGAke2NvbGxlY3Rpb25TbHVnfS1saXN0YFxuICBjb25zdCBwcmV2Q29sbGVjdGlvbiA9IHVzZVJlZjxTYW5pdGl6ZWRDb2xsZWN0aW9uQ29uZmlnWydzbHVnJ10+KGNvbGxlY3Rpb25TbHVnKVxuICBjb25zdCBoYXNJbml0aWFsaXplZCA9IHVzZVJlZihmYWxzZSlcbiAgY29uc3QgeyBnZXRQcmVmZXJlbmNlLCBzZXRQcmVmZXJlbmNlIH0gPSB1c2VQcmVmZXJlbmNlcygpXG5cbiAgY29uc3QgW3RhYmxlQ29sdW1ucywgZGlzcGF0Y2hUYWJsZUNvbHVtbnNdID0gdXNlUmVkdWNlcihjb2x1bW5SZWR1Y2VyLCB7fSwgKCkgPT4ge1xuICAgIHJldHVybiBidWlsZENvbHVtbnMoe1xuICAgICAgY2VsbFByb3BzLFxuICAgICAgY29sdW1uUHJlZmVyZW5jZXM6IGxpc3RQcmVmZXJlbmNlcz8uY29sdW1ucyxcbiAgICAgIGRlZmF1bHRDb2x1bW5zLFxuICAgICAgZW5hYmxlUm93U2VsZWN0aW9ucyxcbiAgICAgIGZpZWxkTWFwLFxuICAgICAgdXNlQXNUaXRsZSxcbiAgICB9KVxuICB9KVxuXG4gIC8vIC8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy9cbiAgLy8gR2V0IHByZWZlcmVuY2VzIG9uIGNvbGxlY3Rpb24gY2hhbmdlXG4gIC8vIC8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy9cblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHN5bmMgPSBhc3luYyAoKSA9PiB7XG4gICAgICBjb25zdCBjb2xsZWN0aW9uSGFzQ2hhbmdlZCA9IHByZXZDb2xsZWN0aW9uLmN1cnJlbnQgIT09IGNvbGxlY3Rpb25TbHVnXG5cbiAgICAgIGlmIChjb2xsZWN0aW9uSGFzQ2hhbmdlZCkge1xuICAgICAgICBjb25zdCBjdXJyZW50UHJlZmVyZW5jZXMgPSBhd2FpdCBnZXRQcmVmZXJlbmNlPHtcbiAgICAgICAgICBjb2x1bW5zOiBDb2x1bW5QcmVmZXJlbmNlc1xuICAgICAgICB9PihwcmVmZXJlbmNlS2V5KVxuICAgICAgICBwcmV2Q29sbGVjdGlvbi5jdXJyZW50ID0gY29sbGVjdGlvblNsdWdcblxuICAgICAgICBpZiAoY3VycmVudFByZWZlcmVuY2VzLmNvbHVtbnMpIHtcbiAgICAgICAgICBkaXNwYXRjaFRhYmxlQ29sdW1ucyh7XG4gICAgICAgICAgICB0eXBlOiAnc2V0JyxcbiAgICAgICAgICAgIHBheWxvYWQ6IHtcbiAgICAgICAgICAgICAgY29sdW1uczogYnVpbGRDb2x1bW5zKHtcbiAgICAgICAgICAgICAgICBjZWxsUHJvcHMsXG4gICAgICAgICAgICAgICAgY29sdW1uUHJlZmVyZW5jZXM6IGN1cnJlbnRQcmVmZXJlbmNlcz8uY29sdW1ucyxcbiAgICAgICAgICAgICAgICBkZWZhdWx0Q29sdW1ucyxcbiAgICAgICAgICAgICAgICBlbmFibGVSb3dTZWxlY3Rpb25zOiB0cnVlLFxuICAgICAgICAgICAgICAgIGZpZWxkTWFwLFxuICAgICAgICAgICAgICAgIHVzZUFzVGl0bGUsXG4gICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICB9KVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgc3luYygpXG4gIH0sIFtcbiAgICBwcmVmZXJlbmNlS2V5LFxuICAgIGdldFByZWZlcmVuY2UsXG4gICAgY29sbGVjdGlvblNsdWcsXG4gICAgZmllbGRNYXAsXG4gICAgY2VsbFByb3BzLFxuICAgIGRlZmF1bHRDb2x1bW5zLFxuICAgIHVzZUFzVGl0bGUsXG4gIF0pXG5cbiAgLy8gLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL1xuICAvLyBTZXQgcHJlZmVyZW5jZXMgb24gY29sdW1uIGNoYW5nZVxuICAvLyAvLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWhhc0luaXRpYWxpemVkLmN1cnJlbnQpIHtcbiAgICAgIGhhc0luaXRpYWxpemVkLmN1cnJlbnQgPSB0cnVlXG4gICAgICByZXR1cm5cbiAgICB9XG5cbiAgICBjb25zdCBjb2x1bW5zID0gdGFibGVDb2x1bW5zLm1hcCgoYykgPT4gKHtcbiAgICAgIGFjY2Vzc29yOiBjPy5hY2Nlc3NvcixcbiAgICAgIGFjdGl2ZTogYz8uYWN0aXZlLFxuICAgIH0pKVxuXG4gICAgdm9pZCBzZXRQcmVmZXJlbmNlKHByZWZlcmVuY2VLZXksIHsgY29sdW1ucyB9LCB0cnVlKVxuICB9LCBbdGFibGVDb2x1bW5zLCBwcmVmZXJlbmNlS2V5LCBzZXRQcmVmZXJlbmNlXSlcblxuICBjb25zdCBzZXRBY3RpdmVDb2x1bW5zID0gdXNlQ2FsbGJhY2soXG4gICAgKGNvbHVtbnM6IHN0cmluZ1tdKSA9PiB7XG4gICAgICAvLyBkaXNwYXRjaFRhYmxlQ29sdW1ucyh7XG4gICAgICAvLyAgIHR5cGU6ICdzZXQnLFxuICAgICAgLy8gICBwYXlsb2FkOiB7XG4gICAgICAvLyAgICAgLy8gb25TZWxlY3QsXG4gICAgICAvLyAgICAgY2VsbFByb3BzLFxuICAgICAgLy8gICAgIGNvbGxlY3Rpb246IHsgLi4uY29sbGVjdGlvbkNvbmZpZywgZmllbGRzOiBmb3JtYXRGaWVsZHMoY29sbGVjdGlvbkNvbmZpZykgfSxcbiAgICAgIC8vICAgICBjb2x1bW5zOiBjb2x1bW5zLm1hcCgoY29sdW1uKSA9PiAoe1xuICAgICAgLy8gICAgICAgYWNjZXNzb3I6IGNvbHVtbixcbiAgICAgIC8vICAgICAgIGFjdGl2ZTogdHJ1ZSxcbiAgICAgIC8vICAgICB9KSksXG4gICAgICAvLyAgICAgaTE4bixcbiAgICAgIC8vICAgfSxcbiAgICAgIC8vIH0pXG4gICAgfSxcbiAgICBbY29sbGVjdGlvbkNvbmZpZywgY2VsbFByb3BzXSxcbiAgKVxuXG4gIGNvbnN0IG1vdmVDb2x1bW4gPSB1c2VDYWxsYmFjayhcbiAgICAoYXJnczogeyBmcm9tSW5kZXg6IG51bWJlcjsgdG9JbmRleDogbnVtYmVyIH0pID0+IHtcbiAgICAgIGNvbnN0IHsgZnJvbUluZGV4LCB0b0luZGV4IH0gPSBhcmdzXG5cbiAgICAgIGRpc3BhdGNoVGFibGVDb2x1bW5zKHtcbiAgICAgICAgdHlwZTogJ21vdmUnLFxuICAgICAgICBwYXlsb2FkOiB7XG4gICAgICAgICAgZnJvbUluZGV4LFxuICAgICAgICAgIHRvSW5kZXgsXG4gICAgICAgIH0sXG4gICAgICB9KVxuICAgIH0sXG4gICAgW2Rpc3BhdGNoVGFibGVDb2x1bW5zXSxcbiAgKVxuXG4gIGNvbnN0IHRvZ2dsZUNvbHVtbiA9IHVzZUNhbGxiYWNrKFxuICAgIChjb2x1bW46IHN0cmluZykgPT4ge1xuICAgICAgZGlzcGF0Y2hUYWJsZUNvbHVtbnMoe1xuICAgICAgICB0eXBlOiAndG9nZ2xlJyxcbiAgICAgICAgcGF5bG9hZDoge1xuICAgICAgICAgIGNvbHVtbixcbiAgICAgICAgfSxcbiAgICAgIH0pXG4gICAgfSxcbiAgICBbZGlzcGF0Y2hUYWJsZUNvbHVtbnNdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8VGFibGVDb2x1bW5Db250ZXh0LlByb3ZpZGVyXG4gICAgICB2YWx1ZT17e1xuICAgICAgICBjb2x1bW5zOiB0YWJsZUNvbHVtbnMsXG4gICAgICAgIGRpc3BhdGNoVGFibGVDb2x1bW5zLFxuICAgICAgICBtb3ZlQ29sdW1uLFxuICAgICAgICBzZXRBY3RpdmVDb2x1bW5zLFxuICAgICAgICB0b2dnbGVDb2x1bW4sXG4gICAgICB9fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhYmxlQ29sdW1uQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuIl0sIm5hbWVzIjpbIlRhYmxlQ29sdW1uQ29udGV4dCIsIlRhYmxlQ29sdW1uc1Byb3ZpZGVyIiwidXNlVGFibGVDb2x1bW5zIiwiY3JlYXRlQ29udGV4dCIsInVzZUNvbnRleHQiLCJjZWxsUHJvcHMiLCJjaGlsZHJlbiIsImNvbGxlY3Rpb25TbHVnIiwiZW5hYmxlUm93U2VsZWN0aW9ucyIsImxpc3RQcmVmZXJlbmNlcyIsImNvbmZpZyIsInVzZUNvbmZpZyIsImNvbXBvbmVudE1hcCIsInVzZUNvbXBvbmVudE1hcCIsImZpZWxkTWFwIiwiY29sbGVjdGlvbnMiLCJjb2xsZWN0aW9uQ29uZmlnIiwiZmluZCIsInNsdWciLCJhZG1pbiIsImRlZmF1bHRDb2x1bW5zIiwidXNlQXNUaXRsZSIsInByZWZlcmVuY2VLZXkiLCJwcmV2Q29sbGVjdGlvbiIsInVzZVJlZiIsImhhc0luaXRpYWxpemVkIiwiZ2V0UHJlZmVyZW5jZSIsInNldFByZWZlcmVuY2UiLCJ1c2VQcmVmZXJlbmNlcyIsInRhYmxlQ29sdW1ucyIsImRpc3BhdGNoVGFibGVDb2x1bW5zIiwidXNlUmVkdWNlciIsImNvbHVtblJlZHVjZXIiLCJidWlsZENvbHVtbnMiLCJjb2x1bW5QcmVmZXJlbmNlcyIsImNvbHVtbnMiLCJ1c2VFZmZlY3QiLCJzeW5jIiwiY29sbGVjdGlvbkhhc0NoYW5nZWQiLCJjdXJyZW50IiwiY3VycmVudFByZWZlcmVuY2VzIiwidHlwZSIsInBheWxvYWQiLCJtYXAiLCJjIiwiYWNjZXNzb3IiLCJhY3RpdmUiLCJzZXRBY3RpdmVDb2x1bW5zIiwidXNlQ2FsbGJhY2siLCJtb3ZlQ29sdW1uIiwiYXJncyIsImZyb21JbmRleCIsInRvSW5kZXgiLCJ0b2dnbGVDb2x1bW4iLCJjb2x1bW4iLCJQcm92aWRlciIsInZhbHVlIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7O0lBd0JhQSxrQkFBa0I7ZUFBbEJBOztJQVFBQyxvQkFBb0I7ZUFBcEJBOztJQU5BQyxlQUFlO2VBQWZBOzs7K0RBdEJnRjtzQ0FNN0Q7d0JBQ047NkJBQ0s7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

package/dist/elements/Thumbnail/index.js

@@ -0,0 +1,89 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _File = /*#__PURE__*/ _interop_require_default(require("../../graphics/File"));
+const _useThumbnail = /*#__PURE__*/ _interop_require_default(require("../../hooks/useThumbnail"));
+require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const baseClass = 'thumbnail';
+const Thumbnail = (props)=>{
+    const { className = '', collectionSlug, doc: { filename } = {}, doc, fileSrc, imageCacheTag, size, uploadConfig } = props;
+    const thumbnailSRC = (0, _useThumbnail.default)(collectionSlug, uploadConfig, doc) || fileSrc;
+    const [src, setSrc] = (0, _react.useState)(thumbnailSRC);
+    const classes = [
+        baseClass,
+        `${baseClass}--size-${size || 'medium'}`,
+        className
+    ].join(' ');
+    (0, _react.useEffect)(()=>{
+        if (thumbnailSRC) {
+            setSrc(`${thumbnailSRC}${imageCacheTag ? `?${imageCacheTag}` : ''}`);
+        }
+    }, [
+        thumbnailSRC,
+        imageCacheTag
+    ]);
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: classes
+    }, src && /*#__PURE__*/ _react.default.createElement("img", {
+        alt: filename,
+        src: src
+    }), !src && /*#__PURE__*/ _react.default.createElement(_File.default, null));
+};
+const _default = Thumbnail;
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9UaHVtYm5haWwvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHR5cGUgeyBQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCBGaWxlR3JhcGhpYyBmcm9tICcuLi8uLi9ncmFwaGljcy9GaWxlJ1xuaW1wb3J0IHVzZVRodW1ibmFpbCBmcm9tICcuLi8uLi9ob29rcy91c2VUaHVtYm5haWwnXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ3RodW1ibmFpbCdcblxuY29uc3QgVGh1bWJuYWlsOiBSZWFjdC5GQzxQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgY29uc3Qge1xuICAgIGNsYXNzTmFtZSA9ICcnLFxuICAgIGNvbGxlY3Rpb25TbHVnLFxuICAgIGRvYzogeyBmaWxlbmFtZSB9ID0ge30sXG4gICAgZG9jLFxuICAgIGZpbGVTcmMsXG4gICAgaW1hZ2VDYWNoZVRhZyxcbiAgICBzaXplLFxuICAgIHVwbG9hZENvbmZpZyxcbiAgfSA9IHByb3BzXG5cbiAgY29uc3QgdGh1bWJuYWlsU1JDID0gdXNlVGh1bWJuYWlsKGNvbGxlY3Rpb25TbHVnLCB1cGxvYWRDb25maWcsIGRvYykgfHwgZmlsZVNyY1xuICBjb25zdCBbc3JjLCBzZXRTcmNdID0gdXNlU3RhdGUodGh1bWJuYWlsU1JDKVxuXG4gIGNvbnN0IGNsYXNzZXMgPSBbYmFzZUNsYXNzLCBgJHtiYXNlQ2xhc3N9LS1zaXplLSR7c2l6ZSB8fCAnbWVkaXVtJ31gLCBjbGFzc05hbWVdLmpvaW4oJyAnKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHRodW1ibmFpbFNSQykge1xuICAgICAgc2V0U3JjKGAke3RodW1ibmFpbFNSQ30ke2ltYWdlQ2FjaGVUYWcgPyBgPyR7aW1hZ2VDYWNoZVRhZ31gIDogJyd9YClcbiAgICB9XG4gIH0sIFt0aHVtYm5haWxTUkMsIGltYWdlQ2FjaGVUYWddKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzZXN9PlxuICAgICAge3NyYyAmJiA8aW1nIGFsdD17ZmlsZW5hbWUgYXMgc3RyaW5nfSBzcmM9e3NyY30gLz59XG4gICAgICB7IXNyYyAmJiA8RmlsZUdyYXBoaWMgLz59XG4gICAgPC9kaXY+XG4gIClcbn1cbmV4cG9ydCBkZWZhdWx0IFRodW1ibmFpbFxuIl0sIm5hbWVzIjpbImJhc2VDbGFzcyIsIlRodW1ibmFpbCIsInByb3BzIiwiY2xhc3NOYW1lIiwiY29sbGVjdGlvblNsdWciLCJkb2MiLCJmaWxlbmFtZSIsImZpbGVTcmMiLCJpbWFnZUNhY2hlVGFnIiwic2l6ZSIsInVwbG9hZENvbmZpZyIsInRodW1ibmFpbFNSQyIsInVzZVRodW1ibmFpbCIsInNyYyIsInNldFNyYyIsInVzZVN0YXRlIiwiY2xhc3NlcyIsImpvaW4iLCJ1c2VFZmZlY3QiLCJkaXYiLCJpbWciLCJhbHQiLCJGaWxlR3JhcGhpYyJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OytCQXlDQTs7O2VBQUE7OzsrREF4QzJDOzZEQUluQjtxRUFDQztRQUNsQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQSxZQUFZO0FBRWxCLE1BQU1DLFlBQTZCLENBQUNDO0lBQ2xDLE1BQU0sRUFDSkMsWUFBWSxFQUFFLEVBQ2RDLGNBQWMsRUFDZEMsS0FBSyxFQUFFQyxRQUFRLEVBQUUsR0FBRyxDQUFDLENBQUMsRUFDdEJELEdBQUcsRUFDSEUsT0FBTyxFQUNQQyxhQUFhLEVBQ2JDLElBQUksRUFDSkMsWUFBWSxFQUNiLEdBQUdSO0lBRUosTUFBTVMsZUFBZUMsSUFBQUEscUJBQVksRUFBQ1IsZ0JBQWdCTSxjQUFjTCxRQUFRRTtJQUN4RSxNQUFNLENBQUNNLEtBQUtDLE9BQU8sR0FBR0MsSUFBQUEsZUFBUSxFQUFDSjtJQUUvQixNQUFNSyxVQUFVO1FBQUNoQjtRQUFXLENBQUMsRUFBRUEsVUFBVSxPQUFPLEVBQUVTLFFBQVEsU0FBUyxDQUFDO1FBQUVOO0tBQVUsQ0FBQ2MsSUFBSSxDQUFDO0lBRXRGQyxJQUFBQSxnQkFBUyxFQUFDO1FBQ1IsSUFBSVAsY0FBYztZQUNoQkcsT0FBTyxDQUFDLEVBQUVILGFBQWEsRUFBRUgsZ0JBQWdCLENBQUMsQ0FBQyxFQUFFQSxjQUFjLENBQUMsR0FBRyxHQUFHLENBQUM7UUFDckU7SUFDRixHQUFHO1FBQUNHO1FBQWNIO0tBQWM7SUFFaEMscUJBQ0UsNkJBQUNXO1FBQUloQixXQUFXYTtPQUNiSCxxQkFBTyw2QkFBQ087UUFBSUMsS0FBS2Y7UUFBb0JPLEtBQUtBO1FBQzFDLENBQUNBLHFCQUFPLDZCQUFDUyxhQUFXO0FBRzNCO01BQ0EsV0FBZXJCIn0=

package/dist/elements/Thumbnail/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/dist/elements/ThumbnailCard/index.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ThumbnailCard", {
+    enumerable: true,
+    get: function() {
+        return ThumbnailCard;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _Translation = require("../../providers/Translation");
+const _formatDocTitle = require("../../utilities/formatDocTitle");
+const _Thumbnail = /*#__PURE__*/ _interop_require_default(require("../Thumbnail"));
+require("./index.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const baseClass = 'thumbnail-card';
+const ThumbnailCard = (props)=>{
+    const { alignLabel, className, collection, doc, label: labelFromProps, onClick, thumbnail } = props;
+    const { i18n, t } = (0, _Translation.useTranslation)();
+    const classes = [
+        baseClass,
+        className,
+        typeof onClick === 'function' && `${baseClass}--has-on-click`,
+        alignLabel && `${baseClass}--align-label-${alignLabel}`
+    ].filter(Boolean).join(' ');
+    let title = labelFromProps;
+    if (!title) {
+        title = (0, _formatDocTitle.formatDocTitle)({
+            doc,
+            i18n,
+            useAsTitle: collection?.admin?.useAsTitle
+        }) || doc?.filename || `[${t('general:untitled')}]`;
+    }
+    return /*#__PURE__*/ _react.default.createElement("button", {
+        className: classes,
+        onClick: onClick,
+        title: title,
+        type: "button"
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__thumbnail`
+    }, thumbnail && thumbnail, !thumbnail && collection && doc && /*#__PURE__*/ _react.default.createElement(_Thumbnail.default, {
+        doc: doc,
+        size: "expand"
+    })), /*#__PURE__*/ _react.default.createElement("div", {
+        className: `${baseClass}__label`
+    }, title));
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9UaHVtYm5haWxDYXJkL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCB0eXBlIHsgUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycy9UcmFuc2xhdGlvbidcbmltcG9ydCB7IGZvcm1hdERvY1RpdGxlIH0gZnJvbSAnLi4vLi4vdXRpbGl0aWVzL2Zvcm1hdERvY1RpdGxlJ1xuaW1wb3J0IFRodW1ibmFpbCBmcm9tICcuLi9UaHVtYm5haWwnXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ3RodW1ibmFpbC1jYXJkJ1xuXG5leHBvcnQgY29uc3QgVGh1bWJuYWlsQ2FyZDogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBhbGlnbkxhYmVsLFxuICAgIGNsYXNzTmFtZSxcbiAgICBjb2xsZWN0aW9uLFxuICAgIGRvYyxcbiAgICBsYWJlbDogbGFiZWxGcm9tUHJvcHMsXG4gICAgb25DbGljayxcbiAgICB0aHVtYm5haWwsXG4gIH0gPSBwcm9wc1xuXG4gIGNvbnN0IHsgaTE4biwgdCB9ID0gdXNlVHJhbnNsYXRpb24oKVxuXG4gIGNvbnN0IGNsYXNzZXMgPSBbXG4gICAgYmFzZUNsYXNzLFxuICAgIGNsYXNzTmFtZSxcbiAgICB0eXBlb2Ygb25DbGljayA9PT0gJ2Z1bmN0aW9uJyAmJiBgJHtiYXNlQ2xhc3N9LS1oYXMtb24tY2xpY2tgLFxuICAgIGFsaWduTGFiZWwgJiYgYCR7YmFzZUNsYXNzfS0tYWxpZ24tbGFiZWwtJHthbGlnbkxhYmVsfWAsXG4gIF1cbiAgICAuZmlsdGVyKEJvb2xlYW4pXG4gICAgLmpvaW4oJyAnKVxuXG4gIGxldCB0aXRsZSA9IGxhYmVsRnJvbVByb3BzXG5cbiAgaWYgKCF0aXRsZSkge1xuICAgIHRpdGxlID1cbiAgICAgIGZvcm1hdERvY1RpdGxlKHtcbiAgICAgICAgZG9jLFxuICAgICAgICBpMThuLFxuICAgICAgICB1c2VBc1RpdGxlOiBjb2xsZWN0aW9uPy5hZG1pbj8udXNlQXNUaXRsZSxcbiAgICAgIH0pIHx8XG4gICAgICAoZG9jPy5maWxlbmFtZSBhcyBzdHJpbmcpIHx8XG4gICAgICBgWyR7dCgnZ2VuZXJhbDp1bnRpdGxlZCcpfV1gXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxidXR0b24gY2xhc3NOYW1lPXtjbGFzc2VzfSBvbkNsaWNrPXtvbkNsaWNrfSB0aXRsZT17dGl0bGV9IHR5cGU9XCJidXR0b25cIj5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X190aHVtYm5haWxgfT5cbiAgICAgICAge3RodW1ibmFpbCAmJiB0aHVtYm5haWx9XG4gICAgICAgIHshdGh1bWJuYWlsICYmIGNvbGxlY3Rpb24gJiYgZG9jICYmIDxUaHVtYm5haWwgZG9jPXtkb2N9IHNpemU9XCJleHBhbmRcIiAvPn1cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2xhYmVsYH0+e3RpdGxlfTwvZGl2PlxuICAgIDwvYnV0dG9uPlxuICApXG59XG4iXSwibmFtZXMiOlsiVGh1bWJuYWlsQ2FyZCIsImJhc2VDbGFzcyIsInByb3BzIiwiYWxpZ25MYWJlbCIsImNsYXNzTmFtZSIsImNvbGxlY3Rpb24iLCJkb2MiLCJsYWJlbCIsImxhYmVsRnJvbVByb3BzIiwib25DbGljayIsInRodW1ibmFpbCIsImkxOG4iLCJ0IiwidXNlVHJhbnNsYXRpb24iLCJjbGFzc2VzIiwiZmlsdGVyIiwiQm9vbGVhbiIsImpvaW4iLCJ0aXRsZSIsImZvcm1hdERvY1RpdGxlIiwidXNlQXNUaXRsZSIsImFkbWluIiwiZmlsZW5hbWUiLCJidXR0b24iLCJ0eXBlIiwiZGl2IiwiVGh1bWJuYWlsIiwic2l6ZSJdLCJtYXBwaW5ncyI6Ijs7OzsrQkFXYUE7OztlQUFBQTs7OzhEQVhLOzZCQUlhO2dDQUNBO2tFQUNUO1FBQ2Y7Ozs7OztBQUVQLE1BQU1DLFlBQVk7QUFFWCxNQUFNRCxnQkFBaUMsQ0FBQ0U7SUFDN0MsTUFBTSxFQUNKQyxVQUFVLEVBQ1ZDLFNBQVMsRUFDVEMsVUFBVSxFQUNWQyxHQUFHLEVBQ0hDLE9BQU9DLGNBQWMsRUFDckJDLE9BQU8sRUFDUEMsU0FBUyxFQUNWLEdBQUdSO0lBRUosTUFBTSxFQUFFUyxJQUFJLEVBQUVDLENBQUMsRUFBRSxHQUFHQyxJQUFBQSwyQkFBYztJQUVsQyxNQUFNQyxVQUFVO1FBQ2RiO1FBQ0FHO1FBQ0EsT0FBT0ssWUFBWSxjQUFjLENBQUMsRUFBRVIsVUFBVSxjQUFjLENBQUM7UUFDN0RFLGNBQWMsQ0FBQyxFQUFFRixVQUFVLGNBQWMsRUFBRUUsV0FBVyxDQUFDO0tBQ3hELENBQ0VZLE1BQU0sQ0FBQ0MsU0FDUEMsSUFBSSxDQUFDO0lBRVIsSUFBSUMsUUFBUVY7SUFFWixJQUFJLENBQUNVLE9BQU87UUFDVkEsUUFDRUMsSUFBQUEsOEJBQWMsRUFBQztZQUNiYjtZQUNBSztZQUNBUyxZQUFZZixZQUFZZ0IsT0FBT0Q7UUFDakMsTUFDQ2QsS0FBS2dCLFlBQ04sQ0FBQyxDQUFDLEVBQUVWLEVBQUUsb0JBQW9CLENBQUMsQ0FBQztJQUNoQztJQUVBLHFCQUNFLDZCQUFDVztRQUFPbkIsV0FBV1U7UUFBU0wsU0FBU0E7UUFBU1MsT0FBT0E7UUFBT00sTUFBSztxQkFDL0QsNkJBQUNDO1FBQUlyQixXQUFXLENBQUMsRUFBRUgsVUFBVSxXQUFXLENBQUM7T0FDdENTLGFBQWFBLFdBQ2IsQ0FBQ0EsYUFBYUwsY0FBY0MscUJBQU8sNkJBQUNvQixrQkFBUztRQUFDcEIsS0FBS0E7UUFBS3FCLE1BQUs7dUJBRWhFLDZCQUFDRjtRQUFJckIsV0FBVyxDQUFDLEVBQUVILFVBQVUsT0FBTyxDQUFDO09BQUdpQjtBQUc5QyJ9

package/dist/elements/ThumbnailCard/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/dist/elements/Tooltip/index.js

@@ -0,0 +1,114 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Tooltip", {
+    enumerable: true,
+    get: function() {
+        return Tooltip;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _useIntersect = require("../../hooks/useIntersect");
+require("./index.scss");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const Tooltip = (props)=>{
+    const { alignCaret = 'center', boundingRef, children, className, delay = 350, show: showFromProps = true } = props;
+    const [show, setShow] = _react.default.useState(showFromProps);
+    const [position, setPosition] = _react.default.useState('top');
+    const getTitleAttribute = (content)=>typeof content === 'string' ? content : '';
+    const [ref, intersectionEntry] = (0, _useIntersect.useIntersect)({
+        root: boundingRef?.current || null,
+        rootMargin: '-145px 0px 0px 100px',
+        threshold: 0
+    });
+    (0, _react.useEffect)(()=>{
+        let timerId;
+        // do not use the delay on transition-out
+        if (delay && showFromProps) {
+            timerId = setTimeout(()=>{
+                setShow(showFromProps);
+            }, delay);
+        } else {
+            setShow(showFromProps);
+        }
+        return ()=>{
+            if (timerId) clearTimeout(timerId);
+        };
+    }, [
+        showFromProps,
+        delay
+    ]);
+    (0, _react.useEffect)(()=>{
+        setPosition(intersectionEntry?.isIntersecting ? 'top' : 'bottom');
+    }, [
+        intersectionEntry
+    ]);
+    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement("aside", {
+        "aria-hidden": "true",
+        className: [
+            'tooltip',
+            className,
+            `tooltip--caret-${alignCaret}`,
+            'tooltip--position-top'
+        ].filter(Boolean).join(' '),
+        ref: ref,
+        title: getTitleAttribute(children)
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: "tooltip-content"
+    }, children)), /*#__PURE__*/ _react.default.createElement("aside", {
+        className: [
+            'tooltip',
+            className,
+            show && 'tooltip--show',
+            `tooltip--caret-${alignCaret}`,
+            `tooltip--position-${position}`
+        ].filter(Boolean).join(' '),
+        title: getTitleAttribute(children)
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        className: "tooltip-content"
+    }, children)));
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9Ub29sdGlwL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHR5cGUgeyBQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCB7IHVzZUludGVyc2VjdCB9IGZyb20gJy4uLy4uL2hvb2tzL3VzZUludGVyc2VjdCdcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5leHBvcnQgY29uc3QgVG9vbHRpcDogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBhbGlnbkNhcmV0ID0gJ2NlbnRlcicsXG4gICAgYm91bmRpbmdSZWYsXG4gICAgY2hpbGRyZW4sXG4gICAgY2xhc3NOYW1lLFxuICAgIGRlbGF5ID0gMzUwLFxuICAgIHNob3c6IHNob3dGcm9tUHJvcHMgPSB0cnVlLFxuICB9ID0gcHJvcHNcblxuICBjb25zdCBbc2hvdywgc2V0U2hvd10gPSBSZWFjdC51c2VTdGF0ZShzaG93RnJvbVByb3BzKVxuICBjb25zdCBbcG9zaXRpb24sIHNldFBvc2l0aW9uXSA9IFJlYWN0LnVzZVN0YXRlPCdib3R0b20nIHwgJ3RvcCc+KCd0b3AnKVxuXG4gIGNvbnN0IGdldFRpdGxlQXR0cmlidXRlID0gKGNvbnRlbnQpID0+ICh0eXBlb2YgY29udGVudCA9PT0gJ3N0cmluZycgPyBjb250ZW50IDogJycpXG5cbiAgY29uc3QgW3JlZiwgaW50ZXJzZWN0aW9uRW50cnldID0gdXNlSW50ZXJzZWN0KHtcbiAgICByb290OiBib3VuZGluZ1JlZj8uY3VycmVudCB8fCBudWxsLFxuICAgIHJvb3RNYXJnaW46ICctMTQ1cHggMHB4IDBweCAxMDBweCcsXG4gICAgdGhyZXNob2xkOiAwLFxuICB9KVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgbGV0IHRpbWVySWQ6IE5vZGVKUy5UaW1lb3V0XG5cbiAgICAvLyBkbyBub3QgdXNlIHRoZSBkZWxheSBvbiB0cmFuc2l0aW9uLW91dFxuICAgIGlmIChkZWxheSAmJiBzaG93RnJvbVByb3BzKSB7XG4gICAgICB0aW1lcklkID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHNldFNob3coc2hvd0Zyb21Qcm9wcylcbiAgICAgIH0sIGRlbGF5KVxuICAgIH0gZWxzZSB7XG4gICAgICBzZXRTaG93KHNob3dGcm9tUHJvcHMpXG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmICh0aW1lcklkKSBjbGVhclRpbWVvdXQodGltZXJJZClcbiAgICB9XG4gIH0sIFtzaG93RnJvbVByb3BzLCBkZWxheV0pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRQb3NpdGlvbihpbnRlcnNlY3Rpb25FbnRyeT8uaXNJbnRlcnNlY3RpbmcgPyAndG9wJyA6ICdib3R0b20nKVxuICB9LCBbaW50ZXJzZWN0aW9uRW50cnldKVxuXG4gIHJldHVybiAoXG4gICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgPGFzaWRlXG4gICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgIGNsYXNzTmFtZT17Wyd0b29sdGlwJywgY2xhc3NOYW1lLCBgdG9vbHRpcC0tY2FyZXQtJHthbGlnbkNhcmV0fWAsICd0b29sdGlwLS1wb3NpdGlvbi10b3AnXVxuICAgICAgICAgIC5maWx0ZXIoQm9vbGVhbilcbiAgICAgICAgICAuam9pbignICcpfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgdGl0bGU9e2dldFRpdGxlQXR0cmlidXRlKGNoaWxkcmVuKX1cbiAgICAgID5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJ0b29sdGlwLWNvbnRlbnRcIj57Y2hpbGRyZW59PC9kaXY+XG4gICAgICA8L2FzaWRlPlxuXG4gICAgICA8YXNpZGVcbiAgICAgICAgY2xhc3NOYW1lPXtbXG4gICAgICAgICAgJ3Rvb2x0aXAnLFxuICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICBzaG93ICYmICd0b29sdGlwLS1zaG93JyxcbiAgICAgICAgICBgdG9vbHRpcC0tY2FyZXQtJHthbGlnbkNhcmV0fWAsXG4gICAgICAgICAgYHRvb2x0aXAtLXBvc2l0aW9uLSR7cG9zaXRpb259YCxcbiAgICAgICAgXVxuICAgICAgICAgIC5maWx0ZXIoQm9vbGVhbilcbiAgICAgICAgICAuam9pbignICcpfVxuICAgICAgICB0aXRsZT17Z2V0VGl0bGVBdHRyaWJ1dGUoY2hpbGRyZW4pfVxuICAgICAgPlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInRvb2x0aXAtY29udGVudFwiPntjaGlsZHJlbn08L2Rpdj5cbiAgICAgIDwvYXNpZGU+XG4gICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgKVxufVxuIl0sIm5hbWVzIjpbIlRvb2x0aXAiLCJwcm9wcyIsImFsaWduQ2FyZXQiLCJib3VuZGluZ1JlZiIsImNoaWxkcmVuIiwiY2xhc3NOYW1lIiwiZGVsYXkiLCJzaG93Iiwic2hvd0Zyb21Qcm9wcyIsInNldFNob3ciLCJSZWFjdCIsInVzZVN0YXRlIiwicG9zaXRpb24iLCJzZXRQb3NpdGlvbiIsImdldFRpdGxlQXR0cmlidXRlIiwiY29udGVudCIsInJlZiIsImludGVyc2VjdGlvbkVudHJ5IiwidXNlSW50ZXJzZWN0Iiwicm9vdCIsImN1cnJlbnQiLCJyb290TWFyZ2luIiwidGhyZXNob2xkIiwidXNlRWZmZWN0IiwidGltZXJJZCIsInNldFRpbWVvdXQiLCJjbGVhclRpbWVvdXQiLCJpc0ludGVyc2VjdGluZyIsIkZyYWdtZW50IiwiYXNpZGUiLCJhcmlhLWhpZGRlbiIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwidGl0bGUiLCJkaXYiXSwibWFwcGluZ3MiOiJBQUFBOzs7OzsrQkFRYUE7OztlQUFBQTs7OytEQVBvQjs4QkFJSjtRQUN0Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRUEsTUFBTUEsVUFBMkIsQ0FBQ0M7SUFDdkMsTUFBTSxFQUNKQyxhQUFhLFFBQVEsRUFDckJDLFdBQVcsRUFDWEMsUUFBUSxFQUNSQyxTQUFTLEVBQ1RDLFFBQVEsR0FBRyxFQUNYQyxNQUFNQyxnQkFBZ0IsSUFBSSxFQUMzQixHQUFHUDtJQUVKLE1BQU0sQ0FBQ00sTUFBTUUsUUFBUSxHQUFHQyxjQUFLLENBQUNDLFFBQVEsQ0FBQ0g7SUFDdkMsTUFBTSxDQUFDSSxVQUFVQyxZQUFZLEdBQUdILGNBQUssQ0FBQ0MsUUFBUSxDQUFtQjtJQUVqRSxNQUFNRyxvQkFBb0IsQ0FBQ0MsVUFBYSxPQUFPQSxZQUFZLFdBQVdBLFVBQVU7SUFFaEYsTUFBTSxDQUFDQyxLQUFLQyxrQkFBa0IsR0FBR0MsSUFBQUEsMEJBQVksRUFBQztRQUM1Q0MsTUFBTWhCLGFBQWFpQixXQUFXO1FBQzlCQyxZQUFZO1FBQ1pDLFdBQVc7SUFDYjtJQUVBQyxJQUFBQSxnQkFBUyxFQUFDO1FBQ1IsSUFBSUM7UUFFSix5Q0FBeUM7UUFDekMsSUFBSWxCLFNBQVNFLGVBQWU7WUFDMUJnQixVQUFVQyxXQUFXO2dCQUNuQmhCLFFBQVFEO1lBQ1YsR0FBR0Y7UUFDTCxPQUFPO1lBQ0xHLFFBQVFEO1FBQ1Y7UUFFQSxPQUFPO1lBQ0wsSUFBSWdCLFNBQVNFLGFBQWFGO1FBQzVCO0lBQ0YsR0FBRztRQUFDaEI7UUFBZUY7S0FBTTtJQUV6QmlCLElBQUFBLGdCQUFTLEVBQUM7UUFDUlYsWUFBWUksbUJBQW1CVSxpQkFBaUIsUUFBUTtJQUMxRCxHQUFHO1FBQUNWO0tBQWtCO0lBRXRCLHFCQUNFLDZCQUFDUCxjQUFLLENBQUNrQixRQUFRLHNCQUNiLDZCQUFDQztRQUNDQyxlQUFZO1FBQ1p6QixXQUFXO1lBQUM7WUFBV0E7WUFBVyxDQUFDLGVBQWUsRUFBRUgsV0FBVyxDQUFDO1lBQUU7U0FBd0IsQ0FDdkY2QixNQUFNLENBQUNDLFNBQ1BDLElBQUksQ0FBQztRQUNSakIsS0FBS0E7UUFDTGtCLE9BQU9wQixrQkFBa0JWO3FCQUV6Qiw2QkFBQytCO1FBQUk5QixXQUFVO09BQW1CRCwwQkFHcEMsNkJBQUN5QjtRQUNDeEIsV0FBVztZQUNUO1lBQ0FBO1lBQ0FFLFFBQVE7WUFDUixDQUFDLGVBQWUsRUFBRUwsV0FBVyxDQUFDO1lBQzlCLENBQUMsa0JBQWtCLEVBQUVVLFNBQVMsQ0FBQztTQUNoQyxDQUNFbUIsTUFBTSxDQUFDQyxTQUNQQyxJQUFJLENBQUM7UUFDUkMsT0FBT3BCLGtCQUFrQlY7cUJBRXpCLDZCQUFDK0I7UUFBSTlCLFdBQVU7T0FBbUJEO0FBSTFDIn0=

package/dist/elements/Tooltip/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9