diff --git a/test/admin/components/richText/elements/Button/Button/index.scss b/test/admin/components/richText/elements/Button/Button/index.scss deleted file mode 100644 index 3529db77d..000000000 --- a/test/admin/components/richText/elements/Button/Button/index.scss +++ /dev/null @@ -1,33 +0,0 @@ -@import '../../../../../../../packages/payload/src/admin/scss/styles.scss'; - -.button-rich-text-button { - .btn { - margin-right: base(1); - } - - &__modal { - display: flex; - align-items: center; - height: 100%; - - &.payload__modal-item--enterDone { - @include blur-bg; - } - } - - &__header { - width: 100%; - margin-bottom: $baseline; - display: flex; - justify-content: space-between; - - h3 { - margin: 0; - } - - svg { - width: base(1.5); - height: base(1.5); - } - } -} diff --git a/test/admin/components/richText/elements/Button/Button/index.tsx b/test/admin/components/richText/elements/Button/Button/index.tsx deleted file mode 100644 index 75ffc7b1e..000000000 --- a/test/admin/components/richText/elements/Button/Button/index.tsx +++ /dev/null @@ -1,108 +0,0 @@ -import facelessUIImport from '@faceless-ui/modal' - -const { Modal, useModal } = facelessUIImport -import React, { Fragment, useCallback } from 'react' -import { Transforms } from 'slate' -import { ReactEditor, useSlate } from 'slate-react' - -// TODO: -import Button from '../../../../../../../packages/payload/src/admin/components/elements/Button' -import Form from '../../../../../../../packages/payload/src/admin/components/forms/Form' -import reduceFieldsToValues from '../../../../../../../packages/payload/src/admin/components/forms/Form/reduceFieldsToValues' -import Submit from '../../../../../../../packages/payload/src/admin/components/forms/Submit' -import Checkbox from '../../../../../../../packages/payload/src/admin/components/forms/field-types/Checkbox' -import ElementButton from '../../../../../../../packages/payload/src/admin/components/forms/field-types/RichText/elements/Button' -import Select from '../../../../../../../packages/payload/src/admin/components/forms/field-types/Select' -import Text from '../../../../../../../packages/payload/src/admin/components/forms/field-types/Text' -import X from '../../../../../../../packages/payload/src/admin/components/icons/X' -import MinimalTemplate from '../../../../../../../packages/payload/src/admin/components/templates/Minimal' -import './index.scss' - -const baseClass = 'button-rich-text-button' - -const initialFormData = { - style: 'primary', -} - -const insertButton = (editor, { href, label, newTab = false, style }: any) => { - const text = { text: ' ' } - const button = { - type: 'button', - children: [text], - href, - label, - newTab, - style, - } - - const nodes = [button, { children: [{ text: '' }] }] - - if (editor.blurSelection) { - Transforms.select(editor, editor.blurSelection) - } - - Transforms.insertNodes(editor, nodes) - - const currentPath = editor.selection.anchor.path[0] - const newSelection = { - anchor: { offset: 0, path: [currentPath + 1, 0] }, - focus: { offset: 0, path: [currentPath + 1, 0] }, - } - - Transforms.select(editor, newSelection) - ReactEditor.focus(editor) -} - -export const ToolbarButton: React.FC<{ path: string }> = ({ path }) => { - const { closeAll, open } = useModal() - const editor = useSlate() - - const handleAddButton = useCallback( - (fields) => { - const data = reduceFieldsToValues(fields) - insertButton(editor, data) - closeAll() - }, - [editor, closeAll], - ) - - const modalSlug = `${path}-add-button` - - return ( - - open(modalSlug)}> - Button - - - -
-

Add button

- -
-
- - -