@onepercentio/one-ui 1.2.6 → 1.3.1

package/WebpackConfigs/email-templates.js

@@ -31,7 +31,7 @@ const { findPathDeep } = require("deepdash")(lodash);
 
 function findAllStaticGeneration() {
   const glob = require("glob");
-  const results = glob.sync("**/*.+(static|email).tsx", {
+  const results = glob.sync("**/*.+(static|email|document).tsx", {
     cwd: join(resolve("."), "src"),
     absolute: true,
   });
@@ -41,7 +41,7 @@ function findAllStaticGeneration() {
 
 function parseResultsrToEntries(results) {
   return results.reduce((entries, filePath) => {
-    const [_, fileName] = /[\\/]([^\\/]+).(static|email).tsx/.exec(filePath);
+    const [_, fileName] = /[\\/]([^\\/]+).(static|email|document).tsx/.exec(filePath);
     entries[fileName] = filePath;
     return entries;
   }, {});
@@ -221,7 +221,7 @@ async function createConfig(
   });
 
   whereToPlaceTheNewLoaderPath.splice(1, 0, {
-    test: /\.email\.tsx/,
+    test: [/\.email\.tsx/],
     use: [
       {
         loader: babelLoader.loader,
@@ -238,6 +238,25 @@ async function createConfig(
       },
     ],
   });
+
+  whereToPlaceTheNewLoaderPath.splice(1, 0, {
+    test: [/\.document\.tsx/],
+    use: [
+      {
+        loader: babelLoader.loader,
+        options: babelLoader.options,
+      },
+      {
+        loader: join(__dirname, "loaders", "static-loader"),
+        options: {
+          features: {
+            ...features,
+            inlineCSS: false,
+          },
+        },
+      },
+    ],
+  });
   if (features.replaceCSSRules)
     baseConfig.module.rules.unshift({
       test: /\.svg$/,
@@ -384,8 +403,15 @@ module.exports = async function initEmailWebpack() {
     templatesFilter,
   );
   checkTemplatesCount(config.entry);
-  return config;
+
+  /** @type {import("webpack").Configuration} */
+  const finalConfig = {...config, bail: true}
+  return finalConfig;
 };
 
 module.exports.checkTemplatesCount = checkTemplatesCount;
 /** @typedef {{mainHtml: [htmlPath: string, htmlOutputFilename: string][], templatesFilter: (availableTemplates: string[]) => Promise<string[]>}} EmailGeneratorConfig  */
+
+process.on("uncaughtException", e => {
+  console.log("Had error", e)
+})

package/WebpackConfigs/loaders/svg-to-png.js

@@ -89,11 +89,49 @@ const prepareSizes = (options) => {
   }));
 };
 
+function getIssuer(loaderContext, currentModule) {
+  const compilation = loaderContext._compilation;
+
+  if (
+    compilation &&
+    compilation.moduleGraph &&
+    typeof compilation.moduleGraph.getIssuer === "function"
+  ) {
+    return compilation.moduleGraph.getIssuer(currentModule);
+  }
+
+  return currentModule && currentModule.issuer;
+}
+
+function shouldExportAsDataUrl(loaderContext) {
+  const documentEntryPattern = /\.document\.tsx(?:[?#].*)?$/;
+  let currentModule = loaderContext._module;
+  const visited = new Set();
+
+  while (currentModule && !visited.has(currentModule)) {
+    visited.add(currentModule);
+
+    const request =
+      currentModule.resource ||
+      currentModule.userRequest ||
+      currentModule.request ||
+      "";
+
+    if (documentEntryPattern.test(request)) {
+      return true;
+    }
+
+    currentModule = getIssuer(loaderContext, currentModule);
+  }
+
+  return false;
+}
+
 function _default(content) {
   const options = Object.assign(
     {},
     loaderUtils.getOptions(this),
-    loaderUtils.parseQuery(this.resourceQuery || "?")
+    loaderUtils.parseQuery(this.resourceQuery || "?"),
   );
   const context = options.context || this.rootContext;
   const callback = this.async();
@@ -101,7 +139,7 @@ function _default(content) {
   options.name = options.name || "[contenthash].png";
   options.name = options.name.replace(
     "[name]",
-    _path.default.basename(this.resourcePath).replace(/\..*$/, "")
+    _path.default.basename(this.resourcePath).replace(/\..*$/, ""),
   );
   let outputPathBase = loaderUtils.interpolateName(this, options.name, {
     context,
@@ -113,6 +151,8 @@ function _default(content) {
     outputPathBase = _path.default.join(options.outputPath, outputPathBase);
   }
 
+  const exportAsDataUrl = shouldExportAsDataUrl(this);
+
   Promise.all(
     prepareSizes(options).map((size) => {
       return new Promise((resolve, reject) => {
@@ -121,7 +161,7 @@ function _default(content) {
         if (size.width > -1 && size.height > -1) {
           sharpInst = sharpInst.resize(
             size.width * options.resizeFactor,
-            size.height * options.resizeFactor
+            size.height * options.resizeFactor,
           );
         }
 
@@ -148,20 +188,27 @@ function _default(content) {
                   return finalSize[match] || finalSize[match] === 0
                     ? finalSize[match]
                     : match;
-                }
+                },
               );
-              this.emitFile(outputPath, data);
+
+              if (!exportAsDataUrl) {
+                this.emitFile(outputPath, data);
+              }
+
               resolve({
                 size: finalSize,
                 outputPath,
+                data,
               });
             }
           });
       });
-    })
+    }),
   )
     .then((results) => {
-      let output = `module.exports = __webpack_public_path__ + "${results[0].outputPath}";`;
+      let output = exportAsDataUrl
+        ? `module.exports = "data:image/png;base64,${results[0].data.toString("base64")}";`
+        : `module.exports = __webpack_public_path__ + "${results[0].outputPath}";`;
       callback(null, output);
     })
     .catch((error) => {

package/dist/components/AdaptiveDialog/AdaptiveDialog.module.scss

@@ -67,10 +67,8 @@
     height: auto;
     padding: 0px !important;
   }
-  padding: 16px 32px;
   position: relative;
-  width: 100%;
-  max-width: 640px;
+  max-width: 95vw;
   background: $mainBackgroundColor;
   backdrop-filter: var(--adaptive-dialog-backdrop, initial);
   display: flex;

package/dist-ts/components/AdaptiveDialog/AdaptiveDialog.module.scss

@@ -67,10 +67,8 @@
     height: auto;
     padding: 0px !important;
   }
-  padding: 16px 32px;
   position: relative;
-  width: 100%;
-  max-width: 640px;
+  max-width: 95vw;
   background: $mainBackgroundColor;
   backdrop-filter: var(--adaptive-dialog-backdrop, initial);
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onepercentio/one-ui",
-  "version": "1.2.6",
+  "version": "1.3.1",
   "description": "A set of reusable components created through the development of Onepercent projects",
   "repository": "git@github.com:onepercentio/one-ui.git",
   "author": "Murilo Oliveira de Araujo <murilo.araujo@onepercent.io>",