@pdfme/ui 1.1.4 → 1.1.5

package/src/components/Designer/Sidebar/ListView/Item.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useContext } from 'react';
 import { DraggableSyntheticListeners } from '@dnd-kit/core';
-import { I18nContext } from '../../../../contexts.js';
+import { I18nContext } from '../../../../contexts';
 import { ExclamationTriangleIcon } from '@heroicons/react/24/outline';
 
 interface Props {

package/src/components/Designer/Sidebar/ListView/SelectableSortableContainer.tsx

@@ -16,9 +16,9 @@ import {
   verticalListSortingStrategy,
 } from '@dnd-kit/sortable';
 import { SchemaForUI } from '@pdfme/common';
-import Item from './Item.js';
-import SelectableSortableItem from './SelectableSortableItem.js';
-import { SidebarProps } from '../index.js';
+import Item from './Item';
+import SelectableSortableItem from './SelectableSortableItem';
+import { SidebarProps } from '../index';
 
 const SelectableSortableContainer = (
   props: Pick<
@@ -106,55 +106,59 @@ const SelectableSortableContainer = (
         setClonedItems(null);
       }}
     >
-      <div style={{ height, overflowY: 'auto' }}>
-        <SortableContext items={schemas} strategy={verticalListSortingStrategy}>
-          <ul style={{ margin: 0, padding: 0, listStyle: 'none', borderRadius: 5 }}>
-            {schemas.map((schema) => (
-              <SelectableSortableItem
-                key={schema.id}
-                style={{
-                  border: `1px solid ${schema.id === hoveringSchemaId ? '#18a0fb' : 'transparent'}`,
-                }}
-                schema={schema}
-                schemas={schemas}
-                isSelected={isItemSelected(schema.id) || activeId === schema.id}
-                onEdit={onEdit}
-                onSelect={onSelectionChanged}
-                onMouseEnter={() => onChangeHoveringSchemaId(schema.id)}
-                onMouseLeave={() => onChangeHoveringSchemaId(null)}
-              />
-            ))}
-          </ul>
-        </SortableContext>
-      </div>
-      {createPortal(
-        <DragOverlay adjustScale>
-          {activeId ? (
-            <>
-              <ul style={{ margin: 0, padding: 0, listStyle: 'none' }}>
-                <Item
-                  value={schemas.find((schema) => schema.id === activeId)!.key}
-                  style={{ color: '#fff', background: '#18a0fb' }}
-                  dragOverlay
+      <>
+        <div style={{ height, overflowY: 'auto' }}>
+          <SortableContext items={schemas} strategy={verticalListSortingStrategy}>
+            <ul style={{ margin: 0, padding: 0, listStyle: 'none', borderRadius: 5 }}>
+              {schemas.map((schema) => (
+                <SelectableSortableItem
+                  key={schema.id}
+                  style={{
+                    border: `1px solid ${
+                      schema.id === hoveringSchemaId ? '#18a0fb' : 'transparent'
+                    }`,
+                  }}
+                  schema={schema}
+                  schemas={schemas}
+                  isSelected={isItemSelected(schema.id) || activeId === schema.id}
+                  onEdit={onEdit}
+                  onSelect={onSelectionChanged}
+                  onMouseEnter={() => onChangeHoveringSchemaId(schema.id)}
+                  onMouseLeave={() => onChangeHoveringSchemaId(null)}
                 />
-              </ul>
-              <ul style={{ margin: 0, padding: 0, listStyle: 'none' }}>
-                {selectedSchemas
-                  .filter((item) => item.id !== activeId)
-                  .map((item) => (
-                    <Item
-                      key={item.id}
-                      value={item.key}
-                      style={{ color: '#fff', background: '#18a0fb' }}
-                      dragOverlay
-                    />
-                  ))}
-              </ul>
-            </>
-          ) : null}
-        </DragOverlay>,
-        document.body
-      )}
+              ))}
+            </ul>
+          </SortableContext>
+        </div>
+        {createPortal(
+          <DragOverlay adjustScale>
+            {activeId ? (
+              <>
+                <ul style={{ margin: 0, padding: 0, listStyle: 'none' }}>
+                  <Item
+                    value={schemas.find((schema) => schema.id === activeId)!.key}
+                    style={{ color: '#fff', background: '#18a0fb' }}
+                    dragOverlay
+                  />
+                </ul>
+                <ul style={{ margin: 0, padding: 0, listStyle: 'none' }}>
+                  {selectedSchemas
+                    .filter((item) => item.id !== activeId)
+                    .map((item) => (
+                      <Item
+                        key={item.id}
+                        value={item.key}
+                        style={{ color: '#fff', background: '#18a0fb' }}
+                        dragOverlay
+                      />
+                    ))}
+                </ul>
+              </>
+            ) : null}
+          </DragOverlay>,
+          document.body
+        )}
+      </>
     </DndContext>
   );
 };

package/src/components/Designer/Sidebar/ListView/SelectableSortableItem.tsx

@@ -1,9 +1,9 @@
 import React, { useContext } from 'react';
 import { useSortable } from '@dnd-kit/sortable';
 import { SchemaForUI } from '@pdfme/common';
-import { I18nContext } from '../../../../contexts.js';
-import Item from './Item.js';
-import { useMountStatus } from '../../../../hooks.js';
+import { I18nContext } from '../../../../contexts';
+import Item from './Item';
+import { useMountStatus } from '../../../../hooks';
 
 interface Props {
   isSelected: boolean;

package/src/components/Designer/Sidebar/ListView/index.tsx

@@ -1,9 +1,9 @@
 import React, { useContext, useState } from 'react';
-import { RULER_HEIGHT, SIDEBAR_WIDTH } from '../../../../constants.js';
-import { I18nContext } from '../../../../contexts.js';
-import Divider from '../../../Divider.js';
-import SelectableSortableContainer from './SelectableSortableContainer.js';
-import { SidebarProps } from '../index.js';
+import { RULER_HEIGHT, SIDEBAR_WIDTH } from '../../../../constants';
+import { I18nContext } from '../../../../contexts';
+import Divider from '../../../Divider';
+import SelectableSortableContainer from './SelectableSortableContainer';
+import { SidebarProps } from '../index';
 
 const ListView = (
   props: Pick<

package/src/components/Designer/Sidebar/index.tsx

@@ -1,10 +1,10 @@
 import React, { useState, useContext } from 'react';
 import { SchemaForUI, Size } from '@pdfme/common';
-import { RULER_HEIGHT, SIDEBAR_WIDTH } from '../../../constants.js';
-import { I18nContext } from '../../../contexts.js';
+import { RULER_HEIGHT, SIDEBAR_WIDTH } from '../../../constants';
+import { I18nContext } from '../../../contexts';
 import { ArrowLeftIcon, ArrowRightIcon } from '@heroicons/react/24/outline';
-import ListView from './ListView/index.js';
-import DetailView from './DetailView/index.js';
+import ListView from './ListView/index';
+import DetailView from './DetailView/index';
 
 export type SidebarProps = {
   height: number;

package/src/components/Designer/index.tsx

@@ -1,9 +1,9 @@
 import React, { useRef, useState, useEffect, useContext, useCallback } from 'react';
 import { DesignerReactProps, Template, SchemaForUI } from '@pdfme/common';
-import Sidebar from './Sidebar/index.js';
-import Main from './Main/index.js';
-import { ZOOM, RULER_HEIGHT } from '../../constants.js';
-import { I18nContext } from '../../contexts.js';
+import Sidebar from './Sidebar/index';
+import Main from './Main/index';
+import { ZOOM, RULER_HEIGHT } from '../../constants';
+import { I18nContext } from '../../contexts';
 import {
   uuid,
   set,
@@ -18,11 +18,11 @@ import {
   getUniqSchemaKey,
   moveCommandToChangeSchemasArg,
   getPagesScrollTopByIndex,
-} from '../../helper.js';
-import { useUIPreProcessor, useScrollPageCursor } from '../../hooks.js';
-import Root from '../Root.js';
-import Error from '../Error.js';
-import CtlBar from '../CtlBar/index.js';
+} from '../../helper';
+import { useUIPreProcessor, useScrollPageCursor } from '../../hooks';
+import Root from '../Root';
+import Error from '../Error';
+import CtlBar from '../CtlBar/index';
 
 const TemplateEditor = ({
   template,

package/src/components/Error.tsx

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import { Size } from '@pdfme/common';
-import { I18nContext } from '../contexts.js';
+import { I18nContext } from '../contexts';
 
 const Error = ({ size, error }: { size: Size; error: Error }) => {
   const i18n = useContext(I18nContext);

package/src/components/Paper.tsx

@@ -1,7 +1,7 @@
 import React, { MutableRefObject, ReactNode, useContext } from 'react';
 import { SchemaForUI, Size, getFallbackFontName } from '@pdfme/common';
-import { FontContext } from '../contexts.js';
-import { ZOOM, RULER_HEIGHT } from '../constants.js';
+import { FontContext } from '../contexts';
+import { ZOOM, RULER_HEIGHT } from '../constants';
 
 const Paper = (porps: {
   paperRefs: MutableRefObject<HTMLDivElement[]>;

package/src/components/Preview.tsx

@@ -1,14 +1,14 @@
 import React, { useCallback, useRef, useState, useEffect } from 'react';
 import { PreviewReactProps, SchemaForUI } from '@pdfme/common';
-import { ZOOM, RULER_HEIGHT } from '../constants.js';
-import UnitPager from './UnitPager.js';
-import Root from './Root.js';
-import Error from './Error.js';
-import CtlBar from './CtlBar/index.js';
-import Paper from './Paper.js';
-import SchemaUI from './Schemas/SchemaUI.js';
-import { useUIPreProcessor, useScrollPageCursor } from '../hooks.js';
-import { templateSchemas2SchemasList, getPagesScrollTopByIndex } from '../helper.js';
+import { ZOOM, RULER_HEIGHT } from '../constants';
+import UnitPager from './UnitPager';
+import Root from './Root';
+import Error from './Error';
+import CtlBar from './CtlBar/index';
+import Paper from './Paper';
+import SchemaUI from './Schemas/SchemaUI';
+import { useUIPreProcessor, useScrollPageCursor } from '../hooks';
+import { templateSchemas2SchemasList, getPagesScrollTopByIndex } from '../helper';
 
 const Preview = ({ template, inputs, size, onChangeInput }: PreviewReactProps) => {
   const rootRef = useRef<HTMLDivElement>(null);

package/src/components/Root.tsx

@@ -1,8 +1,7 @@
-import type {} from 'css-font-loading-module';
 import React, { useContext, forwardRef, ReactNode, Ref, useEffect } from 'react';
 import { Size } from '@pdfme/common';
-import { FontContext } from '../contexts.js';
-import Spinner from './Spinner.js';
+import { FontContext } from '../contexts';
+import Spinner from './Spinner';
 
 type Props = { size: Size; scale: number; children: ReactNode };
 
@@ -18,7 +17,9 @@ const Root = ({ size, scale, children }: Props, ref: Ref<HTMLDivElement>) => {
     });
     Promise.all(fontFaces).then((loadedFontFaces) => {
       loadedFontFaces.forEach((loadedFontFace) => {
+        // @ts-ignore
         if (document && document.fonts && document.fonts.add) {
+          // @ts-ignore
           document.fonts.add(loadedFontFace);
         }
       });

package/src/components/Schemas/BarcodeSchema.tsx

@@ -1,7 +1,7 @@
 import React, { forwardRef, Ref } from 'react';
 import { validateBarcodeInput, BarCodeType, BarcodeSchema } from '@pdfme/common';
-import { ZOOM } from '../../constants.js';
-import { SchemaUIProps } from './SchemaUI.js';
+import { ZOOM } from '../../constants';
+import { SchemaUIProps } from './SchemaUI';
 
 const barcodeExampleImageObj: { [key: string]: string } = {
   qrcode:

package/src/components/Schemas/ImageSchema.tsx

@@ -1,8 +1,8 @@
 import React, { useState, forwardRef, ChangeEvent, Ref } from 'react';
 import { ImageSchema } from '@pdfme/common';
-import { SchemaUIProps } from './SchemaUI.js';
-import { readFiles } from '../../helper.js';
-import { ZOOM } from '../../constants.js';
+import { SchemaUIProps } from './SchemaUI';
+import { readFiles } from '../../helper';
+import { ZOOM } from '../../constants';
 import { XMarkIcon } from '@heroicons/react/24/outline';
 
 type Props = SchemaUIProps & { schema: ImageSchema };

package/src/components/Schemas/SchemaUI.tsx

@@ -1,9 +1,9 @@
 import React, { forwardRef, RefObject, Ref, ReactNode } from 'react';
 import { SchemaForUI, isTextSchema, isImageSchema, isBarcodeSchema } from '@pdfme/common';
-import { ZOOM, SELECTABLE_CLASSNAME } from '../../constants.js';
-import TextSchema from './TextSchema.js';
-import ImageSchema from './ImageSchema.js';
-import BarcodeSchema from './BarcodeSchema.js';
+import { ZOOM, SELECTABLE_CLASSNAME } from '../../constants';
+import TextSchema from './TextSchema';
+import ImageSchema from './ImageSchema';
+import BarcodeSchema from './BarcodeSchema';
 
 export interface SchemaUIProps {
   schema: SchemaForUI;

package/src/components/Schemas/TextSchema.tsx

@@ -7,8 +7,8 @@ import {
   DEFAULT_FONT_COLOR,
   TextSchema,
 } from '@pdfme/common';
-import { SchemaUIProps } from './SchemaUI.js';
-import { ZOOM } from '../../constants.js';
+import { SchemaUIProps } from './SchemaUI';
+import { ZOOM } from '../../constants';
 
 type Props = SchemaUIProps & { schema: TextSchema };
 

package/src/contexts.ts

@@ -1,6 +1,6 @@
 import { createContext } from 'react';
-import { curriedI18n } from './i18n.js';
-import { DEFAULT_LANG } from './constants.js';
+import { curriedI18n } from './i18n';
+import { DEFAULT_LANG } from './constants';
 import { getDefaultFont } from '@pdfme/common';
 
 export const I18nContext = createContext(curriedI18n(DEFAULT_LANG));

package/src/helper.ts

@@ -1,3 +1,6 @@
+// TODO そもそもこのpdfjs-distはtscでビルドできない
+// 昔のpdfmeのソースからwebpackのビルドに戻す
+// 多分tree-shakingは動かないかもしれないけど、とりあえず動くようにするべき
 // @ts-ignore
 import PDFJSWorker from 'pdfjs-dist/build/pdf.worker.entry.js';
 import { getDocument, GlobalWorkerOptions } from 'pdfjs-dist/legacy/build/pdf.js';
@@ -15,7 +18,7 @@ import {
   DEFAULT_CHARACTER_SPACING,
   DEFAULT_LINE_HEIGHT,
 } from '@pdfme/common';
-import { ZOOM, RULER_HEIGHT } from './constants.js';
+import { ZOOM, RULER_HEIGHT } from './constants';
 
 export const uuid = () =>
   'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {

package/src/hooks.ts

@@ -1,7 +1,7 @@
 import { RefObject, useRef, useState, useCallback, useEffect } from 'react';
 import { Template, Size, getB64BasePdf } from '@pdfme/common';
-import { pdf2Pngs, getPdfPageSizes, b64toBlob } from './helper.js';
-import { ZOOM, RULER_HEIGHT } from './constants.js';
+import { pdf2Pngs, getPdfPageSizes, b64toBlob } from './helper';
+import { ZOOM, RULER_HEIGHT } from './constants';
 
 export const usePrevious = <T>(value: T) => {
   const ref = useRef<T | null>(null);

package/src/i18n.ts

@@ -1,5 +1,5 @@
 import { Lang } from '@pdfme/common';
-import { DEFAULT_LANG } from './constants.js';
+import { DEFAULT_LANG } from './constants';
 
 type DictEn = typeof dictEn;
 

package/src/index.ts

@@ -1,6 +1,6 @@
-import Designer from './Designer.js';
-import Form from './Form.js';
-import Viewer from './Viewer.js';
+import Designer from './Designer';
+import Form from './Form';
+import Viewer from './Viewer';
 
 export { Designer, Viewer, Form };
 

package/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "noImplicitAny": true,
+    "target": "ES2015",
+    "jsx": "react",
+    "esModuleInterop": true,
+    "isolatedModules": true,
+    "declaration": true,
+    "declarationDir": "dist/types",
+    "module": "ES2015",
+    "lib": ["es6", "dom", "es2016", "es2017"],
+    "moduleResolution": "node",
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "types": ["node", "jest", "@types/jest"],
+    "typeRoots": ["node_modules/@types"],
+    "sourceMap": true
+  },
+  "baseUrl": ".",
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "exclude": ["node_modules"]
+}

package/webpack.config.js

@@ -0,0 +1,49 @@
+const path = require('path');
+const webpack = require('webpack');
+const pkg = require('./package.json');
+
+const isProduction = process.env.NODE_ENV === 'production';
+
+const BANNER = [
+  '@name ' + pkg.name,
+  '@version ' + pkg.version + ' | ' + new Date().toDateString(),
+  '@author ' + pkg.author,
+  '@license ' + pkg.license,
+].join('\n');
+
+const config = {
+  optimization: { minimize: isProduction },
+  resolve: {
+    extensions: ['.ts', '.tsx', '.js'],
+    alias: { process: 'process/browser' },
+  },
+  plugins: [
+    // new BundleAnalyzerPlugin(),
+    new webpack.ProvidePlugin({
+      process: 'process/browser',
+    }),
+    new webpack.BannerPlugin({
+      banner: BANNER,
+      entryOnly: true,
+    }),
+  ],
+  devtool: 'source-map',
+  entry: './src/index.ts',
+  output: {
+    path: path.resolve(__dirname, 'dist'),
+    filename: 'index.js',
+    globalObject: 'this',
+    library: {
+      type: 'umd',
+    },
+  },
+  module: {
+    rules: [
+      {
+        test: /\.tsx?$/,
+        use: 'ts-loader',
+      },
+    ],
+  },
+};
+module.exports = config;

package/dist/cjs/__tests__/assets/helper.js

@@ -1,79 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSampleTemplate = exports.setupUIMock = void 0;
-const hooks = __importStar(require("../../src/hooks.js"));
-const helper_js_1 = require("../../src/helper.js");
-const common_1 = require("@pdfme/common");
-const setupUIMock = () => {
-    const backgrounds = ['data:image/png;base64,a...'];
-    const pageSizes = [{ height: 297, width: 210 }];
-    const mock = jest.spyOn(hooks, 'useUIPreProcessor');
-    mock.mockImplementation(() => ({ backgrounds, pageSizes, scale: 1, error: null }));
-    helper_js_1.getPdfPageSizes = jest.fn().mockReturnValue(Promise.resolve(pageSizes));
-    helper_js_1.pdf2Pngs = jest.fn().mockReturnValue(Promise.resolve(backgrounds));
-    helper_js_1.uuid = jest
-        .fn()
-        .mockReturnValueOnce('1')
-        .mockReturnValueOnce('2')
-        .mockReturnValueOnce('3')
-        .mockReturnValueOnce('4')
-        .mockReturnValueOnce('5');
-    const FontFace = jest.fn().mockReturnValue({ load: () => Promise.resolve() });
-    global.window.FontFace = FontFace;
-};
-exports.setupUIMock = setupUIMock;
-const getSampleTemplate = () => ({
-    columns: ['field1', 'field2'],
-    sampledata: [
-        {
-            field1: 'bb',
-            field2: 'aaaaaaaaaaaa',
-        },
-    ],
-    basePdf: common_1.BLANK_PDF,
-    schemas: [
-        {
-            field1: {
-                type: 'text',
-                position: { x: 20, y: 20 },
-                width: 100,
-                height: 15,
-                alignment: 'left',
-                fontSize: 30,
-                characterSpacing: 0,
-                lineHeight: 1,
-            },
-            field2: {
-                type: 'image',
-                position: { x: 20, y: 35 },
-                width: 100,
-                height: 40,
-            },
-        },
-    ],
-});
-exports.getSampleTemplate = getSampleTemplate;
-//# sourceMappingURL=helper.js.map

package/dist/cjs/__tests__/assets/helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helper.js","sourceRoot":"","sources":["../../../../__tests__/assets/helper.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAA4C;AAC5C,mDAAsE;AACtE,0CAAoD;AAE7C,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,WAAW,GAAG,CAAC,4BAA4B,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;IAChD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC;IACpD,IAAI,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAClF,2BAA6B,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IACtF,oBAAsB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;IACjF,gBAAkB,GAAG,IAAI;SACvB,EAAE,EAAE;SACJ,mBAAmB,CAAC,GAAG,CAAC;SACxB,mBAAmB,CAAC,GAAG,CAAC;SACxB,mBAAmB,CAAC,GAAG,CAAC;SACxB,mBAAmB,CAAC,GAAG,CAAC;SACxB,mBAAmB,CAAC,GAAG,CAAC,CAAC;IAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IAC9E,MAAM,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;AACpC,CAAC,CAAC;AAhBW,QAAA,WAAW,eAgBtB;AAEK,MAAM,iBAAiB,GAAG,GAAa,EAAE,CAAC,CAAC;IAChD,OAAO,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC7B,UAAU,EAAE;QACV;YACE,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE,cAAc;SACvB;KACF;IACD,OAAO,EAAE,kBAAS;IAClB,OAAO,EAAE;QACP;YACE,MAAM,EAAE;gBACN,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE;gBAC1B,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,EAAE;gBACV,SAAS,EAAE,MAAM;gBACjB,QAAQ,EAAE,EAAE;gBACZ,gBAAgB,EAAE,CAAC;gBACnB,UAAU,EAAE,CAAC;aACd;YACD,MAAM,EAAE;gBACN,IAAI,EAAE,OAAO;gBACb,QAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE;gBAC1B,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,EAAE;aACX;SACF;KACF;CACF,CAAC,CAAC;AA7BU,QAAA,iBAAiB,qBA6B3B"}

package/dist/cjs/__tests__/components/Designer.test.js

@@ -1,39 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- * @jest-environment jsdom
- */
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-require("@testing-library/jest-dom");
-const index_js_1 = __importDefault(require("../../src/components/Designer/index.js"));
-const contexts_js_1 = require("../../src/contexts.js");
-const i18n_js_1 = require("../../src/i18n.js");
-const constants_js_1 = require("../../src/constants.js");
-const common_1 = require("@pdfme/common");
-const helper_js_1 = require("../assets/helper.js");
-test('Designer snapshot', () => __awaiter(void 0, void 0, void 0, function* () {
-    (0, helper_js_1.setupUIMock)();
-    let container = document.createElement('a');
-    (0, react_2.act)(() => {
-        const { container: c } = (0, react_2.render)(react_1.default.createElement(contexts_js_1.I18nContext.Provider, { value: (0, i18n_js_1.curriedI18n)('en') },
-            react_1.default.createElement(contexts_js_1.FontContext.Provider, { value: (0, common_1.getDefaultFont)() },
-                react_1.default.createElement(index_js_1.default, { template: (0, helper_js_1.getSampleTemplate)(), onSaveTemplate: console.log, onChangeTemplate: console.log, size: { width: 1200, height: 1200 } }))));
-        container = c;
-    });
-    yield (0, react_2.waitFor)(() => Boolean(container === null || container === void 0 ? void 0 : container.getElementsByClassName(constants_js_1.SELECTABLE_CLASSNAME)));
-    expect(container.firstChild).toMatchSnapshot();
-}));
-//# sourceMappingURL=Designer.test.js.map

package/dist/cjs/__tests__/components/Designer.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Designer.test.js","sourceRoot":"","sources":["../../../../__tests__/components/Designer.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA;;GAEG;AACH,kDAA0B;AAC1B,kDAA8D;AAC9D,qCAAmC;AACnC,sFAA8D;AAC9D,uDAAiE;AACjE,+CAAgD;AAChD,yDAA8D;AAC9D,0CAA+C;AAC/C,mDAAqE;AAErE,IAAI,CAAC,mBAAmB,EAAE,GAAS,EAAE;IACnC,IAAA,uBAAW,GAAE,CAAC;IACd,IAAI,SAAS,GAAgB,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzD,IAAA,WAAG,EAAC,GAAG,EAAE;QACP,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,IAAA,cAAM,EAC7B,8BAAC,yBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAA,qBAAW,EAAC,IAAI,CAAC;YAC5C,8BAAC,yBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAA,uBAAc,GAAE;gBAC3C,8BAAC,kBAAQ,IACP,QAAQ,EAAE,IAAA,6BAAiB,GAAE,EAC7B,cAAc,EAAE,OAAO,CAAC,GAAG,EAC3B,gBAAgB,EAAE,OAAO,CAAC,GAAG,EAC7B,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GACnC,CACmB,CACF,CACxB,CAAC;QACF,SAAS,GAAG,CAAC,CAAC;IAChB,CAAC,CAAC,CAAC;IAEH,MAAM,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,sBAAsB,CAAC,mCAAoB,CAAC,CAAC,CAAC,CAAC;IACtF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;AACjD,CAAC,CAAA,CAAC,CAAC"}

package/dist/cjs/__tests__/components/Preview.test.js

@@ -1,51 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- * @jest-environment jsdom
- */
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-require("@testing-library/jest-dom");
-const Preview_1 = __importDefault(require("../../src/components/Preview"));
-const contexts_1 = require("../../src/contexts");
-const i18n_1 = require("../../src/i18n");
-const constants_1 = require("../../src/constants");
-const common_1 = require("@pdfme/common");
-const helper_1 = require("../assets/helper");
-test('Preview(as Viewer) snapshot', () => __awaiter(void 0, void 0, void 0, function* () {
-    (0, helper_1.setupUIMock)();
-    let container = document.createElement('a');
-    (0, react_2.act)(() => {
-        const { container: c } = (0, react_2.render)(react_1.default.createElement(contexts_1.I18nContext.Provider, { value: (0, i18n_1.curriedI18n)('en') },
-            react_1.default.createElement(contexts_1.FontContext.Provider, { value: (0, common_1.getDefaultFont)() },
-                react_1.default.createElement(Preview_1.default, { template: (0, helper_1.getSampleTemplate)(), inputs: [{ field1: 'field1', field2: 'field2' }], size: { width: 1200, height: 1200 } }))));
-        container = c;
-    });
-    yield (0, react_2.waitFor)(() => Boolean(container === null || container === void 0 ? void 0 : container.getElementsByClassName(constants_1.SELECTABLE_CLASSNAME)));
-    expect(container.firstChild).toMatchSnapshot();
-}));
-test('Preview(as Form) snapshot', () => __awaiter(void 0, void 0, void 0, function* () {
-    (0, helper_1.setupUIMock)();
-    let container = document.createElement('a');
-    (0, react_2.act)(() => {
-        const { container: c } = (0, react_2.render)(react_1.default.createElement(contexts_1.I18nContext.Provider, { value: (0, i18n_1.curriedI18n)('en') },
-            react_1.default.createElement(contexts_1.FontContext.Provider, { value: (0, common_1.getDefaultFont)() },
-                react_1.default.createElement(Preview_1.default, { template: (0, helper_1.getSampleTemplate)(), inputs: [{ field1: 'field1', field2: 'field2' }], size: { width: 1200, height: 1200 }, onChangeInput: console.log }))));
-        container = c;
-    });
-    yield (0, react_2.waitFor)(() => Boolean(container === null || container === void 0 ? void 0 : container.getElementsByClassName(constants_1.SELECTABLE_CLASSNAME)));
-    expect(container.firstChild).toMatchSnapshot();
-}));
-//# sourceMappingURL=Preview.test.js.map