@memori.ai/memori-react 7.0.2 → 7.0.4

package/src/components/MediaWidget/MediaItemWidget.tsx

@@ -66,10 +66,30 @@ export const RenderMediaItem = ({
     case 'image/png':
     case 'image/jpg':
     case 'image/gif':
-      return (
+      return isImageRGB ? (
+        <Card
+          hoverable
+          className="memori-media-item--card memori-media-item--image"
+          cover={
+            <picture className="memori-media-item--figure">
+              <div
+                className="memori-media-item--rgb-item"
+                style={{
+                  backgroundColor: item.url,
+                }}
+              />
+              {item.title && (
+                <figcaption className="memori-media-item--figure-caption">
+                  {item.title}
+                </figcaption>
+              )}
+            </picture>
+          }
+        />
+      ) : (
         <a
           className="memori-media-item--link"
-          href={url}
+          href={item.url}
           onClick={e => {
             if (isChild) {
               e.preventDefault();
@@ -88,26 +108,16 @@ export const RenderMediaItem = ({
             className="memori-media-item--card memori-media-item--image"
             cover={
               <picture className="memori-media-item--figure">
-                {!preview && !isImageRGB && (
+                {!preview && (
                   <source
                     srcSet={[url, item.url, item.content].join(', ')}
                     type={item.mimeType}
                   />
                 )}
-                {isImageRGB ? (
-                  <div
-                    style={{
-                      minHeight: '150px',
-                      width: '100%',
-                      backgroundColor: item.url,
-                    }}
-                  />
-                ) : (
-                  <img
-                    alt={item.title}
-                    src="data:image/png;base64,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"
-                  />
-                )}
+                <img
+                  alt={item.title}
+                  src="data:image/png;base64,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"
+                />
                 {item.title && (
                   <figcaption className="memori-media-item--figure-caption">
                     {item.title}

package/src/components/MediaWidget/__snapshots__/MediaItemWidget.test.tsx.snap

@@ -423,179 +423,158 @@ exports[`renders MediaItemWidget unchanged with rgb color 1`] = `
       <div
         class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
       >
-        <a
-          class="memori-media-item--link"
-          href="rgb(255, 0, 0)"
-          rel="noopener noreferrer"
-          target="_blank"
-          title="Rosso"
+        <div
+          class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
         >
           <div
-            class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
+            class="memori-spin"
           >
             <div
-              class="memori-spin"
+              class="memori-card--cover"
             >
-              <div
-                class="memori-card--cover"
-              >
-                <picture
-                  class="memori-media-item--figure"
-                >
-                  <div
-                    style="min-height: 150px; width: 100%; background-color: rgb(255, 0, 0);"
-                  />
-                  <figcaption
-                    class="memori-media-item--figure-caption"
-                  >
-                    Rosso
-                  </figcaption>
-                </picture>
-              </div>
-              <div
-                class="memori-card--content"
+              <picture
+                class="memori-media-item--figure"
               >
                 <div
-                  class="memori-card--children"
+                  class="memori-media-item--rgb-item"
+                  style="background-color: rgb(255, 0, 0);"
                 />
-              </div>
+                <figcaption
+                  class="memori-media-item--figure-caption"
+                >
+                  Rosso
+                </figcaption>
+              </picture>
+            </div>
+            <div
+              class="memori-card--content"
+            >
               <div
-                class="memori-spin--spinner"
+                class="memori-card--children"
+              />
+            </div>
+            <div
+              class="memori-spin--spinner"
+            >
+              <svg
+                aria-hidden="true"
+                class="memori-loading-icon"
+                focusable="false"
+                role="img"
+                viewBox="0 0 1024 1024"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <svg
-                  aria-hidden="true"
-                  class="memori-loading-icon"
-                  focusable="false"
-                  role="img"
-                  viewBox="0 0 1024 1024"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
-                  />
-                </svg>
-              </div>
+                <path
+                  d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+                />
+              </svg>
             </div>
           </div>
-        </a>
+        </div>
       </div>
       <div
         class="memori-media-item ease-out duration-500 delay-100 opacity-0 scale-95"
       >
-        <a
-          class="memori-media-item--link"
-          href="rgb(0, 255, 0)"
-          rel="noopener noreferrer"
-          target="_blank"
-          title="Verde"
+        <div
+          class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
         >
           <div
-            class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
+            class="memori-spin"
           >
             <div
-              class="memori-spin"
+              class="memori-card--cover"
             >
-              <div
-                class="memori-card--cover"
-              >
-                <picture
-                  class="memori-media-item--figure"
-                >
-                  <div
-                    style="min-height: 150px; width: 100%; background-color: rgb(0, 255, 0);"
-                  />
-                  <figcaption
-                    class="memori-media-item--figure-caption"
-                  >
-                    Verde
-                  </figcaption>
-                </picture>
-              </div>
-              <div
-                class="memori-card--content"
+              <picture
+                class="memori-media-item--figure"
               >
                 <div
-                  class="memori-card--children"
+                  class="memori-media-item--rgb-item"
+                  style="background-color: rgb(0, 255, 0);"
                 />
-              </div>
+                <figcaption
+                  class="memori-media-item--figure-caption"
+                >
+                  Verde
+                </figcaption>
+              </picture>
+            </div>
+            <div
+              class="memori-card--content"
+            >
               <div
-                class="memori-spin--spinner"
+                class="memori-card--children"
+              />
+            </div>
+            <div
+              class="memori-spin--spinner"
+            >
+              <svg
+                aria-hidden="true"
+                class="memori-loading-icon"
+                focusable="false"
+                role="img"
+                viewBox="0 0 1024 1024"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <svg
-                  aria-hidden="true"
-                  class="memori-loading-icon"
-                  focusable="false"
-                  role="img"
-                  viewBox="0 0 1024 1024"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
-                  />
-                </svg>
-              </div>
+                <path
+                  d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+                />
+              </svg>
             </div>
           </div>
-        </a>
+        </div>
       </div>
       <div
         class="memori-media-item ease-out duration-500 delay-200 opacity-0 scale-95"
       >
-        <a
-          class="memori-media-item--link"
-          href="rgb(0, 0, 255)"
-          rel="noopener noreferrer"
-          target="_blank"
-          title="Blu"
+        <div
+          class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
         >
           <div
-            class="memori-card memori-media-item--card memori-media-item--image memori-card--with-cover memori-card--hoverable"
+            class="memori-spin"
           >
             <div
-              class="memori-spin"
+              class="memori-card--cover"
             >
-              <div
-                class="memori-card--cover"
-              >
-                <picture
-                  class="memori-media-item--figure"
-                >
-                  <div
-                    style="min-height: 150px; width: 100%; background-color: rgb(0, 0, 255);"
-                  />
-                  <figcaption
-                    class="memori-media-item--figure-caption"
-                  >
-                    Blu
-                  </figcaption>
-                </picture>
-              </div>
-              <div
-                class="memori-card--content"
+              <picture
+                class="memori-media-item--figure"
               >
                 <div
-                  class="memori-card--children"
+                  class="memori-media-item--rgb-item"
+                  style="background-color: rgb(0, 0, 255);"
                 />
-              </div>
+                <figcaption
+                  class="memori-media-item--figure-caption"
+                >
+                  Blu
+                </figcaption>
+              </picture>
+            </div>
+            <div
+              class="memori-card--content"
+            >
               <div
-                class="memori-spin--spinner"
+                class="memori-card--children"
+              />
+            </div>
+            <div
+              class="memori-spin--spinner"
+            >
+              <svg
+                aria-hidden="true"
+                class="memori-loading-icon"
+                focusable="false"
+                role="img"
+                viewBox="0 0 1024 1024"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <svg
-                  aria-hidden="true"
-                  class="memori-loading-icon"
-                  focusable="false"
-                  role="img"
-                  viewBox="0 0 1024 1024"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
-                  />
-                </svg>
-              </div>
+                <path
+                  d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+                />
+              </svg>
             </div>
           </div>
-        </a>
+        </div>
       </div>
     </div>
   </div>

package/src/components/MemoriWidget/MemoriWidget.tsx

@@ -2176,16 +2176,9 @@ const MemoriWidget = ({
     'keypress'
   );
   useEffect(() => {
-    const stored = getLocalConfig<'keypress' | 'click'>(
-      'sendOnEnter',
-      'keypress'
-    );
     if (window.innerWidth <= 768) setSendOnEnter('click');
-    else setSendOnEnter(stored);
+    else setSendOnEnter('keypress');
   }, []);
-  useEffect(() => {
-    setLocalConfig('sendOnEnter', sendOnEnter);
-  }, [sendOnEnter]);
 
   /**
    * Attachments

package/src/components/ui/Table.css

@@ -7,12 +7,21 @@ table.memori--table {
     font-size: 1rem;
 }
 
+table.memori--table.memori--table--compact {
+    --memori-table-spacing: 0.5rem;
+    font-size: 0.875rem;
+}
+
 @media (max-width: 767px) {
     table.memori--table {
         --memori-table-spacing: 0.5rem;
 
         font-size: 0.875rem;
     }
+
+    table.memori--table.memori--table--compact {
+        font-size: 0.75rem;
+    }
 }
 
 :where(table) {
@@ -28,6 +37,10 @@ table.memori--table {
     overflow-x: auto;
 }
 
+.memori--responsive-table-wrapper > br {
+    display: none;
+}
+
 table.memori--table th,
 table.memori--table td {
     padding: calc(var(--memori-table-spacing) / 2) var(--memori-table-spacing);
@@ -47,7 +60,7 @@ table.memori--table tfoot td {
     border-bottom: 0;
 }
 
-table.memori--table[role="grid"] tbody tr:nth-child(odd) {
+table.memori--table[role='grid'] tbody tr:nth-child(odd) {
     background-color: var(--memori-table-bg-color);
 }
 
@@ -116,4 +129,4 @@ table.memori--table td.memori--table--column-right {
 
 .memori--table--date {
     white-space: nowrap;
-}
+}

package/src/helpers/configuration.ts

@@ -2,7 +2,6 @@ export const keys: { [key: string]: string } = {
   muteSpeaker: '@memori:muteSpeaker',
   microphoneMode: '@memori:microphoneMode',
   continuousSpeechTimeout: '@memori:continuousSpeechTimeout',
-  sendOnEnter: '@memori:sendOnEnter',
   birthDate: '@memori:birthDate',
   controlsPosition: '@memori:controlsPosition',
   hideEmissions: '@memori:hideEmissions',

package/src/helpers/markedExtendedTables.js

@@ -101,7 +101,7 @@ export default function () {
         renderer(token) {
           let i, j, row, cell, col, text;
           let output =
-            '<div class="memori--responsive-table-wrapper"><table class="memori--table">';
+            '<div class="memori--responsive-table-wrapper"><table class="memori--table memori--table--compact">';
           output += '<thead>';
           for (i = 0; i < token.header.length; i++) {
             row = token.header[i];