slice-machine-ui 1.23.2-beta.8 → 1.24.0

package/components/Navigation/index.tsx

@@ -8,9 +8,9 @@ import { telemetry } from "@src/apiClient";
 import VideoItem from "@components/Navigation/VideoItem";
 import { LightningIcon } from "@src/icons/Lightning";
 import { MathPlusIcon } from "@src/icons/MathPlusIcon";
+import { SettingsIcon } from "@src/icons/SettingsIcon";
 import { CUSTOM_TYPES_CONFIG } from "@src/features/customTypes/customTypesConfig";
 import {
-  SideNavSeparator,
   SideNavLink,
   SideNavListItem,
   SideNavList,
@@ -26,9 +26,10 @@ import { SliceMachineStoreType } from "@src/redux/type";
 import useSliceMachineActions from "@src/modules/useSliceMachineActions";
 import { getChangelog } from "@src/modules/environment";
 import { CUSTOM_TYPES_MESSAGES } from "@src/features/customTypes/customTypesMessages";
+import { useGitIntegrationExperiment } from "@src/features/settings/git/useGitIntegrationExperiment";
 import { useRepositoryInformation } from "@src/hooks/useRepositoryInformation";
 
-import { ChangesListItem } from "./ChangesListItem";
+import { ChangesItem } from "./ChangesItem";
 import { Environment } from "./Environment";
 
 import * as styles from "./index.css";
@@ -45,6 +46,7 @@ const Navigation: FC = () => {
     useSliceMachineActions();
   const { repositoryName, repositoryDomain, repositoryUrl } =
     useRepositoryInformation();
+  const gitIntegrationExperiment = useGitIntegrationExperiment();
 
   return (
     <SideNav>
@@ -73,6 +75,8 @@ const Navigation: FC = () => {
         href={repositoryUrl}
       />
 
+      <ChangesItem />
+
       <SideNavList>
         <SideNavListItem>
           <SideNavLink
@@ -104,12 +108,6 @@ const Navigation: FC = () => {
           />
         </SideNavListItem>
 
-        <SideNavSeparator />
-
-        <ChangesListItem />
-
-        <SideNavSeparator />
-
         <SideNavListItem>
           <SideNavLink
             title="Slices"
@@ -141,17 +139,19 @@ const Navigation: FC = () => {
       )}
 
       <SideNavList position="bottom">
-        <SideNavLink
-          title="Invite team"
-          href={`${repositoryUrl}/settings/users`}
-          Icon={(props) => <MathPlusIcon {...props} />}
-          onClick={() => {
-            void telemetry.track({
-              event: "users-invite-button-clicked",
-            });
-          }}
-          target="_blank"
-        />
+        <SideNavListItem>
+          <SideNavLink
+            title="Invite team"
+            href={`${repositoryUrl}/settings/users`}
+            Icon={MathPlusIcon}
+            onClick={() => {
+              void telemetry.track({
+                event: "users-invite-button-clicked",
+              });
+            }}
+            target="_blank"
+          />
+        </SideNavListItem>
 
         <ErrorBoundary>
           <Suspense>
@@ -162,11 +162,23 @@ const Navigation: FC = () => {
           </Suspense>
         </ErrorBoundary>
 
+        {gitIntegrationExperiment.eligible ? (
+          <SideNavListItem>
+            <SideNavLink
+              title="Settings"
+              href="/settings"
+              Icon={SettingsIcon}
+              active={router.asPath.startsWith("/settings")}
+              component={Link}
+            />
+          </SideNavListItem>
+        ) : undefined}
+
         <SideNavListItem>
           <SideNavLink
             title="Changelog"
             href="/changelog"
-            Icon={(props) => <LightningIcon {...props} />}
+            Icon={LightningIcon}
             active={router.asPath.startsWith("/changelog")}
             component={Link}
             RightElement={

package/components/ReviewModal/ReviewForm.tsx

@@ -94,7 +94,6 @@ export const ReviewForm: FC<ReviewFormProps> = (props) => {
     >
       <Formik
         validateOnMount
-        validateOnChange
         initialValues={{
           rating: 0,
           comment: "",

package/lib/builders/SliceBuilder/index.tsx

@@ -21,7 +21,7 @@ import { useSliceState } from "@src/features/slices/sliceBuilder/SliceBuilderPro
 import { AutoSaveStatusIndicator } from "@src/features/autoSave/AutoSaveStatusIndicator";
 
 export const SliceBuilder: FC = () => {
-  const { slice, autoSaveStatus } = useSliceState();
+  const { slice, actionQueueStatus } = useSliceState();
 
   const isSimulatorAvailableForFramework = useSelector(
     selectIsSimulatorAvailableForFramework,
@@ -33,10 +33,10 @@ export const SliceBuilder: FC = () => {
         <AppLayoutBackButton url="/slices" />
         <AppLayoutBreadcrumb folder="Slices" page={slice.model.name} />
         <AppLayoutActions>
-          <AutoSaveStatusIndicator status={autoSaveStatus} />
+          <AutoSaveStatusIndicator status={actionQueueStatus} />
           <SimulatorButton
             isSimulatorAvailableForFramework={isSimulatorAvailableForFramework}
-            disabled={autoSaveStatus !== "saved"}
+            disabled={actionQueueStatus !== "done"}
           />
         </AppLayoutActions>
       </AppLayoutHeader>

package/lib/builders/common/EditModal/Form.jsx

@@ -13,7 +13,6 @@ const WidgetForm = ({
   return (
     <Box>
       <Formik
-        validateOnChange
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
         initialValues={initialValues}
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-assignment

package/lib/builders/common/Zone/Card/components/NewField.tsx

@@ -114,7 +114,6 @@ const NewField: React.FC<NewField> = ({
 
   return (
     <Formik
-      validateOnChange
       onSubmit={onSave}
       validationSchema={validationSchema}
       initialValues={initialValues}

package/lib/models/common/ModelStatus/index.ts

@@ -117,3 +117,28 @@ export function computeModelStatus(
     : compareCustomTypeLocalToRemote(model);
   return { status, model };
 }
+
+export function computeStatuses(
+  models: LocalOrRemoteCustomType[],
+  userHasAccessToModels: boolean,
+): { [sliceId: string]: ModelStatus };
+export function computeStatuses(
+  models: LocalOrRemoteSlice[],
+  userHasAccessToModels: boolean,
+): { [sliceId: string]: ModelStatus };
+export function computeStatuses(
+  models: LocalOrRemoteModel[],
+  userHasAccessToModels: boolean,
+) {
+  return models.reduce<{ [id: string]: ModelStatus }>(
+    (acc, model) => {
+      const { status } = computeModelStatus(model, userHasAccessToModels);
+
+      return {
+        ...acc,
+        [hasLocal(model) ? model.local.id : model.remote.id]: status,
+      };
+    },
+    {} as { [sliceId: string]: ModelStatus },
+  );
+}

package/out/404.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/200244e3e0463c39.css" as="style"/><link rel="stylesheet" href="/_next/static/css/200244e3e0463c39.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-e31adcf75e9176d3.js" defer=""></script><script src="/_next/static/chunks/pages/_error-69b4f498bafdd188.js" defer=""></script><script src="/_next/static/vxOhh_oqUIQ5PTSKUKgMR/_buildManifest.js" defer=""></script><script src="/_next/static/vxOhh_oqUIQ5PTSKUKgMR/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"vxOhh_oqUIQ5PTSKUKgMR","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
+<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/39e089aad1742a3a.css" as="style"/><link rel="stylesheet" href="/_next/static/css/39e089aad1742a3a.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-bca191df4ac7078e.js" defer=""></script><script src="/_next/static/chunks/pages/_error-69b4f498bafdd188.js" defer=""></script><script src="/_next/static/eNujlD43QIdmra7ggcNtK/_buildManifest.js" defer=""></script><script src="/_next/static/eNujlD43QIdmra7ggcNtK/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"eNujlD43QIdmra7ggcNtK","runtimeConfig":{"sentryEnvironment":"production"},"nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>