chore: update prettier configuration for print width (#519)

* feat: update prettier configuration for print width

* chore: apply code formatting to entire repository

* fix: remove build files

* fix: format issue

---------

Co-authored-by: Meier Lukas <meierschlumpf@gmail.com>

packages/widgets/src/_inputs/widget-location-input.tsx

@@ -28,10 +28,7 @@ import type { CommonWidgetInputProps } from "./common";
 import { useWidgetInputTranslation } from "./common";
 import { useFormContext } from "./form";
 
-export const WidgetLocationInput = ({
-  property,
-  kind,
-}: CommonWidgetInputProps<"location">) => {
+export const WidgetLocationInput = ({ property, kind }: CommonWidgetInputProps<"location">) => {
   const t = useWidgetInputTranslation(kind, property);
   const tLocation = useScopedI18n("widget.common.location");
   const form = useFormContext();
@@ -39,8 +36,7 @@ export const WidgetLocationInput = ({
   const value = form.values.options[property] as OptionLocation;
   const selectionEnabled = value.name.length > 1;
 
-  const handleChange = form.getInputProps(`options.${property}`)
-    .onChange as LocationOnChange;
+  const handleChange = form.getInputProps(`options.${property}`).onChange as LocationOnChange;
   const unknownLocation = tLocation("unknownLocation");
 
   const onQueryChange = useCallback((event: ChangeEvent<HTMLInputElement>) => {
@@ -95,16 +91,8 @@ export const WidgetLocationInput = ({
     <Fieldset legend={t("label")}>
       <Stack gap="xs">
         <Group wrap="nowrap" align="end">
-          <TextInput
-            w="100%"
-            label={tLocation("query")}
-            value={value.name}
-            onChange={onQueryChange}
-          />
-          <Tooltip
-            hidden={selectionEnabled}
-            label={tLocation("disabledTooltip")}
-          >
+          <TextInput w="100%" label={tLocation("query")} value={value.name} onChange={onQueryChange} />
+          <Tooltip hidden={selectionEnabled} label={tLocation("disabledTooltip")}>
             <div>
               <Button
                 disabled={!selectionEnabled}
@@ -151,61 +139,57 @@ interface LocationSearchInnerProps {
   onLocationSelect: (location: OptionLocation) => void;
 }
 
-const LocationSearchModal = createModal<LocationSearchInnerProps>(
-  ({ actions, innerProps }) => {
-    const t = useScopedI18n("widget.common.location.table");
-    const tCommon = useScopedI18n("common");
-    const { data, isPending, error } = clientApi.location.searchCity.useQuery({
-      query: innerProps.query,
-    });
+const LocationSearchModal = createModal<LocationSearchInnerProps>(({ actions, innerProps }) => {
+  const t = useScopedI18n("widget.common.location.table");
+  const tCommon = useScopedI18n("common");
+  const { data, isPending, error } = clientApi.location.searchCity.useQuery({
+    query: innerProps.query,
+  });
 
-    if (error) {
-      throw error;
-    }
+  if (error) {
+    throw error;
+  }
 
-    return (
-      <Stack>
-        <Table striped>
-          <Table.Thead>
+  return (
+    <Stack>
+      <Table striped>
+        <Table.Thead>
+          <Table.Tr>
+            <Table.Th style={{ width: "70%" }}>{t("header.city")}</Table.Th>
+            <Table.Th style={{ width: "50%" }}>{t("header.country")}</Table.Th>
+            <Table.Th>{t("header.coordinates")}</Table.Th>
+            <Table.Th>{t("header.population")}</Table.Th>
+            <Table.Th style={{ width: 40 }} />
+          </Table.Tr>
+        </Table.Thead>
+        <Table.Tbody>
+          {isPending && (
             <Table.Tr>
-              <Table.Th style={{ width: "70%" }}>{t("header.city")}</Table.Th>
-              <Table.Th style={{ width: "50%" }}>
-                {t("header.country")}
-              </Table.Th>
-              <Table.Th>{t("header.coordinates")}</Table.Th>
-              <Table.Th>{t("header.population")}</Table.Th>
-              <Table.Th style={{ width: 40 }} />
+              <Table.Td colSpan={5}>
+                <Group justify="center">
+                  <Loader />
+                </Group>
+              </Table.Td>
             </Table.Tr>
-          </Table.Thead>
-          <Table.Tbody>
-            {isPending && (
-              <Table.Tr>
-                <Table.Td colSpan={5}>
-                  <Group justify="center">
-                    <Loader />
-                  </Group>
-                </Table.Td>
-              </Table.Tr>
-            )}
-            {data?.results.map((city) => (
-              <LocationSelectTableRow
-                key={city.id}
-                city={city}
-                onLocationSelect={innerProps.onLocationSelect}
-                closeModal={actions.closeModal}
-              />
-            ))}
-          </Table.Tbody>
-        </Table>
-        <Group justify="right">
-          <Button variant="light" onClick={actions.closeModal}>
-            {tCommon("action.cancel")}
-          </Button>
-        </Group>
-      </Stack>
-    );
-  },
-).withOptions({
+          )}
+          {data?.results.map((city) => (
+            <LocationSelectTableRow
+              key={city.id}
+              city={city}
+              onLocationSelect={innerProps.onLocationSelect}
+              closeModal={actions.closeModal}
+            />
+          ))}
+        </Table.Tbody>
+      </Table>
+      <Group justify="right">
+        <Button variant="light" onClick={actions.closeModal}>
+          {tCommon("action.cancel")}
+        </Button>
+      </Group>
+    </Stack>
+  );
+}).withOptions({
   defaultTitle(t) {
     return t("widget.common.location.search");
   },
@@ -218,11 +202,7 @@ interface LocationSearchTableRowProps {
   closeModal: () => void;
 }
 
-const LocationSelectTableRow = ({
-  city,
-  onLocationSelect,
-  closeModal,
-}: LocationSearchTableRowProps) => {
+const LocationSelectTableRow = ({ city, onLocationSelect, closeModal }: LocationSearchTableRowProps) => {
   const t = useScopedI18n("widget.common.location.table");
   const onSelect = useCallback(() => {
     onLocationSelect({
@@ -244,10 +224,7 @@ const LocationSelectTableRow = ({
         <Text style={{ whiteSpace: "nowrap" }}>{city.country}</Text>
       </Table.Td>
       <Table.Td>
-        <Anchor
-          target="_blank"
-          href={`https://www.google.com/maps/place/${city.latitude},${city.longitude}`}
-        >
+        <Anchor target="_blank" href={`https://www.google.com/maps/place/${city.latitude},${city.longitude}`}>
           <Text style={{ whiteSpace: "nowrap" }}>
             {city.latitude}, {city.longitude}
           </Text>
@@ -255,9 +232,7 @@ const LocationSelectTableRow = ({
       </Table.Td>
       <Table.Td>
         {city.population ? (
-          <Text style={{ whiteSpace: "nowrap" }}>
-            {formatter.format(city.population)}
-          </Text>
+          <Text style={{ whiteSpace: "nowrap" }}>{formatter.format(city.population)}</Text>
         ) : (
           <Text c="gray"> {t("population.fallback")}</Text>
         )}