slice-machine-ui 1.15.1-dev-next-release.0 → 1.15.1-dev-next-release.2

package/src/features/slices/sliceBuilder/FloatingBackButton.tsx

@@ -1,10 +1,4 @@
-import {
-  Box,
-  Button,
-  ButtonGroup,
-  ErrorBoundary,
-  tokens,
-} from "@prismicio/editor-ui";
+import { Box, Button, ButtonGroup, ErrorBoundary } from "@prismicio/editor-ui";
 import { useRouter } from "next/router";
 import { type FC, Suspense, useState } from "react";
 
@@ -63,9 +57,7 @@ const BackButton: FC<BackButtonProps> = ({ sourceCustomTypeId }) => {
           onClick={() => {
             void router.push(url);
           }}
-          renderStartIcon={() => (
-            <UndoIcon height={tokens.size[20]} width={tokens.size[20]} />
-          )}
+          renderStartIcon={() => <UndoIcon />}
         >
           Return to {sourceCustomType.label}
         </Button>
@@ -73,9 +65,7 @@ const BackButton: FC<BackButtonProps> = ({ sourceCustomTypeId }) => {
           onClick={() => {
             setVisible(false);
           }}
-          renderStartIcon={() => (
-            <CloseIcon height={tokens.size[20]} width={tokens.size[20]} />
-          )}
+          renderStartIcon={() => <CloseIcon />}
         />
       </ButtonGroup>
     );

package/src/hooks/useIsEmptyProject.ts

@@ -0,0 +1,24 @@
+import { useRequest } from "@prismicio/editor-support/Suspense";
+
+import { managerClient } from "@src/managerClient";
+
+async function getIsEmptyProject() {
+  const [
+    { errors: customTypesErrors, models: customTypes },
+    { errors: slicesErrors, models: slices },
+  ] = await Promise.all([
+    managerClient.customTypes.readAllCustomTypes(undefined),
+    managerClient.slices.readAllSlices(),
+  ]);
+
+  if (customTypesErrors.length > 0 || slicesErrors.length > 0) {
+    throw [...customTypesErrors, ...slicesErrors];
+  }
+
+  return customTypes?.length === 0 && slices?.length === 0;
+}
+
+export function useIsEmptyProject() {
+  const isEmptyProject = useRequest(getIsEmptyProject, []);
+  return isEmptyProject;
+}

package/src/icons/AddPhotoAlternateIcon.tsx

@@ -0,0 +1,19 @@
+import type { FC, SVGProps } from "react";
+
+export const AddPhotoAlternateIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M4 5.5C4 4.67157 4.67157 4 5.5 4H18.5C19.3284 4 20 4.67157 20 5.5V12.4413C20 12.4512 19.9997 12.461 19.9991 12.4707C20.0072 12.6083 19.9586 12.7485 19.8536 12.8536C19.6583 13.0488 19.3417 13.0488 19.1464 12.8536L16.3536 10.0607C16.1583 9.8654 15.8417 9.8654 15.6464 10.0607L11.8536 13.8536C11.6583 14.0488 11.3417 14.0488 11.1464 13.8536L9.35355 12.0607C9.15829 11.8654 8.84171 11.8654 8.64645 12.0607L5 15.7071V18.5C5 18.7761 5.22386 19 5.5 19H12.5C12.7761 19 13 19.2239 13 19.5C13 19.7761 12.7761 20 12.5 20H5.5C4.67157 20 4 19.3284 4 18.5V15.5003V15.4997V5.5ZM11.5 12.7929L14.9393 9.35355C15.5251 8.76777 16.4749 8.76777 17.0607 9.35355L19 11.2929V5.5C19 5.22386 18.7761 5 18.5 5H5.5C5.22386 5 5 5.22386 5 5.5V14.2929L7.93934 11.3536C8.52513 10.7678 9.47487 10.7678 10.0607 11.3536L11.5 12.7929ZM16.5 13C16.7761 13 17 13.2239 17 13.5V16H19.5C19.7761 16 20 16.2239 20 16.5C20 16.7761 19.7761 17 19.5 17H17V19.5C17 19.7761 16.7761 20 16.5 20C16.2239 20 16 19.7761 16 19.5V17H13.5C13.2239 17 13 16.7761 13 16.5C13 16.2239 13.2239 16 13.5 16H16V13.5C16 13.2239 16.2239 13 16.5 13Z"
+      fill="currentColor"
+    />
+  </svg>
+);

package/src/icons/ArrowDropDownIcon.tsx

@@ -0,0 +1,14 @@
+import type { FC, SVGProps } from "react";
+
+export const ArrowDropDownIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path d="M12 15L8 10H16L12 15Z" fill="currentColor" />
+  </svg>
+);

package/src/icons/BlankPageIcon.tsx

@@ -0,0 +1,58 @@
+import type { FC, SVGProps } from "react";
+
+export const BlankPageIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    width="127"
+    height="101"
+    viewBox="0 0 127 101"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <line
+      x1="0.353553"
+      y1="35.9863"
+      x2="15.5467"
+      y2="51.1794"
+      stroke="#C8C7CB"
+    />
+    <line
+      x1="42.1959"
+      y1="0.87059"
+      x2="47.7569"
+      y2="21.6248"
+      stroke="#C8C7CB"
+    />
+    <line
+      x1="99.5522"
+      y1="8.40984"
+      x2="87.2281"
+      y2="26.0104"
+      stroke="#C8C7CB"
+    />
+    <line
+      x1="126.408"
+      y1="41.0854"
+      x2="108.807"
+      y2="53.4094"
+      stroke="#C8C7CB"
+    />
+    <path d="M93.5 93L76 81.9883L93.5 87V93Z" fill="#6F6E77" />
+    <path
+      d="M92 100.488H36C34.8954 100.488 34 99.5929 34 98.4883V37.9883C34 36.8837 34.8954 35.9883 36 35.9883H92C93.1046 35.9883 94 36.8837 94 37.9883V98.4883C94 99.5929 93.1046 100.488 92 100.488Z"
+      stroke="#1A1523"
+    />
+    <path
+      d="M74.4297 58.7688C71.569 63.3138 63.3588 74.9883 54.5 74.9883L93.8417 86.9402C93.9471 86.9722 94.0473 87.0119 94.1481 87.0563C95.014 87.4377 99.5549 89.2156 104.5 86.9883C106.535 86.0718 109.03 82.7182 110.424 80.6551C111.04 79.7445 110.743 78.5257 109.805 77.9526L77.2788 58.0753C76.3086 57.4824 75.0354 57.8065 74.4297 58.7688Z"
+      fill="#5842C3"
+    />
+    <path
+      d="M34 47.9883C34 47.9883 42.3922 74.9883 54.5 74.9883M54.5 74.9883C63.3588 74.9883 71.569 63.3138 74.4297 58.7688C75.0354 57.8065 76.3086 57.4824 77.2788 58.0753L109.805 77.9526C110.743 78.5257 111.04 79.7445 110.424 80.6551C109.03 82.7182 106.535 86.0718 104.5 86.9883C99.5549 89.2156 95.014 87.4377 94.1481 87.0563C94.0473 87.0119 93.9471 86.9722 93.8417 86.9402L54.5 74.9883Z"
+      stroke="#1A1523"
+    />
+    <path d="M34 48.4883H94" stroke="#1A1523" />
+    <circle cx="40" cy="41.9883" r="1.5" stroke="#1A1523" />
+    <circle cx="46" cy="41.9883" r="1.5" stroke="#1A1523" />
+    <circle cx="52" cy="41.9883" r="1.5" stroke="#1A1523" />
+  </svg>
+);

package/src/icons/SliceMachinePrinterIcon.tsx

@@ -0,0 +1,69 @@
+import type { FC, SVGProps } from "react";
+
+export const SliceMachinePrinterIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    width="127"
+    height="98"
+    viewBox="0 0 127 98"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path d="M73.5 44.5H85" stroke="#17151F" strokeLinecap="round" />
+    <path
+      d="M35 68.5H40.5H92C93.1046 68.5 94 67.6046 94 66.5V39C94 37.8954 93.1046 37 92 37H35C33.8954 37 33 37.8954 33 39V66.5C33 67.6046 33.8954 68.5 35 68.5Z"
+      fill="#F4F2F4"
+      stroke="#17151F"
+    />
+    <path
+      d="M38 60.5H41.0381H89C89.5523 60.5 90 60.0523 90 59.5V52C90 51.4477 89.5523 51 89 51H38C37.4477 51 37 51.4477 37 52V59.5C37 60.0523 37.4477 60.5 38 60.5Z"
+      fill="#6E56CF"
+      stroke="#17151F"
+    />
+    <circle cx="89.5" cy="44.5" r="0.5" fill="#17151F" />
+    <path d="M40.5 97.5V56H86V97.5H40.5Z" fill="#F9F8F9" stroke="#17151F" />
+    <rect x="47" y="75" width="33" height="16" fill="#E4E2E4" />
+    <path
+      d="M48 57H52V70C52 71.1046 51.1046 72 50 72V72C48.8954 72 48 71.1046 48 70V57Z"
+      fill="#E4E2E4"
+    />
+    <path
+      d="M55 57H59V70C59 71.1046 58.1046 72 57 72V72C55.8954 72 55 71.1046 55 70V57Z"
+      fill="#E4E2E4"
+    />
+    <path
+      d="M62 57H66V70C66 71.1046 65.1046 72 64 72V72C62.8954 72 62 71.1046 62 70V57Z"
+      fill="#E4E2E4"
+    />
+    <line
+      x1="0.353553"
+      y1="35.9856"
+      x2="15.5467"
+      y2="51.1787"
+      stroke="#C8C7CB"
+    />
+    <line
+      x1="42.1959"
+      y1="0.87059"
+      x2="47.7569"
+      y2="21.6248"
+      stroke="#C8C7CB"
+    />
+    <line x1="99.5522" y1="8.4091" x2="87.2281" y2="26.0097" stroke="#C8C7CB" />
+    <line
+      x1="126.408"
+      y1="41.0849"
+      x2="108.807"
+      y2="53.4089"
+      stroke="#C8C7CB"
+    />
+    <path
+      d="M39.8713 47C38.7657 47 38.0627 46.4554 38.0033 45.6337L38 45.5875H38.8251L38.8284 45.6205C38.868 46.0198 39.2937 46.2838 39.8977 46.2838C40.4719 46.2838 40.8746 46 40.8746 45.5908V45.5875C40.8746 45.2442 40.6271 45.0363 40.0132 44.9043L39.5017 44.7987C38.5281 44.5941 38.1056 44.1386 38.1056 43.429V43.4257C38.1056 42.5743 38.8383 42 39.868 42C40.9241 42 41.5809 42.5776 41.6403 43.3432L41.6436 43.3861H40.8284L40.8218 43.3465C40.7624 42.9769 40.4092 42.7129 39.8647 42.7162C39.3366 42.7162 38.9604 42.9637 38.9604 43.3696V43.3729C38.9604 43.7096 39.2013 43.9208 39.7954 44.0462L40.3069 44.1551C41.3102 44.3663 41.7294 44.769 41.7294 45.4884V45.4917C41.7294 46.4191 41.0132 47 39.8713 47Z"
+      fill="black"
+    />
+    <path
+      d="M42.6865 46.8812V42.1188H43.6634L45.0957 45.7822H45.1518L46.5809 42.1188H47.5578V46.8812H46.7921V43.495H46.7327L45.4125 46.8812H44.8317L43.5116 43.495H43.4554V46.8812H42.6865Z"
+      fill="black"
+    />
+  </svg>
+);

package/src/icons/SyncAltIcon.tsx

@@ -0,0 +1,19 @@
+import type { FC, SVGProps } from "react";
+
+export const SyncAltIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M4 6.99807L7.75 4.39999V6.49807H15.5C17.9853 6.49807 20 8.51279 20 10.9981V11.9981C20 12.2742 19.7761 12.4981 19.5 12.4981C19.2239 12.4981 19 12.2742 19 11.9981V10.9981C19 9.06507 17.433 7.49807 15.5 7.49807H7.75V9.59615L4 6.99807ZM16.25 14.4001V16.4981H8.5C6.567 16.4981 5 14.9311 5 12.9981V11.9981C5 11.722 4.77614 11.4981 4.5 11.4981C4.22386 11.4981 4 11.722 4 11.9981V12.9981C4 15.4834 6.01472 17.4981 8.5 17.4981H16.25V19.5962L20 16.9981L16.25 14.4001Z"
+      fill="currentColor"
+    />
+  </svg>
+);

package/test/components/CreateCustomTypeModal.test.tsx

@@ -64,6 +64,7 @@ describe("CreateCustomTypeModal", () => {
           format: "custom",
           type: "repeatable",
           nodeVersion: process.versions.node,
+          origin: "table",
         },
       }),
       expect.any(Function)

package/out/_next/static/WBN_4NBm93_gAe6XjcmpE/_buildManifest.js

@@ -1 +0,0 @@
-self.__BUILD_MANIFEST=function(s,a,c,e,t,i,n,f,b,u,d,h,l){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":[a,f,b,"static/chunks/pages/index-f382c8090bd21628.js"],"/_error":["static/chunks/pages/_error-69b4f498bafdd188.js"],"/changelog":["static/chunks/870-0c7a8a9622de78b7.js","static/chunks/pages/changelog-877e16d5731e1966.js"],"/changes":[c,"static/chunks/8eec4907-b712959d9f984b68.js",s,e,"static/chunks/918-38d08f1e885b222d.js",t,i,"static/css/6b6c11ed1fffd3e0.css","static/chunks/pages/changes-b85f5f8b616f683f.js"],"/custom-types":[a,f,b,"static/chunks/pages/custom-types-abb8c8c92880120e.js"],"/custom-types/[customTypeId]":[s,e,u,a,t,n,d,h,"static/chunks/pages/custom-types/[customTypeId]-4fe86acfed194773.js"],"/page-types/[pageTypeId]":[s,e,u,a,t,n,d,h,"static/chunks/pages/page-types/[pageTypeId]-87f5f9704f2c3f2d.js"],"/slices":[c,s,e,t,i,"static/css/e855bef88bb5345b.css","static/chunks/pages/slices-53cb97d901d15d93.js"],"/[lib]/[sliceName]/[variation]":[c,s,i,n,"static/css/d4b59834999106a5.css","static/chunks/pages/[lib]/[sliceName]/[variation]-e1c66b10113d656e.js"],"/[lib]/[sliceName]/[variation]/screenshot":[l,"static/chunks/pages/[lib]/[sliceName]/[variation]/screenshot-2750adc7cdad5005.js"],"/[lib]/[sliceName]/[variation]/simulator":[c,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/18539003-a714ba731c9448b9.js",s,l,"static/chunks/780-643ae720f13fb3dc.js","static/chunks/pages/[lib]/[sliceName]/[variation]/simulator-4dcf33735c45c344.js"],sortedPages:["/","/_app","/_error","/changelog","/changes","/custom-types","/custom-types/[customTypeId]","/page-types/[pageTypeId]","/slices","/[lib]/[sliceName]/[variation]","/[lib]/[sliceName]/[variation]/screenshot","/[lib]/[sliceName]/[variation]/simulator"]}}("static/chunks/909-e4eec905c21ad8ad.js","static/chunks/799-5ea3393033a9f617.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/97-f6188ebe22eb21da.js","static/chunks/906-9224feb63b5e36f3.js","static/chunks/573-aaae870d20e5f86c.js","static/chunks/377-870ca4414847069f.js","static/chunks/482-cb5b635a7b32f4b0.js","static/css/d6e6d21ff661397d.css","static/chunks/740-d0642219804fa9f0.js","static/chunks/323-841ea6a21954aa7e.js","static/css/2d1eda18406a9ff4.css","static/chunks/746-1d8d106d76d9a63e.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();