@lukoweb/apitogo 0.1.0 → 0.1.2

package/src/lib/plugins/openapi/playground/IdentityDialog.tsx

@@ -1,75 +1,75 @@
-import { useState } from "react";
-import { Button } from "@lukoweb/apitogo/ui/Button.js";
-import { Card } from "@lukoweb/apitogo/ui/Card.js";
-import { Checkbox } from "@lukoweb/apitogo/ui/Checkbox.js";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogTitle,
-} from "@lukoweb/apitogo/ui/Dialog.js";
-import { Label } from "@lukoweb/apitogo/ui/Label.js";
-import type { ApiIdentity } from "../../../core/ZudokuContext.js";
-import IdentitySelector from "./IdentitySelector.js";
-
-const IdentityDialog = ({
-  onSubmit,
-  identities,
-  open,
-  onOpenChange,
-}: {
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  onSubmit: ({
-    rememberedIdentity,
-    identity,
-  }: {
-    rememberedIdentity: boolean;
-    identity?: string;
-  }) => void;
-  identities: ApiIdentity[];
-}) => {
-  const [identity, setIdentity] = useState<string | undefined>(undefined);
-  const [rememberedIdentity, setRememberedIdentity] = useState<boolean>(false);
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent>
-        <DialogTitle>Select an auth identity</DialogTitle>
-        <DialogDescription>
-          Please select an identity for this request.
-        </DialogDescription>
-        <Card className="max-h-80 overflow-auto">
-          <IdentitySelector
-            identities={identities}
-            setValue={setIdentity}
-            value={identity}
-          />
-        </Card>
-        <DialogFooter className="flex flex-col gap-2">
-          <div className="flex items-center gap-2">
-            <Checkbox
-              id="remember"
-              checked={rememberedIdentity}
-              onCheckedChange={(checked) =>
-                setRememberedIdentity(
-                  checked === "indeterminate" ? false : !!checked,
-                )
-              }
-            />
-            <Label htmlFor="remember">Remember my choice</Label>
-          </div>
-
-          <Button
-            onClick={() => onSubmit({ identity: identity, rememberedIdentity })}
-          >
-            Send
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
-};
-
-export { IdentityDialog };
+import { Button } from "@lukoweb/apitogo/ui/Button.js";
+import { Card } from "@lukoweb/apitogo/ui/Card.js";
+import { Checkbox } from "@lukoweb/apitogo/ui/Checkbox.js";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogTitle,
+} from "@lukoweb/apitogo/ui/Dialog.js";
+import { Label } from "@lukoweb/apitogo/ui/Label.js";
+import { useState } from "react";
+import type { ApiIdentity } from "../../../core/ZudokuContext.js";
+import IdentitySelector from "./IdentitySelector.js";
+
+const IdentityDialog = ({
+  onSubmit,
+  identities,
+  open,
+  onOpenChange,
+}: {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  onSubmit: ({
+    rememberedIdentity,
+    identity,
+  }: {
+    rememberedIdentity: boolean;
+    identity?: string;
+  }) => void;
+  identities: ApiIdentity[];
+}) => {
+  const [identity, setIdentity] = useState<string | undefined>(undefined);
+  const [rememberedIdentity, setRememberedIdentity] = useState<boolean>(false);
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent>
+        <DialogTitle>Select an auth identity</DialogTitle>
+        <DialogDescription>
+          Please select an identity for this request.
+        </DialogDescription>
+        <Card className="max-h-80 overflow-auto">
+          <IdentitySelector
+            identities={identities}
+            setValue={setIdentity}
+            value={identity}
+          />
+        </Card>
+        <DialogFooter className="flex flex-col gap-2">
+          <div className="flex items-center gap-2">
+            <Checkbox
+              id="remember"
+              checked={rememberedIdentity}
+              onCheckedChange={(checked) =>
+                setRememberedIdentity(
+                  checked === "indeterminate" ? false : !!checked,
+                )
+              }
+            />
+            <Label htmlFor="remember">Remember my choice</Label>
+          </div>
+
+          <Button
+            onClick={() => onSubmit({ identity: identity, rememberedIdentity })}
+          >
+            Send
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+};
+
+export { IdentityDialog };

package/src/lib/plugins/openapi/playground/IdentitySelector.tsx

@@ -1,38 +1,38 @@
-import { Label } from "@lukoweb/apitogo/ui/Label.js";
-import { RadioGroup, RadioGroupItem } from "@lukoweb/apitogo/ui/RadioGroup.js";
-import type { ApiIdentity } from "../../../core/ZudokuContext.js";
-import { NO_IDENTITY } from "./Playground.js";
-
-const IdentitySelector = ({
-  identities,
-  setValue,
-  value,
-}: {
-  identities?: ApiIdentity[];
-  setValue: (value: string) => void;
-  value?: string;
-}) => (
-  <div className="w-full overflow-hidden">
-    <RadioGroup
-      onValueChange={(value) => setValue(value)}
-      value={value}
-      defaultValue={NO_IDENTITY}
-      className="gap-0"
-      disabled={identities?.length === 0}
-    >
-      {[{ id: NO_IDENTITY, label: "None" }, ...(identities ?? [])].map(
-        (identity) => (
-          <Label
-            key={identity.id}
-            className="h-10 items-center border-b font-normal flex gap-4 p-4 cursor-pointer hover:bg-accent/75"
-          >
-            <RadioGroupItem value={identity.id} id={identity.id} />
-            <span>{identity.label}</span>
-          </Label>
-        ),
-      )}
-    </RadioGroup>
-  </div>
-);
-
-export default IdentitySelector;
+import { Label } from "@lukoweb/apitogo/ui/Label.js";
+import { RadioGroup, RadioGroupItem } from "@lukoweb/apitogo/ui/RadioGroup.js";
+import type { ApiIdentity } from "../../../core/ZudokuContext.js";
+import { NO_IDENTITY } from "./Playground.js";
+
+const IdentitySelector = ({
+  identities,
+  setValue,
+  value,
+}: {
+  identities?: ApiIdentity[];
+  setValue: (value: string) => void;
+  value?: string;
+}) => (
+  <div className="w-full overflow-hidden">
+    <RadioGroup
+      onValueChange={(value) => setValue(value)}
+      value={value}
+      defaultValue={NO_IDENTITY}
+      className="gap-0"
+      disabled={identities?.length === 0}
+    >
+      {[{ id: NO_IDENTITY, label: "None" }, ...(identities ?? [])].map(
+        (identity) => (
+          <Label
+            key={identity.id}
+            className="h-10 items-center border-b font-normal flex gap-4 p-4 cursor-pointer hover:bg-accent/75"
+          >
+            <RadioGroupItem value={identity.id} id={identity.id} />
+            <span>{identity.label}</span>
+          </Label>
+        ),
+      )}
+    </RadioGroup>
+  </div>
+);
+
+export default IdentitySelector;

package/src/lib/plugins/openapi/playground/ParamsGrid.tsx

@@ -1,45 +1,45 @@
-import { XIcon } from "lucide-react";
-import { Button } from "@lukoweb/apitogo/components";
-import { Input } from "@lukoweb/apitogo/ui/Input.js";
-import { cn } from "../../../util/cn.js";
-import createVariantComponent from "../../../util/createVariantComponent.js";
-
-const ParamsGrid = createVariantComponent(
-  "div",
-  "grid grid-cols-[min-content_2fr_3fr] items-center gap-x-5 [&>*:last-child_[data-slot=remove-button]]:invisible",
-);
-
-export const ParamsGridItem = createVariantComponent(
-  "div",
-  "group h-9 hover:bg-accent/75 ps-4 pe-2 grid col-span-full grid-cols-subgrid items-center border-b",
-);
-
-export const ParamsGridInput = createVariantComponent(
-  Input,
-  "w-full truncate border-0 p-0 m-0 shadow-none text-xs focus-visible:ring-0 font-mono",
-);
-
-export const ParamsGridRemoveButton = ({
-  onClick,
-  className,
-}: {
-  onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
-  className?: string;
-}) => (
-  <Button
-    size="icon-xs"
-    variant="ghost"
-    className={cn(
-      "text-muted-foreground opacity-0 group-hover:brightness-95 focus-visible:opacity-100 group-hover:opacity-100",
-      className,
-    )}
-    onClick={onClick}
-    type="button"
-    // In the last row the remove button will be hidden by the ParamsGridItem selector
-    data-slot="remove-button"
-  >
-    <XIcon size={14} />
-  </Button>
-);
-
-export default ParamsGrid;
+import { Button } from "@lukoweb/apitogo/components";
+import { Input } from "@lukoweb/apitogo/ui/Input.js";
+import { XIcon } from "lucide-react";
+import { cn } from "../../../util/cn.js";
+import createVariantComponent from "../../../util/createVariantComponent.js";
+
+const ParamsGrid = createVariantComponent(
+  "div",
+  "grid grid-cols-[min-content_2fr_3fr] items-center gap-x-5 [&>*:last-child_[data-slot=remove-button]]:invisible",
+);
+
+export const ParamsGridItem = createVariantComponent(
+  "div",
+  "group h-9 hover:bg-accent/75 ps-4 pe-2 grid col-span-full grid-cols-subgrid items-center border-b",
+);
+
+export const ParamsGridInput = createVariantComponent(
+  Input,
+  "w-full truncate border-0 p-0 m-0 shadow-none text-xs focus-visible:ring-0 font-mono",
+);
+
+export const ParamsGridRemoveButton = ({
+  onClick,
+  className,
+}: {
+  onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
+  className?: string;
+}) => (
+  <Button
+    size="icon-xs"
+    variant="ghost"
+    className={cn(
+      "text-muted-foreground opacity-0 group-hover:brightness-95 focus-visible:opacity-100 group-hover:opacity-100",
+      className,
+    )}
+    onClick={onClick}
+    type="button"
+    // In the last row the remove button will be hidden by the ParamsGridItem selector
+    data-slot="remove-button"
+  >
+    <XIcon size={14} />
+  </Button>
+);
+
+export default ParamsGrid;