payload 1.6.15 → 1.6.16

package/dist/admin/components/elements/ListDrawer/DrawerContent.js

@@ -43,33 +43,15 @@ const DocumentDrawer_1 = require("../DocumentDrawer");
 const Pill_1 = __importDefault(require("../Pill"));
 const X_1 = __importDefault(require("../../icons/X"));
 const ViewDescription_1 = __importDefault(require("../ViewDescription"));
-const getInitialColumns_1 = __importDefault(require("../../views/collections/List/getInitialColumns"));
-const buildColumns_1 = __importDefault(require("../../views/collections/List/buildColumns"));
 const formatFields_1 = __importDefault(require("../../views/collections/List/formatFields"));
 const Preferences_1 = require("../../utilities/Preferences");
 const _1 = require(".");
-const buildColumns = ({ collectionConfig, columns, onSelect, t, }) => (0, buildColumns_1.default)({
-    collection: collectionConfig,
-    columns,
-    t,
-    cellProps: [{
-            link: false,
-            onClick: ({ collection, rowData }) => {
-                if (typeof onSelect === 'function') {
-                    onSelect({
-                        docID: rowData.id,
-                        collectionConfig: collection,
-                    });
-                }
-            },
-            className: `${_1.baseClass}__first-cell`,
-        }],
-});
+const TableColumns_1 = require("../TableColumns");
 const ListDrawerContent = ({ drawerSlug, onSelect, customHeader, collectionSlugs, selectedCollection, filterOptions, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const { t, i18n } = (0, react_i18next_1.useTranslation)(['upload', 'general']);
     const { permissions } = (0, Auth_1.useAuth)();
-    const { getPreference, setPreference } = (0, Preferences_1.usePreferences)();
+    const { setPreference } = (0, Preferences_1.usePreferences)();
     const { isModalOpen, closeModal } = (0, modal_1.useModal)();
     const [limit, setLimit] = (0, react_1.useState)();
     const [sort, setSort] = (0, react_1.useState)(null);
@@ -84,15 +66,9 @@ const ListDrawerContent = ({ drawerSlug, onSelect, customHeader, collectionSlugs
     });
     const [selectedOption, setSelectedOption] = (0, react_1.useState)(() => (selectedCollectionConfig ? { label: (0, getTranslation_1.getTranslation)(selectedCollectionConfig.labels.singular, i18n), value: selectedCollectionConfig.slug } : undefined));
     const [fields, setFields] = (0, react_1.useState)(() => (0, formatFields_1.default)(selectedCollectionConfig, t));
-    const [tableColumns, setTableColumns] = (0, react_1.useState)(() => {
-        const initialColumns = (0, getInitialColumns_1.default)(fields, selectedCollectionConfig.admin.useAsTitle, selectedCollectionConfig.admin.defaultColumns);
-        return buildColumns({
-            collectionConfig: selectedCollectionConfig,
-            columns: initialColumns,
-            t,
-            onSelect,
-        });
-    });
+    (0, react_1.useEffect)(() => {
+        setFields((0, formatFields_1.default)(selectedCollectionConfig, t));
+    }, [selectedCollectionConfig, t]);
     // allow external control of selected collection, same as the initial state logic above
     (0, react_1.useEffect)(() => {
         if (selectedCollection) {
@@ -101,8 +77,6 @@ const ListDrawerContent = ({ drawerSlug, onSelect, customHeader, collectionSlugs
             setSelectedCollectionConfig(selectedConfig);
         }
     }, [selectedCollection, enabledCollectionConfigs, onSelect, t]);
-    const activeColumnNames = tableColumns.map(({ accessor }) => accessor);
-    const stringifiedActiveColumns = JSON.stringify(activeColumnNames);
     const preferenceKey = `${selectedCollectionConfig.slug}-list`;
     // this is the 'create new' drawer
     const [DocumentDrawer, DocumentDrawerToggler, { drawerSlug: documentDrawerSlug, },] = (0, DocumentDrawer_1.useDocumentDrawer)({
@@ -139,37 +113,13 @@ const ListDrawerContent = ({ drawerSlug, onSelect, customHeader, collectionSlugs
             params.cacheBust = cacheBust;
         setParams(params);
     }, [setParams, page, sort, where, limit, cacheBust, filterOptions, selectedCollectionConfig]);
-    (0, react_1.useEffect)(() => {
-        const syncColumnsFromPrefs = async () => {
-            const currentPreferences = await getPreference(preferenceKey);
-            const newFields = (0, formatFields_1.default)(selectedCollectionConfig, t);
-            setFields(newFields);
-            const initialColumns = (0, getInitialColumns_1.default)(newFields, selectedCollectionConfig.admin.useAsTitle, selectedCollectionConfig.admin.defaultColumns);
-            setTableColumns(buildColumns({
-                collectionConfig: selectedCollectionConfig,
-                columns: (currentPreferences === null || currentPreferences === void 0 ? void 0 : currentPreferences.columns) || initialColumns,
-                t,
-                onSelect,
-            }));
-        };
-        syncColumnsFromPrefs();
-    }, [t, getPreference, preferenceKey, onSelect, selectedCollectionConfig]);
     (0, react_1.useEffect)(() => {
         const newPreferences = {
             limit,
             sort,
-            columns: JSON.parse(stringifiedActiveColumns),
         };
         setPreference(preferenceKey, newPreferences);
-    }, [sort, limit, stringifiedActiveColumns, setPreference, preferenceKey]);
-    const setActiveColumns = (0, react_1.useCallback)((columns) => {
-        setTableColumns(buildColumns({
-            collectionConfig: selectedCollectionConfig,
-            columns,
-            t,
-            onSelect,
-        }));
-    }, [selectedCollectionConfig, t, onSelect]);
+    }, [sort, limit, setPreference, preferenceKey]);
     const onCreateNew = (0, react_1.useCallback)(({ doc }) => {
         if (typeof onSelect === 'function') {
             onSelect({
@@ -184,7 +134,18 @@ const ListDrawerContent = ({ drawerSlug, onSelect, customHeader, collectionSlugs
     if (!selectedCollectionConfig || isError) {
         return null;
     }
-    return (react_1.default.createElement(react_1.Fragment, null,
+    return (react_1.default.createElement(TableColumns_1.TableColumnsProvider, { collection: selectedCollectionConfig, cellProps: [{
+                link: false,
+                onClick: ({ collection: rowColl, rowData }) => {
+                    if (typeof onSelect === 'function') {
+                        onSelect({
+                            docID: rowData.id,
+                            collectionConfig: rowColl,
+                        });
+                    }
+                },
+                className: `${_1.baseClass}__first-cell`,
+            }] },
         react_1.default.createElement(DocumentInfo_1.DocumentInfoProvider, { collection: selectedCollectionConfig },
             react_1.default.createElement(RenderCustomComponent_1.default, { DefaultComponent: Default_1.default, CustomComponent: (_e = (_d = (_c = selectedCollectionConfig === null || selectedCollectionConfig === void 0 ? void 0 : selectedCollectionConfig.admin) === null || _c === void 0 ? void 0 : _c.components) === null || _d === void 0 ? void 0 : _d.views) === null || _e === void 0 ? void 0 : _e.List, componentProps: {
                     collection: {
@@ -209,12 +170,9 @@ const ListDrawerContent = ({ drawerSlug, onSelect, customHeader, collectionSlugs
                     data,
                     limit: limit || ((_j = (_h = selectedCollectionConfig === null || selectedCollectionConfig === void 0 ? void 0 : selectedCollectionConfig.admin) === null || _h === void 0 ? void 0 : _h.pagination) === null || _j === void 0 ? void 0 : _j.defaultLimit),
                     setLimit,
-                    tableColumns,
-                    setColumns: setActiveColumns,
                     setSort,
                     newDocumentURL: null,
                     hasCreatePermission,
-                    columnNames: activeColumnNames,
                     disableEyebrow: true,
                     modifySearchParams: false,
                     onCardClick: (doc) => {

package/dist/admin/components/elements/ListDrawer/DrawerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/ListDrawer/DrawerContent.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DrawerContent.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/ListDrawer/DrawerContent.tsx"],"names":[],"mappings":"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"}

package/dist/admin/components/elements/Pill/index.js

@@ -5,9 +5,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const react_router_dom_1 = require("react-router-dom");
+const useDraggableSortable_1 = require("../DraggableSortable/useDraggableSortable");
 require("./index.scss");
 const baseClass = 'pill';
-const Pill = ({ children, className, to, icon, alignIcon = 'right', onClick, pillStyle = 'light', }) => {
+const Pill = (props) => {
+    const { id, className, to, icon, alignIcon = 'right', onClick, pillStyle = 'light', draggable, children, } = props;
+    const { attributes, listeners, transform, setNodeRef, isDragging } = (0, useDraggableSortable_1.useDraggableSortable)({
+        id,
+    });
     const classes = [
         baseClass,
         `${baseClass}--style-${pillStyle}`,
@@ -16,13 +21,22 @@ const Pill = ({ children, className, to, icon, alignIcon = 'right', onClick, pil
         (to || onClick) && `${baseClass}--has-action`,
         icon && `${baseClass}--has-icon`,
         icon && `${baseClass}--align-icon-${alignIcon}`,
+        draggable && `${baseClass}--draggable`,
+        isDragging && `${baseClass}--is-dragging`,
     ].filter(Boolean).join(' ');
-    let RenderedType = 'div';
+    let Element = 'div';
     if (onClick && !to)
-        RenderedType = 'button';
+        Element = 'button';
     if (to)
-        RenderedType = react_router_dom_1.Link;
-    return (react_1.default.createElement(RenderedType, { className: classes, onClick: onClick, type: RenderedType === 'button' ? 'button' : undefined, to: to || undefined },
+        Element = react_router_dom_1.Link;
+    return (react_1.default.createElement(Element, { className: classes, type: Element === 'button' ? 'button' : undefined, to: to || undefined, ...draggable ? {
+            ...listeners,
+            ...attributes,
+            style: {
+                transform,
+            },
+            ref: setNodeRef,
+        } : {}, onClick: onClick },
         (icon && alignIcon === 'left') && (react_1.default.createElement(react_1.default.Fragment, null, icon)),
         children,
         (icon && alignIcon === 'right') && (react_1.default.createElement(react_1.default.Fragment, null, icon))));

package/dist/admin/components/elements/Pill/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Pill/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,uDAAwC;AAGxC,wBAAsB;AAEtB,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB,MAAM,IAAI,GAAoB,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,EAAE,EACF,IAAI,EACJ,SAAS,GAAG,OAAO,EACnB,OAAO,EACP,SAAS,GAAG,OAAO,GACpB,EAAE,EAAE;IACH,MAAM,OAAO,GAAG;QACd,SAAS;QACT,GAAG,SAAS,WAAW,SAAS,EAAE;QAClC,SAAS,IAAI,SAAS;QACtB,EAAE,IAAI,GAAG,SAAS,YAAY;QAC9B,CAAC,EAAE,IAAI,OAAO,CAAC,IAAI,GAAG,SAAS,cAAc;QAC7C,IAAI,IAAI,GAAG,SAAS,YAAY;QAChC,IAAI,IAAI,GAAG,SAAS,gBAAgB,SAAS,EAAE;KAChD,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,IAAI,YAAY,GAAyC,KAAK,CAAC;IAE/D,IAAI,OAAO,IAAI,CAAC,EAAE;QAAE,YAAY,GAAG,QAAQ,CAAC;IAC5C,IAAI,EAAE;QAAE,YAAY,GAAG,uBAAI,CAAC;IAE5B,OAAO,CACL,8BAAC,YAAY,IACX,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACtD,EAAE,EAAE,EAAE,IAAI,SAAS;QAElB,CAAC,IAAI,IAAI,SAAS,KAAK,MAAM,CAAC,IAAI,CACjC,8BAAC,eAAK,CAAC,QAAQ,QACZ,IAAI,CACU,CAClB;QACA,QAAQ;QACR,CAAC,IAAI,IAAI,SAAS,KAAK,OAAO,CAAC,IAAI,CAClC,8BAAC,eAAK,CAAC,QAAQ,QACZ,IAAI,CACU,CAClB,CACY,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Pill/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA2C;AAC3C,uDAAwC;AAExC,oFAAiF;AAEjF,wBAAsB;AAEtB,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB,MAAM,IAAI,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,EACJ,EAAE,EACF,SAAS,EACT,EAAE,EACF,IAAI,EACJ,SAAS,GAAG,OAAO,EACnB,OAAO,EACP,SAAS,GAAG,OAAO,EACnB,SAAS,EACT,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAA,2CAAoB,EAAC;QACxF,EAAE;KACH,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG;QACd,SAAS;QACT,GAAG,SAAS,WAAW,SAAS,EAAE;QAClC,SAAS,IAAI,SAAS;QACtB,EAAE,IAAI,GAAG,SAAS,YAAY;QAC9B,CAAC,EAAE,IAAI,OAAO,CAAC,IAAI,GAAG,SAAS,cAAc;QAC7C,IAAI,IAAI,GAAG,SAAS,YAAY;QAChC,IAAI,IAAI,GAAG,SAAS,gBAAgB,SAAS,EAAE;QAC/C,SAAS,IAAI,GAAG,SAAS,aAAa;QACtC,UAAU,IAAI,GAAG,SAAS,eAAe;KAC1C,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,IAAI,OAAO,GAA8C,KAAK,CAAC;IAE/D,IAAI,OAAO,IAAI,CAAC,EAAE;QAAE,OAAO,GAAG,QAAQ,CAAC;IACvC,IAAI,EAAE;QAAE,OAAO,GAAG,uBAAI,CAAC;IAEvB,OAAO,CACL,8BAAC,OAAO,IACN,SAAS,EAAE,OAAO,EAClB,IAAI,EAAE,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACjD,EAAE,EAAE,EAAE,IAAI,SAAS,KACf,SAAS,CAAC,CAAC,CAAC;YACd,GAAG,SAAS;YACZ,GAAG,UAAU;YACb,KAAK,EAAE;gBACL,SAAS;aACV;YACD,GAAG,EAAE,UAAU;SAChB,CAAC,CAAC,CAAC,EAAE,EACN,OAAO,EAAE,OAAO;QAEf,CAAC,IAAI,IAAI,SAAS,KAAK,MAAM,CAAC,IAAI,CACjC,8BAAC,eAAK,CAAC,QAAQ,QACZ,IAAI,CACU,CAClB;QACA,QAAQ;QACR,CAAC,IAAI,IAAI,SAAS,KAAK,OAAO,CAAC,IAAI,CAClC,8BAAC,eAAK,CAAC,QAAQ,QACZ,IAAI,CACU,CAClB,CACO,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC"}

package/dist/admin/components/elements/Pill/index.scss

@@ -3,18 +3,17 @@
 .pill {
   font-size: 1rem;
   line-height: base(1);
-  border: 0;
   display: inline-flex;
-  vertical-align: middle;
   background: var(--theme-elevation-150);
   color: var(--theme-elevation-800);
   border-radius: $style-radius-s;
-  padding: 0 base(.25);
-  padding-left: base(.0875 + .25);
   cursor: default;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  border: 0;
+  padding: 0 base(.25);
+  align-items: center;
 
   &:active,
   &:focus {
@@ -26,6 +25,10 @@
     text-decoration: none;
   }
 
+  &--is-dragging {
+    cursor: grabbing;
+  }
+
   &--has-icon {
     svg {
       display: block;
@@ -33,11 +36,11 @@
   }
 
   &--align-icon-left {
-    padding-left: base(.125);
+    padding-left: 0;
   }
 
   &--align-icon-right {
-    padding-right: base(.125);
+    padding-right: 0;
   }
 
   &--style-white {

package/dist/admin/components/elements/Pill/types.d.ts

@@ -7,6 +7,8 @@ export type Props = {
     alignIcon?: 'left' | 'right';
     onClick?: () => void;
     pillStyle?: 'white' | 'light' | 'dark' | 'light-gray' | 'warning' | 'success';
+    draggable?: boolean;
+    id?: string;
 };
 export type RenderedTypeProps = {
     children: React.ReactNode;

package/dist/admin/components/elements/ReactSelect/MultiValue/index.js

@@ -6,19 +6,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MultiValue = void 0;
 const react_1 = __importDefault(require("react"));
 const react_select_1 = require("react-select");
-const sortable_1 = require("@dnd-kit/sortable");
+const useDraggableSortable_1 = require("../../DraggableSortable/useDraggableSortable");
 require("./index.scss");
 const baseClass = 'multi-value';
 const MultiValue = (props) => {
     const { className, isDisabled, innerProps, data: { value, }, selectProps: { selectProps, selectProps: { disableMouseDown, }, }, } = props;
-    const { attributes, listeners, setNodeRef, transform } = (0, sortable_1.useSortable)({
-        id: value,
-    });
     const classes = [
         baseClass,
         className,
         !isDisabled && 'draggable',
     ].filter(Boolean).join(' ');
+    const { attributes, listeners, setNodeRef, transform, } = (0, useDraggableSortable_1.useDraggableSortable)({
+        id: value.toString(),
+    });
     return (react_1.default.createElement(react_select_1.components.MultiValue, { ...props, className: classes, innerProps: {
             ...innerProps,
             ref: setNodeRef,
@@ -30,9 +30,7 @@ const MultiValue = (props) => {
                 }
             },
             style: {
-                ...transform ? {
-                    transform: `translate3d(${transform.x}px, ${transform.y}px, 0)`,
-                } : {},
+                transform,
             },
         }, selectProps: {
             ...selectProps,

package/dist/admin/components/elements/ReactSelect/MultiValue/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/elements/ReactSelect/MultiValue/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAGsB;AACtB,gDAAgD;AAGhD,wBAAsB;AAEtB,MAAM,SAAS,GAAG,aAAa,CAAC;AAEzB,MAAM,UAAU,GAA0C,CAAC,KAAK,EAAE,EAAE;IACzE,MAAM,EACJ,SAAS,EACT,UAAU,EACV,UAAU,EACV,IAAI,EAAE,EACJ,KAAK,GACN,EACD,WAAW,EAAE,EACX,WAAW,EACX,WAAW,EAAE,EACX,gBAAgB,GACjB,GACF,GACF,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAA,sBAAW,EAAC;QACnE,EAAE,EAAE,KAAe;KACpB,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG;QACd,SAAS;QACT,SAAS;QACT,CAAC,UAAU,IAAI,WAAW;KAC3B,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,8BAAC,yBAAgB,CAAC,UAAU,OACtB,KAAK,EACT,SAAS,EAAE,OAAO,EAClB,UAAU,EAAE;YACV,GAAG,UAAU;YACb,GAAG,EAAE,UAAU;YACf,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;gBACjB,IAAI,CAAC,gBAAgB,EAAE;oBACrB,wJAAwJ;oBACxJ,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;iBACrB;YACH,CAAC;YACD,KAAK,EAAE;gBACL,GAAG,SAAS,CAAC,CAAC,CAAC;oBACb,SAAS,EAAE,eAAe,SAAS,CAAC,CAAC,OAAO,SAAS,CAAC,CAAC,QAAQ;iBAChE,CAAC,CAAC,CAAC,EAAE;aACP;SACF,EACD,WAAW,EAAE;YACX,GAAG,WAAW;YACd,yFAAyF;YACzF,cAAc,EAAE;gBACd,GAAG,UAAU;gBACb,GAAG,SAAS;aACb;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAxDW,QAAA,UAAU,cAwDrB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/admin/components/elements/ReactSelect/MultiValue/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAGsB;AACtB,uFAAoF;AAGpF,wBAAsB;AAEtB,MAAM,SAAS,GAAG,aAAa,CAAC;AAEzB,MAAM,UAAU,GAA0C,CAAC,KAAK,EAAE,EAAE;IACzE,MAAM,EACJ,SAAS,EACT,UAAU,EACV,UAAU,EACV,IAAI,EAAE,EACJ,KAAK,GACN,EACD,WAAW,EAAE,EACX,WAAW,EACX,WAAW,EAAE,EACX,gBAAgB,GACjB,GACF,GACF,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG;QACd,SAAS;QACT,SAAS;QACT,CAAC,UAAU,IAAI,WAAW;KAC3B,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,EACJ,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,GACV,GAAG,IAAA,2CAAoB,EAAC;QACvB,EAAE,EAAE,KAAK,CAAC,QAAQ,EAAE;KACrB,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,yBAAgB,CAAC,UAAU,OACtB,KAAK,EACT,SAAS,EAAE,OAAO,EAClB,UAAU,EAAE;YACV,GAAG,UAAU;YACb,GAAG,EAAE,UAAU;YACf,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;gBACjB,IAAI,CAAC,gBAAgB,EAAE;oBACrB,wJAAwJ;oBACxJ,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;iBACrB;YACH,CAAC;YACD,KAAK,EAAE;gBACL,SAAS;aACV;SACF,EACD,WAAW,EAAE;YACX,GAAG,WAAW;YACd,yFAAyF;YACzF,cAAc,EAAE;gBACd,GAAG,UAAU;gBACb,GAAG,SAAS;aACb;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AA3DW,QAAA,UAAU,cA2DrB"}

package/dist/admin/components/elements/ReactSelect/MultiValue/index.scss

@@ -7,9 +7,5 @@
     border: $style-stroke-width-s solid var(--theme-elevation-800);
     line-height: calc(#{$baseline} - #{$style-stroke-width-s * 2});
     margin: base(.25) base(.5) base(.25) 0;
-
-    &.draggable {
-      cursor: grab;
-    }
   }
 }

package/dist/admin/components/elements/ReactSelect/index.js

@@ -1,33 +1,9 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const core_1 = require("@dnd-kit/core");
+const react_1 = __importDefault(require("react"));
 const react_select_1 = __importDefault(require("react-select"));
 const react_i18next_1 = require("react-i18next");
 const sortable_1 = require("@dnd-kit/sortable");
@@ -40,10 +16,11 @@ const ValueContainer_1 = require("./ValueContainer");
 const ClearIndicator_1 = require("./ClearIndicator");
 const MultiValueRemove_1 = require("./MultiValueRemove");
 const Control_1 = require("./Control");
+const DraggableSortable_1 = __importDefault(require("../DraggableSortable"));
 require("./index.scss");
 const SelectAdapter = (props) => {
     const { t, i18n } = (0, react_i18next_1.useTranslation)();
-    const { className, showError, options, onChange, value, disabled = false, placeholder = t('general:selectValue'), isSearchable = true, isClearable = true, filterOption = undefined, isLoading, onMenuOpen, components, droppableRef, selectProps, } = props;
+    const { className, showError, options, onChange, value, disabled = false, placeholder = t('general:selectValue'), isSearchable = true, isClearable = true, filterOption = undefined, isLoading, onMenuOpen, components, selectProps, } = props;
     const classes = [
         className,
         'react-select',
@@ -51,7 +28,6 @@ const SelectAdapter = (props) => {
     ].filter(Boolean).join(' ');
     return (react_1.default.createElement(react_select_1.default, { isLoading: isLoading, placeholder: (0, getTranslation_1.getTranslation)(placeholder, i18n), captureMenuScroll: true, ...props, value: value, onChange: onChange, disabled: disabled ? 'disabled' : undefined, className: classes, classNamePrefix: "rs", options: options, isSearchable: isSearchable, isClearable: isClearable, filterOption: filterOption, onMenuOpen: onMenuOpen, selectProps: {
             ...selectProps,
-            droppableRef,
         }, components: {
             ValueContainer: ValueContainer_1.ValueContainer,
             SingleValue: SingleValue_1.SingleValue,
@@ -66,31 +42,17 @@ const SelectAdapter = (props) => {
 };
 const SortableSelect = (props) => {
     const { onChange, value, } = props;
-    const uuid = (0, react_1.useId)();
-    const { setNodeRef } = (0, core_1.useDroppable)({
-        id: uuid,
-    });
-    const onDragEnd = (0, react_1.useCallback)((event) => {
-        const { active, over } = event;
-        if (!active || !over)
-            return;
-        let sorted = value;
-        if (value && Array.isArray(value)) {
-            const oldIndex = value.findIndex((item) => item.value === active.id);
-            const newIndex = value.findIndex((item) => item.value === over.id);
-            sorted = (0, sortable_1.arrayMove)(value, oldIndex, newIndex);
-        }
-        onChange(sorted);
-    }, [onChange, value]);
-    const sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.PointerSensor), (0, core_1.useSensor)(core_1.KeyboardSensor, {
-        coordinateGetter: sortable_1.sortableKeyboardCoordinates,
-    }));
     let ids = [];
     if (value)
         ids = Array.isArray(value) ? value.map((item) => item === null || item === void 0 ? void 0 : item.value) : [value === null || value === void 0 ? void 0 : value.value]; // TODO: fix these types
-    return (react_1.default.createElement(core_1.DndContext, { onDragEnd: onDragEnd, sensors: sensors, collisionDetection: core_1.closestCenter },
-        react_1.default.createElement(sortable_1.SortableContext, { items: ids },
-            react_1.default.createElement(SelectAdapter, { ...props, droppableRef: setNodeRef }))));
+    return (react_1.default.createElement(DraggableSortable_1.default, { ids: ids, className: "react-select-container", onDragEnd: ({ moveFromIndex, moveToIndex }) => {
+            let sorted = value;
+            if (value && Array.isArray(value)) {
+                sorted = (0, sortable_1.arrayMove)(value, moveFromIndex, moveToIndex);
+            }
+            onChange(sorted);
+        } },
+        react_1.default.createElement(SelectAdapter, { ...props })));
 };
 const ReactSelect = (props) => {
     const { isMulti, isSortable, } = props;

package/dist/admin/components/elements/ReactSelect/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/ReactSelect/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/ReactSelect/index.tsx"],"names":[],"mappings":"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"}

package/dist/admin/components/elements/ReactSelect/index.scss

@@ -1,5 +1,9 @@
 @import '../../../scss/styles';
 
+.react-select-container {
+  width: 100%;
+}
+
 .react-select {
   .rs__control {
     @include formInput;

package/dist/admin/components/elements/ReactSelect/types.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'react';
+/// <reference types="react" />
 export type Option = {
     [key: string]: unknown;
     value: unknown;
@@ -8,7 +8,6 @@ export type OptionGroup = {
     options: Option[];
 };
 export type Props = {
-    droppableRef?: Ref<HTMLElement>;
     className?: string;
     value?: Option | Option[];
     onChange?: (value: any) => void;

package/dist/admin/components/elements/Table/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { Props } from './types';
 import './index.scss';
-declare const Table: React.FC<Props>;
+export declare const Table: React.FC<Props>;
 export default Table;

package/dist/admin/components/elements/Table/index.js

@@ -3,18 +3,28 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Table = void 0;
 const react_1 = __importDefault(require("react"));
+const TableColumns_1 = require("../TableColumns");
 require("./index.scss");
 const baseClass = 'table';
-const Table = ({ columns, data }) => {
-    if (columns && columns.length > 0) {
-        return (react_1.default.createElement("div", { className: baseClass },
-            react_1.default.createElement("table", { cellPadding: "0", cellSpacing: "0" },
-                react_1.default.createElement("thead", null,
-                    react_1.default.createElement("tr", null, columns.map((col, i) => (react_1.default.createElement("th", { key: i, id: `heading-${col.accessor}` }, col.components.Heading))))),
-                react_1.default.createElement("tbody", null, data && data.map((row, rowIndex) => (react_1.default.createElement("tr", { key: rowIndex, className: `row-${rowIndex + 1}` }, columns.map((col, colIndex) => (react_1.default.createElement("td", { key: colIndex, className: `cell-${col.accessor}` }, col.components.renderCell(row, row[col.accessor])))))))))));
+const Table = ({ data }) => {
+    const { columns, } = (0, TableColumns_1.useTableColumns)();
+    const activeColumns = columns.filter((col) => col.active);
+    if (!activeColumns || activeColumns.length === 0) {
+        return (react_1.default.createElement("div", null, "No columns selected"));
     }
-    return null;
+    return (react_1.default.createElement("div", { className: baseClass },
+        react_1.default.createElement("table", { cellPadding: "0", cellSpacing: "0" },
+            react_1.default.createElement("thead", null,
+                react_1.default.createElement("tr", null, activeColumns.map((col, i) => (react_1.default.createElement("th", { key: i, id: `heading-${col.accessor}` }, col.components.Heading))))),
+            react_1.default.createElement("tbody", null, data && data.map((row, rowIndex) => (react_1.default.createElement("tr", { key: rowIndex, className: `row-${rowIndex + 1}` }, columns.map((col, colIndex) => {
+                const { active } = col;
+                if (!active)
+                    return null;
+                return (react_1.default.createElement("td", { key: colIndex, className: `cell-${col.accessor}` }, col.components.renderCell(row, row[col.accessor])));
+            }))))))));
 };
-exports.default = Table;
+exports.Table = Table;
+exports.default = exports.Table;
 //# sourceMappingURL=index.js.map

package/dist/admin/components/elements/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Table/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAG1B,wBAAsB;AAEtB,MAAM,SAAS,GAAG,OAAO,CAAC;AAE1B,MAAM,KAAK,GAAoB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE;IACnD,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;QACjC,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS;YACvB,yCACE,WAAW,EAAC,GAAG,EACf,WAAW,EAAC,GAAG;gBAEf;oBACE,0CACG,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACvB,sCACE,GAAG,EAAE,CAAC,EACN,EAAE,EAAE,WAAW,GAAG,CAAC,QAAQ,EAAE,IAE5B,GAAG,CAAC,UAAU,CAAC,OAAO,CACpB,CACN,CAAC,CACC,CACC;gBACR,6CACG,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CACnC,sCACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,OAAO,QAAQ,GAAG,CAAC,EAAE,IAE/B,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAC9B,sCACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,QAAQ,GAAG,CAAC,QAAQ,EAAE,IAEhC,GAAG,CAAC,UAAU,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAC/C,CACN,CAAC,CACC,CACN,CAAC,CACI,CACF,CACJ,CACP,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AACF,kBAAe,KAAK,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/components/elements/Table/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,kDAAkD;AAElD,wBAAsB;AAEtB,MAAM,SAAS,GAAG,OAAO,CAAC;AAEnB,MAAM,KAAK,GAAoB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACjD,MAAM,EACJ,OAAO,GACR,GAAG,IAAA,8BAAe,GAAE,CAAC;IAEtB,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IAE1D,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;QAChD,OAAO,CACL,iEAEM,CACP,CAAC;KACH;IAED,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS;QACvB,yCACE,WAAW,EAAC,GAAG,EACf,WAAW,EAAC,GAAG;YAEf;gBACE,0CACG,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7B,sCACE,GAAG,EAAE,CAAC,EACN,EAAE,EAAE,WAAW,GAAG,CAAC,QAAQ,EAAE,IAE5B,GAAG,CAAC,UAAU,CAAC,OAAO,CACpB,CACN,CAAC,CACC,CACC;YACR,6CACG,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CACnC,sCACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,OAAO,QAAQ,GAAG,CAAC,EAAE,IAE/B,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE;gBAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC;gBAEvB,IAAI,CAAC,MAAM;oBAAE,OAAO,IAAI,CAAC;gBAEzB,OAAO,CACL,sCACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,QAAQ,GAAG,CAAC,QAAQ,EAAE,IAEhC,GAAG,CAAC,UAAU,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAC/C,CACN,CAAC;YACJ,CAAC,CAAC,CACC,CACN,CAAC,CACI,CACF,CACJ,CACP,CAAC;AACJ,CAAC,CAAC;AA3DW,QAAA,KAAK,SA2DhB;AAEF,kBAAe,aAAK,CAAC"}

package/dist/admin/components/elements/Table/types.d.ts

@@ -1,12 +1,15 @@
 import React from 'react';
+import { FieldBase } from '../../../../fields/config/types';
 export type Column = {
     accessor: string;
+    label: FieldBase['label'];
+    name: FieldBase['name'];
+    active: boolean;
     components: {
         Heading: React.ReactNode;
         renderCell: (row: any, data: any) => React.ReactNode;
     };
 };
 export type Props = {
-    columns: Column[];
     data: unknown[];
 };

package/dist/admin/components/elements/TableColumns/buildColumns.d.ts

@@ -0,0 +1,11 @@
+import type { TFunction } from 'react-i18next';
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+import { Column } from '../Table/types';
+import { Props as CellProps } from '../../views/collections/List/Cell/types';
+declare const buildColumns: ({ collection, columns, t, cellProps, }: {
+    collection: SanitizedCollectionConfig;
+    columns: Pick<Column, 'accessor' | 'active'>[];
+    t: TFunction;
+    cellProps?: Partial<CellProps>[];
+}) => Column[];
+export default buildColumns;