@nice2dev/ui-printing 1.2.1 → 1.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nice2dev/ui-printing",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "React components for print management: template editor, template browser, print preview, print queue and print button",
   "keywords": [
     "printing",
@@ -50,7 +50,7 @@
     "@nice2dev/ui": "^1.2.0"
   },
   "devDependencies": {
-    "@nice2dev/ui": "^1.2.1",
+    "@nice2dev/ui": "^1.2.2",
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.7",
     "@vitejs/plugin-react": "^4.7.0",

package/src/print-button/NicePrintButton.tsx

@@ -139,7 +139,7 @@ export const NicePrintButton: React.FC<NicePrintButtonProps> = ({
                     >
                       {p.name}{' '}
                       {p.status === 'offline' || (!p.isOnline && p.status == null)
-                        ? '(Offline)'
+                        ? t('printing.offline', '(Offline)')
                         : p.status === 'busy'
                           ? `(${t('printing.printerBusyLabel', 'Busy')})`
                           : ''}
@@ -161,7 +161,7 @@ export const NicePrintButton: React.FC<NicePrintButtonProps> = ({
                               : s === 'busy'
                                 ? t('printing.printerBusyLabel', 'Busy')
                                 : s === 'offline'
-                                  ? 'Offline'
+                                  ? t('printing.offline2', 'Offline')
                                   : t('printing.printerError', 'Error')}
                           </span>
                         </>

package/src/print-preview/NicePrintPreview.tsx

@@ -370,7 +370,10 @@ export const NicePrintPreview: React.FC<NicePrintPreviewProps> = ({
       <div className={styles.footerBar}>
         <span>{template.name}</span>
         <span>
-          {template.paperSize} · {template.orientation === 'portrait' ? 'Pion' : 'Poziom'}
+          {template.paperSize} ·{' '}
+          {template.orientation === 'portrait'
+            ? t('printing.portrait', 'Portrait')
+            : t('printing.landscape', 'Landscape')}
         </span>
         {template.sections.reduce((acc, s) => acc + s.fields.length, 0)}{' '}
         {t('printing.fields', 'fields')}

package/src/template-editor/NiceTemplateEditor.tsx

@@ -286,6 +286,7 @@ const FieldElement: React.FC<FieldElementProps> = ({
   onResizeStart,
   readOnly,
 }) => {
+  const { t } = useNiceTranslation();
   const pos = field.position;
   const st = field.style;
   const mm = (v: number) => v * zoom * MM_TO_PX;
@@ -345,7 +346,7 @@ const FieldElement: React.FC<FieldElementProps> = ({
       ) : isBarcode ? (
         <div className={styles.fieldBarcodePlaceholder}>
           <NiceIcon name={field.type === 'qr' ? 'qr-code' : 'barcode'} size={14} />{' '}
-          {field.type === 'qr' ? 'QR' : 'Barcode'}
+          {field.type === 'qr' ? 'QR' : t('templateEditor.barcode', 'Barcode')}
         </div>
       ) : field.type === 'signature' ? (
         <div className={styles.fieldSignaturePlaceholder}>
@@ -1121,7 +1122,7 @@ const LeftPanel: React.FC<LeftPanelProps> = ({
                       {
                         id: uid(),
                         type: 'text',
-                        text: 'COPY',
+                        text: t('templateEditor.copy', 'COPY'),
                         opacity: 0.12,
                         angle: -45,
                         fontSize: 60,
@@ -1298,7 +1299,7 @@ const LeftPanel: React.FC<LeftPanelProps> = ({
                       onUpdateTpl({ margins: { ...tpl.margins, [side]: +e.target.value } })
                     }
                   />
-                  <span className={styles.settingsUnit}>mm</span>
+                  <span className={styles.settingsUnit}>{t('templateEditor.mm', 'mm')}</span>
                 </div>
               ))}
             </div>
@@ -1409,8 +1410,8 @@ const PropertiesPanel: React.FC<PropertiesPanelProps> = ({
               {[
                 { key: 'x' as const, label: 'X', unit: 'mm' },
                 { key: 'y' as const, label: 'Y', unit: 'mm' },
-                { key: 'width' as const, label: 'Szer.', unit: 'mm' },
-                { key: 'height' as const, label: 'Wys.', unit: 'mm' },
+                { key: 'width' as const, label: t('templateEditor.widthShort', 'W'), unit: 'mm' },
+                { key: 'height' as const, label: t('templateEditor.heightShort', 'H'), unit: 'mm' },
               ].map(({ key, label, unit }) => (
                 <div key={key} className={styles.posCell}>
                   <label className={styles.posLabel}>{label}</label>
@@ -1693,7 +1694,7 @@ const PropertiesPanel: React.FC<PropertiesPanelProps> = ({
                   value={field.style.padding ?? 0}
                   onChange={(e) => s({ padding: +e.target.value })}
                 />
-                <span className={styles.styleUnit}>mm</span>
+                <span className={styles.styleUnit}>{t('templateEditor.mm', 'mm')}</span>
               </div>
               <div className={styles.styleRow}>
                 <label className={styles.styleLabel}>
@@ -1838,9 +1839,9 @@ const PropertiesPanel: React.FC<PropertiesPanelProps> = ({
               >
                 <option value="eq">= {tr('printing.editor.opEqual', 'equal')}</option>
                 <option value="neq">≠ {tr('printing.editor.opNotEqual', 'not equal')}</option>
-                <option value="gt">&gt; wieksze</option>
-                <option value="lt">&lt; mniejsze</option>
-                <option value="contains">zawiera</option>
+                <option value="gt">{t('templateEditor.greaterThan', '> greater than')}</option>
+                <option value="lt">{t('templateEditor.lessThan', '< less than')}</option>
+                <option value="contains">{t('templateEditor.contains', 'contains')}</option>
               </select>
             </div>
             <div className={styles.styleRow}>
@@ -1906,6 +1907,7 @@ export const NiceTemplateEditor: React.FC<NiceTemplateEditorProps> = ({
   style,
   theme = 'light',
 }) => {
+  const { t } = useNiceTranslation();
   const [{ past, present: tpl, future }, dispatch] = useReducer(historyReducer, {
     past: [],
     present: initialTemplate ?? defaultTemplate(),
@@ -1984,7 +1986,7 @@ export const NiceTemplateEditor: React.FC<NiceTemplateEditorProps> = ({
             {
               id: uid(),
               type: 'text',
-              text: 'COPY',
+              text: t('templateEditor.copy', 'COPY'),
               opacity: 0.12,
               angle: -45,
               fontSize: 60,
@@ -2027,7 +2029,7 @@ export const NiceTemplateEditor: React.FC<NiceTemplateEditorProps> = ({
       onChange?.({ ...tpl, ...updated });
       setSelectedIds(new Set([field.id]));
     },
-    [tpl, activeSection, onChange],
+    [tpl, activeSection, onChange, t, tr, update],
   );
 
   // -- Drop from left panel --