@verdocs/web-sdk 4.2.35 → 4.2.39

package/dist/collection/utils/utils.js

@@ -18,6 +18,7 @@ export const defaultWidth = (type) => {
         case 'attachment':
         case 'payment':
             return 24;
+        case 'radio':
         case 'checkbox':
         case 'checkbox_group':
         case 'radio_button_group':
@@ -45,6 +46,7 @@ export const defaultHeight = (type) => {
         case 'attachment':
         case 'payment':
             return 24;
+        case 'radio':
         case 'checkbox':
         case 'checkbox_group':
         case 'radio_button_group':
@@ -59,9 +61,8 @@ export const defaultHeight = (type) => {
 };
 export const setControlStyles = (el, field, xScale, yScale, option) => {
     var _a, _b, _c, _d;
+    let { x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type) } = field;
     const settings = field.settings || field.settings;
-    let { x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type) } = settings;
-    // console.log('scs', field, settings, x, y);
     const optionSettings = settings.options && option !== undefined && settings.options[option] ? settings.options[option] : null;
     if (optionSettings) {
         x = (_a = optionSettings.x) !== null && _a !== void 0 ? _a : x;
@@ -79,9 +80,8 @@ export const setControlStyles = (el, field, xScale, yScale, option) => {
 };
 export const getControlStyles = (field, xScale, yScale, option) => {
     var _a, _b, _c, _d;
+    let { x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type) } = field;
     const settings = field.settings || field.settings;
-    let { x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type) } = settings;
-    // console.log('scs', field, settings, x, y);
     const optionSettings = settings.options && option !== undefined && settings.options[option] ? settings.options[option] : null;
     if (optionSettings) {
         x = (_a = optionSettings.x) !== null && _a !== void 0 ? _a : x;
@@ -164,8 +164,7 @@ export const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1)
             controlsDiv.appendChild(el);
             return el;
         }
-        // @ts-ignore
-        case 'checkbox':
+        case 'checkbox': {
             const id = getFieldOptionId(field, 0);
             const existingField = document.getElementById(id);
             if (existingField) {
@@ -191,6 +190,34 @@ export const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1)
             setControlStyles(cbEl, field, docPage.xScale, docPage.yScale, 0);
             controlsDiv.appendChild(cbEl);
             return cbEl;
+        }
+        case 'radio': {
+            const id = getFieldOptionId(field, 0);
+            const existingField = document.getElementById(id);
+            if (existingField) {
+                setControlStyles(existingField, field, docPage.xScale, docPage.yScale, 0);
+                return existingField;
+            }
+            const radioEl = document.createElement(`verdocs-field-radio`);
+            radioEl.field = field;
+            radioEl.setAttribute('id', id);
+            radioEl.setAttribute('option', 0);
+            if (disabled) {
+                radioEl.setAttribute('disabled', true);
+            }
+            if (done) {
+                radioEl.setAttribute('done', true);
+            }
+            if (editable) {
+                radioEl.setAttribute('editable', true);
+            }
+            if (draggable) {
+                radioEl.setAttribute('draggable', true);
+            }
+            setControlStyles(radioEl, field, docPage.xScale, docPage.yScale, 0);
+            controlsDiv.appendChild(radioEl);
+            return radioEl;
+        }
         case 'checkbox_group':
             return (field.settings || field.setting || {}).options.map((_, checkboxIndex) => {
                 const id = getFieldOptionId(field, checkboxIndex);
@@ -247,13 +274,6 @@ export const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1)
                 controlsDiv.appendChild(radioEl);
                 return radioEl;
             });
-        // case 'attachment':
-        //   el = document.createElement('verdocs-field-attachment');
-        //   el.setAttribute('value', result || '');
-        //   break;
-        // case 'payment':
-        //   el = document.createElement('verdocs-field-payment');
-        //   break;
         default:
             console.log('[PREVIEW] Skipping unsupported field type', field);
             return null;

package/dist/components/Toast.js

@@ -52,7 +52,7 @@ const VerdocsToast = (text, config = {}) => {
     toast.innerHTML = toastBody;
     toast.style.cssText = `
 display: flex; flex-direction: row; gap: 10px; align-items: center;
-position: fixed; top: 20px; right: 20px; z-index: 2147483647; width: 80%; max-width: calc(100% - 40px);
+position: fixed; top: 20px; right: 20px; z-index: 2147483647; width: 50%; max-width: calc(100% - 40px);
 color: #ffffff; background: ${color}; font-family: 'Barlow', sans-serif;
 border-radius: 2px; padding-left: 10px;
 box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);`;