@websolutespa/payload-plugin-bowl 2.0.1 → 3.0.1

package/dist/components/DataTree/DataTreeProvider.js

@@ -0,0 +1,67 @@
+import { EventEmitter } from './EventEmitter';
+export class DataTreeProvider {
+    data;
+    onDidChangeTreeDataEmitter = new EventEmitter();
+    onSetData;
+    constructor(items, onSetData){
+        this.data = {
+            items: {
+                ...items
+            }
+        };
+        this.onSetData = onSetData;
+    }
+    async getTreeItem(itemId) {
+        // console.log('getTreeItem', itemId);
+        return this.data.items[itemId];
+    }
+    async onChangeItemChildren(itemId, children) {
+        // console.log('onChangeItemChildren', itemId);
+        /*
+    const items = { ...this.data.items };
+    const item = { ...items[itemId] };
+    item.children = [...children];
+    items[itemId] = item;
+    this.data = { items };
+    console.log(this.data);
+    */ this.data.items[itemId].children = children;
+        this.onItemsDidChange_(this.data.items);
+        this.onDidChangeTreeDataEmitter.emit([
+            itemId
+        ]);
+    }
+    async onRenameItem(item, name) {
+        // console.log('onRenameItem', item, name);
+        if (typeof this.onSetData === 'function') {
+            /*
+      const items = { ...this.data.items };
+      const newItem = { ...item };
+      items[item.index] = this.onSetData(newItem, {
+        ...newItem.data,
+        title: name
+      });
+      this.data = { items };
+      */ this.data.items[item.index] = this.onSetData(item, {
+                ...item.data,
+                title: name
+            });
+            this.onItemsDidChange_(this.data.items);
+        // this.onDidChangeTreeDataEmitter.emit(item.index);
+        }
+    }
+    onDidChangeTreeData(callback) {
+        // console.log('onDidChangeTreeData', callback);
+        const handlerId = this.onDidChangeTreeDataEmitter.on((payload)=>callback(payload));
+        return {
+            dispose: ()=>this.onDidChangeTreeDataEmitter.off(handlerId)
+        };
+    }
+    onItemsDidChange_(items) {
+        console.log('onItemsDidChange_', items);
+    }
+    onItemsDidChange(callback) {
+        this.onItemsDidChange_ = callback;
+    }
+}
+
+//# sourceMappingURL=DataTreeProvider.js.map

package/dist/components/DataTree/DataTreeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/DataTree/DataTreeProvider.ts"],"sourcesContent":["import { ReactNode } from 'react';\r\nimport { Disposable, ExplicitDataSource, TreeDataProvider, TreeItem, TreeItemIndex } from 'react-complex-tree';\r\nimport { EventEmitter } from './EventEmitter';\r\n\r\nexport type TreeItemData = {\r\n  title: string;\r\n  extra?: ReactNode;\r\n};\r\n\r\nexport class DataTreeProvider<T extends TreeItemData> implements TreeDataProvider {\r\n  private data: ExplicitDataSource;\r\n  private onDidChangeTreeDataEmitter = new EventEmitter<TreeItemIndex[]>();\r\n  private onSetData?: (item: TreeItem<T>, data: T) => TreeItem<T>;\r\n\r\n  constructor(\r\n    items: Record<TreeItemIndex, TreeItem<T>>,\r\n    onSetData?: (item: TreeItem<T>, data: T) => TreeItem<T>\r\n  ) {\r\n    this.data = { items: { ...items } };\r\n    this.onSetData = onSetData;\r\n  }\r\n\r\n  public async getTreeItem(itemId: TreeItemIndex): Promise<TreeItem> {\r\n    // console.log('getTreeItem', itemId);\r\n    return this.data.items[itemId]!;\r\n  }\r\n\r\n  public async onChangeItemChildren(\r\n    itemId: TreeItemIndex,\r\n    children: TreeItemIndex[]\r\n  ): Promise<void> {\r\n    // console.log('onChangeItemChildren', itemId);\r\n    /*\r\n    const items = { ...this.data.items };\r\n    const item = { ...items[itemId] };\r\n    item.children = [...children];\r\n    items[itemId] = item;\r\n    this.data = { items };\r\n    console.log(this.data);\r\n    */\r\n    this.data.items[itemId]!.children = children;\r\n    this.onItemsDidChange_(this.data.items);\r\n    this.onDidChangeTreeDataEmitter.emit([itemId]);\r\n  }\r\n\r\n  public async onRenameItem(item: TreeItem<T>, name: string): Promise<void> {\r\n    // console.log('onRenameItem', item, name);\r\n    if (typeof this.onSetData === 'function') {\r\n      /*\r\n      const items = { ...this.data.items };\r\n      const newItem = { ...item };\r\n      items[item.index] = this.onSetData(newItem, {\r\n        ...newItem.data,\r\n        title: name\r\n      });\r\n      this.data = { items };\r\n      */\r\n      this.data.items[item.index] = this.onSetData(item, {\r\n        ...item.data,\r\n        title: name,\r\n      });\r\n      this.onItemsDidChange_(this.data.items);\r\n      // this.onDidChangeTreeDataEmitter.emit(item.index);\r\n    }\r\n  }\r\n\r\n  public onDidChangeTreeData(callback: (changedItemIds: TreeItemIndex[]) => void): Disposable {\r\n    // console.log('onDidChangeTreeData', callback);\r\n    const handlerId = this.onDidChangeTreeDataEmitter.on(payload => callback(payload));\r\n    return {\r\n      dispose: () => this.onDidChangeTreeDataEmitter.off(handlerId),\r\n    };\r\n  }\r\n\r\n  public onItemsDidChange_(items: Record<TreeItemIndex, TreeItem<T>>): void {\r\n    console.log('onItemsDidChange_', items);\r\n  }\r\n\r\n  public onItemsDidChange(callback: (items: Record<TreeItemIndex, TreeItem<T>>) => void): void {\r\n    this.onItemsDidChange_ = callback;\r\n  }\r\n}\r\n"],"names":["EventEmitter","DataTreeProvider","data","onDidChangeTreeDataEmitter","onSetData","constructor","items","getTreeItem","itemId","onChangeItemChildren","children","onItemsDidChange_","emit","onRenameItem","item","name","index","title","onDidChangeTreeData","callback","handlerId","on","payload","dispose","off","console","log","onItemsDidChange"],"mappings":"AAEA,SAASA,YAAY,QAAQ,iBAAiB;AAO9C,OAAO,MAAMC;IACHC,KAAyB;IACzBC,6BAA6B,IAAIH,eAAgC;IACjEI,UAAwD;IAEhEC,YACEC,KAAyC,EACzCF,SAAuD,CACvD;QACA,IAAI,CAACF,IAAI,GAAG;YAAEI,OAAO;gBAAE,GAAGA,KAAK;YAAC;QAAE;QAClC,IAAI,CAACF,SAAS,GAAGA;IACnB;IAEA,MAAaG,YAAYC,MAAqB,EAAqB;QACjE,sCAAsC;QACtC,OAAO,IAAI,CAACN,IAAI,CAACI,KAAK,CAACE,OAAO;IAChC;IAEA,MAAaC,qBACXD,MAAqB,EACrBE,QAAyB,EACV;QACf,+CAA+C;QAC/C;;;;;;;IAOA,GACA,IAAI,CAACR,IAAI,CAACI,KAAK,CAACE,OAAO,CAAEE,QAAQ,GAAGA;QACpC,IAAI,CAACC,iBAAiB,CAAC,IAAI,CAACT,IAAI,CAACI,KAAK;QACtC,IAAI,CAACH,0BAA0B,CAACS,IAAI,CAAC;YAACJ;SAAO;IAC/C;IAEA,MAAaK,aAAaC,IAAiB,EAAEC,IAAY,EAAiB;QACxE,2CAA2C;QAC3C,IAAI,OAAO,IAAI,CAACX,SAAS,KAAK,YAAY;YACxC;;;;;;;;MAQA,GACA,IAAI,CAACF,IAAI,CAACI,KAAK,CAACQ,KAAKE,KAAK,CAAC,GAAG,IAAI,CAACZ,SAAS,CAACU,MAAM;gBACjD,GAAGA,KAAKZ,IAAI;gBACZe,OAAOF;YACT;YACA,IAAI,CAACJ,iBAAiB,CAAC,IAAI,CAACT,IAAI,CAACI,KAAK;QACtC,oDAAoD;QACtD;IACF;IAEOY,oBAAoBC,QAAmD,EAAc;QAC1F,gDAAgD;QAChD,MAAMC,YAAY,IAAI,CAACjB,0BAA0B,CAACkB,EAAE,CAACC,CAAAA,UAAWH,SAASG;QACzE,OAAO;YACLC,SAAS,IAAM,IAAI,CAACpB,0BAA0B,CAACqB,GAAG,CAACJ;QACrD;IACF;IAEOT,kBAAkBL,KAAyC,EAAQ;QACxEmB,QAAQC,GAAG,CAAC,qBAAqBpB;IACnC;IAEOqB,iBAAiBR,QAA6D,EAAQ;QAC3F,IAAI,CAACR,iBAAiB,GAAGQ;IAC3B;AACF"}

package/dist/components/DataTree/EventEmitter.js

@@ -0,0 +1,38 @@
+export class EventEmitter {
+    handlerCount = 0;
+    handlers = [];
+    options;
+    constructor(options){
+        this.options = options;
+    }
+    get numberOfHandlers() {
+        return this.handlers.filter((h)=>!!h).length;
+    }
+    async emit(payload) {
+        const promises = [];
+        this.options?.logger?.('emit', payload);
+        for (const handler of this.handlers){
+            if (handler) {
+                const res = handler(payload);
+                if (typeof res?.then === 'function') {
+                    promises.push(res);
+                }
+            }
+        }
+        await Promise.all(promises);
+    }
+    on(handler) {
+        this.options?.logger?.('on');
+        this.handlers.push(handler);
+        return this.handlerCount++;
+    }
+    off(handlerId) {
+        this.delete(handlerId);
+    }
+    delete(handlerId) {
+        this.options?.logger?.('off');
+        this.handlers[handlerId] = null;
+    }
+}
+
+//# sourceMappingURL=EventEmitter.js.map

package/dist/components/DataTree/EventEmitter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/DataTree/EventEmitter.ts"],"sourcesContent":["export interface EventEmitterOptions<EventPayload = any> {\r\n  logger?: (log: string, payload?: EventPayload) => void;\r\n}\r\n\r\nexport type EventHandler<EventPayload> =\r\n  | ((payload: EventPayload) => Promise<void> | void)\r\n  | null\r\n  | undefined;\r\n\r\nexport class EventEmitter<EventPayload> {\r\n  private handlerCount = 0;\r\n\r\n  private handlers: Array<EventHandler<EventPayload>> = [];\r\n\r\n  private options?: EventEmitterOptions<EventPayload>;\r\n\r\n  constructor(options?: EventEmitterOptions<EventPayload>) {\r\n    this.options = options;\r\n  }\r\n\r\n  public get numberOfHandlers() {\r\n    return this.handlers.filter(h => !!h).length;\r\n  }\r\n\r\n  public async emit(payload: EventPayload): Promise<void> {\r\n    const promises: Array<Promise<void>> = [];\r\n\r\n    this.options?.logger?.('emit', payload);\r\n\r\n    for (const handler of this.handlers) {\r\n      if (handler) {\r\n        const res = handler(payload) as Promise<void>;\r\n        if (typeof res?.then === 'function') {\r\n          promises.push(res);\r\n        }\r\n      }\r\n    }\r\n\r\n    await Promise.all(promises);\r\n  }\r\n\r\n  public on(handler: EventHandler<EventPayload>): number {\r\n    this.options?.logger?.('on');\r\n    this.handlers.push(handler);\r\n\r\n    return this.handlerCount++;\r\n  }\r\n\r\n  public off(handlerId: number) {\r\n    this.delete(handlerId);\r\n  }\r\n\r\n  public delete(handlerId: number) {\r\n    this.options?.logger?.('off');\r\n    this.handlers[handlerId] = null;\r\n  }\r\n}\r\n"],"names":["EventEmitter","handlerCount","handlers","options","constructor","numberOfHandlers","filter","h","length","emit","payload","promises","logger","handler","res","then","push","Promise","all","on","off","handlerId","delete"],"mappings":"AASA,OAAO,MAAMA;IACHC,eAAe,EAAE;IAEjBC,WAA8C,EAAE,CAAC;IAEjDC,QAA4C;IAEpDC,YAAYD,OAA2C,CAAE;QACvD,IAAI,CAACA,OAAO,GAAGA;IACjB;IAEA,IAAWE,mBAAmB;QAC5B,OAAO,IAAI,CAACH,QAAQ,CAACI,MAAM,CAACC,CAAAA,IAAK,CAAC,CAACA,GAAGC,MAAM;IAC9C;IAEA,MAAaC,KAAKC,OAAqB,EAAiB;QACtD,MAAMC,WAAiC,EAAE;QAEzC,IAAI,CAACR,OAAO,EAAES,SAAS,QAAQF;QAE/B,KAAK,MAAMG,WAAW,IAAI,CAACX,QAAQ,CAAE;YACnC,IAAIW,SAAS;gBACX,MAAMC,MAAMD,QAAQH;gBACpB,IAAI,OAAOI,KAAKC,SAAS,YAAY;oBACnCJ,SAASK,IAAI,CAACF;gBAChB;YACF;QACF;QAEA,MAAMG,QAAQC,GAAG,CAACP;IACpB;IAEOQ,GAAGN,OAAmC,EAAU;QACrD,IAAI,CAACV,OAAO,EAAES,SAAS;QACvB,IAAI,CAACV,QAAQ,CAACc,IAAI,CAACH;QAEnB,OAAO,IAAI,CAACZ,YAAY;IAC1B;IAEOmB,IAAIC,SAAiB,EAAE;QAC5B,IAAI,CAACC,MAAM,CAACD;IACd;IAEOC,OAAOD,SAAiB,EAAE;QAC/B,IAAI,CAAClB,OAAO,EAAES,SAAS;QACvB,IAAI,CAACV,QAAQ,CAACmB,UAAU,GAAG;IAC7B;AACF"}

package/dist/components/DataTree/useDataTree.js

@@ -0,0 +1,52 @@
+import { useState } from 'react';
+export function useDataTree(items) {
+    const [data, setData] = useState({
+        items
+    });
+    return {
+        getTreeItem: async (itemId)=>{
+            console.log('getTreeItem', itemId);
+            return data.items[itemId];
+        },
+        onChangeItemChildren: async (itemId, children)=>{
+            console.log('onChangeItemChildren', itemId);
+            const items = {
+                ...data.items
+            };
+            const item = {
+                ...items[itemId]
+            };
+            item.children = children;
+            items[itemId] = item;
+            setData({
+                items
+            });
+        // this.data.items[itemId].children = children;
+        // this.onItemsDidChange_(items);
+        // this.onDidChangeTreeDataEmitter.emit([itemId]);
+        },
+        onRenameItem: async (item, name)=>{
+            console.log('onRenameItem', item, name);
+            const items = {
+                ...data.items
+            };
+            const newItem = {
+                ...item
+            };
+            newItem.data = name;
+            items[item.index] = newItem;
+            setData({
+                items
+            });
+        // this.data.items[item.index] = this.setItemName(item, name);
+        // this.onItemsDidChange_(items);
+        // this.onDidChangeTreeDataEmitter.emit(item.index);
+        },
+        onDidChangeTreeData: (listener)=>{
+            console.log('onDidChangeTreeData', listener);
+            return null;
+        }
+    };
+}
+
+//# sourceMappingURL=useDataTree.js.map

package/dist/components/DataTree/useDataTree.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/DataTree/useDataTree.ts"],"sourcesContent":["import { useState } from 'react';\r\nimport { TreeDataProvider, TreeItem, TreeItemIndex } from 'react-complex-tree';\r\n\r\nexport function useDataTree<T = any>(items: Record<TreeItemIndex, TreeItem<T>>): TreeDataProvider {\r\n\r\n  const [data, setData] = useState({ items });\r\n\r\n  return {\r\n    getTreeItem: async (itemId: TreeItemIndex): Promise<TreeItem<T>> => {\r\n      console.log('getTreeItem', itemId);\r\n      return data.items[itemId]!;\r\n    },\r\n    onChangeItemChildren: async (itemId: TreeItemIndex, children: TreeItemIndex[]): Promise<void> => {\r\n      console.log('onChangeItemChildren', itemId);\r\n      const items = { ...data.items };\r\n      const item = { ...items[itemId]! };\r\n      item.children = children;\r\n      items[itemId] = item;\r\n      setData({ items });\r\n      // this.data.items[itemId].children = children;\r\n      // this.onItemsDidChange_(items);\r\n      // this.onDidChangeTreeDataEmitter.emit([itemId]);\r\n    },\r\n    onRenameItem: async (item: TreeItem<T>, name: string): Promise<void> => {\r\n      console.log('onRenameItem', item, name);\r\n      const items = { ...data.items };\r\n      const newItem = { ...item };\r\n      newItem.data = name as T;\r\n      items[item.index] = newItem;\r\n      setData({ items });\r\n      // this.data.items[item.index] = this.setItemName(item, name);\r\n      // this.onItemsDidChange_(items);\r\n      // this.onDidChangeTreeDataEmitter.emit(item.index);\r\n    },\r\n    onDidChangeTreeData: (listener: (changedItemIds: TreeItemIndex[]) => void) => {\r\n      console.log('onDidChangeTreeData', listener);\r\n      return null as any;\r\n    },\r\n  };\r\n}\r\n"],"names":["useState","useDataTree","items","data","setData","getTreeItem","itemId","console","log","onChangeItemChildren","children","item","onRenameItem","name","newItem","index","onDidChangeTreeData","listener"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,QAAQ;AAGjC,OAAO,SAASC,YAAqBC,KAAyC;IAE5E,MAAM,CAACC,MAAMC,QAAQ,GAAGJ,SAAS;QAAEE;IAAM;IAEzC,OAAO;QACLG,aAAa,OAAOC;YAClBC,QAAQC,GAAG,CAAC,eAAeF;YAC3B,OAAOH,KAAKD,KAAK,CAACI,OAAO;QAC3B;QACAG,sBAAsB,OAAOH,QAAuBI;YAClDH,QAAQC,GAAG,CAAC,wBAAwBF;YACpC,MAAMJ,QAAQ;gBAAE,GAAGC,KAAKD,KAAK;YAAC;YAC9B,MAAMS,OAAO;gBAAE,GAAGT,KAAK,CAACI,OAAO;YAAE;YACjCK,KAAKD,QAAQ,GAAGA;YAChBR,KAAK,CAACI,OAAO,GAAGK;YAChBP,QAAQ;gBAAEF;YAAM;QAChB,+CAA+C;QAC/C,iCAAiC;QACjC,kDAAkD;QACpD;QACAU,cAAc,OAAOD,MAAmBE;YACtCN,QAAQC,GAAG,CAAC,gBAAgBG,MAAME;YAClC,MAAMX,QAAQ;gBAAE,GAAGC,KAAKD,KAAK;YAAC;YAC9B,MAAMY,UAAU;gBAAE,GAAGH,IAAI;YAAC;YAC1BG,QAAQX,IAAI,GAAGU;YACfX,KAAK,CAACS,KAAKI,KAAK,CAAC,GAAGD;YACpBV,QAAQ;gBAAEF;YAAM;QAChB,8DAA8D;QAC9D,iCAAiC;QACjC,oDAAoD;QACtD;QACAc,qBAAqB,CAACC;YACpBV,QAAQC,GAAG,CAAC,uBAAuBS;YACnC,OAAO;QACT;IACF;AACF"}

package/dist/components/DecoratedList/DecoratedList.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { DefaultListView } from '@payloadcms/ui';
+import React from 'react';
+export const DecoratedList = ({ props, before, after })=>{
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            before && before,
+            /*#__PURE__*/ _jsx(DefaultListView, {
+                ...props
+            }),
+            after && after
+        ]
+    });
+};
+
+//# sourceMappingURL=DecoratedList.js.map

package/dist/components/DecoratedList/DecoratedList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/DecoratedList/DecoratedList.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { DefaultListView } from '@payloadcms/ui';\r\nimport type { ListViewClientProps } from 'payload';\r\nimport React, { ReactNode } from 'react';\r\n\r\nexport type DecoratedListProps = {\r\n  props: ListViewClientProps,\r\n  before?: ReactNode,\r\n  after?: ReactNode,\r\n};\r\n\r\nexport const DecoratedList: React.FC<DecoratedListProps> = ({ props, before, after }) => {\r\n  return (\r\n    <>\r\n      {before && before}\r\n      <DefaultListView {...props} />\r\n      {after && after}\r\n    </>\r\n  );\r\n};\r\n"],"names":["DefaultListView","React","DecoratedList","props","before","after"],"mappings":"AAAA;;AAEA,SAASA,eAAe,QAAQ,iBAAiB;AAEjD,OAAOC,WAA0B,QAAQ;AAQzC,OAAO,MAAMC,gBAA8C,CAAC,EAAEC,KAAK,EAAEC,MAAM,EAAEC,KAAK,EAAE;IAClF,qBACE;;YACGD,UAAUA;0BACX,KAACJ;gBAAiB,GAAGG,KAAK;;YACzBE,SAASA;;;AAGhB,EAAE"}

package/dist/components/IconServer/IconServer.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { LOGO } from '../LogoServer/LogoServer';
+import './IconServer.scss';
+export const IconServer = ()=>{
+    return /*#__PURE__*/ _jsx("div", {
+        className: "icon",
+        children: /*#__PURE__*/ _jsx("img", {
+            src: LOGO,
+            alt: "Bowl Logo"
+        })
+    });
+};
+
+//# sourceMappingURL=IconServer.js.map

package/dist/components/IconServer/IconServer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/IconServer/IconServer.tsx"],"sourcesContent":["import React from 'react';\r\nimport { LOGO } from '../LogoServer/LogoServer';\r\nimport './IconServer.scss';\r\n\r\nexport const IconServer: React.FC = () => {\r\n  return (\r\n    <div className=\"icon\">\r\n      <img src={LOGO} alt=\"Bowl Logo\" />\r\n    </div>\r\n  );\r\n};\r\n"],"names":["React","LOGO","IconServer","div","className","img","src","alt"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,IAAI,QAAQ,2BAA2B;AAChD,OAAO,oBAAoB;AAE3B,OAAO,MAAMC,aAAuB;IAClC,qBACE,KAACC;QAAIC,WAAU;kBACb,cAAA,KAACC;YAAIC,KAAKL;YAAMM,KAAI;;;AAG1B,EAAE"}

package/dist/components/IconServer/IconServer.scss

@@ -0,0 +1,14 @@
+.icon {
+  flex-shrink: 0;
+  width: 18px;
+  height: 18px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  img {
+    width: 18px;
+    height: 18px;
+    margin: auto;
+  }
+}

package/dist/components/ImportExport/ImportExportList.js

@@ -0,0 +1,91 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Modal, useConfig, useModal, useTranslation } from '@payloadcms/ui';
+import { getRouteResolver } from '@websolutespa/payload-utils';
+import React from 'react';
+import { DecoratedList } from '../DecoratedList/DecoratedList';
+import './ImportExportList.scss';
+import { ImportModal } from './ImportModal';
+const baseClass = 'import-export-list';
+export const ImportExportList = ({ parser, exampleCSV = '', ...props })=>{
+    // !!! check translations
+    const { t } = useTranslation();
+    const slug = props.collectionSlug;
+    const { config } = useConfig();
+    const routeResolver = getRouteResolver(config);
+    const exportUrl = routeResolver.api(`/${slug}/export`);
+    const { openModal, isModalOpen } = useModal();
+    const modalKey = `${slug}-import-modal`;
+    const isModalOpened = isModalOpen(modalKey);
+    const downloadExampleCSV = ()=>{
+        const element = document.createElement('a');
+        element.style.position = 'absolute';
+        const file = new Blob([
+            exampleCSV
+        ], {
+            type: 'text/plain'
+        });
+        element.href = URL.createObjectURL(file);
+        element.download = 'example.csv';
+        document.body.appendChild(element); // Required for this to work in FireFox
+        element.click();
+        element.remove();
+    };
+    return /*#__PURE__*/ _jsx(DecoratedList, {
+        props: props,
+        after: /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "gutter--left gutter--right import-export-list__actions",
+                    children: [
+                        /*#__PURE__*/ _jsx(Button, {
+                            className: "pill pill--style-light pill--has-link pill--has-action",
+                            onClick: ()=>openModal(modalKey),
+                            children: /*#__PURE__*/ _jsx("span", {
+                                children: t('importExport:importCSV')
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx("a", {
+                            className: "pill pill--style-light pill--has-link pill--has-action",
+                            href: exportUrl,
+                            download: `${slug}.csv`,
+                            children: /*#__PURE__*/ _jsx("span", {
+                                children: t('importExport:exportCSV')
+                            })
+                        }),
+                        exampleCSV && /*#__PURE__*/ _jsx(Button, {
+                            className: "pill pill--style-light pill--has-link pill--has-action",
+                            onClick: ()=>downloadExampleCSV(),
+                            children: /*#__PURE__*/ _jsx("span", {
+                                children: t('importExport:exampleCSV')
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(Modal, {
+                    slug: modalKey,
+                    className: `${baseClass}__modal`,
+                    children: isModalOpened && /*#__PURE__*/ _jsx(ImportModal, {
+                        parser: parser,
+                        slug: props.collectionSlug
+                    })
+                })
+            ]
+        })
+    });
+};
+export function importExportListWithParser(parser, exampleCSV) {
+    // console.log('importExportListWithParser', 'parser', parser);
+    const WithParserImportExportList = ({ ...props })=>{
+        return /*#__PURE__*/ _jsx(ImportExportList, {
+            parser: parser,
+            exampleCSV: exampleCSV,
+            ...props
+        });
+    };
+    // WithParserImportExportList.displayName = `WithParserImportExportList(${getDisplayName(WrappedComponent)})`;
+    WithParserImportExportList.displayName = 'WithParserImportExportList(ImportExportList)';
+    return WithParserImportExportList;
+}
+
+//# sourceMappingURL=ImportExportList.js.map

package/dist/components/ImportExport/ImportExportList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ImportExport/ImportExportList.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Button, Modal, useConfig, useModal, useTranslation } from '@payloadcms/ui';\r\nimport { getRouteResolver } from '@websolutespa/payload-utils';\r\nimport type { ListViewClientProps } from 'payload';\r\nimport React from 'react';\r\nimport { DecoratedList } from '../DecoratedList/DecoratedList';\r\nimport './ImportExportList.scss';\r\nimport { ImportModal } from './ImportModal';\r\nimport { IImportItem } from './types';\r\n\r\nconst baseClass = 'import-export-list';\r\n\r\nexport type ImportExportListProps<T = any> = ListViewClientProps & {\r\n  parser?: (items: IImportItem[]) => T[];\r\n  exampleCSV?: string;\r\n};\r\n\r\nexport const ImportExportList: React.FC<ImportExportListProps> = ({\r\n  parser,\r\n  exampleCSV = '',\r\n  ...props\r\n}) => {\r\n  // !!! check translations\r\n  const { t } = useTranslation<any, any>();\r\n\r\n  const slug = props.collectionSlug;\r\n\r\n  const { config } = useConfig();\r\n  const routeResolver = getRouteResolver(config);\r\n\r\n  const exportUrl = routeResolver.api(`/${slug}/export`);\r\n\r\n  const { openModal, isModalOpen } = useModal();\r\n  const modalKey = `${slug}-import-modal`;\r\n  const isModalOpened = isModalOpen(modalKey);\r\n\r\n  const downloadExampleCSV = () => {\r\n    const element = document.createElement('a');\r\n    element.style.position = 'absolute';\r\n    const file = new Blob([exampleCSV], {type: 'text/plain'});\r\n    element.href = URL.createObjectURL(file);\r\n    element.download = 'example.csv';\r\n    document.body.appendChild(element); // Required for this to work in FireFox\r\n    element.click();\r\n    element.remove();\r\n  };\r\n\r\n  return (\r\n    <DecoratedList props={props}\r\n      after={(\r\n        <>\r\n          {(\r\n            <div className=\"gutter--left gutter--right import-export-list__actions\">\r\n              <Button className=\"pill pill--style-light pill--has-link pill--has-action\" onClick={() => openModal(modalKey)}>\r\n                <span>{t('importExport:importCSV')}</span>\r\n              </Button>\r\n              <a className=\"pill pill--style-light pill--has-link pill--has-action\" href={exportUrl} download={`${slug}.csv`}>\r\n                <span>{t('importExport:exportCSV')}</span>\r\n              </a>\r\n              {exampleCSV && (\r\n                <Button className=\"pill pill--style-light pill--has-link pill--has-action\" onClick={() => downloadExampleCSV()}>\r\n                  <span>{t('importExport:exampleCSV')}</span>\r\n                </Button>\r\n              )}\r\n            </div>\r\n          )}\r\n          <Modal slug={modalKey} className={`${baseClass}__modal`}>\r\n            {isModalOpened && (\r\n              <ImportModal parser={parser} slug={props.collectionSlug} />\r\n            )}\r\n          </Modal>\r\n        </>\r\n      )}\r\n    />\r\n  );\r\n};\r\n\r\nexport function importExportListWithParser<T>(\r\n  parser: (items: IImportItem[]) => T[],\r\n  exampleCSV?: string\r\n) {\r\n  // console.log('importExportListWithParser', 'parser', parser);\r\n  const WithParserImportExportList: React.FC<ListViewClientProps> = ({\r\n    ...props\r\n  }) => {\r\n    return (\r\n      <ImportExportList parser={parser} exampleCSV={exampleCSV} {...props} />\r\n    );\r\n  };\r\n  // WithParserImportExportList.displayName = `WithParserImportExportList(${getDisplayName(WrappedComponent)})`;\r\n  WithParserImportExportList.displayName = 'WithParserImportExportList(ImportExportList)';\r\n  return WithParserImportExportList;\r\n}\r\n"],"names":["Button","Modal","useConfig","useModal","useTranslation","getRouteResolver","React","DecoratedList","ImportModal","baseClass","ImportExportList","parser","exampleCSV","props","t","slug","collectionSlug","config","routeResolver","exportUrl","api","openModal","isModalOpen","modalKey","isModalOpened","downloadExampleCSV","element","document","createElement","style","position","file","Blob","type","href","URL","createObjectURL","download","body","appendChild","click","remove","after","div","className","onClick","span","a","importExportListWithParser","WithParserImportExportList","displayName"],"mappings":"AAAA;;AAEA,SAASA,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,cAAc,QAAQ,iBAAiB;AACpF,SAASC,gBAAgB,QAAQ,8BAA8B;AAE/D,OAAOC,WAAW,QAAQ;AAC1B,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,OAAO,0BAA0B;AACjC,SAASC,WAAW,QAAQ,gBAAgB;AAG5C,MAAMC,YAAY;AAOlB,OAAO,MAAMC,mBAAoD,CAAC,EAChEC,MAAM,EACNC,aAAa,EAAE,EACf,GAAGC,OACJ;IACC,yBAAyB;IACzB,MAAM,EAAEC,CAAC,EAAE,GAAGV;IAEd,MAAMW,OAAOF,MAAMG,cAAc;IAEjC,MAAM,EAAEC,MAAM,EAAE,GAAGf;IACnB,MAAMgB,gBAAgBb,iBAAiBY;IAEvC,MAAME,YAAYD,cAAcE,GAAG,CAAC,CAAC,CAAC,EAAEL,KAAK,OAAO,CAAC;IAErD,MAAM,EAAEM,SAAS,EAAEC,WAAW,EAAE,GAAGnB;IACnC,MAAMoB,WAAW,CAAC,EAAER,KAAK,aAAa,CAAC;IACvC,MAAMS,gBAAgBF,YAAYC;IAElC,MAAME,qBAAqB;QACzB,MAAMC,UAAUC,SAASC,aAAa,CAAC;QACvCF,QAAQG,KAAK,CAACC,QAAQ,GAAG;QACzB,MAAMC,OAAO,IAAIC,KAAK;YAACpB;SAAW,EAAE;YAACqB,MAAM;QAAY;QACvDP,QAAQQ,IAAI,GAAGC,IAAIC,eAAe,CAACL;QACnCL,QAAQW,QAAQ,GAAG;QACnBV,SAASW,IAAI,CAACC,WAAW,CAACb,UAAU,uCAAuC;QAC3EA,QAAQc,KAAK;QACbd,QAAQe,MAAM;IAChB;IAEA,qBACE,KAAClC;QAAcM,OAAOA;QACpB6B,qBACE;;8BAEI,MAACC;oBAAIC,WAAU;;sCACb,KAAC5C;4BAAO4C,WAAU;4BAAyDC,SAAS,IAAMxB,UAAUE;sCAClG,cAAA,KAACuB;0CAAMhC,EAAE;;;sCAEX,KAACiC;4BAAEH,WAAU;4BAAyDV,MAAMf;4BAAWkB,UAAU,CAAC,EAAEtB,KAAK,IAAI,CAAC;sCAC5G,cAAA,KAAC+B;0CAAMhC,EAAE;;;wBAEVF,4BACC,KAACZ;4BAAO4C,WAAU;4BAAyDC,SAAS,IAAMpB;sCACxF,cAAA,KAACqB;0CAAMhC,EAAE;;;;;8BAKjB,KAACb;oBAAMc,MAAMQ;oBAAUqB,WAAW,CAAC,EAAEnC,UAAU,OAAO,CAAC;8BACpDe,+BACC,KAAChB;wBAAYG,QAAQA;wBAAQI,MAAMF,MAAMG,cAAc;;;;;;AAOrE,EAAE;AAEF,OAAO,SAASgC,2BACdrC,MAAqC,EACrCC,UAAmB;IAEnB,+DAA+D;IAC/D,MAAMqC,6BAA4D,CAAC,EACjE,GAAGpC,OACJ;QACC,qBACE,KAACH;YAAiBC,QAAQA;YAAQC,YAAYA;YAAa,GAAGC,KAAK;;IAEvE;IACA,8GAA8G;IAC9GoC,2BAA2BC,WAAW,GAAG;IACzC,OAAOD;AACT"}

package/dist/components/ImportExport/ImportExportList.scss

@@ -0,0 +1,70 @@
+@use "sass:math";
+
+.import-export-list {
+  padding-top: 0.4807692308rem;
+  padding-bottom: 0.4807692308rem;
+  color: var(--theme-elevation-400);
+  transform: translateY(-1.9230769231rem);
+
+  &__actions {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    column-gap: 10px;
+    margin-top: -3.8461538462rem;
+    margin-bottom: 3.8461538462rem;
+
+    .btn {
+      margin: 0;
+    }
+
+    svg {
+      fill: currentColor;
+    }
+  }
+
+  &__modal {
+
+    &:before,
+    &:after {
+      content: " ";
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      pointer-events: none;
+    }
+
+    &:before {
+      background: var(--theme-bg);
+      opacity: 0.85;
+    }
+
+    &:after {
+      backdrop-filter: blur(5px);
+    }
+
+    .template-minimal {
+      display: flex;
+      width: 100%;
+      justify-content: center;
+      align-items: center;
+      padding: 1.9230769231rem;
+      margin-left: auto;
+      margin-right: auto;
+      min-height: 100%;
+      min-height: 100vh;
+      z-index: 1;
+      position: relative;
+
+      /*
+      &__wrap {
+        padding: 20px;
+        border-radius: 4px;
+        background: var(--theme-bg);
+      }
+      */
+    }
+  }
+}

package/dist/components/ImportExport/ImportExportRedirect.js

@@ -0,0 +1,142 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Modal, useConfig, useModal, useTranslation } from '@payloadcms/ui';
+import { getRouteResolver } from '@websolutespa/payload-utils';
+import React from 'react';
+import './ImportExportList.scss';
+import { ImportModal } from './ImportModal';
+export const redirectParser = (items)=>{
+    const parsedItems = [];
+    // console.log('redirectParser', 'items', items);
+    const prefixedItems = items.map((item)=>{
+        const prefixedItem = {
+            ...item
+        };
+        if (prefixedItem.from && typeof prefixedItem.from === 'string' && prefixedItem.to && typeof prefixedItem.to === 'string') {
+            const from = prefixedItem.from.split('/');
+            const to = prefixedItem.to.split('/');
+            const match = [];
+            const fromLength = from.length;
+            const toLength = to.length;
+            const min = Math.min(fromLength, toLength);
+            // const max = Math.max(fromLength, toLength);
+            // const diff = max - min;
+            for(let i = 0; i < min; i++){
+                const a = from[fromLength - 1 - i];
+                const b = to[toLength - 1 - i];
+                if (a === b && !a.match(/[*(.:]/g)) {
+                    match.unshift(a);
+                } else {
+                    i = min;
+                }
+            }
+            const matchedText = match.join('/');
+            const matchedLength = matchedText.length;
+            // console.log('match', matchedText);
+            prefixedItem.fromPrefix = prefixedItem.from.substring(0, prefixedItem.from.length - matchedLength);
+            prefixedItem.toPrefix = prefixedItem.to.substring(0, prefixedItem.to.length - matchedLength);
+        // console.log(prefixedItem.fromPrefix, prefixedItem.toPrefix);
+        }
+        return prefixedItem;
+    });
+    prefixedItems.forEach((a)=>{
+        const nextPrefix = prefixedItems.find((b)=>b !== a && a.fromPrefix === b.fromPrefix);
+        if (nextPrefix) {
+            const fromPrefix = a.fromPrefix + '*';
+            if (!parsedItems.find((x)=>x.from === fromPrefix)) {
+                const toPrefix = a.toPrefix + '*';
+                parsedItems.push({
+                    ...a,
+                    from: fromPrefix,
+                    to: toPrefix
+                });
+            }
+        } else {
+            parsedItems.push(a);
+        }
+    });
+    prefixedItems.sort((a, b)=>{
+        if (a.from && typeof a.from === 'string' && b.from && typeof b.from === 'string') {
+            return b.from.split('/').length - a.from.split('/').length;
+        } else {
+            return 0;
+        }
+    });
+    // console.log('redirectParser', 'parsedItems', parsedItems);
+    return parsedItems;
+};
+const exampleCSV = `from,to,status
+https://www.mydomain.com/some-path-to-redirect,https://www.mydomain.com/a-new-redirect-path,301
+https://www.mydomain.com/some-path-to-redirect-temporarily,https://www.mydomain.com/a-new-redirect-path,307
+https://www.mydomain.com/some-path-to-redirect-found-temporarily,https://www.mydomain.com/a-new-redirect-path,302
+https://www.mydomain.com/some-path-to-redirect-gone,,410
+https://www.mydomain.com/some-path-to-redirect-with-catchall/*,https://www.mydomain.com/a-new-redirect-path,301
+https://www.mydomain.com/some-path-to-redirect-with-catchall/*,https://www.mydomain.com/a-new-redirect-path-with-catchall/*,301`;
+export const ImportExportRedirect = (props)=>{
+    const { t } = useTranslation();
+    const { openModal, isModalOpen } = useModal();
+    const { config } = useConfig();
+    const slug = props.collectionSlug;
+    /*
+  const { collections } = config;
+  const collection = collections.find(x => x.slug === slug);
+  */ const routeResolver = getRouteResolver(config);
+    const exportUrl = routeResolver.api(`/${slug}/export`);
+    const modalKey = `${slug}-import-modal`;
+    const isModalOpened = isModalOpen(modalKey);
+    const downloadExampleCSV = ()=>{
+        const element = document.createElement('a');
+        element.style.position = 'absolute';
+        const file = new Blob([
+            exampleCSV
+        ], {
+            type: 'text/plain'
+        });
+        element.href = URL.createObjectURL(file);
+        element.download = 'example.csv';
+        document.body.appendChild(element); // Required for this to work in FireFox
+        element.click();
+        element.remove();
+    };
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "gutter--left gutter--right import-export-list__actions",
+                children: [
+                    /*#__PURE__*/ _jsx(Button, {
+                        className: "pill pill--style-light pill--size-small list-controls__toggle-columns pill--has-action pill--has-icon pill--align-icon-right",
+                        onClick: ()=>openModal(modalKey),
+                        children: /*#__PURE__*/ _jsx("span", {
+                            children: t('importExport:importCSV')
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("a", {
+                        className: "pill pill--style-light pill--size-small list-controls__toggle-columns pill--has-action pill--has-icon pill--align-icon-right",
+                        href: exportUrl,
+                        download: `${slug}.csv`,
+                        children: /*#__PURE__*/ _jsx("span", {
+                            children: t('importExport:exportCSV')
+                        })
+                    }),
+                    exampleCSV && /*#__PURE__*/ _jsx(Button, {
+                        className: "pill pill--style-light pill--has-link pill--has-action",
+                        onClick: ()=>downloadExampleCSV(),
+                        children: /*#__PURE__*/ _jsx("span", {
+                            children: t('importExport:exampleCSV')
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(Modal, {
+                slug: modalKey,
+                className: "import-export-list__modal",
+                children: isModalOpened && /*#__PURE__*/ _jsx(ImportModal, {
+                    parser: redirectParser,
+                    slug: slug
+                })
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=ImportExportRedirect.js.map

package/dist/components/ImportExport/ImportExportRedirect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ImportExport/ImportExportRedirect.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Button, Modal, useConfig, useModal, useTranslation } from '@payloadcms/ui';\r\nimport { getRouteResolver } from '@websolutespa/payload-utils';\r\nimport type { AfterListClientProps } from 'payload';\r\nimport React from 'react';\r\nimport './ImportExportList.scss';\r\nimport { ImportModal } from './ImportModal';\r\nimport { IImportItem } from './types';\r\n\r\nexport const redirectParser = (items: IImportItem[]) => {\r\n  const parsedItems: IImportItem[] = [];\r\n  // console.log('redirectParser', 'items', items);\r\n  const prefixedItems = items.map(item => {\r\n    const prefixedItem = { ...item };\r\n    if (\r\n      prefixedItem.from && typeof prefixedItem.from === 'string' &&\r\n      prefixedItem.to && typeof prefixedItem.to === 'string'\r\n    ) {\r\n      const from = prefixedItem.from.split('/');\r\n      const to = prefixedItem.to.split('/');\r\n      const match = [];\r\n      const fromLength = from.length;\r\n      const toLength = to.length;\r\n      const min = Math.min(fromLength, toLength);\r\n      // const max = Math.max(fromLength, toLength);\r\n      // const diff = max - min;\r\n      for (let i = 0; i < min; i++) {\r\n        const a = from[fromLength - 1 - i]!;\r\n        const b = to[toLength - 1 - i];\r\n        if (a === b && !a.match(/[*(.:]/g)) {\r\n          match.unshift(a);\r\n        } else {\r\n          i = min;\r\n        }\r\n      }\r\n      const matchedText = match.join('/');\r\n      const matchedLength = matchedText.length;\r\n      // console.log('match', matchedText);\r\n      prefixedItem.fromPrefix = prefixedItem.from.substring(0, prefixedItem.from.length - matchedLength);\r\n      prefixedItem.toPrefix = prefixedItem.to.substring(0, prefixedItem.to.length - matchedLength);\r\n      // console.log(prefixedItem.fromPrefix, prefixedItem.toPrefix);\r\n    }\r\n    return prefixedItem;\r\n  });\r\n  prefixedItems.forEach(a => {\r\n    const nextPrefix = prefixedItems.find(b => b !== a && a.fromPrefix === b.fromPrefix);\r\n    if (nextPrefix) {\r\n      const fromPrefix = a.fromPrefix + '*';\r\n      if (!parsedItems.find(x => x.from === fromPrefix)) {\r\n        const toPrefix = a.toPrefix + '*';\r\n        parsedItems.push({\r\n          ...a,\r\n          from: fromPrefix,\r\n          to: toPrefix,\r\n        });\r\n      }\r\n    } else {\r\n      parsedItems.push(a);\r\n    }\r\n  });\r\n  prefixedItems.sort((a, b) => {\r\n    if (\r\n      a.from && typeof a.from === 'string' &&\r\n      b.from && typeof b.from === 'string'\r\n    ) {\r\n      return b.from.split('/').length - a.from.split('/').length;\r\n    } else {\r\n      return 0;\r\n    }\r\n  });\r\n  // console.log('redirectParser', 'parsedItems', parsedItems);\r\n  return parsedItems;\r\n};\r\n\r\nconst exampleCSV = `from,to,status\r\nhttps://www.mydomain.com/some-path-to-redirect,https://www.mydomain.com/a-new-redirect-path,301\r\nhttps://www.mydomain.com/some-path-to-redirect-temporarily,https://www.mydomain.com/a-new-redirect-path,307\r\nhttps://www.mydomain.com/some-path-to-redirect-found-temporarily,https://www.mydomain.com/a-new-redirect-path,302\r\nhttps://www.mydomain.com/some-path-to-redirect-gone,,410\r\nhttps://www.mydomain.com/some-path-to-redirect-with-catchall/*,https://www.mydomain.com/a-new-redirect-path,301\r\nhttps://www.mydomain.com/some-path-to-redirect-with-catchall/*,https://www.mydomain.com/a-new-redirect-path-with-catchall/*,301`;\r\n\r\nexport const ImportExportRedirect: React.FC<AfterListClientProps> = (props) => {\r\n  const { t } = useTranslation<any, any>();\r\n  const { openModal, isModalOpen } = useModal();\r\n  const { config } = useConfig();\r\n\r\n  const slug = props.collectionSlug;\r\n\r\n  /*\r\n  const { collections } = config;\r\n  const collection = collections.find(x => x.slug === slug);\r\n  */\r\n\r\n  const routeResolver = getRouteResolver(config);\r\n  const exportUrl = routeResolver.api(`/${slug}/export`);\r\n\r\n  const modalKey = `${slug}-import-modal`;\r\n  const isModalOpened = isModalOpen(modalKey);\r\n\r\n  const downloadExampleCSV = () => {\r\n    const element = document.createElement('a');\r\n    element.style.position = 'absolute';\r\n    const file = new Blob([exampleCSV], {type: 'text/plain'});\r\n    element.href = URL.createObjectURL(file);\r\n    element.download = 'example.csv';\r\n    document.body.appendChild(element); // Required for this to work in FireFox\r\n    element.click();\r\n    element.remove();\r\n  };\r\n\r\n  return (\r\n    <>\r\n      {(\r\n        <div className=\"gutter--left gutter--right import-export-list__actions\">\r\n          <Button className=\"pill pill--style-light pill--size-small list-controls__toggle-columns pill--has-action pill--has-icon pill--align-icon-right\" onClick={() => openModal(modalKey)}>\r\n            <span>{t('importExport:importCSV')}</span>\r\n          </Button>\r\n          <a className=\"pill pill--style-light pill--size-small list-controls__toggle-columns pill--has-action pill--has-icon pill--align-icon-right\" href={exportUrl} download={`${slug}.csv`}>\r\n            <span>{t('importExport:exportCSV')}</span>\r\n          </a>\r\n          {exampleCSV && (\r\n            <Button className=\"pill pill--style-light pill--has-link pill--has-action\" onClick={() => downloadExampleCSV()}>\r\n              <span>{t('importExport:exampleCSV')}</span>\r\n            </Button>\r\n          )}\r\n        </div>\r\n      )}\r\n      <Modal slug={modalKey} className=\"import-export-list__modal\">\r\n        {isModalOpened && (\r\n          <ImportModal parser={redirectParser} slug={slug} />\r\n        )}\r\n      </Modal>\r\n    </>\r\n  );\r\n};\r\n"],"names":["Button","Modal","useConfig","useModal","useTranslation","getRouteResolver","React","ImportModal","redirectParser","items","parsedItems","prefixedItems","map","item","prefixedItem","from","to","split","match","fromLength","length","toLength","min","Math","i","a","b","unshift","matchedText","join","matchedLength","fromPrefix","substring","toPrefix","forEach","nextPrefix","find","x","push","sort","exampleCSV","ImportExportRedirect","props","t","openModal","isModalOpen","config","slug","collectionSlug","routeResolver","exportUrl","api","modalKey","isModalOpened","downloadExampleCSV","element","document","createElement","style","position","file","Blob","type","href","URL","createObjectURL","download","body","appendChild","click","remove","div","className","onClick","span","parser"],"mappings":"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"}