@payloadcms/ui 3.0.0-canary.ff8c8fd → 3.0.0

package/dist/assets/payload-favicon.svg

@@ -1,5 +1,5 @@
-<svg width="260" height="260" viewBox="0 0 260 260" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <style>
+<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 102.4 102.4">
+ <style>
     path {
       fill: #333333;
     }
@@ -10,6 +10,6 @@
       }
     }
   </style>
-	<path d="M120.59 8.5824L231.788 75.6142V202.829L148.039 251.418V124.203L36.7866 57.2249L120.59 8.5824Z" />
-	<path d="M112.123 244.353V145.073L28.2114 193.769L112.123 244.353Z" />
+  <path d="M50.67,86.55l-29.8-17.2c-.37-.22-.6-.61-.6-1.04v-26.56c0-.46.5-.75.9-.52l34.6,19.98c.48.28,1.09-.07,1.09-.63v-12.96c0-.52-.28-.99-.72-1.25L14.5,22.32c-.37-.22-.83-.22-1.21,0l-5.45,3.15c-.37.22-.6.61-.6,1.04v49.37c0,.43.23.83.6,1.04l42.75,24.68c.37.22.83.22,1.21,0l35.9-20.73c.48-.28.48-.97,0-1.25l-11.2-6.47c-.45-.26-1-.26-1.45,0l-23.18,13.38c-.37.22-.83.22-1.21,0Z" />
+  <path d="M94.56,25.47L51.8.79c-.37-.22-.83-.22-1.21,0l-22.6,13.05c-.48.28-.48.97,0,1.25l11.1,6.41c.45.26,1,.26,1.45,0l10.12-5.84c.37-.22.83-.22,1.21,0l29.8,17.2c.37.22.6.61.6,1.04v26.7c0,.52.28.99.72,1.25l11.08,6.4c.48.28,1.09-.07,1.09-.63V26.52c0-.43-.23-.83-.6-1.04Z" />
 </svg>

package/dist/assets/payload-logo-dark.svg

@@ -1,23 +1 @@
-<svg width="1000" height="251" viewBox="0 0 1000 251" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2034_1204)">
-<path d="M251.411 58.6809V197.521H268.887V139.461H306.558C320.151 139.461 331.025 136.354 339.181 129.752C347.337 123.15 351.609 113.052 351.609 99.0709C351.609 85.2839 347.337 75.1864 339.181 68.5842C331.025 61.982 320.151 58.6809 306.558 58.6809H251.411ZM307.724 123.926H268.887V74.2155H307.724C316.268 74.2155 322.676 76.3515 326.948 80.4293C331.22 84.5072 333.356 90.721 333.356 99.0709C333.356 107.615 331.22 113.829 326.948 117.907C322.676 121.984 316.268 123.926 307.724 123.926ZM365.578 192.473C371.403 197.716 379.365 200.24 389.462 200.24C397.424 200.24 404.22 198.881 410.046 195.774C415.677 192.861 420.143 188.589 423.638 182.958H424.027C424.415 188.783 425.969 192.861 428.299 195.191C430.629 197.521 434.124 198.492 438.785 198.492C440.921 198.492 443.445 198.298 446.358 197.521V186.647L444.028 186.841C442.086 186.841 440.921 186.065 440.144 184.123C439.367 182.181 438.979 179.268 438.979 175.19V127.616C438.979 116.353 435.678 108.197 429.076 103.149C422.473 98.1 414.123 95.5756 403.832 95.5756C389.851 95.5756 379.559 98.6825 372.763 104.702C365.772 110.916 362.083 119.072 361.694 129.169H378.005C378.394 124.315 379.365 120.431 380.918 117.518C382.472 114.605 384.996 112.469 388.491 111.11C391.987 109.945 397.035 109.168 403.249 109.168C416.842 109.168 423.833 114.023 423.833 123.732C423.833 126.839 422.862 129.363 421.308 131.111C419.561 132.859 417.036 134.218 413.735 135.189C410.434 136.354 405.579 137.325 399.171 138.49C389.462 140.238 381.695 142.179 375.869 144.51C369.85 146.84 365.189 150.335 361.888 154.607C358.393 159.073 356.84 164.899 356.84 172.084C356.84 180.628 359.752 187.424 365.578 192.473ZM377.423 182.764C374.51 180.239 373.151 176.356 373.151 171.307C373.151 165.87 375.093 161.598 379.365 158.685C383.443 155.966 390.433 153.442 400.531 151.306C413.735 148.782 421.502 146.257 423.833 143.539V159.268C423.833 168.394 420.726 175.19 414.706 179.851C408.686 184.511 400.725 186.647 391.016 186.647C384.802 186.647 380.141 185.482 377.423 182.764ZM460.691 231.309C464.38 232.086 467.876 232.28 470.983 232.28C477.973 232.28 483.993 230.144 489.042 225.484C494.09 220.823 498.945 212.474 503.799 200.434L543.801 98.4883H527.101L497.974 177.326H497.586L467.099 98.4883H449.622L489.818 196.551C487.876 204.512 484.964 210.143 481.08 213.639C477.196 217.134 473.119 218.687 468.458 218.687C466.516 218.687 463.992 218.493 460.691 218.105V231.309ZM556.265 58.6809V197.521H571.8V58.6809H556.265ZM611.469 193.832C618.848 198.298 627.392 200.434 637.49 200.434C647.199 200.434 655.743 198.298 663.122 193.832C670.501 189.56 676.132 183.346 680.016 175.385C683.899 167.423 685.841 158.297 685.841 148.005C685.841 137.907 683.899 128.781 680.016 120.819C676.132 112.858 670.501 106.644 663.122 102.178C655.743 97.9058 647.199 95.5756 637.49 95.5756C627.392 95.5756 618.848 97.9058 611.469 102.178C604.09 106.644 598.653 112.858 594.769 120.819C590.886 128.781 588.944 137.907 588.944 148.005C588.944 158.297 590.886 167.423 594.769 175.385C598.653 183.346 604.09 189.56 611.469 193.832ZM613.411 175.967C607.974 168.588 605.255 159.268 605.255 148.005C605.255 136.742 607.974 127.616 613.411 120.237C618.848 112.858 626.81 109.168 637.49 109.168C647.975 109.168 655.937 112.858 661.374 120.237C666.811 127.616 669.53 136.742 669.53 148.005C669.53 159.268 666.811 168.588 661.374 175.967C655.937 183.346 647.975 186.841 637.49 186.841C626.81 186.841 618.848 183.346 613.411 175.967ZM706.346 192.473C712.171 197.716 720.133 200.24 730.23 200.24C738.192 200.24 744.988 198.881 750.813 195.774C756.445 192.861 760.911 188.589 764.406 182.958H764.795C765.183 188.783 766.736 192.861 769.067 195.191C771.397 197.521 774.892 198.492 779.552 198.492C781.688 198.492 784.213 198.298 787.126 197.521V186.647L784.795 186.841C782.854 186.841 781.688 186.065 780.912 184.123C780.135 182.181 779.747 179.268 779.747 175.19V127.616C779.747 116.353 776.446 108.197 769.843 103.149C763.241 98.1 754.891 95.5756 744.6 95.5756C730.618 95.5756 720.327 98.6825 713.53 104.702C706.54 110.916 702.85 119.072 702.462 129.169H718.773C719.162 124.315 720.133 120.431 721.686 117.518C723.239 114.605 725.764 112.469 729.259 111.11C732.754 109.945 737.803 109.168 744.017 109.168C757.61 109.168 764.6 114.023 764.6 123.732C764.6 126.839 763.629 129.363 762.076 131.111C760.328 132.859 757.804 134.218 754.503 135.189C751.202 136.354 746.347 137.325 739.939 138.49C730.23 140.238 722.463 142.179 716.637 144.51C710.618 146.84 705.957 150.335 702.656 154.607C699.161 159.073 697.607 164.899 697.607 172.084C697.607 180.628 700.52 187.424 706.346 192.473ZM718.191 182.764C715.278 180.239 713.919 176.356 713.919 171.307C713.919 165.87 715.861 161.598 720.133 158.685C724.21 155.966 731.201 153.442 741.298 151.306C754.503 148.782 762.27 146.257 764.6 143.539V159.268C764.6 168.394 761.493 175.19 755.474 179.851C749.454 184.511 741.493 186.647 731.784 186.647C725.57 186.647 720.909 185.482 718.191 182.764ZM819.865 194.026C826.661 198.298 834.235 200.24 842.584 200.24C855.595 200.24 865.886 195.385 873.654 185.288H874.042V197.521H889.577V58.6809H874.042V111.304H873.654C866.469 101.013 856.177 95.7698 842.584 95.7698C834.235 95.7698 826.661 97.9058 819.865 102.178C813.069 106.45 807.632 112.469 803.748 120.237C799.864 128.198 797.922 137.519 797.922 148.005C797.922 158.685 799.864 168.006 803.748 175.773C807.632 183.735 813.069 189.754 819.865 194.026ZM817.535 167.035C815.205 161.209 814.234 154.801 814.234 148.005C814.234 141.403 815.205 134.995 817.535 129.169C819.671 123.344 822.972 118.489 827.632 114.8C832.099 111.304 837.536 109.363 844.138 109.363C853.264 109.363 860.449 113.052 865.886 120.043C871.323 127.033 874.042 136.354 874.042 148.005C874.042 159.656 871.323 169.171 865.886 176.161C860.449 183.152 853.264 186.647 844.138 186.647C837.536 186.647 832.099 184.9 827.632 181.21C822.972 177.715 819.671 172.86 817.535 167.035Z" fill="black"/>
-<g clip-path="url(#clip1_2034_1204)">
-<g clip-path="url(#clip2_2034_1204)">
-<path d="M93.3371 21.2715L178.108 76.147V180.305L114.276 220.073V115.915L29.4038 61.1116L93.3371 21.2715Z" fill="black"/>
-<path d="M86.8412 214.284V133.006L22.874 172.846L86.8412 214.284Z" fill="black"/>
-</g>
-</g>
-<path d="M931.392 78.8161C931.392 75.7351 931.924 72.9291 932.988 70.3983C934.088 67.8307 935.555 65.6483 937.389 63.8511C939.26 62.0171 941.442 60.605 943.936 59.6147C946.467 58.5876 949.163 58.0741 952.024 58.0741C954.885 58.0741 957.562 58.5876 960.057 59.6147C962.551 60.605 964.715 62.0171 966.549 63.8511C968.419 65.6483 969.887 67.8307 970.95 70.3983C972.051 72.9291 972.601 75.7351 972.601 78.8161C972.601 81.8604 972.051 84.648 970.95 87.1789C969.887 89.7097 968.419 91.8921 966.549 93.7261C964.715 95.5233 962.551 96.9171 960.057 97.9075C957.562 98.8978 954.885 99.393 952.024 99.393C949.163 99.393 946.467 98.8978 943.936 97.9075C941.442 96.9171 939.26 95.5233 937.389 93.7261C935.555 91.8921 934.088 89.7097 932.988 87.1789C931.924 84.648 931.392 81.8604 931.392 78.8161ZM935.463 78.8161C935.463 81.3469 935.885 83.6577 936.729 85.7484C937.609 87.8024 938.783 89.5814 940.25 91.0852C941.754 92.5524 943.514 93.6894 945.532 94.4963C947.549 95.3033 949.713 95.7067 952.024 95.7067C954.371 95.7067 956.554 95.3033 958.571 94.4963C960.588 93.6894 962.331 92.5524 963.798 91.0852C965.302 89.5814 966.457 87.8024 967.264 85.7484C968.108 83.6577 968.529 81.3469 968.529 78.8161C968.529 76.2486 968.108 73.9194 967.264 71.8287C966.457 69.738 965.302 67.9591 963.798 66.492C962.331 64.9881 960.588 63.8327 958.571 63.0258C956.554 62.1822 954.371 61.7604 952.024 61.7604C949.713 61.7604 947.549 62.1822 945.532 63.0258C943.514 63.8327 941.754 64.9881 940.25 66.492C938.783 67.9591 937.609 69.738 936.729 71.8287C935.885 73.9194 935.463 76.2486 935.463 78.8161ZM952.684 80.6317H951.694H948.503V88.9945H943.991V67.0421H950.703C952.317 67.0421 953.766 67.1338 955.05 67.3172C956.334 67.5006 957.416 67.8491 958.296 68.3626C959.176 68.8394 959.855 69.518 960.332 70.3983C960.808 71.2786 961.047 72.434 961.047 73.8644C961.047 75.0748 960.735 76.1935 960.112 77.2206C959.488 78.2476 958.479 79.0728 957.086 79.6964L962.147 88.9945H957.141L952.684 80.6317ZM956.535 73.9194C956.535 72.599 956.059 71.7187 955.105 71.2786C954.188 70.8384 952.959 70.6183 951.419 70.6183H948.503V77.1655H951.694C953.418 77.1655 954.646 76.8904 955.38 76.3403C956.15 75.7901 956.535 74.9831 956.535 73.9194Z" fill="black"/>
-</g>
-<defs>
-<clipPath id="clip0_2034_1204">
-<rect width="1000" height="250" fill="white" transform="translate(0 0.611328)"/>
-</clipPath>
-<clipPath id="clip1_2034_1204">
-<rect width="219.511" height="236.396" fill="white" transform="translate(-10.0552 7.30469)"/>
-</clipPath>
-<clipPath id="clip2_2034_1204">
-<rect width="153.658" height="212.757" fill="white" transform="translate(22.874 7.30469)"/>
-</clipPath>
-</defs>
-</svg>
+<svg id="b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 193.38 43.5"><g id="c"><path d="M18.01,35.63l-12.36-7.13c-.15-.09-.25-.25-.25-.43v-11.02c0-.19.21-.31.37-.22l14.35,8.28c.2.12.45-.03.45-.26v-5.37c0-.21-.11-.41-.3-.52L3.01,9c-.15-.09-.35-.09-.5,0l-2.26,1.31c-.15.09-.25.25-.25.43v20.47c0,.18.1.34.25.43l17.73,10.24c.15.09.35.09.5,0l14.89-8.6c.2-.12.2-.4,0-.52l-4.64-2.68c-.19-.11-.41-.11-.6,0l-9.61,5.55c-.15.09-.35.09-.5,0Z"/><path d="M36.21,10.3L18.48.07c-.15-.09-.35-.09-.5,0l-9.37,5.41c-.2.12-.2.4,0,.52l4.6,2.66c.19.11.41.11.6,0l4.2-2.42c.15-.09.35-.09.5,0l12.36,7.13c.15.09.25.25.25.43v11.07c0,.21.11.41.3.52l4.6,2.65c.2.12.45-.03.45-.26V10.74c0-.18-.1-.34-.25-.43Z"/><g id="d"><path d="M193.38,9.47c0,1.94-1.48,3.32-3.3,3.32s-3.31-1.39-3.31-3.32,1.49-3.31,3.31-3.31,3.3,1.39,3.3,3.31ZM192.92,9.47c0-1.68-1.26-2.88-2.84-2.88s-2.84,1.2-2.84,2.88,1.26,2.89,2.84,2.89,2.84-1.2,2.84-2.89ZM188.69,11.17v-3.51h1.61c.85,0,1.35.39,1.35,1.15,0,.53-.3.86-.67,1.02l.79,1.35h-.89l-.72-1.22h-.64v1.22h-.82ZM190.18,9.31c.46,0,.64-.16.64-.5s-.19-.49-.64-.49h-.67v.99h.67Z"/><path d="M54.72,24.84v10.93h-5.4V6.1h12.26c7.02,0,11.1,3.2,11.1,9.39s-4.07,9.35-11.06,9.35h-6.9,0ZM61.12,20.52c4.07,0,6.11-1.66,6.11-5.03s-2.04-5.03-6.11-5.03h-6.4v10.06h6.4Z"/><path d="M85.94,32.45c-1,2.41-3.66,3.78-7.02,3.78-4.11,0-7.11-2.29-7.11-6.11,0-4.24,3.32-5.98,7.61-6.48l6.32-.71v-1c0-2.58-1.58-3.82-3.99-3.82s-3.74,1.29-3.91,3.24h-5.11c.46-4.53,3.99-7.19,9.18-7.19,5.74,0,9.02,2.7,9.02,8.19v8.15c0,1.95.08,3.58.42,5.28h-5.11c-.21-1.16-.29-2.29-.29-3.32h0ZM85.73,27.58v-1.29l-4.7.54c-2.24.29-3.95.79-3.95,2.99,0,1.66,1.16,2.7,3.28,2.7,2.74,0,5.36-1.62,5.36-4.95h0Z"/><path d="M90.39,14.66h5.4l5.86,15.92h.08l5.57-15.92h5.28l-8.23,21.49c-2,5.28-4.45,7.32-8.89,7.36-.71,0-1.7-.08-2.45-.21v-4.03c.62.13.96.13,1.41.13,2.16,0,3.07-.75,4.2-3.66l-8.23-21.07h0Z"/><path d="M113.46,35.77V6.1h5.32v29.67h-5.32Z"/><path d="M130.79,36.27c-6.23,0-10.68-4.2-10.68-11.05s4.45-11.05,10.68-11.05,10.68,4.24,10.68,11.05-4.45,11.05-10.68,11.05ZM130.79,32.32c3.41,0,5.36-2.66,5.36-7.11s-1.95-7.11-5.36-7.11-5.36,2.7-5.36,7.11,1.91,7.11,5.36,7.11Z"/><path d="M156.19,32.45c-1,2.41-3.66,3.78-7.02,3.78-4.11,0-7.11-2.29-7.11-6.11,0-4.24,3.32-5.98,7.61-6.48l6.32-.71v-1c0-2.58-1.58-3.82-3.99-3.82s-3.74,1.29-3.91,3.24h-5.11c.46-4.53,3.99-7.19,9.19-7.19,5.74,0,9.02,2.7,9.02,8.19v8.15c0,1.95.08,3.58.42,5.28h-5.11c-.21-1.16-.29-2.29-.29-3.32h0ZM155.98,27.58v-1.29l-4.7.54c-2.24.29-3.95.79-3.95,2.99,0,1.66,1.16,2.7,3.28,2.7,2.74,0,5.36-1.62,5.36-4.95h0Z"/><path d="M178.5,32.41c-1.04,2.12-3.58,3.87-6.78,3.87-5.53,0-9.31-4.49-9.31-11.05s3.78-11.05,9.31-11.05c3.28,0,5.69,1.83,6.69,3.95V6.1h5.32v29.67h-5.24v-3.37h0ZM178.55,24.84c0-4.11-1.95-6.78-5.32-6.78s-5.45,2.83-5.45,7.15,2,7.15,5.45,7.15,5.32-2.66,5.32-6.78v-.75h0Z"/></g></g></svg>

package/dist/assets/payload-logo-light.svg

@@ -1,23 +1 @@
-<svg width="1000" height="251" viewBox="0 0 1000 251" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2009_1234)">
-<path d="M251.411 58.4582V197.299H268.887V139.238H306.558C320.151 139.238 331.025 136.131 339.181 129.529C347.337 122.927 351.609 112.829 351.609 98.8482C351.609 85.0613 347.337 74.9637 339.181 68.3615C331.025 61.7593 320.151 58.4582 306.558 58.4582H251.411ZM307.724 123.704H268.887V73.9928H307.724C316.268 73.9928 322.676 76.1289 326.948 80.2067C331.22 84.2845 333.356 90.4984 333.356 98.8482C333.356 107.392 331.22 113.606 326.948 117.684C322.676 121.762 316.268 123.704 307.724 123.704ZM365.578 192.25C371.403 197.493 379.365 200.017 389.462 200.017C397.424 200.017 404.22 198.658 410.046 195.551C415.677 192.638 420.143 188.366 423.638 182.735H424.027C424.415 188.561 425.969 192.638 428.299 194.969C430.629 197.299 434.124 198.27 438.785 198.27C440.921 198.27 443.445 198.076 446.358 197.299V186.425L444.028 186.619C442.086 186.619 440.921 185.842 440.144 183.9C439.367 181.958 438.979 179.046 438.979 174.968V127.393C438.979 116.13 435.678 107.975 429.076 102.926C422.473 97.8773 414.123 95.3529 403.832 95.3529C389.851 95.3529 379.559 98.4599 372.763 104.48C365.772 110.693 362.083 118.849 361.694 128.947H378.005C378.394 124.092 379.365 120.208 380.918 117.296C382.472 114.383 384.996 112.247 388.491 110.888C391.987 109.722 397.035 108.946 403.249 108.946C416.842 108.946 423.833 113.8 423.833 123.509C423.833 126.616 422.862 129.141 421.308 130.888C419.561 132.636 417.036 133.995 413.735 134.966C410.434 136.131 405.579 137.102 399.171 138.267C389.462 140.015 381.695 141.957 375.869 144.287C369.85 146.617 365.189 150.112 361.888 154.384C358.393 158.851 356.84 164.676 356.84 171.861C356.84 180.405 359.752 187.201 365.578 192.25ZM377.423 182.541C374.51 180.017 373.151 176.133 373.151 171.084C373.151 165.647 375.093 161.375 379.365 158.462C383.443 155.744 390.433 153.219 400.531 151.083C413.735 148.559 421.502 146.035 423.833 143.316V159.045C423.833 168.171 420.726 174.968 414.706 179.628C408.686 184.289 400.725 186.425 391.016 186.425C384.802 186.425 380.141 185.26 377.423 182.541ZM460.691 231.087C464.38 231.863 467.876 232.058 470.983 232.058C477.973 232.058 483.993 229.922 489.042 225.261C494.09 220.601 498.945 212.251 503.799 200.212L543.801 98.2657H527.101L497.974 177.104H497.586L467.099 98.2657H449.622L489.818 196.328C487.876 204.289 484.964 209.921 481.08 213.416C477.196 216.911 473.119 218.465 468.458 218.465C466.516 218.465 463.992 218.271 460.691 217.882V231.087ZM556.265 58.4582V197.299H571.8V58.4582H556.265ZM611.469 193.609C618.848 198.076 627.392 200.212 637.49 200.212C647.199 200.212 655.743 198.076 663.122 193.609C670.501 189.337 676.132 183.123 680.016 175.162C683.899 167.201 685.841 158.074 685.841 147.782C685.841 137.685 683.899 128.558 680.016 120.597C676.132 112.635 670.501 106.421 663.122 101.955C655.743 97.6831 647.199 95.3529 637.49 95.3529C627.392 95.3529 618.848 97.6831 611.469 101.955C604.09 106.421 598.653 112.635 594.769 120.597C590.886 128.558 588.944 137.685 588.944 147.782C588.944 158.074 590.886 167.201 594.769 175.162C598.653 183.123 604.09 189.337 611.469 193.609ZM613.411 175.745C607.974 168.366 605.255 159.045 605.255 147.782C605.255 136.52 607.974 127.393 613.411 120.014C618.848 112.635 626.81 108.946 637.49 108.946C647.975 108.946 655.937 112.635 661.374 120.014C666.811 127.393 669.53 136.52 669.53 147.782C669.53 159.045 666.811 168.366 661.374 175.745C655.937 183.123 647.975 186.619 637.49 186.619C626.81 186.619 618.848 183.123 613.411 175.745ZM706.346 192.25C712.171 197.493 720.133 200.017 730.23 200.017C738.192 200.017 744.988 198.658 750.813 195.551C756.445 192.638 760.911 188.366 764.406 182.735H764.795C765.183 188.561 766.736 192.638 769.067 194.969C771.397 197.299 774.892 198.27 779.552 198.27C781.688 198.27 784.213 198.076 787.126 197.299V186.425L784.795 186.619C782.854 186.619 781.688 185.842 780.912 183.9C780.135 181.958 779.747 179.046 779.747 174.968V127.393C779.747 116.13 776.446 107.975 769.843 102.926C763.241 97.8773 754.891 95.3529 744.6 95.3529C730.618 95.3529 720.327 98.4599 713.53 104.48C706.54 110.693 702.85 118.849 702.462 128.947H718.773C719.162 124.092 720.133 120.208 721.686 117.296C723.239 114.383 725.764 112.247 729.259 110.888C732.754 109.722 737.803 108.946 744.017 108.946C757.61 108.946 764.6 113.8 764.6 123.509C764.6 126.616 763.629 129.141 762.076 130.888C760.328 132.636 757.804 133.995 754.503 134.966C751.202 136.131 746.347 137.102 739.939 138.267C730.23 140.015 722.463 141.957 716.637 144.287C710.618 146.617 705.957 150.112 702.656 154.384C699.161 158.851 697.607 164.676 697.607 171.861C697.607 180.405 700.52 187.201 706.346 192.25ZM718.191 182.541C715.278 180.017 713.919 176.133 713.919 171.084C713.919 165.647 715.861 161.375 720.133 158.462C724.21 155.744 731.201 153.219 741.298 151.083C754.503 148.559 762.27 146.035 764.6 143.316V159.045C764.6 168.171 761.493 174.968 755.474 179.628C749.454 184.289 741.493 186.425 731.784 186.425C725.57 186.425 720.909 185.26 718.191 182.541ZM819.865 193.804C826.661 198.076 834.235 200.017 842.584 200.017C855.595 200.017 865.886 195.163 873.654 185.065H874.042V197.299H889.577V58.4582H874.042V111.082H873.654C866.469 100.79 856.177 95.5471 842.584 95.5471C834.235 95.5471 826.661 97.6831 819.865 101.955C813.069 106.227 807.632 112.247 803.748 120.014C799.864 127.976 797.922 137.296 797.922 147.782C797.922 158.462 799.864 167.783 803.748 175.55C807.632 183.512 813.069 189.532 819.865 193.804ZM817.535 166.812C815.205 160.987 814.234 154.579 814.234 147.782C814.234 141.18 815.205 134.772 817.535 128.947C819.671 123.121 822.972 118.266 827.632 114.577C832.099 111.082 837.536 109.14 844.138 109.14C853.264 109.14 860.449 112.829 865.886 119.82C871.323 126.811 874.042 136.131 874.042 147.782C874.042 159.433 871.323 168.948 865.886 175.939C860.449 182.929 853.264 186.425 844.138 186.425C837.536 186.425 832.099 184.677 827.632 180.987C822.972 177.492 819.671 172.638 817.535 166.812Z" fill="white"/>
-<g clip-path="url(#clip1_2009_1234)">
-<g clip-path="url(#clip2_2009_1234)">
-<path d="M93.3371 21.0488L178.108 75.9244V180.083L114.276 219.85V115.692L29.4038 60.889L93.3371 21.0488Z" fill="white"/>
-<path d="M86.8412 214.061V132.783L22.874 172.623L86.8412 214.061Z" fill="white"/>
-</g>
-</g>
-<path d="M931.392 78.5934C931.392 75.5124 931.924 72.7065 932.988 70.1756C934.088 67.6081 935.555 65.4257 937.389 63.6284C939.26 61.7945 941.442 60.3823 943.936 59.392C946.467 58.365 949.163 57.8515 952.024 57.8515C954.885 57.8515 957.562 58.365 960.057 59.392C962.551 60.3823 964.715 61.7945 966.549 63.6284C968.419 65.4257 969.887 67.6081 970.95 70.1756C972.051 72.7065 972.601 75.5124 972.601 78.5934C972.601 81.6378 972.051 84.4254 970.95 86.9562C969.887 89.4871 968.419 91.6695 966.549 93.5034C964.715 95.3007 962.551 96.6945 960.057 97.6848C957.562 98.6752 954.885 99.1703 952.024 99.1703C949.163 99.1703 946.467 98.6752 943.936 97.6848C941.442 96.6945 939.26 95.3007 937.389 93.5034C935.555 91.6695 934.088 89.4871 932.988 86.9562C931.924 84.4254 931.392 81.6378 931.392 78.5934ZM935.463 78.5934C935.463 81.1243 935.885 83.4351 936.729 85.5258C937.609 87.5798 938.783 89.3587 940.25 90.8625C941.754 92.3297 943.514 93.4667 945.532 94.2737C947.549 95.0806 949.713 95.4841 952.024 95.4841C954.371 95.4841 956.554 95.0806 958.571 94.2737C960.588 93.4667 962.331 92.3297 963.798 90.8625C965.302 89.3587 966.457 87.5798 967.264 85.5258C968.108 83.4351 968.529 81.1243 968.529 78.5934C968.529 76.0259 968.108 73.6968 967.264 71.6061C966.457 69.5154 965.302 67.7365 963.798 66.2693C962.331 64.7655 960.588 63.6101 958.571 62.8031C956.554 61.9595 954.371 61.5377 952.024 61.5377C949.713 61.5377 947.549 61.9595 945.532 62.8031C943.514 63.6101 941.754 64.7655 940.25 66.2693C938.783 67.7365 937.609 69.5154 936.729 71.6061C935.885 73.6968 935.463 76.0259 935.463 78.5934ZM952.684 80.409H951.694H948.503V88.7718H943.991V66.8195H950.703C952.317 66.8195 953.766 66.9112 955.05 67.0946C956.334 67.278 957.416 67.6264 958.296 68.1399C959.176 68.6168 959.855 69.2953 960.332 70.1756C960.808 71.0559 961.047 72.2113 961.047 73.6418C961.047 74.8522 960.735 75.9709 960.112 76.9979C959.488 78.0249 958.479 78.8502 957.086 79.4737L962.147 88.7718H957.141L952.684 80.409ZM956.535 73.6968C956.535 72.3763 956.059 71.4961 955.105 71.0559C954.188 70.6158 952.959 70.3957 951.419 70.3957H948.503V76.9429H951.694C953.418 76.9429 954.646 76.6678 955.38 76.1176C956.15 75.5674 956.535 74.7605 956.535 73.6968Z" fill="white"/>
-</g>
-<defs>
-<clipPath id="clip0_2009_1234">
-<rect width="1000" height="250" fill="white" transform="translate(0 0.388672)"/>
-</clipPath>
-<clipPath id="clip1_2009_1234">
-<rect width="219.511" height="236.396" fill="white" transform="translate(-10.0552 7.08203)"/>
-</clipPath>
-<clipPath id="clip2_2009_1234">
-<rect width="153.658" height="212.757" fill="white" transform="translate(22.874 7.08203)"/>
-</clipPath>
-</defs>
-</svg>
+<svg id="b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 193.38 43.5"><g id="c"><path d="M18.01,35.63l-12.36-7.13c-.15-.09-.25-.25-.25-.43v-11.02c0-.19.21-.31.37-.22l14.35,8.28c.2.12.45-.03.45-.26v-5.37c0-.21-.11-.41-.3-.52L3.01,9c-.15-.09-.35-.09-.5,0l-2.26,1.31c-.15.09-.25.25-.25.43v20.47c0,.18.1.34.25.43l17.73,10.24c.15.09.35.09.5,0l14.89-8.6c.2-.12.2-.4,0-.52l-4.64-2.68c-.19-.11-.41-.11-.6,0l-9.61,5.55c-.15.09-.35.09-.5,0Z" fill="#fff"/><path d="M36.21,10.3L18.48.07c-.15-.09-.35-.09-.5,0l-9.37,5.41c-.2.12-.2.4,0,.52l4.6,2.66c.19.11.41.11.6,0l4.2-2.42c.15-.09.35-.09.5,0l12.36,7.13c.15.09.25.25.25.43v11.07c0,.21.11.41.3.52l4.6,2.65c.2.12.45-.03.45-.26V10.74c0-.18-.1-.34-.25-.43Z" fill="#fff"/><g id="d"><path d="M193.38,9.47c0,1.94-1.48,3.32-3.3,3.32s-3.31-1.39-3.31-3.32,1.49-3.31,3.31-3.31,3.3,1.39,3.3,3.31ZM192.92,9.47c0-1.68-1.26-2.88-2.84-2.88s-2.84,1.2-2.84,2.88,1.26,2.89,2.84,2.89,2.84-1.2,2.84-2.89ZM188.69,11.17v-3.51h1.61c.85,0,1.35.39,1.35,1.15,0,.53-.3.86-.67,1.02l.79,1.35h-.89l-.72-1.22h-.64v1.22h-.82ZM190.18,9.31c.46,0,.64-.16.64-.5s-.19-.49-.64-.49h-.67v.99h.67Z" fill="#fff"/><path d="M54.72,24.84v10.93h-5.4V6.1h12.26c7.02,0,11.1,3.2,11.1,9.39s-4.07,9.35-11.06,9.35h-6.9,0ZM61.12,20.52c4.07,0,6.11-1.66,6.11-5.03s-2.04-5.03-6.11-5.03h-6.4v10.06h6.4Z" fill="#fff"/><path d="M85.94,32.45c-1,2.41-3.66,3.78-7.02,3.78-4.11,0-7.11-2.29-7.11-6.11,0-4.24,3.32-5.98,7.61-6.48l6.32-.71v-1c0-2.58-1.58-3.82-3.99-3.82s-3.74,1.29-3.91,3.24h-5.11c.46-4.53,3.99-7.19,9.18-7.19,5.74,0,9.02,2.7,9.02,8.19v8.15c0,1.95.08,3.58.42,5.28h-5.11c-.21-1.16-.29-2.29-.29-3.32h0ZM85.73,27.58v-1.29l-4.7.54c-2.24.29-3.95.79-3.95,2.99,0,1.66,1.16,2.7,3.28,2.7,2.74,0,5.36-1.62,5.36-4.95h0Z" fill="#fff"/><path d="M90.39,14.66h5.4l5.86,15.92h.08l5.57-15.92h5.28l-8.23,21.49c-2,5.28-4.45,7.32-8.89,7.36-.71,0-1.7-.08-2.45-.21v-4.03c.62.13.96.13,1.41.13,2.16,0,3.07-.75,4.2-3.66l-8.23-21.07h0Z" fill="#fff"/><path d="M113.46,35.77V6.1h5.32v29.67h-5.32Z" fill="#fff"/><path d="M130.79,36.27c-6.23,0-10.68-4.2-10.68-11.05s4.45-11.05,10.68-11.05,10.68,4.24,10.68,11.05-4.45,11.05-10.68,11.05ZM130.79,32.32c3.41,0,5.36-2.66,5.36-7.11s-1.95-7.11-5.36-7.11-5.36,2.7-5.36,7.11,1.91,7.11,5.36,7.11Z" fill="#fff"/><path d="M156.19,32.45c-1,2.41-3.66,3.78-7.02,3.78-4.11,0-7.11-2.29-7.11-6.11,0-4.24,3.32-5.98,7.61-6.48l6.32-.71v-1c0-2.58-1.58-3.82-3.99-3.82s-3.74,1.29-3.91,3.24h-5.11c.46-4.53,3.99-7.19,9.19-7.19,5.74,0,9.02,2.7,9.02,8.19v8.15c0,1.95.08,3.58.42,5.28h-5.11c-.21-1.16-.29-2.29-.29-3.32h0ZM155.98,27.58v-1.29l-4.7.54c-2.24.29-3.95.79-3.95,2.99,0,1.66,1.16,2.7,3.28,2.7,2.74,0,5.36-1.62,5.36-4.95h0Z" fill="#fff"/><path d="M178.5,32.41c-1.04,2.12-3.58,3.87-6.78,3.87-5.53,0-9.31-4.49-9.31-11.05s3.78-11.05,9.31-11.05c3.28,0,5.69,1.83,6.69,3.95V6.1h5.32v29.67h-5.24v-3.37h0ZM178.55,24.84c0-4.11-1.95-6.78-5.32-6.78s-5.45,2.83-5.45,7.15,2,7.15,5.45,7.15,5.32-2.66,5.32-6.78v-.75h0Z" fill="#fff"/></g></g></svg>

package/dist/elements/AddNewRelation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/AddNewRelation/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqD,MAAM,OAAO,CAAA;AAIzE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAUvC,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoM1C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/AddNewRelation/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqD,MAAM,OAAO,CAAA;AAIzE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAUvC,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmM1C,CAAA"}

package/dist/elements/AddNewRelation/index.js

@@ -9,8 +9,8 @@ import { useAuth } from '../../providers/Auth/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Button } from '../Button/index.js';
 import { useDocumentDrawer } from '../DocumentDrawer/index.js';
-import * as PopupList from '../Popup/PopupButtonList/index.js';
 import { Popup } from '../Popup/index.js';
+import * as PopupList from '../Popup/PopupButtonList/index.js';
 import { Tooltip } from '../Tooltip/index.js';
 import './index.scss';
 import { useRelatedCollections } from './useRelatedCollections.js';
@@ -114,9 +114,9 @@ export const AddNewRelation = t0 => {
     t7 = () => {
       if (permissions) {
         if (relatedCollections.length === 1) {
-          setShow(permissions.collections[relatedCollections[0]?.slug]?.create?.permission);
+          setShow(permissions.collections[relatedCollections[0]?.slug]?.create);
         } else {
-          setShow(relatedCollections.some(collection => permissions.collections[collection?.slug]?.create?.permission));
+          setShow(relatedCollections.some(collection => permissions.collections[collection?.slug]?.create));
         }
       }
     };
@@ -233,7 +233,7 @@ export const AddNewRelation = t0 => {
                 } = t18;
                 return _jsx(PopupList.ButtonGroup, {
                   children: relatedCollections.map(relatedCollection => {
-                    if (permissions.collections[relatedCollection?.slug].create.permission) {
+                    if (permissions.collections[relatedCollection?.slug].create) {
                       return _jsx(PopupList.Button, {
                         className: `${baseClass}__relation-button--${relatedCollection?.slug}`,
                         onClick: () => {
@@ -248,7 +248,7 @@ export const AddNewRelation = t0 => {
                 });
               },
               size: "medium"
-            }), collectionConfig && permissions.collections[collectionConfig?.slug]?.create?.permission && _jsx(DocumentDrawer, {
+            }), collectionConfig && permissions.collections[collectionConfig?.slug]?.create && _jsx(DocumentDrawer, {
               onSave
             })]
           })]

package/dist/elements/AddNewRelation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","Fragment","useCallback","useEffect","useState","PlusIcon","useAuth","useTranslation","Button","useDocumentDrawer","PopupList","Popup","Tooltip","useRelatedCollections","baseClass","AddNewRelation","t0","$","ButtonFromProps","hasMany","path","relationTo","setValue","unstyled","value","relatedCollections","permissions","show","setShow","selectedCollection","setSelectedCollection","relatedToMany","length","t1","undefined","collectionConfig","setCollectionConfig","popupOpen","setPopupOpen","i18n","t","showTooltip","setShowTooltip","t2","slug","t3","collectionSlug","DocumentDrawer","DocumentDrawerToggler","t4","isDrawerOpen","toggleDrawer","t5","t6","doc","operation","newValue","Array","isArray","id","isNewValue","some","v","onSave","Symbol","for","state","onPopupToggle","t7","t8","collections","create","permission","collection","t9","t10","find","collection_0","t11","t12","t13","t14","t15","t16","labels","singular","t17","label","_jsxs","className","children","_jsx","filter","Boolean","join","onClick","onMouseEnter","onMouseLeave","button","buttonStyle","tooltip","horizontalAlign","onToggleOpen","render","t18","close","closePopup","ButtonGroup","map","relatedCollection"],"sources":["../../../src/elements/AddNewRelation/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useCallback, useEffect, useState } from 'react'\n\nimport type { Value } from '../../fields/Relationship/types.js'\nimport type { DocumentInfoContext } from '../../providers/DocumentInfo/types.js'\nimport type { Props } from './types.js'\n\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { useDocumentDrawer } from '../DocumentDrawer/index.js'\nimport * as PopupList from '../Popup/PopupButtonList/index.js'\nimport { Popup } from '../Popup/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.scss'\nimport { useRelatedCollections } from './useRelatedCollections.js'\n\nconst baseClass = 'relationship-add-new'\n\nexport const AddNewRelation: React.FC<Props> = ({\n  Button: ButtonFromProps,\n  hasMany,\n  path,\n  relationTo,\n  setValue,\n  unstyled,\n  value,\n}) => {\n  const relatedCollections = useRelatedCollections(relationTo)\n  const { permissions } = useAuth()\n  const [show, setShow] = useState(false)\n  const [selectedCollection, setSelectedCollection] = useState<string>()\n  const relatedToMany = relatedCollections.length > 1\n  const [collectionConfig, setCollectionConfig] = useState<ClientCollectionConfig>(() =>\n    !relatedToMany ? relatedCollections[0] : undefined,\n  )\n  const [popupOpen, setPopupOpen] = useState(false)\n  const { i18n, t } = useTranslation()\n  const [showTooltip, setShowTooltip] = useState(false)\n\n  const [DocumentDrawer, DocumentDrawerToggler, { isDrawerOpen, toggleDrawer }] = useDocumentDrawer(\n    {\n      collectionSlug: collectionConfig?.slug,\n    },\n  )\n\n  const onSave: DocumentInfoContext['onSave'] = useCallback(\n    ({ doc, operation }) => {\n      if (operation === 'create') {\n        const newValue: Value = Array.isArray(relationTo)\n          ? {\n              relationTo: collectionConfig?.slug,\n              value: doc.id,\n            }\n          : doc.id\n\n        // ensure the value is not already in the array\n        const isNewValue =\n          Array.isArray(relationTo) && Array.isArray(value)\n            ? !value.some((v) => v && typeof v === 'object' && v.value === doc.id)\n            : value !== doc.id\n\n        if (isNewValue) {\n          // dispatchOptions({\n          //   collection: collectionConfig,\n          //   // TODO: fix this\n          //   // @ts-expect-error-next-line\n          //   type: 'ADD',\n          //   config,\n          //   docs: [doc],\n          //   i18n,\n          //   sort: true,\n          // })\n\n          if (hasMany) {\n            setValue([...(Array.isArray(value) ? value : []), newValue])\n          } else {\n            setValue(newValue)\n          }\n        }\n\n        setSelectedCollection(undefined)\n      }\n    },\n    [relationTo, collectionConfig, hasMany, setValue, value],\n  )\n\n  const onPopupToggle = useCallback((state) => {\n    setPopupOpen(state)\n  }, [])\n\n  useEffect(() => {\n    if (permissions) {\n      if (relatedCollections.length === 1) {\n        setShow(permissions.collections[relatedCollections[0]?.slug]?.create?.permission)\n      } else {\n        setShow(\n          relatedCollections.some(\n            (collection) => permissions.collections[collection?.slug]?.create?.permission,\n          ),\n        )\n      }\n    }\n  }, [permissions, relatedCollections])\n\n  useEffect(() => {\n    if (relatedToMany && selectedCollection) {\n      setCollectionConfig(\n        relatedCollections.find((collection) => collection?.slug === selectedCollection),\n      )\n    }\n  }, [selectedCollection, relatedToMany, relatedCollections])\n\n  useEffect(() => {\n    if (relatedToMany && collectionConfig) {\n      // the drawer must be rendered on the page before before opening it\n      // this is why 'selectedCollection' is different from 'collectionConfig'\n      toggleDrawer()\n      setSelectedCollection(undefined)\n    }\n  }, [toggleDrawer, relatedToMany, collectionConfig])\n\n  useEffect(() => {\n    if (relatedToMany && !isDrawerOpen) {\n      setCollectionConfig(undefined)\n    }\n  }, [isDrawerOpen, relatedToMany])\n\n  const label = t('fields:addNewLabel', {\n    label: getTranslation(relatedCollections[0].labels.singular, i18n),\n  })\n\n  if (show) {\n    return (\n      <div className={baseClass} id={`${path}-add-new`}>\n        {relatedCollections.length === 1 && (\n          <Fragment>\n            <DocumentDrawerToggler\n              className={[\n                `${baseClass}__add-button`,\n                unstyled && `${baseClass}__add-button--unstyled`,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              onClick={() => setShowTooltip(false)}\n              onMouseEnter={() => setShowTooltip(true)}\n              onMouseLeave={() => setShowTooltip(false)}\n            >\n              {ButtonFromProps ? (\n                ButtonFromProps\n              ) : (\n                <Fragment>\n                  <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n                    {label}\n                  </Tooltip>\n                  <PlusIcon />\n                </Fragment>\n              )}\n            </DocumentDrawerToggler>\n            <DocumentDrawer onSave={onSave} />\n          </Fragment>\n        )}\n        {relatedCollections.length > 1 && (\n          <Fragment>\n            <Popup\n              button={\n                ButtonFromProps ? (\n                  ButtonFromProps\n                ) : (\n                  <Button\n                    buttonStyle=\"none\"\n                    className={`${baseClass}__add-button`}\n                    tooltip={popupOpen ? undefined : t('fields:addNew')}\n                  >\n                    <PlusIcon />\n                  </Button>\n                )\n              }\n              buttonType=\"custom\"\n              horizontalAlign=\"center\"\n              onToggleOpen={onPopupToggle}\n              render={({ close: closePopup }) => (\n                <PopupList.ButtonGroup>\n                  {relatedCollections.map((relatedCollection) => {\n                    if (permissions.collections[relatedCollection?.slug].create.permission) {\n                      return (\n                        <PopupList.Button\n                          className={`${baseClass}__relation-button--${relatedCollection?.slug}`}\n                          key={relatedCollection?.slug}\n                          onClick={() => {\n                            closePopup()\n                            setSelectedCollection(relatedCollection?.slug)\n                          }}\n                        >\n                          {getTranslation(relatedCollection?.labels?.singular, i18n)}\n                        </PopupList.Button>\n                      )\n                    }\n\n                    return null\n                  })}\n                </PopupList.ButtonGroup>\n              )}\n              size=\"medium\"\n            />\n            {collectionConfig &&\n              permissions.collections[collectionConfig?.slug]?.create?.permission && (\n                <DocumentDrawer onSave={onSave} />\n              )}\n          </Fragment>\n        )}\n      </div>\n    )\n  }\n  return null\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","Fragment","useCallback","useEffect","useState","PlusIcon","useAuth","useTranslation","Button","useDocumentDrawer","Popup","PopupList","Tooltip","useRelatedCollections","baseClass","AddNewRelation","t0","$","ButtonFromProps","hasMany","path","relationTo","setValue","unstyled","value","relatedCollections","permissions","show","setShow","selectedCollection","setSelectedCollection","relatedToMany","length","t1","undefined","collectionConfig","setCollectionConfig","popupOpen","setPopupOpen","i18n","t","showTooltip","setShowTooltip","t2","slug","t3","collectionSlug","DocumentDrawer","DocumentDrawerToggler","t4","isDrawerOpen","toggleDrawer","t5","t6","doc","operation","newValue","Array","isArray","id","isNewValue","some","v","onSave","Symbol","for","state","onPopupToggle","t7","t8","collections","create","collection","t9","t10","find","collection_0","t11","t12","t13","t14","t15","t16","labels","singular","t17","label","_jsxs","className","children","_jsx","filter","Boolean","join","onClick","onMouseEnter","onMouseLeave","button","buttonStyle","tooltip","horizontalAlign","onToggleOpen","render","t18","close","closePopup","ButtonGroup","map","relatedCollection"],"sources":["../../../src/elements/AddNewRelation/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useCallback, useEffect, useState } from 'react'\n\nimport type { Value } from '../../fields/Relationship/types.js'\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\nimport type { Props } from './types.js'\n\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { useDocumentDrawer } from '../DocumentDrawer/index.js'\nimport { Popup } from '../Popup/index.js'\nimport * as PopupList from '../Popup/PopupButtonList/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.scss'\nimport { useRelatedCollections } from './useRelatedCollections.js'\n\nconst baseClass = 'relationship-add-new'\n\nexport const AddNewRelation: React.FC<Props> = ({\n  Button: ButtonFromProps,\n  hasMany,\n  path,\n  relationTo,\n  setValue,\n  unstyled,\n  value,\n}) => {\n  const relatedCollections = useRelatedCollections(relationTo)\n  const { permissions } = useAuth()\n  const [show, setShow] = useState(false)\n  const [selectedCollection, setSelectedCollection] = useState<string>()\n  const relatedToMany = relatedCollections.length > 1\n  const [collectionConfig, setCollectionConfig] = useState<ClientCollectionConfig>(() =>\n    !relatedToMany ? relatedCollections[0] : undefined,\n  )\n  const [popupOpen, setPopupOpen] = useState(false)\n  const { i18n, t } = useTranslation()\n  const [showTooltip, setShowTooltip] = useState(false)\n\n  const [DocumentDrawer, DocumentDrawerToggler, { isDrawerOpen, toggleDrawer }] = useDocumentDrawer(\n    {\n      collectionSlug: collectionConfig?.slug,\n    },\n  )\n\n  const onSave: DocumentDrawerContextType['onSave'] = useCallback(\n    ({ doc, operation }) => {\n      if (operation === 'create') {\n        const newValue: Value = Array.isArray(relationTo)\n          ? {\n              relationTo: collectionConfig?.slug,\n              value: doc.id,\n            }\n          : doc.id\n\n        // ensure the value is not already in the array\n        const isNewValue =\n          Array.isArray(relationTo) && Array.isArray(value)\n            ? !value.some((v) => v && typeof v === 'object' && v.value === doc.id)\n            : value !== doc.id\n\n        if (isNewValue) {\n          // dispatchOptions({\n          //   collection: collectionConfig,\n          //   // TODO: fix this\n          //   // @ts-expect-error-next-line\n          //   type: 'ADD',\n          //   config,\n          //   docs: [doc],\n          //   i18n,\n          //   sort: true,\n          // })\n\n          if (hasMany) {\n            setValue([...(Array.isArray(value) ? value : []), newValue])\n          } else {\n            setValue(newValue)\n          }\n        }\n\n        setSelectedCollection(undefined)\n      }\n    },\n    [relationTo, collectionConfig, hasMany, setValue, value],\n  )\n\n  const onPopupToggle = useCallback((state) => {\n    setPopupOpen(state)\n  }, [])\n\n  useEffect(() => {\n    if (permissions) {\n      if (relatedCollections.length === 1) {\n        setShow(permissions.collections[relatedCollections[0]?.slug]?.create)\n      } else {\n        setShow(\n          relatedCollections.some(\n            (collection) => permissions.collections[collection?.slug]?.create,\n          ),\n        )\n      }\n    }\n  }, [permissions, relatedCollections])\n\n  useEffect(() => {\n    if (relatedToMany && selectedCollection) {\n      setCollectionConfig(\n        relatedCollections.find((collection) => collection?.slug === selectedCollection),\n      )\n    }\n  }, [selectedCollection, relatedToMany, relatedCollections])\n\n  useEffect(() => {\n    if (relatedToMany && collectionConfig) {\n      // the drawer must be rendered on the page before before opening it\n      // this is why 'selectedCollection' is different from 'collectionConfig'\n      toggleDrawer()\n      setSelectedCollection(undefined)\n    }\n  }, [toggleDrawer, relatedToMany, collectionConfig])\n\n  useEffect(() => {\n    if (relatedToMany && !isDrawerOpen) {\n      setCollectionConfig(undefined)\n    }\n  }, [isDrawerOpen, relatedToMany])\n\n  const label = t('fields:addNewLabel', {\n    label: getTranslation(relatedCollections[0].labels.singular, i18n),\n  })\n\n  if (show) {\n    return (\n      <div className={baseClass} id={`${path}-add-new`}>\n        {relatedCollections.length === 1 && (\n          <Fragment>\n            <DocumentDrawerToggler\n              className={[\n                `${baseClass}__add-button`,\n                unstyled && `${baseClass}__add-button--unstyled`,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              onClick={() => setShowTooltip(false)}\n              onMouseEnter={() => setShowTooltip(true)}\n              onMouseLeave={() => setShowTooltip(false)}\n            >\n              {ButtonFromProps ? (\n                ButtonFromProps\n              ) : (\n                <Fragment>\n                  <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n                    {label}\n                  </Tooltip>\n                  <PlusIcon />\n                </Fragment>\n              )}\n            </DocumentDrawerToggler>\n            <DocumentDrawer onSave={onSave} />\n          </Fragment>\n        )}\n        {relatedCollections.length > 1 && (\n          <Fragment>\n            <Popup\n              button={\n                ButtonFromProps ? (\n                  ButtonFromProps\n                ) : (\n                  <Button\n                    buttonStyle=\"none\"\n                    className={`${baseClass}__add-button`}\n                    tooltip={popupOpen ? undefined : t('fields:addNew')}\n                  >\n                    <PlusIcon />\n                  </Button>\n                )\n              }\n              buttonType=\"custom\"\n              horizontalAlign=\"center\"\n              onToggleOpen={onPopupToggle}\n              render={({ close: closePopup }) => (\n                <PopupList.ButtonGroup>\n                  {relatedCollections.map((relatedCollection) => {\n                    if (permissions.collections[relatedCollection?.slug].create) {\n                      return (\n                        <PopupList.Button\n                          className={`${baseClass}__relation-button--${relatedCollection?.slug}`}\n                          key={relatedCollection?.slug}\n                          onClick={() => {\n                            closePopup()\n                            setSelectedCollection(relatedCollection?.slug)\n                          }}\n                        >\n                          {getTranslation(relatedCollection?.labels?.singular, i18n)}\n                        </PopupList.Button>\n                      )\n                    }\n\n                    return null\n                  })}\n                </PopupList.ButtonGroup>\n              )}\n              size=\"medium\"\n            />\n            {collectionConfig && permissions.collections[collectionConfig?.slug]?.create && (\n              <DocumentDrawer onSave={onSave} />\n            )}\n          </Fragment>\n        )}\n      </div>\n    )\n  }\n  return null\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/AddNewRelation/index.scss

@@ -1,42 +1,44 @@
 @import '../../scss/styles.scss';
 
-.relationship-add-new {
-  display: flex;
-  align-items: stretch;
-
-  .popup__trigger-wrap {
+@layer payload-default {
+  .relationship-add-new {
     display: flex;
     align-items: stretch;
-    height: 100%;
-  }
 
-  &__add-button:not(.relationship-add-new__add-button--unstyled),
-  &__add-button:not(.relationship-add-new__add-button--unstyled).doc-drawer__toggler {
-    @include formInput;
-    margin: 0;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-    position: relative;
-    height: 100%;
-    margin-left: -1px;
-    display: flex;
-    padding: 0 base(0.5);
-    align-items: center;
-    display: flex;
-    cursor: pointer;
-  }
+    .popup__trigger-wrap {
+      display: flex;
+      align-items: stretch;
+      height: 100%;
+    }
 
-  &__add-button {
-    margin: 0;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-    position: relative;
-    height: 100%;
-    margin-left: -1px;
-    display: flex;
-    padding: 0 base(0.5);
-    align-items: center;
-    display: flex;
-    cursor: pointer;
+    &__add-button:not(.relationship-add-new__add-button--unstyled),
+    &__add-button:not(.relationship-add-new__add-button--unstyled).doc-drawer__toggler {
+      @include formInput;
+      margin: 0;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+      position: relative;
+      height: 100%;
+      margin-left: -1px;
+      display: flex;
+      padding: 0 base(0.5);
+      align-items: center;
+      display: flex;
+      cursor: pointer;
+    }
+
+    &__add-button {
+      margin: 0;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+      position: relative;
+      height: 100%;
+      margin-left: -1px;
+      display: flex;
+      padding: 0 base(0.5);
+      align-items: center;
+      display: flex;
+      cursor: pointer;
+    }
   }
 }

package/dist/elements/AppHeader/index.d.ts

@@ -1,4 +1,9 @@
 import React from 'react';
 import './index.scss';
-export declare const AppHeader: React.FC;
+type Props = {
+    CustomAvatar?: React.ReactNode;
+    CustomIcon?: React.ReactNode;
+};
+export declare function AppHeader({ CustomAvatar, CustomIcon }: Props): React.JSX.Element;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/AppHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/AppHeader/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAc1D,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAsF7B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/AppHeader/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAc1D,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B,CAAA;AACD,wBAAgB,SAAS,CAAC,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE,KAAK,qBA0F5D"}

package/dist/elements/AppHeader/index.js

@@ -5,22 +5,28 @@ import LinkWithDefault from 'next/link.js';
 import React, { useEffect, useRef, useState } from 'react';
 import { Account } from '../../graphics/Account/index.js';
 import { useActions } from '../../providers/Actions/index.js';
-import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { formatAdminURL } from '../../utilities/formatAdminURL.js';
 import { Hamburger } from '../Hamburger/index.js';
-import { LocalizerLabel } from '../Localizer/LocalizerLabel/index.js';
 import { Localizer } from '../Localizer/index.js';
-import { NavToggler } from '../Nav/NavToggler/index.js';
+import { LocalizerLabel } from '../Localizer/LocalizerLabel/index.js';
 import { useNav } from '../Nav/context.js';
+import { NavToggler } from '../Nav/NavToggler/index.js';
+import { RenderCustomComponent } from '../RenderCustomComponent/index.js';
 import { StepNav } from '../StepNav/index.js';
 import './index.scss';
 const baseClass = 'app-header';
-export const AppHeader = () => {
+export function AppHeader({
+  CustomAvatar,
+  CustomIcon
+}) {
   const {
     t
   } = useTranslation();
+  const {
+    Actions
+  } = useActions();
   const {
     config: {
       admin: {
@@ -34,9 +40,6 @@ export const AppHeader = () => {
       }
     }
   } = useConfig();
-  const {
-    actions
-  } = useActions();
   const {
     navOpen
   } = useNav();
@@ -55,9 +58,10 @@ export const AppHeader = () => {
     return () => {
       window.removeEventListener('resize', checkIsScrollable);
     };
-  }, [actions]);
+  }, [Actions]);
   const Link = LinkWithDefault.default;
   const LinkElement = Link || 'a';
+  const ActionComponents = Actions ? Object.values(Actions) : [];
   return /*#__PURE__*/_jsxs("header", {
     className: [baseClass, navOpen && `${baseClass}--nav-open`].filter(Boolean).join(' '),
     children: [/*#__PURE__*/_jsx("div", {
@@ -75,19 +79,18 @@ export const AppHeader = () => {
           children: [/*#__PURE__*/_jsx("div", {
             className: `${baseClass}__step-nav-wrapper`,
             children: /*#__PURE__*/_jsx(StepNav, {
-              Link: Link,
-              className: `${baseClass}__step-nav`
+              className: `${baseClass}__step-nav`,
+              CustomIcon: CustomIcon,
+              Link: Link
             })
           }), /*#__PURE__*/_jsxs("div", {
             className: `${baseClass}__actions-wrapper`,
             children: [/*#__PURE__*/_jsx("div", {
               className: `${baseClass}__actions`,
               ref: customControlsRef,
-              children: Array.isArray(actions) && actions.map((Action, i) => /*#__PURE__*/_jsx("div", {
-                className: isScrollable && i === actions.length - 1 ? `${baseClass}__last-action` : '',
-                children: /*#__PURE__*/_jsx(RenderComponent, {
-                  mappedComponent: Action
-                })
+              children: ActionComponents.map((Action, i) => /*#__PURE__*/_jsx("div", {
+                className: isScrollable && i === ActionComponents.length - 1 ? `${baseClass}__last-action` : '',
+                children: Action
               }, i))
             }), isScrollable && /*#__PURE__*/_jsx("div", {
               className: `${baseClass}__gradient-placeholder`
@@ -102,8 +105,12 @@ export const AppHeader = () => {
               adminRoute,
               path: accountRoute
             }),
+            prefetch: Link ? false : undefined,
             tabIndex: 0,
-            children: /*#__PURE__*/_jsx(Account, {})
+            children: /*#__PURE__*/_jsx(RenderCustomComponent, {
+              CustomComponent: CustomAvatar,
+              Fallback: /*#__PURE__*/_jsx(Account, {})
+            })
           })]
         })]
       })
@@ -111,5 +118,5 @@ export const AppHeader = () => {
       className: `${baseClass}__localizer`
     })]
   });
-};
+}
 //# sourceMappingURL=index.js.map

package/dist/elements/AppHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["LinkWithDefault","React","useEffect","useRef","useState","Account","useActions","RenderComponent","useConfig","useTranslation","formatAdminURL","Hamburger","LocalizerLabel","Localizer","NavToggler","useNav","StepNav","baseClass","AppHeader","t","config","admin","routes","account","accountRoute","localization","adminRoute","actions","navOpen","customControlsRef","isScrollable","setIsScrollable","checkIsScrollable","el","current","scrollable","scrollWidth","clientWidth","window","addEventListener","removeEventListener","Link","default","LinkElement","_jsxs","className","filter","Boolean","join","_jsx","tabIndex","ref","Array","isArray","map","Action","i","length","mappedComponent","ariaLabel","href","path"],"sources":["../../../src/elements/AppHeader/index.tsx"],"sourcesContent":["'use client'\nimport LinkWithDefault from 'next/link.js'\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport { Account } from '../../graphics/Account/index.js'\nimport { useActions } from '../../providers/Actions/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { Hamburger } from '../Hamburger/index.js'\nimport { LocalizerLabel } from '../Localizer/LocalizerLabel/index.js'\nimport { Localizer } from '../Localizer/index.js'\nimport { NavToggler } from '../Nav/NavToggler/index.js'\nimport { useNav } from '../Nav/context.js'\nimport { StepNav } from '../StepNav/index.js'\nimport './index.scss'\n\nconst baseClass = 'app-header'\n\nexport const AppHeader: React.FC = () => {\n  const { t } = useTranslation()\n\n  const {\n    config: {\n      admin: {\n        routes: { account: accountRoute },\n      },\n      localization,\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { actions } = useActions()\n\n  const { navOpen } = useNav()\n\n  const customControlsRef = useRef<HTMLDivElement>(null)\n  const [isScrollable, setIsScrollable] = useState(false)\n\n  useEffect(() => {\n    const checkIsScrollable = () => {\n      const el = customControlsRef.current\n      if (el) {\n        const scrollable = el.scrollWidth > el.clientWidth\n        setIsScrollable(scrollable)\n      }\n    }\n\n    checkIsScrollable()\n    window.addEventListener('resize', checkIsScrollable)\n\n    return () => {\n      window.removeEventListener('resize', checkIsScrollable)\n    }\n  }, [actions])\n\n  const Link = LinkWithDefault.default\n\n  const LinkElement = Link || 'a'\n\n  return (\n    <header className={[baseClass, navOpen && `${baseClass}--nav-open`].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__bg`} />\n      <div className={`${baseClass}__content`}>\n        <div className={`${baseClass}__wrapper`}>\n          <NavToggler className={`${baseClass}__mobile-nav-toggler`} tabIndex={-1}>\n            <Hamburger />\n          </NavToggler>\n          <div className={`${baseClass}__controls-wrapper`}>\n            <div className={`${baseClass}__step-nav-wrapper`}>\n              <StepNav Link={Link} className={`${baseClass}__step-nav`} />\n            </div>\n            <div className={`${baseClass}__actions-wrapper`}>\n              <div className={`${baseClass}__actions`} ref={customControlsRef}>\n                {Array.isArray(actions) &&\n                  actions.map((Action, i) => (\n                    <div\n                      className={\n                        isScrollable && i === actions.length - 1 ? `${baseClass}__last-action` : ''\n                      }\n                      key={i}\n                    >\n                      <RenderComponent mappedComponent={Action} />\n                    </div>\n                  ))}\n              </div>\n              {isScrollable && <div className={`${baseClass}__gradient-placeholder`} />}\n            </div>\n            {localization && (\n              <LocalizerLabel ariaLabel=\"invisible\" className={`${baseClass}__localizer-spacing`} />\n            )}\n            <LinkElement\n              aria-label={t('authentication:account')}\n              className={`${baseClass}__account`}\n              href={formatAdminURL({ adminRoute, path: accountRoute })}\n              tabIndex={0}\n            >\n              <Account />\n            </LinkElement>\n          </div>\n        </div>\n      </div>\n      <Localizer className={`${baseClass}__localizer`} />\n    </header>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["LinkWithDefault","React","useEffect","useRef","useState","Account","useActions","useConfig","useTranslation","formatAdminURL","Hamburger","Localizer","LocalizerLabel","useNav","NavToggler","RenderCustomComponent","StepNav","baseClass","AppHeader","CustomAvatar","CustomIcon","t","Actions","config","admin","routes","account","accountRoute","localization","adminRoute","navOpen","customControlsRef","isScrollable","setIsScrollable","checkIsScrollable","el","current","scrollable","scrollWidth","clientWidth","window","addEventListener","removeEventListener","Link","default","LinkElement","ActionComponents","Object","values","_jsxs","className","filter","Boolean","join","_jsx","tabIndex","ref","map","Action","i","length","ariaLabel","href","path","prefetch","undefined","CustomComponent","Fallback"],"sources":["../../../src/elements/AppHeader/index.tsx"],"sourcesContent":["'use client'\nimport LinkWithDefault from 'next/link.js'\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport { Account } from '../../graphics/Account/index.js'\nimport { useActions } from '../../providers/Actions/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { Hamburger } from '../Hamburger/index.js'\nimport { Localizer } from '../Localizer/index.js'\nimport { LocalizerLabel } from '../Localizer/LocalizerLabel/index.js'\nimport { useNav } from '../Nav/context.js'\nimport { NavToggler } from '../Nav/NavToggler/index.js'\nimport { RenderCustomComponent } from '../RenderCustomComponent/index.js'\nimport { StepNav } from '../StepNav/index.js'\nimport './index.scss'\n\nconst baseClass = 'app-header'\n\ntype Props = {\n  CustomAvatar?: React.ReactNode\n  CustomIcon?: React.ReactNode\n}\nexport function AppHeader({ CustomAvatar, CustomIcon }: Props) {\n  const { t } = useTranslation()\n\n  const { Actions } = useActions()\n\n  const {\n    config: {\n      admin: {\n        routes: { account: accountRoute },\n      },\n      localization,\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { navOpen } = useNav()\n\n  const customControlsRef = useRef<HTMLDivElement>(null)\n  const [isScrollable, setIsScrollable] = useState(false)\n\n  useEffect(() => {\n    const checkIsScrollable = () => {\n      const el = customControlsRef.current\n      if (el) {\n        const scrollable = el.scrollWidth > el.clientWidth\n        setIsScrollable(scrollable)\n      }\n    }\n\n    checkIsScrollable()\n    window.addEventListener('resize', checkIsScrollable)\n\n    return () => {\n      window.removeEventListener('resize', checkIsScrollable)\n    }\n  }, [Actions])\n\n  const Link = LinkWithDefault.default\n\n  const LinkElement = Link || 'a'\n\n  const ActionComponents = Actions ? Object.values(Actions) : []\n\n  return (\n    <header className={[baseClass, navOpen && `${baseClass}--nav-open`].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__bg`} />\n      <div className={`${baseClass}__content`}>\n        <div className={`${baseClass}__wrapper`}>\n          <NavToggler className={`${baseClass}__mobile-nav-toggler`} tabIndex={-1}>\n            <Hamburger />\n          </NavToggler>\n          <div className={`${baseClass}__controls-wrapper`}>\n            <div className={`${baseClass}__step-nav-wrapper`}>\n              <StepNav className={`${baseClass}__step-nav`} CustomIcon={CustomIcon} Link={Link} />\n            </div>\n            <div className={`${baseClass}__actions-wrapper`}>\n              <div className={`${baseClass}__actions`} ref={customControlsRef}>\n                {ActionComponents.map((Action, i) => (\n                  <div\n                    className={\n                      isScrollable && i === ActionComponents.length - 1\n                        ? `${baseClass}__last-action`\n                        : ''\n                    }\n                    key={i}\n                  >\n                    {Action}\n                  </div>\n                ))}\n              </div>\n              {isScrollable && <div className={`${baseClass}__gradient-placeholder`} />}\n            </div>\n            {localization && (\n              <LocalizerLabel ariaLabel=\"invisible\" className={`${baseClass}__localizer-spacing`} />\n            )}\n            <LinkElement\n              aria-label={t('authentication:account')}\n              className={`${baseClass}__account`}\n              href={formatAdminURL({ adminRoute, path: accountRoute })}\n              prefetch={Link ? false : undefined}\n              tabIndex={0}\n            >\n              <RenderCustomComponent CustomComponent={CustomAvatar} Fallback={<Account />} />\n            </LinkElement>\n          </div>\n        </div>\n      </div>\n      <Localizer className={`${baseClass}__localizer`} />\n    </header>\n  )\n}\n"],"mappings":"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","ignoreList":[]}