payload 0.14.2-beta.0 → 0.14.7-beta.0

package/dist/admin/components/forms/field-types/RichText/elements/indent/index.js

@@ -0,0 +1,69 @@
+import React, { useCallback } from 'react';
+import { useSlate, ReactEditor } from 'slate-react';
+import { Editor, Element, Transforms } from 'slate';
+import IndentLeft from '../../../../../icons/IndentLeft';
+import IndentRight from '../../../../../icons/IndentRight';
+import { baseClass } from '../Button';
+import isElementActive from '../isActive';
+import listTypes from '../listTypes';
+const indentType = 'indent';
+const IndentWithPadding = ({ attributes, children }) => (React.createElement("div", { style: { paddingLeft: 25 }, ...attributes }, children));
+const indent = {
+    Button: () => {
+        const editor = useSlate();
+        const handleIndent = useCallback((e, dir) => {
+            e.preventDefault();
+            if (editor.blurSelection) {
+                Transforms.select(editor, editor.blurSelection);
+            }
+            if (dir === 'left') {
+                Transforms.unwrapNodes(editor, {
+                    match: (n) => Element.isElement(n) && [indentType, ...listTypes].includes(n.type),
+                    split: true,
+                    mode: 'lowest',
+                });
+                if (isElementActive(editor, 'li')) {
+                    const [, parentLocation] = Editor.parent(editor, editor.selection);
+                    const [, parentDepth] = parentLocation;
+                    if (parentDepth > 0 || parentDepth === 0) {
+                        Transforms.unwrapNodes(editor, {
+                            match: (n) => Element.isElement(n) && n.type === 'li',
+                            split: true,
+                            mode: 'lowest',
+                        });
+                    }
+                    else {
+                        Transforms.unsetNodes(editor, ['type']);
+                    }
+                }
+            }
+            if (dir === 'right') {
+                const isCurrentlyOL = isElementActive(editor, 'ol');
+                const isCurrentlyUL = isElementActive(editor, 'ul');
+                if (isCurrentlyOL || isCurrentlyUL) {
+                    Transforms.wrapNodes(editor, {
+                        type: 'li',
+                        children: [],
+                    });
+                    Transforms.wrapNodes(editor, { type: isCurrentlyOL ? 'ol' : 'ul', children: [{ text: ' ' }] });
+                    Transforms.setNodes(editor, { type: 'li' });
+                }
+                else {
+                    Transforms.wrapNodes(editor, { type: indentType, children: [] });
+                }
+            }
+            ReactEditor.focus(editor);
+        }, [editor]);
+        const canDeIndent = isElementActive(editor, 'li') || isElementActive(editor, indentType);
+        return (React.createElement(React.Fragment, null,
+            React.createElement("button", { type: "button", className: [
+                    baseClass,
+                    !canDeIndent && `${baseClass}--disabled`,
+                ].filter(Boolean).join(' '), onClick: canDeIndent ? (e) => handleIndent(e, 'left') : undefined },
+                React.createElement(IndentLeft, null)),
+            React.createElement("button", { type: "button", className: baseClass, onClick: (e) => handleIndent(e, 'right') },
+                React.createElement(IndentRight, null))));
+    },
+    Element: IndentWithPadding,
+};
+export default indent;

package/dist/admin/components/forms/field-types/RichText/elements/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const _default: {
+declare const elements: {
     h1: {
         Button: () => JSX.Element;
         Element: ({ attributes, children }: {
@@ -49,7 +49,7 @@ declare const _default: {
             children: any;
             element: any;
         }) => JSX.Element;
-        plugins: ((incomingEditor: import("slate").BaseEditor & import("slate-react").ReactEditor & import("slate-history").HistoryEditor) => import("slate").BaseEditor & import("slate-react").ReactEditor & import("slate-history").HistoryEditor)[];
+        plugins: ((incomingEditor: import("slate").BaseEditor & import("slate-react").ReactEditor & import("slate-history").HistoryEditor & import("../types").BlurSelectionEditor) => import("slate").BaseEditor & import("slate-react").ReactEditor & import("slate-history").HistoryEditor & import("../types").BlurSelectionEditor)[];
     };
     ol: {
         Button: () => JSX.Element;
@@ -66,6 +66,10 @@ declare const _default: {
         }) => JSX.Element;
     };
     li: {
+        Element: (props: any) => JSX.Element;
+    };
+    indent: {
+        Button: () => JSX.Element;
         Element: ({ attributes, children }: {
             attributes: any;
             children: any;
@@ -91,4 +95,4 @@ declare const _default: {
         plugins: ((incomingEditor: any) => any)[];
     };
 };
-export default _default;
+export default elements;

package/dist/admin/components/forms/field-types/RichText/elements/index.js

@@ -8,9 +8,10 @@ import link from './link';
 import ol from './ol';
 import ul from './ul';
 import li from './li';
+import indent from './indent';
 import relationship from './relationship';
 import upload from './upload';
-export default {
+const elements = {
     h1,
     h2,
     h3,
@@ -21,6 +22,8 @@ export default {
     ol,
     ul,
     li,
+    indent,
     relationship,
     upload,
 };
+export default elements;

package/dist/admin/components/forms/field-types/RichText/elements/isActive.js

@@ -1,8 +1,11 @@
 import { Editor, Element } from 'slate';
 const isElementActive = (editor, format) => {
-    const [match] = Editor.nodes(editor, {
-        match: (n) => Element.isElement(n) && n.type === format,
-    });
+    if (!editor.selection)
+        return false;
+    const [match] = Array.from(Editor.nodes(editor, {
+        at: Editor.unhangRange(editor, editor.selection),
+        match: (n) => !Editor.isEditor(n) && Element.isElement(n) && n.type === format,
+    }));
     return !!match;
 };
 export default isElementActive;

package/dist/admin/components/forms/field-types/RichText/elements/isListActive.d.ts

@@ -0,0 +1,3 @@
+import { Editor } from 'slate';
+declare const isListActive: (editor: Editor, format: string) => boolean;
+export default isListActive;

package/dist/admin/components/forms/field-types/RichText/elements/isListActive.js

@@ -0,0 +1,21 @@
+import { Editor, Element } from 'slate';
+const isListActive = (editor, format) => {
+    if (!editor.selection
+        // If focus or anchor is at root of editor,
+        // Return false - as Editor.parent will fail
+        || editor.selection.focus.path[1] === 0
+        // || editor.selection.focus.path.length === 0
+        || editor.selection.anchor.path[1] === 0
+    // || editor.selection.anchor.path.length === 0
+    )
+        return false;
+    const parentLI = Editor.parent(editor, editor.selection);
+    if (parentLI[1].length > 0) {
+        const ancestor = Editor.above(editor, {
+            at: parentLI[1],
+        });
+        return Element.isElement(ancestor[0]) && ancestor[0].type === format;
+    }
+    return false;
+};
+export default isListActive;

package/dist/admin/components/forms/field-types/RichText/elements/li/index.d.ts

@@ -1,8 +1,5 @@
 /// <reference types="react" />
 declare const _default: {
-    Element: ({ attributes, children }: {
-        attributes: any;
-        children: any;
-    }) => JSX.Element;
+    Element: (props: any) => JSX.Element;
 };
 export default _default;

package/dist/admin/components/forms/field-types/RichText/elements/li/index.js

@@ -1,5 +1,11 @@
 import React from 'react';
-const LI = ({ attributes, children }) => (React.createElement("li", { ...attributes }, children));
+import listTypes from '../listTypes';
+const LI = (props) => {
+    var _a, _b;
+    const { attributes, element, children } = props;
+    const disableListStyle = element.children.length >= 1 && listTypes.includes((_b = (_a = element.children) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.type);
+    return (React.createElement("li", { style: { listStyle: disableListStyle ? 'none' : undefined }, ...attributes }, children));
+};
 export default {
     Element: LI,
 };

package/dist/admin/components/forms/field-types/RichText/elements/link/index.d.ts

@@ -8,6 +8,6 @@ declare const link: {
         children: any;
         element: any;
     }) => JSX.Element;
-    plugins: ((incomingEditor: import("slate").BaseEditor & ReactEditor & import("slate-history").HistoryEditor) => import("slate").BaseEditor & ReactEditor & import("slate-history").HistoryEditor)[];
+    plugins: ((incomingEditor: import("slate").BaseEditor & ReactEditor & import("slate-history").HistoryEditor & import("../../types").BlurSelectionEditor) => import("slate").BaseEditor & ReactEditor & import("slate-history").HistoryEditor & import("../../types").BlurSelectionEditor)[];
 };
 export default link;

package/dist/admin/components/forms/field-types/RichText/elements/ol/index.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import ElementButton from '../Button';
+import ListButton from '../ListButton';
 import OLIcon from '../../../../../icons/OrderedList';
 const OL = ({ attributes, children }) => (React.createElement("ol", { ...attributes }, children));
 const ol = {
-    Button: () => (React.createElement(ElementButton, { format: "ol" },
+    Button: () => (React.createElement(ListButton, { format: "ol" },
         React.createElement(OLIcon, null))),
     Element: OL,
 };

package/dist/admin/components/forms/field-types/RichText/elements/toggle.js

@@ -7,7 +7,7 @@ const toggleElement = (editor, format) => {
     const isList = listTypes.includes(format);
     let type = format;
     if (isActive) {
-        type = 'p';
+        type = undefined;
     }
     else if (isList) {
         type = 'li';
@@ -18,6 +18,7 @@ const toggleElement = (editor, format) => {
     Transforms.unwrapNodes(editor, {
         match: (n) => Element.isElement(n) && listTypes.includes(n.type),
         split: true,
+        mode: 'lowest',
     });
     Transforms.setNodes(editor, { type });
     if (!isActive && isList) {

package/dist/admin/components/forms/field-types/RichText/elements/ul/index.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import ElementButton from '../Button';
 import ULIcon from '../../../../../icons/UnorderedList';
+import ListButton from '../ListButton';
 const UL = ({ attributes, children }) => (React.createElement("ul", { ...attributes }, children));
 const ul = {
-    Button: () => (React.createElement(ElementButton, { format: "ul" },
+    Button: () => (React.createElement(ListButton, { format: "ul" },
         React.createElement(ULIcon, null))),
     Element: UL,
 };

package/dist/admin/components/forms/field-types/RichText/types.d.ts

@@ -1,4 +1,8 @@
+import { BaseEditor, Selection } from 'slate';
 import { RichTextField } from '../../../../../fields/config/types';
 export declare type Props = Omit<RichTextField, 'type'> & {
     path?: string;
 };
+export interface BlurSelectionEditor extends BaseEditor {
+    blurSelection?: Selection;
+}

package/dist/admin/components/forms/field-types/Select/Input.d.ts

@@ -13,6 +13,7 @@ export declare type SelectInputProps = Omit<SelectField, 'type' | 'value' | 'opt
     description?: Description;
     onChange?: (value: ReactSelectValue) => void;
     style?: React.CSSProperties;
+    className?: string;
     width?: string;
     hasMany?: boolean;
     options?: OptionObject[];

package/dist/admin/components/forms/field-types/Select/Input.js

@@ -6,10 +6,11 @@ import ReactSelect from '../../../elements/ReactSelect';
 // import { FieldType } from '../../useField/types';
 import './index.scss';
 const SelectInput = (props) => {
-    const { showError, errorMessage, readOnly, path, label, required, value, onChange, description, style, width, options, hasMany, } = props;
+    const { showError, errorMessage, readOnly, path, label, required, value, onChange, description, style, className, width, options, hasMany, } = props;
     const classes = [
         'field-type',
         'select',
+        className,
         showError && 'error',
         readOnly && 'read-only',
     ].filter(Boolean).join(' ');

package/dist/admin/components/forms/field-types/Select/index.js

@@ -13,7 +13,7 @@ const formatOptions = (options) => options.map((option) => {
     };
 });
 const Select = (props) => {
-    const { path: pathFromProps, name, required, validate = select, label, options: optionsFromProps, hasMany, admin: { readOnly, style, width, description, condition, } = {}, } = props;
+    const { path: pathFromProps, name, required, validate = select, label, options: optionsFromProps, hasMany, admin: { readOnly, style, className, width, description, condition, } = {}, } = props;
     const path = pathFromProps || name;
     const [options] = useState(formatOptions(optionsFromProps));
     const memoizedValidate = useCallback((value) => {
@@ -46,6 +46,6 @@ const Select = (props) => {
         hasMany,
         setValue,
     ]);
-    return (React.createElement(SelectInput, { path: path, onChange: onChange, value: value, name: name, options: options, label: label, showError: showError, errorMessage: errorMessage, description: description, style: style, width: width, hasMany: hasMany }));
+    return (React.createElement(SelectInput, { path: path, onChange: onChange, value: value, name: name, options: options, label: label, showError: showError, errorMessage: errorMessage, description: description, style: style, className: className, width: width, hasMany: hasMany }));
 };
 export default withCondition(Select);

package/dist/admin/components/forms/field-types/Text/Input.d.ts

@@ -13,6 +13,7 @@ export declare type TextInputProps = Omit<TextField, 'type'> & {
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
     placeholder?: string;
     style?: React.CSSProperties;
+    className?: string;
     width?: string;
 };
 declare const TextInput: React.FC<TextInputProps>;

package/dist/admin/components/forms/field-types/Text/Input.js

@@ -5,10 +5,11 @@ import FieldDescription from '../../FieldDescription';
 // import { FieldType } from '../../useField/types';
 import './index.scss';
 const TextInput = (props) => {
-    const { showError, errorMessage, placeholder, readOnly, path, label, required, value, onChange, description, style, width, } = props;
+    const { showError, errorMessage, placeholder, readOnly, path, label, required, value, onChange, description, style, className, width, } = props;
     const classes = [
         'field-type',
         'text',
+        className,
         showError && 'error',
         readOnly && 'read-only',
     ].filter(Boolean).join(' ');

package/dist/admin/components/forms/field-types/Text/index.js

@@ -4,7 +4,7 @@ import withCondition from '../../withCondition';
 import { text } from '../../../../../fields/validations';
 import TextInput from './Input';
 const Text = (props) => {
-    const { path: pathFromProps, name, required, validate = text, label, admin: { placeholder, readOnly, style, width, description, condition, } = {}, } = props;
+    const { path: pathFromProps, name, required, validate = text, label, admin: { placeholder, readOnly, style, className, width, description, condition, } = {}, } = props;
     const path = pathFromProps || name;
     const field = useField({
         path,
@@ -15,6 +15,6 @@ const Text = (props) => {
     const { value, showError, setValue, errorMessage, } = field;
     return (React.createElement(TextInput, { path: path, name: name, onChange: (e) => {
             setValue(e.target.value);
-        }, showError: showError, errorMessage: errorMessage, required: required, label: label, value: value, placeholder: placeholder, readOnly: readOnly, style: style, width: width, description: description }));
+        }, showError: showError, errorMessage: errorMessage, required: required, label: label, value: value, placeholder: placeholder, readOnly: readOnly, style: style, className: className, width: width, description: description }));
 };
 export default withCondition(Text);

package/dist/admin/components/forms/field-types/Textarea/Input.d.ts

@@ -13,6 +13,7 @@ export declare type TextAreaInputProps = Omit<TextareaField, 'type'> & {
     onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void;
     placeholder?: string;
     style?: React.CSSProperties;
+    className?: string;
     width?: string;
     rows?: number;
 };

package/dist/admin/components/forms/field-types/Textarea/Input.js

@@ -4,10 +4,11 @@ import Error from '../../Error';
 import FieldDescription from '../../FieldDescription';
 import './index.scss';
 const TextareaInput = (props) => {
-    const { path, required, readOnly, style, width, placeholder, description, label, showError, value, errorMessage, onChange, rows, } = props;
+    const { path, required, readOnly, style, className, width, placeholder, description, label, showError, value, errorMessage, onChange, rows, } = props;
     const classes = [
         'field-type',
         'textarea',
+        className,
         showError && 'error',
         readOnly && 'read-only',
     ].filter(Boolean).join(' ');

package/dist/admin/components/forms/field-types/Textarea/index.js

@@ -5,7 +5,7 @@ import { textarea } from '../../../../../fields/validations';
 import './index.scss';
 import TextareaInput from './Input';
 const Textarea = (props) => {
-    const { path: pathFromProps, name, required, validate = textarea, admin: { readOnly, style, width, placeholder, rows, description, condition, } = {}, label, minLength, maxLength, } = props;
+    const { path: pathFromProps, name, required, validate = textarea, admin: { readOnly, style, className, width, placeholder, rows, description, condition, } = {}, label, minLength, maxLength, } = props;
     const path = pathFromProps || name;
     const memoizedValidate = useCallback((value) => {
         const validationResult = validate(value, { minLength, maxLength, required });
@@ -19,6 +19,6 @@ const Textarea = (props) => {
     });
     return (React.createElement(TextareaInput, { path: path, name: name, onChange: (e) => {
             setValue(e.target.value);
-        }, showError: showError, errorMessage: errorMessage, required: required, label: label, value: value, placeholder: placeholder, readOnly: readOnly, style: style, width: width, description: description, rows: rows }));
+        }, showError: showError, errorMessage: errorMessage, required: required, label: label, value: value, placeholder: placeholder, readOnly: readOnly, style: style, className: className, width: width, description: description, rows: rows }));
 };
 export default withCondition(Textarea);

package/dist/admin/components/forms/field-types/Upload/Input.d.ts

@@ -15,6 +15,7 @@ export declare type UploadInputProps = Omit<UploadField, 'type'> & {
     onChange?: (e: any) => void;
     placeholder?: string;
     style?: React.CSSProperties;
+    className?: string;
     width?: string;
     fieldTypes?: FieldTypes;
     collection?: SanitizedCollectionConfig;

package/dist/admin/components/forms/field-types/Upload/Input.js

@@ -10,7 +10,7 @@ import SelectExistingModal from './SelectExisting';
 import './index.scss';
 const baseClass = 'upload';
 const UploadInput = (props) => {
-    const { path, required, readOnly, style, width, description, label, relationTo, fieldTypes, value, onChange, showError, serverURL = 'http://localhost:3000', api = '/api', collection, errorMessage, } = props;
+    const { path, required, readOnly, style, className, width, description, label, relationTo, fieldTypes, value, onChange, showError, serverURL = 'http://localhost:3000', api = '/api', collection, errorMessage, } = props;
     const { toggle } = useModal();
     const addModalSlug = `${path}-add`;
     const selectExistingModalSlug = `${path}-select-existing`;
@@ -19,6 +19,7 @@ const UploadInput = (props) => {
     const classes = [
         'field-type',
         baseClass,
+        className,
         showError && 'error',
         readOnly && 'read-only',
     ].filter(Boolean).join(' ');

package/dist/admin/components/forms/field-types/Upload/index.js

@@ -7,7 +7,7 @@ import UploadInput from './Input';
 import './index.scss';
 const Upload = (props) => {
     const { collections, serverURL, routes: { api, }, } = useConfig();
-    const { path, name, required, admin: { readOnly, style, width, description, condition, } = {}, label, validate = upload, relationTo, fieldTypes, } = props;
+    const { path, name, required, admin: { readOnly, style, className, width, description, condition, } = {}, label, validate = upload, relationTo, fieldTypes, } = props;
     const collection = collections.find((coll) => coll.slug === relationTo);
     const memoizedValidate = useCallback((value) => {
         const validationResult = validate(value, { required });
@@ -26,7 +26,7 @@ const Upload = (props) => {
         setValue,
     ]);
     if (collection.upload) {
-        return (React.createElement(UploadInput, { path: path, value: value, onChange: onChange, description: description, label: label, required: required, showError: showError, serverURL: serverURL, api: api, errorMessage: errorMessage, readOnly: readOnly, style: style, width: width, collection: collection, fieldTypes: fieldTypes, name: name, relationTo: relationTo }));
+        return (React.createElement(UploadInput, { path: path, value: value, onChange: onChange, description: description, label: label, required: required, showError: showError, serverURL: serverURL, api: api, errorMessage: errorMessage, readOnly: readOnly, style: style, className: className, width: width, collection: collection, fieldTypes: fieldTypes, name: name, relationTo: relationTo }));
     }
     return null;
 };

package/dist/admin/components/forms/useField/index.js

@@ -94,6 +94,7 @@ const useField = (options) => {
         formSubmitted: submitted,
         formProcessing: processing,
         setValue,
+        initialValue,
     };
 };
 export default useField;

package/dist/admin/components/forms/useField/types.d.ts

@@ -15,4 +15,5 @@ export declare type FieldType<T> = {
     formSubmitted: boolean;
     formProcessing: boolean;
     setValue: (val: unknown, modifyForm?: boolean) => void;
+    initialValue?: T;
 };

package/dist/admin/components/icons/IndentLeft/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+declare const IndentLeft: React.FC;
+export default IndentLeft;

package/dist/admin/components/icons/IndentLeft/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.scss';
+const IndentLeft = () => (React.createElement("svg", { className: "icon icon--indent-left", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 25 25" },
+    React.createElement("path", { d: "M16.005 9.61502L21.005 13.1864L21.005 6.04361L16.005 9.61502Z", className: "fill" }),
+    React.createElement("rect", { x: "5", y: "5.68199", width: "9.0675", height: "2.15625", className: "fill" }),
+    React.createElement("rect", { x: "5", y: "11.4738", width: "9.0675", height: "2.15625", className: "fill" }),
+    React.createElement("rect", { x: "5", y: "17.2656", width: "16.005", height: "2.15625", className: "fill" })));
+export default IndentLeft;

package/dist/admin/components/icons/IndentLeft/index.scss

@@ -0,0 +1,16 @@
+@import '../../../scss/styles';
+
+.icon--indent-left {
+  height: $baseline;
+  width: $baseline;
+
+  .stroke {
+    fill: none;
+    stroke: $color-dark-gray;
+    stroke-width: $style-stroke-width-m;
+  }
+
+  .fill {
+    fill: $color-dark-gray;
+  }
+}

package/dist/admin/components/icons/IndentRight/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+declare const IndentRight: React.FC;
+export default IndentRight;

package/dist/admin/components/icons/IndentRight/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.scss';
+const IndentRight = () => (React.createElement("svg", { className: "icon icon--indent-right", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 25 25" },
+    React.createElement("path", { d: "M10 9.61502L5 6.04361L5 13.1864L10 9.61502Z", fill: "#333333" }),
+    React.createElement("rect", { x: "11.9375", y: "5.68199", width: "9.0675", height: "2.15625", className: "fill" }),
+    React.createElement("rect", { x: "11.9375", y: "11.4738", width: "9.0675", height: "2.15625", className: "fill" }),
+    React.createElement("rect", { x: "5", y: "17.2656", width: "16.005", height: "2.15625", className: "fill" })));
+export default IndentRight;

package/dist/admin/components/icons/IndentRight/index.scss

@@ -0,0 +1,16 @@
+@import '../../../scss/styles';
+
+.icon--indent-right {
+  height: $baseline;
+  width: $baseline;
+
+  .stroke {
+    fill: none;
+    stroke: $color-dark-gray;
+    stroke-width: $style-stroke-width-m;
+  }
+
+  .fill {
+    fill: $color-dark-gray;
+  }
+}

package/dist/admin/components/icons/Swap/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+declare const Swap: React.FC;
+export default Swap;

package/dist/admin/components/icons/Swap/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.scss';
+const Swap = () => (React.createElement("svg", { className: "icon icon--swap", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 25 25" },
+    React.createElement("path", { d: "M9.84631 4.78679L6.00004 8.63306L9.84631 12.4793", className: "stroke" }),
+    React.createElement("path", { d: "M15.1537 20.1059L19 16.2596L15.1537 12.4133", className: "stroke" }),
+    React.createElement("line", { x1: "7", y1: "8.7013", x2: "15", y2: "8.7013", stroke: "#333333", className: "stroke" }),
+    React.createElement("line", { x1: "18", y1: "16.1195", x2: "10", y2: "16.1195", className: "stroke" })));
+export default Swap;

package/dist/admin/components/icons/Swap/index.scss

@@ -0,0 +1,12 @@
+@import '../../../scss/styles';
+
+.icon--swap {
+  height: $baseline;
+  width: $baseline;
+
+  .stroke {
+    fill: none;
+    stroke: $color-dark-gray;
+    stroke-width: $style-stroke-width-m;
+  }
+}

package/dist/collections/config/sanitize.js

@@ -96,4 +96,4 @@ const sanitizeCollection = (config, collection) => {
     return sanitized;
 };
 exports.default = sanitizeCollection;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2FuaXRpemUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29sbGVjdGlvbnMvY29uZmlnL3Nhbml0aXplLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsMERBQThCO0FBRzlCLDRFQUEwRDtBQUMxRCw4RUFBc0Q7QUFDdEQsNEZBQW9FO0FBQ3BFLGdHQUF3RTtBQUN4RSw0R0FBb0Y7QUFDcEYsMEdBQWtGO0FBQ2xGLHNHQUE4RTtBQUM5RSwrREFBNEQ7QUFDNUQseUNBQW9EO0FBR3BELE1BQU0sZUFBZSxHQUFHLENBQUMsTUFBTSxFQUFFLFVBQVUsRUFBRSxFQUFFO0lBQzdDLE1BQU0sWUFBWSxHQUFHLEVBQUUsQ0FBQztJQUV4QixJQUFJLE1BQU0sRUFBRTtRQUNWLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxTQUFTLEVBQUUsRUFBRTtZQUMvQixJQUFJLFlBQVksR0FBRyxJQUFJLENBQUM7WUFFeEIsTUFBTSxLQUFLLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFDLEVBQUUsRUFBRTtnQkFDckMsSUFBSSxLQUFLLENBQUMsSUFBSSxLQUFLLFNBQVMsQ0FBQyxJQUFJLEVBQUU7b0JBQ2pDLFlBQVksR0FBRyxDQUFDLENBQUM7b0JBQ2pCLE9BQU8sSUFBSSxDQUFDO2lCQUNiO2dCQUVELE9BQU8sS0FBSyxDQUFDO1lBQ2YsQ0FBQyxDQUFDLENBQUM7WUFFSCxJQUFJLEtBQUssRUFBRTtnQkFDVCxNQUFNLFNBQVMsR0FBRyxFQUFFLEdBQUcsS0FBSyxFQUFFLENBQUM7Z0JBQy9CLE1BQU0sQ0FBQyxNQUFNLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQyxDQUFDO2dCQUUvQixJQUFJLFdBQVcsR0FBRztvQkFDaEIsR0FBRyxTQUFTO29CQUNaLEdBQUcsU0FBUztpQkFDYixDQUFDO2dCQUVGLElBQUksU0FBUyxDQUFDLE1BQU0sSUFBSSxTQUFTLENBQUMsTUFBTSxFQUFFO29C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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2FuaXRpemUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29sbGVjdGlvbnMvY29uZmlnL3Nhbml0aXplLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsMERBQThCO0FBRTlCLDRFQUEwRDtBQUMxRCw4RUFBc0Q7QUFDdEQsNEZBQW9FO0FBQ3BFLGdHQUF3RTtBQUN4RSw0R0FBb0Y7QUFDcEYsMEdBQWtGO0FBQ2xGLHNHQUE4RTtBQUM5RSwrREFBNEQ7QUFDNUQseUNBQW9EO0FBR3BELE1BQU0sZUFBZSxHQUFHLENBQUMsTUFBTSxFQUFFLFVBQVUsRUFBRSxFQUFFO0lBQzdDLE1BQU0sWUFBWSxHQUFHLEVBQUUsQ0FBQztJQUV4QixJQUFJLE1BQU0sRUFBRTtRQUNWLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxTQUFTLEVBQUUsRUFBRTtZQUMvQixJQUFJLFlBQVksR0FBRyxJQUFJLENBQUM7WUFFeEIsTUFBTSxLQUFLLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFDLEVBQUUsRUFBRTtnQkFDckMsSUFBSSxLQUFLLENBQUMsSUFBSSxLQUFLLFNBQVMsQ0FBQyxJQUFJLEVBQUU7b0JBQ2pDLFlBQVksR0FBRyxDQUFDLENBQUM7b0JBQ2pCLE9BQU8sSUFBSSxDQUFDO2lCQUNiO2dCQUVELE9BQU8sS0FBSyxDQUFDO1lBQ2YsQ0FBQyxDQUFDLENBQUM7WUFFSCxJQUFJLEtBQUssRUFBRTtnQkFDVCxNQUFNLFNBQVMsR0FBRyxFQUFFLEdBQUcsS0FBSyxFQUFFLENBQUM7Z0JBQy9CLE1BQU0sQ0FBQyxNQUFNLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQyxDQUFDO2dCQUUvQixJQUFJLFdBQVcsR0FBRztvQkFDaEIsR0FBRyxTQUFTO29CQUNaLEdBQUcsU0FBUztpQkFDYixDQUFDO2dCQUVGLElBQUksU0FBUyxDQUFDLE1BQU0sSUFBSSxTQUFTLENBQUMsTUFBTSxFQUFFO29C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