@payloadcms/ui 3.27.0 → 3.28.0-canary.1

package/dist/graphics/DefaultBlockImage/index.js

@@ -2,34 +2,64 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState } from 'react';
 import { v4 as uuid } from 'uuid';
 export const DefaultBlockImage = () => {
-  const [patternID] = useState(`pattern${uuid()}`);
-  const [imageID] = useState(`image${uuid()}`);
+  const [patternID] = useState(() => `pattern${uuid()}`);
   return /*#__PURE__*/_jsxs("svg", {
     fill: "none",
-    height: "53",
-    viewBox: "0 0 82 53",
-    width: "82",
-    children: [/*#__PURE__*/_jsx("rect", {
-      fill: `url(#${patternID})`,
-      height: "52.7791",
-      width: "80.574",
-      x: "0.713013"
-    }), /*#__PURE__*/_jsxs("defs", {
-      children: [/*#__PURE__*/_jsx("pattern", {
-        height: "1",
+    height: "151",
+    preserveAspectRatio: "xMidYMid slice",
+    viewBox: "0 0 231 151",
+    width: "231",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsxs("g", {
+      clipPath: `url(#${patternID})`,
+      children: [/*#__PURE__*/_jsx("rect", {
+        fill: "#D9D9D9",
+        height: "100%",
+        rx: "2",
+        width: "100%"
+      }), /*#__PURE__*/_jsx("rect", {
+        fill: "#BCBCBC",
+        height: "116.063",
+        transform: "rotate(52.0687 33.7051 79.3051)",
+        width: "85.8593",
+        x: "33.7051",
+        y: "79.3051"
+      }), /*#__PURE__*/_jsx("rect", {
+        fill: "#BCBCBC",
+        height: "116.063",
+        transform: "rotate(52.0687 86.1219 92.6272)",
+        width: "85.8593",
+        x: "86.1219",
+        y: "92.6272"
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: "189",
+        cy: "45",
+        fill: "#BCBCBC",
+        r: "19"
+      }), /*#__PURE__*/_jsx("rect", {
+        fill: "#B8B8B8",
+        height: "5",
+        rx: "2.5",
+        width: "98",
+        x: "66",
+        y: "70"
+      }), /*#__PURE__*/_jsx("rect", {
+        fill: "#B8B8B8",
+        height: "5",
+        rx: "2.5",
+        width: "76",
+        x: "77",
+        y: "82"
+      })]
+    }), /*#__PURE__*/_jsx("defs", {
+      children: /*#__PURE__*/_jsx("clipPath", {
         id: `${patternID}`,
-        patternContentUnits: "objectBoundingBox",
-        width: "1",
-        children: /*#__PURE__*/_jsx("use", {
-          transform: "scale(0.00387597 0.00591716)",
-          xlinkHref: `#${imageID}`
+        children: /*#__PURE__*/_jsx("rect", {
+          fill: "white",
+          height: "151",
+          width: "231"
         })
-      }), /*#__PURE__*/_jsx("image", {
-        height: "169",
-        id: imageID,
-        width: "258",
-        xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQIAAACpCAYAAADA4zPJAAALpklEQVR4Ae2dSY/UOhSF+///DCSGHQuEgAVI7BBITAI2zCCGZuhmpqEBP53W8yOvK1UdO3Zyr/NFilJdXalyTo4/X984zlZgQQEUWLwCW4tXAAFQAAUCIMAEKIACgAAPoAAKBECACVAABQABHkABFAiAABOgAAoAAjyAAiggBbhqgA9QAAUAAR5AARQgIsADKIACdA3wAAqggBQgR4APUAAFAAEeQAEUICLAAyiAAnQN8AAKoIAUIEeAD1AABQABHkABFCAiwAMogAJ0DfAACqCAFCBHgA9QAAUAAR5AARQgIsADKIACdA3wAAqggBQgR4APUAAFAAEeQAEUICLAAyiAAnQN8AAKoIAUIEeAD1AABQABHkABFCAiwAMogAJ0DfAACqCAFCBHgA9QAAUAAR5AARQgIsADKIACdA3wAAqggBQgR4APUAAFAAEeQAEUICLAAyiAAnQN8AAKoIAUIEeAD1AABQABHkABFCAiwAMLVmB/fz98+/YtfPr0KXz48CHs7u6GnZ2dg+3Hjx/D169fw48fP8KfP3+aV4muQfOnmAPsKqDKr4r/9u3bsL29PXgVKPb29pqFAiDouoTXzSrw8+fPg5Y+pfL3ffbdu3fh+/fvzekECJo7pRxQVwGF9YoA+ir1mPfUhVB00coCCFo5kxzHigKqqGrBx1T4Tfu+efOmmegAEKzYhzdaUEBdAVXUTRW51P+UVPS+AALvZ5DyryigSGAqCESYeIcBIFixEW94VuDXr1/JVwRiZR671VUFrwsg8HrmKPeKAkoMKok3tkLn7q8oRCDyuAACj2eNMvcqoMFBuZW41H4alORxAQQezxplXlHg9+/fk+cF1sHDYxcBEKxYijc8KvDly5fZo4EIhvfv37uTEBC4O2UU+LACyg2kDhmOlbbWVpcvPS2AwNPZoqy9CigUr1Whc79Xoxk9LYDA09mirL0K1BhCnAuAuJ8iFE8LIPB0tihrrwI1hxHHip2z9XQpERD0Wos3vSig/EBOJZ1iH09XDwCBF8dTzl4FNJx4ikqd8xu6kuFlAQRezhTl7FVAMwjlVNIp9vn8+XNvmS2+aR4E6md56mtZPMktl8niFYMIGU9XDkyDQCdZ47e1eupvtVzxrB0bEUGZM2ISBEoAafLISNa4FWH1PxYUiApo4E70h7UtOYJ4ljK2OrGbLgfpfy1NEZUhEbt0FNA9BtYAEMvjaW5DMxGBWnpN7hBFPGrrfSKIjpd5OVIBa8OLo3c9DTM2AQJRXbdvRgGHbrWP9mVZtgKaanyoZ6b6nPJanrqxs4MgJgRzTxCJxGVDQEevEDzXP7X2E5w8LbOBQLQsOUZ8TCLx9evX4fHjx+HRo0esTjW4efNmKL3eu3cvyBs5sPB2lWsWENSaZlr3gacmEi9fvhyOHTvGiga9Hjh79mwyDJSz8NQtUOQyOQhSEoI5JNY+mrJqyPLy5cvekw8YAGPXA7du3UqKCob6b4hHp/rMZCDITQjmwmBIIvH+/fuAgEjgSA9cuXJlMAh0edtbNCDYTAICjf6a4xKPflO/vW4BBLT83ZZ/3esUEHi6ZNitF1VBIDLqxovcVr3UfipDH6UBASBYV/m77w8FgaeRhF0I6HU1EChpp+Rdqco89nv6EomAABB0K/y610NAoCHxfY3N4Qpn9e8qILAwv3wfODTmoJvIef78+ZH9w3Xm4P3lQOTGjRsbGzSNGfAMgeIRgRKCFkd5HYaCyqiyaj1//jwwIGG41gOnT58Ourp02EPx7zHjVyxFB8UigrkSgvGEpG5jIlEw0ECiO3fusDaowe3bt8PVq1eDwvvU9fr162sh0NqI1tEgsJIQTAVB/Py6RKIlWlOWcQrIo+oSlrpypShADUhLyygQaOYgSwnBWLlTtzoGZkFqydb9xxKBkONZQUSNRqs+yQaBbvRQeJRa6ax+Xsfi6f7xfqvz7lAFVKEVJSjbLzCookc/a6uBQcol6ZKgxgZ4TwYepUsyCBQSeUgI5gJHxmgt7DvKBPwfBZJAIDKW6mflVtQp9tMxeh0hhqVRIEeBQSBQWKQQaYpKaOk3dMyth4Q5pmGf9hQ4EgTqS+3s7CwOAhFIOvZWE0Tt2ZkjylVgIwhaSwjGyp26JZGYay/286JALwiULOubTjy1ArX2ee/jyb2YknJOr8AKCJQk06WT1ipxqeORNiQSpzcqv1hXgf9AsNSEYC4gSCTWNSbfPq0CByBYekIwFwYkEqc1K79WT4GtsdOJ51aiVvZTItHbjLX17MQ3e1Vgq5UKOfdxtHI7ajSy7iYlFxLVaH8LCLa3iyVGlUhMnU7dmsWUK+pOL6dZpxlUZe0slS8PICgIghiV6F4M3ct+6dIlV+vFixcPJmo5d+5c6K4XLlwI+p/l47l27RpdtBF8AAQVQHDmzJm1M94wxVm9Kc6kOzeM5dEAEBQGgR6dRmWvV9mP0lbdM5Z0BQBBYRA8ePAAEMw4B6KeVciSrgAgAARNgQsQpENAewACQAAI8upOU3sBgsIgePjwYVMV66g+ubX/ExHk8QkQFAaB5sA/ceIEMJghT3D8+HHmnczjAF2DeO2/5Pbu3bvh1KlTwGBCGJw8eTI8efIksxqwGxFB4YggAuXVq1fh2bNn4enTp0euL168OJj/QaP4Sq26O1JzLw75/Rqf0czApY5lyPcwfmAczABBJRBEIAzd6ual7nMZx5xWK3eTxkfLjTkW9p1GAUBgBAQRGGMrj7W7SRWV6AYmFtsKAAJjIBAQciqPbgyyPL0cj5YDBMXu7out5lK2QyuPl+nleLScXRgQERiMCLqg2zQLkqIAJdK6n7f+mhmhbcIAEBgHgSp2X+VRlnx3d9cVBLqQGpsLsVmd/JYKEDgAQaxA8bmM1hKCsXypWx4tZwccgMARCFTRFB2kVjjrn2dG6PmBAAicgcB6pc4t36ZcyPzVpP0SAAJAYCbC6MuFtF8FbRwhIAAEZkAQowkeLTc9HAABIDAHAgGBR8tNCwNAAAhMgiBGByQSpwECIAAEpkEgIJBIrA8DQAAIzINAMFAikUfL1QMCIAAELkAQuwqtPVquXtVO+2ZAAAhcgUBAaOHRcmnVtP6nAQEgcAeCGB3ohiuWMgoAAkDgFgQCgm68Ypqy8TAABIDANQgEAxKJgMC9iWOYy3b84+lJJOYDgYiAiKApmGoWpP39/fwasdA9AQEgaAoEMbIqNSP0UrgACABBkyAQEEgkDscYIAAEzYJAMMiZEXp49Wnnk4AAEDQNgthVGDojdDtVO+1IAAEgWAQIBAQSievhAAgAwWJAIBhozAGJxFUgAAJAsCgQxK4C06n/HwaAABAsEgQCAonEvzAABIBgsSCI0QGJxBAAASBYPAgEhKU/lxEQAAJA8K8HljydOiAABIDgkAfio+X+9qDbfwUIDpkg9hvZjr8b0LOGS3suIyAABEQEGzywlOnUAcEGE3hu0Sh7uYhmCdOpAwJAQEQwwAOtJxIBwQAT0LqWa129a9nqcxkBASAgIkj0QIvPZQQEiSbw3qJR/nLRTUuJREAACIgIRniglUQiIBhhAlrXcq2rZy1bmE4dEAACIoJCHvA8nTogKGQCzy0aZS8X2Xh9LiMgAAREBBU84O25jICgggloYcu1sJ619DSdOiAABEQEFT3gJZEICCqawHNrRtnLRjXWE4mAABAQEUzkAcvTqQOCiUxAC1u2hfWsp8Xp1AEBICAimMED1hKJgGAGE3huzSh7ucjG0nTqgAAQEBHM7AEL06kDgplNQAtbroX1rOXciURAAAiICIx4QGMO5kokAgIjJvDcmlH2slHNHM9lBASAgIjAoAemTiQCAoMmoIUt28J61nOqRCIgAAREBMY9MMUsSIDAuAk8t2aUvVxkU3s6dUAACIgIHHmg1nMZAYEjE9DClmthPWtZYzp1QAAIiAiceqDkdOqAwKkJPLdolL1cZFMqkbilkUysaIAH/Hpgb28vjF3+AbSb48mcXO9tAAAAAElFTkSuQmCC"
-      })]
+      })
     })]
   });
 };

package/dist/graphics/DefaultBlockImage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","v4","uuid","DefaultBlockImage","patternID","imageID","_jsxs","fill","height","viewBox","width","_jsx","x","id","patternContentUnits","transform","xlinkHref"],"sources":["../../../src/graphics/DefaultBlockImage/index.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nexport const DefaultBlockImage: React.FC = () => {\n  const [patternID] = useState(`pattern${uuid()}`)\n  const [imageID] = useState(`image${uuid()}`)\n\n  return (\n    <svg fill=\"none\" height=\"53\" viewBox=\"0 0 82 53\" width=\"82\">\n      <rect fill={`url(#${patternID})`} height=\"52.7791\" width=\"80.574\" x=\"0.713013\" />\n      <defs>\n        <pattern height=\"1\" id={`${patternID}`} patternContentUnits=\"objectBoundingBox\" width=\"1\">\n          <use transform=\"scale(0.00387597 0.00591716)\" xlinkHref={`#${imageID}`} />\n        </pattern>\n        <image\n          height=\"169\"\n          id={imageID}\n          width=\"258\"\n          xlinkHref=\"data:image/png;base64,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\"\n        />\n      </defs>\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,IAASC,QAAQ,QAAQ;AAChC,SAASC,EAAA,IAAMC,IAAI,QAAQ;AAE3B,OAAO,MAAMC,iBAAA,GAA8BA,CAAA;EACzC,MAAM,CAACC,SAAA,CAAU,GAAGJ,QAAA,CAAS,UAAUE,IAAA,IAAQ;EAC/C,MAAM,CAACG,OAAA,CAAQ,GAAGL,QAAA,CAAS,QAAQE,IAAA,IAAQ;EAE3C,oBACEI,KAAA,CAAC;IAAIC,IAAA,EAAK;IAAOC,MAAA,EAAO;IAAKC,OAAA,EAAQ;IAAYC,KAAA,EAAM;4BACrDC,IAAA,CAAC;MAAKJ,IAAA,EAAM,QAAQH,SAAA,GAAY;MAAEI,MAAA,EAAO;MAAUE,KAAA,EAAM;MAASE,CAAA,EAAE;qBACpEN,KAAA,CAAC;8BACCK,IAAA,CAAC;QAAQH,MAAA,EAAO;QAAIK,EAAA,EAAI,GAAGT,SAAA,EAAW;QAAEU,mBAAA,EAAoB;QAAoBJ,KAAA,EAAM;kBACpF,aAAAC,IAAA,CAAC;UAAII,SAAA,EAAU;UAA+BC,SAAA,EAAW,IAAIX,OAAA;;uBAE/DM,IAAA,CAAC;QACCH,MAAA,EAAO;QACPK,EAAA,EAAIR,OAAA;QACJK,KAAA,EAAM;QACNM,SAAA,EAAU;;;;AAKpB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useState","v4","uuid","DefaultBlockImage","patternID","_jsxs","fill","height","preserveAspectRatio","viewBox","width","xmlns","clipPath","_jsx","rx","transform","x","y","cx","cy","r","id"],"sources":["../../../src/graphics/DefaultBlockImage/index.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nexport const DefaultBlockImage: React.FC = () => {\n  const [patternID] = useState(() => `pattern${uuid()}`)\n\n  return (\n    <svg\n      fill=\"none\"\n      height=\"151\"\n      preserveAspectRatio=\"xMidYMid slice\"\n      viewBox=\"0 0 231 151\"\n      width=\"231\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g clipPath={`url(#${patternID})`}>\n        <rect fill=\"#D9D9D9\" height=\"100%\" rx=\"2\" width=\"100%\" />\n        <rect\n          fill=\"#BCBCBC\"\n          height=\"116.063\"\n          transform=\"rotate(52.0687 33.7051 79.3051)\"\n          width=\"85.8593\"\n          x=\"33.7051\"\n          y=\"79.3051\"\n        />\n        <rect\n          fill=\"#BCBCBC\"\n          height=\"116.063\"\n          transform=\"rotate(52.0687 86.1219 92.6272)\"\n          width=\"85.8593\"\n          x=\"86.1219\"\n          y=\"92.6272\"\n        />\n        <circle cx=\"189\" cy=\"45\" fill=\"#BCBCBC\" r=\"19\" />\n        <rect fill=\"#B8B8B8\" height=\"5\" rx=\"2.5\" width=\"98\" x=\"66\" y=\"70\" />\n        <rect fill=\"#B8B8B8\" height=\"5\" rx=\"2.5\" width=\"76\" x=\"77\" y=\"82\" />\n      </g>\n      <defs>\n        <clipPath id={`${patternID}`}>\n          <rect fill=\"white\" height=\"151\" width=\"231\" />\n        </clipPath>\n      </defs>\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,IAASC,QAAQ,QAAQ;AAChC,SAASC,EAAA,IAAMC,IAAI,QAAQ;AAE3B,OAAO,MAAMC,iBAAA,GAA8BA,CAAA;EACzC,MAAM,CAACC,SAAA,CAAU,GAAGJ,QAAA,CAAS,MAAM,UAAUE,IAAA,IAAQ;EAErD,oBACEG,KAAA,CAAC;IACCC,IAAA,EAAK;IACLC,MAAA,EAAO;IACPC,mBAAA,EAAoB;IACpBC,OAAA,EAAQ;IACRC,KAAA,EAAM;IACNC,KAAA,EAAM;4BAENN,KAAA,CAAC;MAAEO,QAAA,EAAU,QAAQR,SAAA,GAAY;8BAC/BS,IAAA,CAAC;QAAKP,IAAA,EAAK;QAAUC,MAAA,EAAO;QAAOO,EAAA,EAAG;QAAIJ,KAAA,EAAM;uBAChDG,IAAA,CAAC;QACCP,IAAA,EAAK;QACLC,MAAA,EAAO;QACPQ,SAAA,EAAU;QACVL,KAAA,EAAM;QACNM,CAAA,EAAE;QACFC,CAAA,EAAE;uBAEJJ,IAAA,CAAC;QACCP,IAAA,EAAK;QACLC,MAAA,EAAO;QACPQ,SAAA,EAAU;QACVL,KAAA,EAAM;QACNM,CAAA,EAAE;QACFC,CAAA,EAAE;uBAEJJ,IAAA,CAAC;QAAOK,EAAA,EAAG;QAAMC,EAAA,EAAG;QAAKb,IAAA,EAAK;QAAUc,CAAA,EAAE;uBAC1CP,IAAA,CAAC;QAAKP,IAAA,EAAK;QAAUC,MAAA,EAAO;QAAIO,EAAA,EAAG;QAAMJ,KAAA,EAAM;QAAKM,CAAA,EAAE;QAAKC,CAAA,EAAE;uBAC7DJ,IAAA,CAAC;QAAKP,IAAA,EAAK;QAAUC,MAAA,EAAO;QAAIO,EAAA,EAAG;QAAMJ,KAAA,EAAM;QAAKM,CAAA,EAAE;QAAKC,CAAA,EAAE;;qBAE/DJ,IAAA,CAAC;gBACC,aAAAA,IAAA,CAAC;QAASQ,EAAA,EAAI,GAAGjB,SAAA,EAAW;kBAC1B,aAAAS,IAAA,CAAC;UAAKP,IAAA,EAAK;UAAQC,MAAA,EAAO;UAAMG,KAAA,EAAM;;;;;AAKhD","ignoreList":[]}