@pdfme/ui 1.1.10 → 1.2.0

package/src/helper.ts

@@ -1,6 +1,4 @@
-// TODO そもそもこのpdfjs-distはtscでビルドできない
-// 昔のpdfmeのソースからwebpackのビルドに戻す
-// 多分tree-shakingは動かないかもしれないけど、とりあえず動くようにするべき
+// TODO Update pdfjs-dist. (might be able to reduce the bundle size.)
 // @ts-ignore
 import PDFJSWorker from 'pdfjs-dist/build/pdf.worker.entry.js';
 import { getDocument, GlobalWorkerOptions } from 'pdfjs-dist/legacy/build/pdf.js';
@@ -306,22 +304,22 @@ const sortSchemasList = (template: Template, pageNum: number): SchemaForUI[][] =
     acc.push(
       template.schemas[i]
         ? Object.entries(template.schemas[i])
-            .sort((a, b) => {
-              const aIndex = (template.columns ?? []).findIndex((c) => c === a[0]);
-              const bIndex = (template.columns ?? []).findIndex((c) => c === b[0]);
-
-              return aIndex > bIndex ? 1 : -1;
-            })
-            .map((e) => {
-              const [key, value] = e;
-              const data = template.sampledata ? template.sampledata[0][key] : '';
-
-              return Object.assign(value, {
-                key,
-                data,
-                id: uuid(),
-              });
-            })
+          .sort((a, b) => {
+            const aIndex = (template.columns ?? []).findIndex((c) => c === a[0]);
+            const bIndex = (template.columns ?? []).findIndex((c) => c === b[0]);
+
+            return aIndex > bIndex ? 1 : -1;
+          })
+          .map((e) => {
+            const [key, value] = e;
+            const data = template.sampledata ? template.sampledata[0][key] : '';
+
+            return Object.assign(value, {
+              key,
+              data,
+              id: uuid(),
+            });
+          })
         : []
     );
 

package/src/hooks.ts

@@ -23,7 +23,8 @@ export const useUIPreProcessor = ({ template, size, zoomLevel }: UIPreProcessorP
   const [scale, setScale] = useState(0);
   const [error, setError] = useState<Error | null>(null);
 
-  const init = useCallback(async () => {
+  const init = async (prop: { template: Template; size: Size; }) => {
+    const { template, size } = prop;
     const _basePdf = await getB64BasePdf(template.basePdf);
     const pdfBlob = b64toBlob(_basePdf);
     const _pageSizes = await getPdfPageSizes(pdfBlob);
@@ -37,18 +38,16 @@ export const useUIPreProcessor = ({ template, size, zoomLevel }: UIPreProcessorP
     );
 
     return { backgrounds: _backgrounds, pageSizes: _pageSizes, scale: _scale };
-  }, [template, size]);
-
+  };
   useEffect(() => {
-    init()
+    init({ template, size })
       .then(({ pageSizes, scale, backgrounds }) => {
         setPageSizes(pageSizes), setScale(scale), setBackgrounds(backgrounds);
       })
       .catch((e: Error) => {
-        console.error(e);
         setError(e);
       });
-  }, [init]);
+  }, [template, size]);
 
   return { backgrounds, pageSizes, scale: scale * zoomLevel, error };
 };

package/src/i18n.ts

@@ -1,5 +1,4 @@
 import { Lang } from '@pdfme/common';
-import { DEFAULT_LANG } from './constants';
 
 type DictEn = typeof dictEn;
 
@@ -48,6 +47,39 @@ const dictJa: { [key in keyof DictEn]: string } = {
   bulkUpdateFieldName: '項目名を一括変更',
 };
 
-const i18n = (lang: Lang, key: keyof DictEn) => (lang === DEFAULT_LANG ? dictEn[key] : dictJa[key]);
+const dictAr: { [key in keyof DictEn]: string } = {
+  cancel: 'إلغاء',
+  field: 'الحقل',
+  fieldName: 'اسم الحقل',
+  require: 'مطلوب',
+  uniq: 'يجب أن يكون فريداً',
+  inputExample: 'مثال',
+  edit: 'تعديل',
+  plsInputName: 'الرجاء إدخال الاسم',
+  fieldMustUniq: 'يجب أن يكون الحقل فريداً',
+  notUniq: '(غير فريد)',
+  noKeyName: 'لا يوجد اسم للحقل',
+  fieldsList: 'قائمة الحقول',
+  addNewField: 'إضافة حقل جديد',
+  editField: 'تعديل الحقل',
+  type: 'النوع',
+  errorOccurred: 'حدث خطأ',
+  errorBulkUpdateFieldName: 'لا يمكن تنفيذ التغيير لأنه تم تغيير عدد العناصر.',
+  commitBulkUpdateFieldName: 'تنفيذ التغييرات',
+  bulkUpdateFieldName: 'تغيير الأسماء',
+};
+
+const i18n = (lang: Lang, key: keyof DictEn) => {
+  switch (lang) {
+    case 'ar':
+      return dictAr[key];
+
+    case 'ja':
+      return dictJa[key];
+
+    default:
+      return dictEn[key];
+  }
+};
 
 export const curriedI18n = (lang: Lang) => (key: keyof DictEn) => i18n(lang, key);

package/src/index.ts

@@ -4,7 +4,7 @@ import Viewer from './Viewer';
 
 import {
   BLANK_PDF,
-  HELVETICA,
+  DEFAULT_FONT_VALUE,
   isTextSchema,
   isImageSchema,
   isBarcodeSchema,
@@ -44,7 +44,7 @@ export {
   Viewer,
   Form,
   BLANK_PDF,
-  HELVETICA,
+  DEFAULT_FONT_VALUE,
   isTextSchema,
   isImageSchema,
   isBarcodeSchema,

package/tsconfig.json

@@ -13,7 +13,7 @@
     "allowSyntheticDefaultImports": true,
     "strict": true,
     "types": ["node", "jest", "@types/jest"],
-    "typeRoots": ["node_modules/@types"],
+    "typeRoots": ["../node_modules/@types", "../common/dist/types/src/index.d.ts"],
     "sourceMap": true
   },
   "baseUrl": ".",