@pdfme/ui 0.0.0

package/src/index.ts

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

package/src/theme.ts

@@ -0,0 +1,20 @@
+import type { ThemeConfig } from 'antd';
+
+export const defaultTheme: ThemeConfig = {
+  token: {
+    colorPrimary: '#38a0ff',
+  },
+  components: {
+    Form: {
+      fontSize: 12,
+      margin: 8,
+      marginLG: 12,
+      marginXS: 4,
+      padding: 8,
+      paddingLG: 12,
+      paddingXS: 4,
+      itemMarginBottom: 4,
+      verticalLabelPadding: '0 0 2px',
+    },
+  },
+};

package/src/types.ts

@@ -0,0 +1,20 @@
+import type { SchemaForUI, Size, ChangeSchemas, BasePdf } from '@pdfme/common';
+
+export type SidebarProps = {
+  height: number;
+  hoveringSchemaId: string | null;
+  onChangeHoveringSchemaId: (id: string | null) => void;
+  size: Size;
+  pageSize: Size;
+  basePdf: BasePdf;
+  activeElements: HTMLElement[];
+  schemas: SchemaForUI[];
+  schemasList: SchemaForUI[][];
+  onSortEnd: (sortedSchemas: SchemaForUI[]) => void;
+  onEdit: (id: string) => void;
+  onEditEnd: () => void;
+  changeSchemas: ChangeSchemas;
+  deselectSchema: () => void;
+  sidebarOpen: boolean;
+  setSidebarOpen: (sidebarOpen: boolean) => void;
+};

package/tsconfig.json

@@ -0,0 +1,48 @@
+{
+  "compilerOptions": {
+    "noImplicitAny": true,
+    "target": "ES2020",
+    "jsx": "react",
+    "esModuleInterop": true,
+    "isolatedModules": true,
+    "declaration": true,
+    "declarationDir": "dist/types",
+    "module": "ESNext",
+    "lib": [
+      "ES2020",
+      "DOM",
+      "DOM.Iterable",
+      "ESNext"
+    ],
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "types": ["jest"],
+    "typeRoots": [
+      "../node_modules/@types",
+      "./node_modules/@types",
+      "../../node_modules/@types"
+    ],
+    "sourceMap": true,
+    "baseUrl": ".",
+    "paths": {
+      "@pdfme/common": [
+        "packages/common/dist/esm/src"
+      ],
+      "@pdfme/schemas": [
+        "packages/schemas/dist/esm/src"
+      ]
+    },
+    "skipLibCheck": true
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "__tests__/**/*.ts",
+    "__tests__/**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist"
+  ]
+}

package/vite.config.mts

@@ -0,0 +1,22 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import tsconfigPaths from 'vite-tsconfig-paths';
+import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js';
+
+export default defineConfig(({ mode }) => {
+  return {
+    define: { 'process.env.NODE_ENV': JSON.stringify(mode) },
+    plugins: [react(), tsconfigPaths({ root: '.' }), cssInjectedByJsPlugin()],
+    build: {
+      lib: {
+        entry: 'src/index.ts',
+        name: '@pdfme/ui',
+        fileName: (format) => `index.${format}.js`,
+      },
+    },
+    optimizeDeps: {
+      include: ['react', 'react-dom', 'pdfjs-dist', 'antd'],
+      exclude: ['@pdfme/common', '@pdfme/schemas', '@pdfme/converter'],
+    },
+  };
+});