siam-ui-utils 3.1.4 → 3.2.0

package/dist/drag-and-dropzone/config.js

@@ -1,59 +1,60 @@
 const dropzoneComponentConfig = {
   postUrl: "no-url"
 };
-const dropzoneConfig = {
-  thumbnailHeight: 160,
-  acceptedFiles: "image/*,application/pdf,",
-  maxFilesize: 10,
-  maxFiles: 20,
-  dictDefaultMessage: "Presione para agregar imagenes",
-  previewTemplate: `
-      <div class="dz-preview dz-file-preview mb-0">
-        <div class="d-flex flex-row">
-          <div class="p-0 w-30 position-relative">
-            <div class="dz-error-mark">
-              <span>
-                <i></i>
-              </span>
-            </div>
-            <div class="dz-success-mark">
-              <span>
-                <i></i>
-              </span>
-            </div>
-            <div class="preview-container">
-              <img
-                data-dz-thumbnail
-                class="img-thumbnail border-0"
-                alt="preview_image"
-              />
-              <i class="simple-icon-doc preview-icon"></i>
-            </div>
-          </div>
-  
-          <div class="pl-3 pt-2 pr-2 pb-1 w-70 dz-details position-relative">
-            <div>
-              <span data-dz-name></span>
-            </div>
-            <div class="text-primary text-extra-small" data-dz-size></div>
-            <div class="dz-progress">
-              <span class="dz-upload" data-dz-uploadprogress></span>
-            </div>
-            <div class="dz-error-message">
-              <span data-dz-errormessage></span>
-            </div>
-          </div>
+const previewTemplate = `
+  <div class="dz-preview dz-file-preview">
+    <div class="dz-preview-inner">
+      <div class="dz-preview-thumb">
+        <img data-dz-thumbnail alt="preview" />
+        <svg class="dz-file-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
+          <polyline points="14 2 14 8 20 8"/>
+        </svg>
+        <div class="dz-success-mark">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+            <polyline points="20 6 9 17 4 12"/>
+          </svg>
+        </div>
+        <div class="dz-error-mark">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+            <line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/>
+          </svg>
         </div>
-  
-        <a href="#/" class="remove dz-remove" data-dz-remove>
-          <i class="glyph-icon simple-icon-trash"></i>
-        </a>
       </div>
-    `,
-  autoProcessQueue: false
-};
+
+      <div class="dz-preview-info">
+        <span class="dz-filename" data-dz-name></span>
+        <span class="dz-filesize" data-dz-size></span>
+        <div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress></span></div>
+        <div class="dz-error-message"><span data-dz-errormessage></span></div>
+      </div>
+
+      <button class="dz-remove-btn" data-dz-remove type="button" title="Eliminar">
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <polyline points="3 6 5 6 21 6"/>
+          <path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/>
+          <path d="M10 11v6M14 11v6"/>
+          <path d="M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2"/>
+        </svg>
+      </button>
+    </div>
+  </div>
+`;
+const buildDropzoneConfig = ({ disabled = false } = {}) => ({
+  thumbnailHeight: 56,
+  thumbnailWidth: 56,
+  acceptedFiles: "image/*,application/pdf",
+  maxFilesize: 10,
+  maxFiles: 20,
+  dictDefaultMessage: "",
+  previewTemplate,
+  autoProcessQueue: false,
+  clickable: !disabled,
+  addRemoveLinks: false
+});
+buildDropzoneConfig();
 export {
-  dropzoneComponentConfig,
-  dropzoneConfig
+  buildDropzoneConfig,
+  dropzoneComponentConfig
 };
 //# sourceMappingURL=config.js.map

package/dist/drag-and-dropzone/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","sources":["../../src/drag-and-dropzone/config.jsx"],"sourcesContent":["export const dropzoneComponentConfig = {\r\n  postUrl: 'no-url',\r\n};\r\n\r\nexport const dropzoneConfig = {\r\n  thumbnailHeight: 160,\r\n  acceptedFiles: 'image/*,application/pdf,',\r\n  maxFilesize: 10,\r\n  maxFiles: 20,\r\n  dictDefaultMessage: 'Presione para agregar imagenes',\r\n  previewTemplate: `\r\n      <div class=\"dz-preview dz-file-preview mb-0\">\r\n        <div class=\"d-flex flex-row\">\r\n          <div class=\"p-0 w-30 position-relative\">\r\n            <div class=\"dz-error-mark\">\r\n              <span>\r\n                <i></i>\r\n              </span>\r\n            </div>\r\n            <div class=\"dz-success-mark\">\r\n              <span>\r\n                <i></i>\r\n              </span>\r\n            </div>\r\n            <div class=\"preview-container\">\r\n              <img\r\n                data-dz-thumbnail\r\n                class=\"img-thumbnail border-0\"\r\n                alt=\"preview_image\"\r\n              />\r\n              <i class=\"simple-icon-doc preview-icon\"></i>\r\n            </div>\r\n          </div>\r\n  \r\n          <div class=\"pl-3 pt-2 pr-2 pb-1 w-70 dz-details position-relative\">\r\n            <div>\r\n              <span data-dz-name></span>\r\n            </div>\r\n            <div class=\"text-primary text-extra-small\" data-dz-size></div>\r\n            <div class=\"dz-progress\">\r\n              <span class=\"dz-upload\" data-dz-uploadprogress></span>\r\n            </div>\r\n            <div class=\"dz-error-message\">\r\n              <span data-dz-errormessage></span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n  \r\n        <a href=\"#/\" class=\"remove dz-remove\" data-dz-remove>\r\n          <i class=\"glyph-icon simple-icon-trash\"></i>\r\n        </a>\r\n      </div>\r\n    `,\r\n  autoProcessQueue: false,\r\n};\r\n"],"names":[],"mappings":"AAAO,MAAM,0BAA0B;AAAA,EACrC,SAAS;AACX;AAEO,MAAM,iBAAiB;AAAA,EAC5B,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,UAAU;AAAA,EACV,oBAAoB;AAAA,EACpB,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2CjB,kBAAkB;AACpB;"}
+{"version":3,"file":"config.js","sources":["../../src/drag-and-dropzone/config.jsx"],"sourcesContent":["export const dropzoneComponentConfig = {\n  postUrl: 'no-url',\n};\n\nconst previewTemplate = `\n  <div class=\"dz-preview dz-file-preview\">\n    <div class=\"dz-preview-inner\">\n      <div class=\"dz-preview-thumb\">\n        <img data-dz-thumbnail alt=\"preview\" />\n        <svg class=\"dz-file-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"/>\n          <polyline points=\"14 2 14 8 20 8\"/>\n        </svg>\n        <div class=\"dz-success-mark\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <polyline points=\"20 6 9 17 4 12\"/>\n          </svg>\n        </div>\n        <div class=\"dz-error-mark\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/>\n          </svg>\n        </div>\n      </div>\n\n      <div class=\"dz-preview-info\">\n        <span class=\"dz-filename\" data-dz-name></span>\n        <span class=\"dz-filesize\" data-dz-size></span>\n        <div class=\"dz-progress\"><span class=\"dz-upload\" data-dz-uploadprogress></span></div>\n        <div class=\"dz-error-message\"><span data-dz-errormessage></span></div>\n      </div>\n\n      <button class=\"dz-remove-btn\" data-dz-remove type=\"button\" title=\"Eliminar\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <polyline points=\"3 6 5 6 21 6\"/>\n          <path d=\"M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6\"/>\n          <path d=\"M10 11v6M14 11v6\"/>\n          <path d=\"M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2\"/>\n        </svg>\n      </button>\n    </div>\n  </div>\n`;\n\nexport const buildDropzoneConfig = ({ disabled = false } = {}) => ({\n  thumbnailHeight: 56,\n  thumbnailWidth: 56,\n  acceptedFiles: 'image/*,application/pdf',\n  maxFilesize: 10,\n  maxFiles: 20,\n  dictDefaultMessage: '',\n  previewTemplate,\n  autoProcessQueue: false,\n  clickable: !disabled,\n  addRemoveLinks: false,\n});\n\nexport const dropzoneConfig = buildDropzoneConfig();\n"],"names":[],"mappings":"AAAO,MAAM,0BAA0B;AAAA,EACrC,SAAS;AACX;AAEA,MAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwCjB,MAAM,sBAAsB,CAAC,EAAE,WAAW,MAAA,IAAU,CAAA,OAAQ;AAAA,EACjE,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,UAAU;AAAA,EACV,oBAAoB;AAAA,EACpB;AAAA,EACA,kBAAkB;AAAA,EAClB,WAAW,CAAC;AAAA,EACZ,gBAAgB;AAClB;AAE8B,oBAAA;"}