From 7f86dfb525f51764d2225827fe7fab436ecd20e4 Mon Sep 17 00:00:00 2001
From: Zane Shelby <zane@users.noreply.github.com>
Date: Mon, 27 Jun 2022 16:17:42 -0400
Subject: [PATCH] refactor!: Rename Editor to PrismInput

---
 src/{Editor.jsx => PrismInput.jsx}                   | 12 ++++++------
 src/Query.jsx                                        |  4 ++--
 src/main.ts                                          |  2 +-
 .../{Editor.stories.jsx => PrismInput.stories.jsx}   | 12 ++++++------
 4 files changed, 15 insertions(+), 15 deletions(-)
 rename src/{Editor.jsx => PrismInput.jsx} (96%)
 rename stories/{Editor.stories.jsx => PrismInput.stories.jsx} (74%)

diff --git a/src/Editor.jsx b/src/PrismInput.jsx
similarity index 96%
rename from src/Editor.jsx
rename to src/PrismInput.jsx
index 8cf4934..da9457a 100644
--- a/src/Editor.jsx
+++ b/src/PrismInput.jsx
@@ -78,7 +78,7 @@ Prism.languages.iql = {
   operator: new RegExp(`[+\\-*\\/><=/>]|${operators.join('|')}\\b`, 'i'),
 };
 
-const Editor = React.forwardRef(
+const PrismInput = React.forwardRef(
   ({ code, disabled, setCode, ...props }, forwardedRef) => {
     const ref = forwardedRef ?? useRef();
     const onChange = useCallback(
@@ -119,8 +119,8 @@ const Editor = React.forwardRef(
             onKeyDown={onKeyDown}
             ref={ref}
             style={{
-              padding: '10px',
               display: 'block',
+              padding: '10px',
               whiteSpace: 'pre-wrap',
               ...style,
             }}
@@ -146,18 +146,18 @@ const Editor = React.forwardRef(
   }
 );
 
-Editor.displayName = 'Editor';
+PrismInput.displayName = 'PrismInput';
 
-export default Editor;
+export default PrismInput;
 
-Editor.propTypes = {
+PrismInput.propTypes = {
   code: PropTypes.string,
   disabled: PropTypes.bool,
   onKeyDown: PropTypes.func,
   setCode: PropTypes.func.isRequired,
 };
 
-Editor.defaultProps = {
+PrismInput.defaultProps = {
   code: '',
   disabled: false,
   onKeyDown: undefined,
diff --git a/src/Query.jsx b/src/Query.jsx
index dadc678..040f58d 100644
--- a/src/Query.jsx
+++ b/src/Query.jsx
@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { ArrowBackUp, Database } from 'tabler-icons-react';
 import { Button, Paper, Space } from '@mantine/core';
-import Editor from './Editor';
+import PrismInput from './PrismInput';
 import DataTable from './DataTable';
 
 const usePrevious = (value) => {
@@ -45,7 +45,7 @@ export default function Query({ execute, initialQuery }) {
 
   return (
     <Paper p="sm" radius="sm" shadow="md" withBorder>
-      <Editor
+      <PrismInput
         code={queryValue}
         disabled={Boolean(queryResult)}
         onKeyDown={onKeyDown}
diff --git a/src/main.ts b/src/main.ts
index b39f884..10d9ba3 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,4 +1,4 @@
 export { default as DataTable } from './DataTable';
-export { default as Editor } from './Editor';
 export { default as HighlightInput } from './HighlightInput';
+export { default as PrismInput } from './PrismInput';
 export { default as Query } from './Query';
diff --git a/stories/Editor.stories.jsx b/stories/PrismInput.stories.jsx
similarity index 74%
rename from stories/Editor.stories.jsx
rename to stories/PrismInput.stories.jsx
index 32df811..99f88eb 100644
--- a/stories/Editor.stories.jsx
+++ b/stories/PrismInput.stories.jsx
@@ -1,16 +1,16 @@
 import React, { useState } from 'react';
-import Editor from '../src/Editor';
+import PrismInput from '../src/PrismInput';
 
 export default {
-  title: 'Editor',
-  component: Editor,
+  title: 'PrismInput',
+  component: PrismInput,
   argTypes: {},
 };
 
 function Template({ code, disabled, onKeyDown }) {
   const [codeValue, setCode] = useState(code);
   return (
-    <Editor
+    <PrismInput
       code={codeValue}
       disabled={disabled}
       onKeyDown={onKeyDown}
@@ -19,8 +19,8 @@ function Template({ code, disabled, onKeyDown }) {
   );
 }
 
-Template.propTypes = Editor.propTypes;
-Template.defaultProps = Editor.defaultProps;
+Template.propTypes = PrismInput.propTypes;
+Template.defaultProps = PrismInput.defaultProps;
 
 export const Empty = Template.bind({});
 Empty.args = {