slice-machine-ui 1.18.1-dev-next-release.3 → 1.18.1-dev-next-release.4

package/components/Tooltip/TextWithTooltip.tsx

@@ -21,7 +21,7 @@ export const TextWithTooltip: React.FC<TextWithTooltipProps> = ({
   const updateTooltipVisibility = () => {
     setShowTooltip(
       headingRef.current &&
-        headingRef.current.offsetWidth < headingRef.current.scrollWidth
+        headingRef.current.offsetWidth < headingRef.current.scrollWidth,
     );
   };
 

package/lib/builders/CustomTypeBuilder/SliceZone/List.tsx

@@ -46,14 +46,14 @@ export const SlicesList: React.FC<SlicesListProps> = ({
               start: false,
               plural: false,
             })} contains legacy slices that can be upgraded.`,
-            ToasterType.INFO
+            ToasterType.INFO,
           )
         : openToaster(
             `This ${customTypesMessages.name({
               start: false,
               plural: false,
             })} contains slices that are incompatible.`,
-            ToasterType.WARNING
+            ToasterType.WARNING,
           );
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [hasLegacySlices]);

package/lib/builders/CustomTypeBuilder/SliceZone/SlicesTemplatesModal.tsx

@@ -65,8 +65,8 @@ export const SlicesTemplatesModal: FC<UpdateSliceModalProps> = ({
                   return slice.model;
                 })
                 .filter(
-                  (slice) => slice !== undefined
-                ) as Promise<SharedSlice>[]
+                  (slice) => slice !== undefined,
+                ) as Promise<SharedSlice>[],
             );
 
             await onSuccess(slices);
@@ -112,9 +112,9 @@ export const SlicesTemplatesModal: FC<UpdateSliceModalProps> = ({
                       url: curr[1],
                     },
                   }),
-                  {}
+                  {},
                 ),
-              })
+              }),
             ),
             ...sliceTemplatesComingSoon,
           ]}

package/lib/builders/CustomTypeBuilder/SliceZone/UpdateSliceZoneModal.tsx

@@ -34,7 +34,7 @@ const UpdateSliceZoneModal: React.FC<UpdateSliceModalProps> = ({
         const slices = sliceKeys
           .map(
             (sliceKey) =>
-              availableSlices.find((s) => s.model.id === sliceKey)?.model
+              availableSlices.find((s) => s.model.id === sliceKey)?.model,
           )
           .filter((slice) => slice !== undefined) as SharedSlice[];
         void onSubmit(slices);

package/lib/builders/CustomTypeBuilder/SliceZone/index.tsx

@@ -42,14 +42,14 @@ import { SlicesList } from "./List";
 
 const mapAvailableAndSharedSlices = (
   sliceZone: SlicesSM,
-  libraries: ReadonlyArray<LibraryUI> | null
+  libraries: ReadonlyArray<LibraryUI> | null,
 ) => {
   // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
   const availableSlices = (libraries || []).reduce<ReadonlyArray<ComponentUI>>(
     (acc, curr: LibraryUI) => {
       return [...acc, ...curr.components];
     },
-    []
+    [],
   );
   const { slicesInSliceZone, notFound } = sliceZone.value.reduce<{
     slicesInSliceZone: ReadonlyArray<SliceZoneSlice>;
@@ -59,7 +59,7 @@ const mapAvailableAndSharedSlices = (
       // Shared Slice
       if (value.type === "SharedSlice") {
         const maybeSliceState: ComponentUI | undefined = availableSlices.find(
-          (slice) => slice.model.id === key
+          (slice) => slice.model.id === key,
         );
 
         if (maybeSliceState) {
@@ -84,7 +84,7 @@ const mapAvailableAndSharedSlices = (
         ],
       };
     },
-    { slicesInSliceZone: [], notFound: [] }
+    { slicesInSliceZone: [], notFound: [] },
   );
 
   return { availableSlices, slicesInSliceZone, notFound };
@@ -119,19 +119,19 @@ const SliceZone: React.FC<SliceZoneProps> = ({
       remoteSlices: getRemoteSlices(store),
       libraries: getLibraries(store),
       slices: getFrontendSlices(store),
-    })
+    }),
   );
   const { initCustomTypeStore, saveCustomTypeSuccess } =
     useSliceMachineActions();
   const localLibraries: readonly LibraryUI[] = libraries.filter(
-    (library) => library.isLocal
+    (library) => library.isLocal,
   );
   const { availableSlices, slicesInSliceZone, notFound } = useMemo(
     () =>
       sliceZone
         ? mapAvailableAndSharedSlices(sliceZone, libraries)
         : { availableSlices: [], slicesInSliceZone: [], notFound: [] },
-    [sliceZone, libraries]
+    [sliceZone, libraries],
   );
   const [isDeleteSliceZoneModalOpen, setIsDeleteSliceZoneModalOpen] =
     useState(false);
@@ -153,8 +153,8 @@ const SliceZone: React.FC<SliceZoneProps> = ({
   const availableSlicesToAdd = availableSlices.filter(
     (slice) =>
       !sharedSlicesInSliceZone.some(
-        (sharedSlice) => sharedSlice.model.id === slice.model.id
-      )
+        (sharedSlice) => sharedSlice.model.id === slice.model.id,
+      ),
   );
 
   const openUpdateSliceZoneModal = () => {
@@ -180,7 +180,7 @@ const SliceZone: React.FC<SliceZoneProps> = ({
       void replace(
         { pathname, query: { pageTypeId: query.pageTypeId } },
         undefined,
-        { shallow: true }
+        { shallow: true },
       );
     }
   };
@@ -330,7 +330,7 @@ const SliceZone: React.FC<SliceZoneProps> = ({
               <ToastMessageWithPath
                 message="Slice template(s) added to slice zone and created at: "
                 path={`${localLibraries[0].name}/`}
-              />
+              />,
             );
           }}
           close={closeSlicesTemplatesModal}
@@ -362,7 +362,7 @@ const SliceZone: React.FC<SliceZoneProps> = ({
               <ToastMessageWithPath
                 message="New slice added to slice zone and created at: "
                 path={`${localLibraries[0].name}/`}
-              />
+              />,
             );
           }}
           localLibraries={localLibraries}

package/lib/builders/CustomTypeBuilder/TabZone/index.tsx

@@ -99,7 +99,7 @@ const TabZone: FC<TabZoneProps> = ({
       tabId,
       result.source.index,
       // @ts-expect-error We have to change the typeGuard above to cast properly the "result" property
-      result.destination.index
+      result.destination.index,
     );
   };
 

package/lib/builders/CustomTypeBuilder/index.tsx

@@ -146,7 +146,7 @@ export const CustomTypeBuilder: FC<CustomTypeBuilderProps> = (props) => {
             deleteCustomTypeTab(dialog.tabKey);
             if (tabValue === dialog.tabKey) {
               const otherTabValue = customType.tabs.find(
-                (tab) => tab.key !== dialog.tabKey
+                (tab) => tab.key !== dialog.tabKey,
               )?.key;
               if (otherTabValue !== undefined) setTabValue(otherTabValue);
             }

package/lib/builders/SliceBuilder/FieldZones/index.tsx

@@ -66,7 +66,7 @@ const FieldZones: React.FunctionComponent<FieldZonesProps> = ({
           previousKey,
           newKey,
           // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-          mockValue
+          mockValue,
         );
       } else {
         deleteSliceWidgetMock(variation.id, widgetArea, newKey);
@@ -93,7 +93,7 @@ const FieldZones: React.FunctionComponent<FieldZonesProps> = ({
       // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       if (!widget) {
         console.log(
-          `Could not find widget with type name "${widgetTypeName}". Please contact us!`
+          `Could not find widget with type name "${widgetTypeName}". Please contact us!`,
         );
       }
 
@@ -102,7 +102,7 @@ const FieldZones: React.FunctionComponent<FieldZonesProps> = ({
         widgetArea,
         id,
         // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call
-        widget.create(label) as NestableWidget
+        widget.create(label) as NestableWidget,
       );
     };
 
@@ -113,7 +113,7 @@ const FieldZones: React.FunctionComponent<FieldZonesProps> = ({
       variation.id,
       widgetArea,
       result.source.index,
-      result.destination?.index ?? undefined
+      result.destination?.index ?? undefined,
     );
   };
 

package/lib/builders/SliceBuilder/Header/SimulatorButton/index.tsx

@@ -101,7 +101,7 @@ const SimulatorButton: React.FC<{
     (store: SliceMachineStoreType) => ({
       hasSeenSimulatorTooltip: userHasSeenSimulatorToolTip(store),
       hasSeenTutorialsToolTip: userHasSeenTutorialsToolTip(store),
-    })
+    }),
   );
 
   useEffect(() => {

package/lib/builders/SliceBuilder/Header/VariationsPopover/index.tsx

@@ -28,7 +28,7 @@ const VarationsPopover: React.FunctionComponent<{
   const [isOpen, setIsOpen] = useState(false);
   const [current, setCurrent] = useState<VariationSM>(
     // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
-    defaultValue || variations[0]
+    defaultValue || variations[0],
   );
 
   useEffect(() => {

package/lib/builders/SliceBuilder/Header/index.tsx

@@ -33,7 +33,7 @@ const Header: React.FC<{
                 lib: component.href,
                 sliceName: component.model.name,
                 variationId: v.id,
-              }).all
+              }).all,
             )
           }
         />
@@ -52,7 +52,7 @@ const Header: React.FC<{
               lib: component.href,
               sliceName: component.model.name,
               variationId: id,
-            }).all
+            }).all,
           );
         }}
         initialVariation={variation}

package/lib/builders/SliceBuilder/index.tsx

@@ -58,7 +58,7 @@ const SliceBuilder: ComponentWithSliceProps = ({ slice, variation }) => {
     (store: SliceMachineStoreType) => ({
       isTouched: isSelectedSliceTouched(store, slice.from, slice.model.id),
       remoteSlice: getRemoteSlice(store, slice.model.id),
-    })
+    }),
   );
 
   // We need to move this state to somewhere global to update the UI if any action from anywhere save or update to the filesystem I'd guess
@@ -115,7 +115,7 @@ const SliceBuilderForVariation: React.FC<SliceBuilderForVariationProps> = ({
     (state: SliceMachineStoreType) => ({
       isSimulatorAvailableForFramework:
         selectIsSimulatorAvailableForFramework(state),
-    })
+    }),
   );
 
   const sliceModel: LocalAndRemoteSlice | LocalOnlySlice = {

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

@@ -43,7 +43,7 @@ const WidgetForm = ({
                 [key]: value,
               };
             },
-            {}
+            {},
           );
           // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment
           onSave({ newKey: apiId, value: withDefaultValues });

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

@@ -44,7 +44,7 @@ const EditModal = ({ close, data, fields, onSave, zoneType }) => {
     // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
     initialModelValues.config,
     // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
-    initialModelValues.type
+    initialModelValues.type,
   );
 
   // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
@@ -83,7 +83,7 @@ const EditModal = ({ close, data, fields, onSave, zoneType }) => {
             // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
             config: initialConfig,
           },
-          { stripUnknown: true }
+          { stripUnknown: true },
         ),
       };
     } catch (e) {
@@ -96,7 +96,7 @@ const EditModal = ({ close, data, fields, onSave, zoneType }) => {
   if (err) {
     console.error(
       // eslint-disable-next-line @typescript-eslint/restrict-template-expressions, @typescript-eslint/no-unsafe-member-access
-      `[EditModal] Failed to validate field of type ${initialModelValues.type}.\n Please update model.json accordingly.`
+      `[EditModal] Failed to validate field of type ${initialModelValues.type}.\n Please update model.json accordingly.`,
     );
     console.error(err);
   }

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

@@ -58,7 +58,7 @@ const NewField: React.FC<NewField> = ({
   // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   if (!widget) {
     console.error(
-      `Widget of type "${widgetTypeName}" not found. This is a problem on our side!`
+      `Widget of type "${widgetTypeName}" not found. This is a problem on our side!`,
     );
     return <div>Unexpected error. Contact us for more info.</div>;
   }
@@ -84,8 +84,8 @@ const NewField: React.FC<NewField> = ({
     values: FormFieldValues,
     setValues: (
       values: SetStateAction<FormFieldValues>,
-      shouldValidate?: boolean
-    ) => void
+      shouldValidate?: boolean,
+    ) => void,
   ) => {
     // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (isIdFieldPristine && !FormFields.id.disabled) {
@@ -104,8 +104,8 @@ const NewField: React.FC<NewField> = ({
     setFieldValue: (
       field: keyof typeof FormFields,
       value: string,
-      shouldValidate?: boolean
-    ) => Promise<unknown>
+      shouldValidate?: boolean,
+    ) => Promise<unknown>,
   ) => {
     void setFieldValue("id", e.target.value);
     setIsIdFieldPristine(false);
@@ -180,7 +180,7 @@ const NewField: React.FC<NewField> = ({
                       : // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
                       errors.label
                       ? InputFieldStyles.ERROR
-                      : undefined
+                      : undefined,
                   )}
                   aria-label="label-input"
                   data-cy="new-field-name-input"
@@ -215,7 +215,7 @@ const NewField: React.FC<NewField> = ({
                       : // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
                       errors.id
                       ? InputFieldStyles.ERROR
-                      : undefined
+                      : undefined,
                   )}
                   data-cy="new-field-id-input"
                 />

package/lib/builders/common/Zone/index.jsx

@@ -37,7 +37,7 @@ const Zone = ({
     // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-argument
     const hasUid = !!Object.entries(poolOfFieldsToCheck).find(
       // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
-      ([, { value }]) => value.type === "UID"
+      ([, { value }]) => value.type === "UID",
     );
     // eslint-disable-next-line @typescript-eslint/no-unsafe-return
     return hasUid
@@ -237,7 +237,7 @@ Zone.propTypes = {
         fields: array,
         type: string.isRequired,
       }),
-    })
+    }),
   ),
 };
 

package/lib/builders/utils/index.ts

@@ -8,7 +8,7 @@ export const findWidgetByConfigOrType = (
   widgets: Widgets,
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   config: any,
-  type: string
+  type: string,
 ) => {
   if (type === "Link") {
     // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access

package/lib/forms/defaults.ts

@@ -28,7 +28,7 @@ export const DefaultFields: Record<string, InputType> = {
     },
     undefined,
     undefined,
-    "Label for content creators (defaults to field type)"
+    "Label for content creators (defaults to field type)",
   ),
   id: Input(
     "API ID*",
@@ -40,7 +40,7 @@ export const DefaultFields: Record<string, InputType> = {
     },
     validateId,
     undefined,
-    "A unique identifier for the field (e.g. buttonLink)"
+    "A unique identifier for the field (e.g. buttonLink)",
   ),
   placeholder: Input(
     "Placeholder",
@@ -50,6 +50,6 @@ export const DefaultFields: Record<string, InputType> = {
     },
     undefined,
     undefined,
-    "Placeholder text for content creators"
+    "Placeholder text for content creators",
   ),
 };

package/lib/forms/fields.ts

@@ -5,7 +5,7 @@ import { createValidationArgs } from ".";
 export const CheckBox = (
   label: string,
   required = true,
-  defaultValue = true
+  defaultValue = true,
 ) => ({
   type: FormTypes.CHECKBOX,
   validate: {
@@ -24,7 +24,7 @@ export const Select = (
   options: any,
   required = true,
   multi = true,
-  defaultValue = true
+  defaultValue = true,
 ) => ({
   type: FormTypes.SELECT,
   required,
@@ -73,7 +73,7 @@ export const Input = (
   },
   fieldLevelValidation: FieldLevelValidationFn | undefined | null,
   defaultValue: string | undefined,
-  placeholder: string
+  placeholder: string,
 ): InputType => {
   // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   const { min, max, required, matches } = conditions || {};

package/lib/forms/index.ts

@@ -27,7 +27,7 @@ export const createFieldNameFromKey = (key: string) =>
 
 export const createValidationArgs = (
   args: (string | number)[] | boolean | string | undefined,
-  defaultArgs: (string | number)[]
+  defaultArgs: (string | number)[],
 ) => {
   if (Array.isArray(args)) {
     return args;
@@ -92,7 +92,7 @@ export const createValidationSchema = (FormFields: {
               if (args && validator[func]) {
                 // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call
                 validator = validator[func](
-                  ...(Array.isArray(args) ? args : [args])
+                  ...(Array.isArray(args) ? args : [args]),
                 );
                 return;
               }
@@ -103,7 +103,7 @@ export const createValidationSchema = (FormFields: {
             // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
             [key]: validator,
           };
-        }, {})
+        }, {}),
     )
     .required()
     .default(undefined)

package/lib/models/common/ComponentUI.ts

@@ -10,7 +10,7 @@ export const buildScreenshotUrls = (
     | {
         [variationId: string]: Screenshot;
       }
-    | undefined
+    | undefined,
 ): { [v: string]: ScreenshotUI } => {
   if (!screenshots) {
     return {};
@@ -28,7 +28,7 @@ export const buildScreenshotUrls = (
           }
         : acc;
     },
-    {}
+    {},
   );
 };
 
@@ -49,7 +49,7 @@ export const ComponentUI = {
   },
   variation(
     component: ComponentUI,
-    variationId?: string
+    variationId?: string,
   ): VariationSM | undefined {
     if (component.model.variations.length) {
       // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions

package/lib/models/common/CustomType/group.ts

@@ -4,7 +4,7 @@ import { GroupSM } from "../Group";
 export const Group = {
   addWidget(
     group: GroupSM,
-    newField: { key: string; value: NestableWidget }
+    newField: { key: string; value: NestableWidget },
   ): GroupSM {
     return {
       ...group,
@@ -58,7 +58,7 @@ export const Group = {
     group: GroupSM,
     previousKey: string,
     newKey: string,
-    value: NestableWidget
+    value: NestableWidget,
   ): GroupSM {
     return {
       ...group,

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

@@ -26,14 +26,14 @@ export const CustomTypeSM = t.exact(
     t.partial({
       hash: t.string,
     }),
-  ])
+  ]),
 );
 export type CustomTypeSM = t.TypeOf<typeof CustomTypeSM>;
 
 export const CustomTypes = {
   toSM(ct: CustomTypeInternal): CustomTypeSM {
     const tabs: Array<TabSM> = Object.entries(ct.json).map(
-      ([tabKey, tabValue]) => Tabs.toSM(tabKey, tabValue)
+      ([tabKey, tabValue]) => Tabs.toSM(tabKey, tabValue),
     );
     return getOrElseW(() => {
       throw new Error("Error while parsing a prismic custom type.");
@@ -41,7 +41,7 @@ export const CustomTypes = {
       CustomTypeSM.decode({
         ...ct,
         tabs,
-      })
+      }),
     );
   },
   fromSM(ct: CustomTypeSM): CustomTypeInternal {
@@ -56,7 +56,7 @@ export const CustomTypes = {
             [tab.key]: Tabs.fromSM(tab),
           };
         }, {}),
-      })
+      }),
     );
   },
 };

package/lib/models/common/CustomType/tab.ts

@@ -17,7 +17,7 @@ export const TabFields = t.array(
   t.type({
     key: t.string,
     value: t.union([NestableWidget, UID, GroupSM]),
-  })
+  }),
 );
 export type TabFields = t.TypeOf<typeof TabFields>;
 
@@ -35,7 +35,7 @@ export type TabSM = t.TypeOf<typeof TabSM>;
 export const Tabs = {
   toSM(key: string, tab: DynamicSection): TabSM {
     const maybeSz = Object.entries(tab).find(
-      ([, value]) => value.type === "Slices"
+      ([, value]) => value.type === "Slices",
     );
     const sliceZone =
       maybeSz && SliceZone.toSM(maybeSz[0], maybeSz[1] as DynamicSlices);
@@ -60,7 +60,7 @@ export const Tabs = {
               return [...acc, { key: fieldId, value }];
           }
         },
-        []
+        [],
       ),
       ...(sliceZone ? { sliceZone } : {}),
     };
@@ -76,12 +76,12 @@ export const Tabs = {
               return [...acc, [key, value]];
           }
         },
-        []
+        [],
       )
       .concat(
         !tab.sliceZone
           ? []
-          : [[tab.sliceZone.key, SliceZone.fromSM(tab.sliceZone)]]
+          : [[tab.sliceZone.key, SliceZone.fromSM(tab.sliceZone)]],
       )
       .reduce((acc, [k, v]) => ({ ...acc, [k]: v }), {});
     return fields;
@@ -137,7 +137,7 @@ export const Tab = {
     tab: TabSM,
     previousKey: string,
     newKey: string,
-    value: TabField
+    value: TabField,
   ): TabSM {
     return {
       ...tab,
@@ -221,7 +221,7 @@ export const Tab = {
             };
         }
       },
-      { fields: [], groups: [] }
+      { fields: [], groups: [] },
     );
     return {
       fields,

package/lib/models/common/ErrorWithStatus.ts

@@ -1,5 +1,8 @@
 export default class ErrorWithStatus extends Error {
-  constructor(readonly reason: string, readonly status: number) {
+  constructor(
+    readonly reason: string,
+    readonly status: number,
+  ) {
     super(reason);
   }
 }

package/lib/models/common/Fields.ts

@@ -2,6 +2,6 @@ import * as t from "io-ts";
 import { NestableWidget } from "@prismicio/types-internal/lib/customtypes";
 
 export const FieldsSM = t.array(
-  t.type({ key: t.string, value: NestableWidget })
+  t.type({ key: t.string, value: NestableWidget }),
 );
 export type FieldsSM = t.TypeOf<typeof FieldsSM>;

package/lib/models/common/Group.ts

@@ -9,7 +9,7 @@ export const GroupConfig = t.exact(
     label: StringOrNull,
     repeat: t.boolean,
     fields: FieldsSM,
-  })
+  }),
 );
 export type GroupConfig = t.TypeOf<typeof GroupConfig>;
 
@@ -24,7 +24,7 @@ export const GroupSM = t.exact(
       description: t.string,
       config: GroupConfig,
     }),
-  ])
+  ]),
 );
 export type GroupSM = t.TypeOf<typeof GroupSM>;
 
@@ -35,7 +35,7 @@ export const Groups = {
 
       return group.config.fields.reduce(
         (acc, { key, value }) => ({ ...acc, [key]: value }),
-        {}
+        {},
       );
     })();
 
@@ -48,7 +48,7 @@ export const Groups = {
           ...group.config,
           ...(fields ? { fields } : {}),
         },
-      })
+      }),
     );
   },
 
@@ -72,7 +72,7 @@ export const Groups = {
           ...group.config,
           ...(fields ? { fields } : {}),
         },
-      })
+      }),
     );
   },
 };