Delete sample data editor in UI package designer (#273)

* Delete the Sample data editor in ui package's Designer * Refactoring * Update snapshot
pdfme · Sep 24, 2023 · ad7f07e · ad7f07e
1 parent 30a0ce2
commit ad7f07e
Show file tree

Hide file tree

Showing 17 changed files with 285 additions and 415 deletions.
diff --git a/packages/ui/__tests__/components/__snapshots__/Designer.test.tsx.snap b/packages/ui/__tests__/components/__snapshots__/Designer.test.tsx.snap
@@ -373,7 +373,7 @@ exports[`Designer snapshot 1`] = `
                 style="height: 100%; width: 100%;"
               >
                 <div
-                  style="padding: 0px; resize: none; display: flex; flex-direction: column; justify-content: flex-start; width: 100%; height: 100%;"
+                  style="padding: 0px; resize: none; background-color: transparent; display: flex; flex-direction: column; justify-content: flex-start; width: 100%; height: 100%;"
                 >
                   <div
                     style="font-family: inherit; color: rgb(0, 0, 0); font-size: 30pt; letter-spacing: 0pt; line-height: 1em; text-align: left; white-space: pre-wrap; word-break: break-word; margin-bottom: 0px; padding-top: 3.436640625px;"
@@ -410,16 +410,6 @@ exports[`Designer snapshot 1`] = `
                     src="aaaaaaaaaaaa"
                     style="height: 100%; width: 100%; border-radius: 0;"
                   />
-                  <label
-                    style="width: 100%; height: 100%; display: none; position: absolute; top: 0px; cursor: pointer;"
-                  >
-                    <input
-                      accept="image/jpeg, image/png"
-                      style="width: 100%; height: 100%; position: absolute; top: 50%;"
-                      tabindex="0"
-                      type="file"
-                    />
-                  </label>
                 </div>
               </div>
             </div>

diff --git a/packages/ui/__tests__/components/__snapshots__/Preview.test.tsx.snap b/packages/ui/__tests__/components/__snapshots__/Preview.test.tsx.snap
@@ -90,7 +90,7 @@ exports[`Preview(as Form) snapshot 1`] = `
                 <textarea
                   placeholder="bb"
                   rows="1"
-                  style="padding: 3.436640625px 0px 0px 0px; resize: none; outline: none; background: none; width: 100%; height: 100%; font-family: inherit; color: rgb(0, 0, 0); font-size: 30pt; letter-spacing: 0pt; line-height: 1em; text-align: left; white-space: pre-wrap; word-break: break-word;"
+                  style="padding: 3.436640625px 0px 0px 0px; resize: none; outline: none; background-color: transparent; width: 100%; height: 100%; font-family: inherit; color: rgb(0, 0, 0); font-size: 30pt; letter-spacing: 0pt; line-height: 1em; text-align: left; white-space: pre-wrap; word-break: break-word;"
                   tabindex="100"
                 />
               </div>
@@ -119,16 +119,6 @@ exports[`Preview(as Form) snapshot 1`] = `
                 >
                   x
                 </button>
-                <label
-                  style="width: 100%; height: 100%; display: flex; position: absolute; top: 0px; cursor: pointer;"
-                >
-                  <input
-                    accept="image/jpeg, image/png"
-                    style="width: 100%; height: 100%; position: absolute; top: 50%;"
-                    tabindex="101"
-                    type="file"
-                  />
-                </label>
               </div>
             </div>
           </div>
@@ -224,7 +214,7 @@ exports[`Preview(as Viewer) snapshot 1`] = `
               style="height: 100%; width: 100%;"
             >
               <div
-                style="padding: 0px; resize: none; display: flex; flex-direction: column; justify-content: flex-start; width: 100%; height: 100%;"
+                style="padding: 0px; resize: none; background-color: transparent; display: flex; flex-direction: column; justify-content: flex-start; width: 100%; height: 100%;"
               >
                 <div
                   style="font-family: inherit; color: rgb(0, 0, 0); font-size: 30pt; letter-spacing: 0pt; line-height: 1em; text-align: left; white-space: pre-wrap; word-break: break-word; margin-bottom: 0px; padding-top: 3.436640625px;"
@@ -281,16 +271,6 @@ exports[`Preview(as Viewer) snapshot 1`] = `
                   src="field2"
                   style="height: 100%; width: 100%; border-radius: 0;"
                 />
-                <label
-                  style="width: 100%; height: 100%; display: none; position: absolute; top: 0px; cursor: pointer;"
-                >
-                  <input
-                    accept="image/jpeg, image/png"
-                    style="width: 100%; height: 100%; position: absolute; top: 50%;"
-                    tabindex="101"
-                    type="file"
-                  />
-                </label>
               </div>
             </div>
           </div>

diff --git a/packages/ui/src/components/Designer/Sidebar/DetailView/BarCodePropEditor.tsx b/packages/ui/src/components/Designer/Sidebar/DetailView/BarCodePropEditor.tsx
@@ -5,8 +5,8 @@ import {
   DEFAULT_BARCODE_BG_COLOR,
   DEFAULT_BARCODE_COLOR,
 } from '@pdfme/common';
+import type { SidebarProps } from '../../../../types';
 import { I18nContext } from '../../../../contexts';
-import { SidebarProps } from '..';
 import ColorInputSet from './FormComponents/ColorInputSet';
 
 const BarcodePropEditor = (

diff --git a/packages/ui/src/components/Designer/Sidebar/DetailView/ExampleInputEditor.tsx b/packages/ui/src/components/Designer/Sidebar/DetailView/ExampleInputEditor.tsx
diff --git a/packages/ui/src/components/Designer/Sidebar/DetailView/PositionAndSizeEditor.tsx b/packages/ui/src/components/Designer/Sidebar/DetailView/PositionAndSizeEditor.tsx
@@ -1,7 +1,7 @@
 import React, { CSSProperties } from 'react';
 import { SchemaForUI } from '@pdfme/common';
+import type { SidebarProps } from '../../../../types';
 import { round } from '../../../../helper';
-import { SidebarProps } from '../index';
 
 const inputSetStyle: CSSProperties = { marginRight: '1rem', display: 'flex', alignItems: 'center' };