qc-trousse-sdg 1.4.0-develop.1 → 1.4.1

package/plugins/buildDevDoc.js

@@ -0,0 +1,36 @@
+import fs from 'fs';
+import path from 'path';
+import glob from 'glob';
+
+function buildHtmlDoc({ input }) {
+    return {
+        name: 'build-dev-doc',
+        buildStart() {
+            const inputPath = path.resolve(input);
+            const srcRoot = path.resolve('src');
+            const publicRoot = path.resolve('public');
+            const inputFileName = path.basename(inputPath);
+            let html = fs.readFileSync(inputPath, 'utf-8');
+
+            this.addWatchFile(inputPath);
+
+            const partialPaths = glob.sync('sdg/**/_*.html', {
+                cwd: srcRoot,
+                absolute: true,
+            });
+            const partialMarker = `<!-- _partial.html -->`;
+            for (const partialPath of partialPaths) {
+                this.addWatchFile(partialPath);
+                const partialName = path.basename(partialPath, ".html")
+                const content = fs.readFileSync(partialPath, 'utf-8');
+                const outputPath = publicRoot + "/" + partialName.replace("_", "") + ".dev.html"
+                fs.writeFileSync(outputPath
+                    , html
+                        .replace(new RegExp(partialMarker, 'g'), content)
+                    , 'utf-8');
+            }
+        }
+    };
+}
+
+export default buildHtmlDoc;

package/plugins/buildHtmlDoc.js

@@ -0,0 +1,43 @@
+import fs from 'fs';
+import path from 'path';
+import glob from 'glob';
+
+function buildHtmlDoc({ input, output }) {
+    return {
+        name: 'build-html-doc',
+        buildStart() {
+            const inputPath = path.resolve(input);
+            const srcRoot = path.resolve('src');
+            const inputFileName = path.basename(inputPath);
+            let html = fs.readFileSync(inputPath, 'utf-8');
+
+            this.addWatchFile(inputPath);
+
+            const partialPaths = glob.sync('**/_*.html', {
+                cwd: srcRoot,
+                absolute: true,
+                ignore: [inputPath] // ignore index.html
+            });
+
+            for (const partialPath of partialPaths) {
+                this.addWatchFile(partialPath);
+
+                const partialName = path.basename(partialPath);
+                const marker = `<!-- ${partialName} -->`;
+                const content = fs.readFileSync(partialPath, 'utf-8');
+
+                if (html.includes(marker)) {
+                    html = html.replace(new RegExp(marker, 'g'), content);
+                } else {
+                    this.warn(`⚠️ Le partiel "${partialName}" n'est pas utilisé dans ${inputFileName}`);
+                }
+            }
+
+            const outputPath = path.resolve(output);
+            fs.mkdirSync(path.dirname(outputPath), { recursive: true });
+            fs.writeFileSync(outputPath, html, 'utf-8');
+        }
+    };
+}
+
+export default buildHtmlDoc;

package/plugins/buildTestFixtures.js

@@ -0,0 +1,37 @@
+import fs from 'fs';
+import path from 'path';
+import glob from 'glob';
+
+function buildHtmlDoc({ input }) {
+    return {
+        name: 'build-test-fixtures',
+        buildStart() {
+            const inputPath = path.resolve(input);
+            const srcRoot = path.resolve('src');
+            const publicRoot = path.resolve('public');
+            const inputFileName = path.basename(inputPath);
+            let html = fs.readFileSync(inputPath, 'utf-8');
+
+            this.addWatchFile(inputPath);
+
+            const partialPaths = glob.sync('sdg/**/*Test.html', {
+                cwd: srcRoot,
+                absolute: true,
+            });
+            const partialMarker = `<!-- _partial.html -->`;
+            const relativePathMarker = `--relativePath--`;
+            for (const partialPath of partialPaths) {
+                this.addWatchFile(partialPath);
+                const partialName = path.basename(partialPath, ".html")
+                const content = fs.readFileSync(partialPath, 'utf-8');
+                const outputPath = publicRoot + "/" + partialName.replace('Test', '') + ".test.html"
+                fs.writeFileSync(outputPath
+                    , html
+                        .replace(new RegExp(partialMarker, 'g'), content)
+                    , 'utf-8');
+            }
+        }
+    };
+}
+
+export default buildHtmlDoc;

package/public/css/qc-doc-sdg.css

@@ -7,7 +7,7 @@ pre {
   margin: 0;
   padding: 0;
   white-space: pre-wrap;
-  overflow: scroll;
+  overflow: auto;
 }
 pre code, pre .qc-code {
   font-family: var(--qc-font-family-code);
@@ -171,70 +171,6 @@ code.hljs {
   font-weight: bold;
 }
 
-.qc-shading-0 {
-  border: 1px solid var(--qc-box_shadow-0-color);
-}
-
-.qc-shading-1 {
-  box-shadow: 0 var(--qc-box_shadow-1-offset) var(--qc-box_shadow-1-blur) var(--qc-color-box_shadow);
-}
-
-.qc-shading-2 {
-  box-shadow: 0 var(--qc-box_shadow-2-offset) var(--qc-box_shadow-2-blur) var(--qc-color-box_shadow);
-}
-
-.qc-shading-3 {
-  box-shadow: 0 var(--qc-box_shadow-3-offset) var(--qc-box_shadow-3-blur) var(--qc-color-box_shadow);
-}
-
-.qc-shading-4 {
-  box-shadow: 0 var(--qc-box_shadow-4-offset) var(--qc-box_shadow-4-blur) var(--qc-color-box_shadow);
-}
-
-.btn {
-  /* si Compact font-weight: 600; */
-  font-size: var(--qc-font-size-md);
-  line-height: var(--qc-line-height-md);
-  font-weight: var(--qc-font-weight-regular);
-  font-family: var(--qc-font-family-content);
-  display: inline-block;
-  box-sizing: border-box;
-  min-width: 11.2rem;
-  transition: all 0.24s ease-in-out;
-  text-align: center;
-  vertical-align: middle;
-  text-decoration: none;
-  padding: calc(var(--qc-spacer-sm) - 2px) calc(var(--qc-spacer-md) - 2px);
-  border: 2px solid transparent;
-  border-radius: 0;
-  cursor: pointer;
-}
-.btn.btn-sm {
-  min-width: 8rem;
-  padding: calc(var(--qc-spacer-xs) - 1px) calc(var(--qc-spacer-sm) - 1px);
-  border: 1px solid transparent;
-}
-.btn.btn-primary {
-  color: var(--qc-color-background);
-  border-color: var(--qc-color-blue-piv);
-  background-color: var(--qc-color-blue-piv);
-  box-shadow: 0 var(--qc-box_shadow-1-offset) var(--qc-box_shadow-1-blur) var(--qc-color-box_shadow);
-}
-.btn.btn-primary:hover {
-  border-color: var(--qc-color-blue-regular);
-  background-color: var(--qc-color-blue-regular);
-}
-.btn.btn-primary:focus, .btn.btn-primary:focus-visible {
-  border-color: var(--qc-color-blue-regular);
-  background-color: var(--qc-color-blue-regular);
-  box-shadow: 0 2px 8px rgba(34, 54, 84, 0.24), 0 0 0 2px var(--qc-color-blue-light);
-  outline: none;
-}
-.btn.btn-primary:active {
-  border-color: var(--qc-color-blue-regular_light);
-  background-color: var(--qc-color-blue-regular_light);
-}
-
 table.qc-table {
   margin-bottom: 0;
   background-color: var(--qc-color-white);
@@ -270,6 +206,7 @@ table.qc-table.qc-bordered tbody th, table.qc-table.qc-bordered tbody td {
 
 .ui-autocomplete {
   max-height: calc(16rem + 2px) !important;
+  max-width: calc(var(--qc-size-search-bar-max-width) + 2px);
   overflow-y: auto !important;
   list-style-type: none !important;
   padding-left: 0 !important;
@@ -447,8 +384,7 @@ a.pseudo-active span.qc-ext-link-img {
 }
 
 p, h1, h2, h3, h4, h5, h6 {
-  -webkit-hyphens: auto;
-          hyphens: auto;
+  hyphens: auto;
 }
 
 table.component-attributes-description td:first-child {
@@ -492,6 +428,7 @@ dl.qc-list-inline dt::before {
 .table-overflow {
   width: 100%;
   overflow-x: auto;
+  margin-bottom: var(--qc-spacer-content-block-mb);
 }
 
 hr {

package/public/css/qc-sdg-design-tokens.css

@@ -83,8 +83,12 @@
   --qc-color-pink-regular-rgb: 229, 130, 113;
   --qc-color-red-pale: var(--qc-color-pink-pale);
   --qc-color-red-light: var(--qc-color-pink-regular);
+  --qc-color-red-regular_light: #eb705a;
+  --qc-color-red-regular_light-rgb: 235, 112, 90;
   --qc-color-red-regular: #cb381f;
   --qc-color-red-regular-rgb: 203, 56, 31;
+  --qc-color-red-medium: #b52e16;
+  --qc-color-red-medium-rgb: 181, 46, 22;
   --qc-color-red-dark: #692519;
   --qc-color-red-dark-rgb: 105, 37, 25;
   --qc-color-green-pale: #d7f0bb;
@@ -145,6 +149,15 @@
   --qc-spacer-content-block-mb: var(--qc-spacer-md);
   --qc-spacer-list-pl: var(--qc-spacer-sm);
   --qc-spacer-list-item-mb: var(--qc-spacer-sm);
+  --qc-size-max-width-xs: 6.3rem;
+  --qc-size-max-width-sm: 15.6rem;
+  --qc-size-max-width-md: 24.9rem;
+  --qc-size-max-width-lg: 52.8rem;
+  --qc-size-max-width-xl: 82.5rem;
+  --qc-size-input-max-width: var(--qc-size-max-width-md);
+  --qc-size-textarea-max-width: var(--qc-size-max-width-lg);
+  --qc-size-textarea-min-height: 10.8rem;
+  --qc-size-search-bar-max-width: 64rem;
   --qc-grid-gutter: 32px;
   --qc-grid-breakpoint-xs: 0;
   --qc-grid-breakpoint-sm: 768px;
@@ -203,8 +216,12 @@
   --qc-color-pink-pale-rgb: 79, 24, 14;
   --qc-color-pink-regular: #BB3A23;
   --qc-color-pink-regular-rgb: 187, 58, 35;
+  --qc-color-red-regular_light: #D34027;
+  --qc-color-red-regular_light-rgb: 211, 64, 39;
   --qc-color-red-regular: #F26049;
   --qc-color-red-regular-rgb: 242, 96, 73;
+  --qc-color-red-medium: #F19387;
+  --qc-color-red-medium-rgb: 241, 147, 135;
   --qc-color-red-dark: #F3BCB6;
   --qc-color-red-dark-rgb: 243, 188, 182;
   --qc-color-green-pale: #1E2F17;