@lobb-js/studio 0.29.1 → 0.31.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/dist/actions.d.ts +11 -0
  2. package/dist/actions.js +16 -0
  3. package/dist/components/Studio.svelte +1 -10
  4. package/dist/components/dataTable/dataTable.svelte +20 -2
  5. package/dist/components/dataTable/fieldCell.svelte +3 -0
  6. package/dist/components/dataTable/filter.svelte +0 -15
  7. package/dist/components/dataTable/numberCell.svelte +28 -0
  8. package/dist/components/dataTable/numberCell.svelte.d.ts +7 -0
  9. package/dist/components/dataTablePopup/dataTablePopup.svelte +84 -0
  10. package/dist/components/dataTablePopup/dataTablePopup.svelte.d.ts +17 -0
  11. package/dist/components/detailView/detailView.svelte +6 -1
  12. package/dist/components/detailView/fieldInput.svelte +7 -5
  13. package/dist/components/miniSidebar.svelte +6 -3
  14. package/dist/components/routes/extensions/extension.svelte +1 -1
  15. package/dist/components/routes/home.svelte +35 -21
  16. package/dist/components/ui/input/numberInput.svelte +104 -0
  17. package/dist/components/ui/input/numberInput.svelte.d.ts +9 -0
  18. package/dist/extensions/extension.types.d.ts +2 -1
  19. package/dist/extensions/extensionUtils.js +2 -1
  20. package/package.json +3 -2
  21. package/src/lib/actions.ts +28 -0
  22. package/src/lib/components/Studio.svelte +1 -10
  23. package/src/lib/components/dataTable/dataTable.svelte +20 -2
  24. package/src/lib/components/dataTable/fieldCell.svelte +3 -0
  25. package/src/lib/components/dataTable/filter.svelte +0 -15
  26. package/src/lib/components/dataTable/numberCell.svelte +28 -0
  27. package/src/lib/components/dataTablePopup/dataTablePopup.svelte +84 -0
  28. package/src/lib/components/detailView/detailView.svelte +6 -1
  29. package/src/lib/components/detailView/fieldInput.svelte +7 -5
  30. package/src/lib/components/miniSidebar.svelte +6 -3
  31. package/src/lib/components/routes/extensions/extension.svelte +1 -1
  32. package/src/lib/components/routes/home.svelte +35 -21
  33. package/src/lib/components/ui/input/numberInput.svelte +104 -0
  34. package/src/lib/extensions/extension.types.ts +2 -1
  35. package/src/lib/extensions/extensionUtils.ts +2 -1
  36. package/dist/components/breadCrumbs.svelte +0 -61
  37. package/dist/components/breadCrumbs.svelte.d.ts +0 -3
  38. package/dist/components/header.svelte +0 -45
  39. package/dist/components/header.svelte.d.ts +0 -6
  40. package/src/lib/components/breadCrumbs.svelte +0 -61
  41. package/src/lib/components/header.svelte +0 -45
package/src/lib/components/breadCrumbs.svelte DELETED
@@ -1,61 +0,0 @@
1
- <script lang="ts">
2
- import * as Breadcrumb from "./ui/breadcrumb";
3
- import { mediaQueries } from "../utils";
4
- import { page } from "$app/state";
5
- import { goto } from "$app/navigation";
6
-
7
- const isSmall = $derived(!mediaQueries.sm.current);
8
- const pathNames = $derived(
9
- page.url.pathname
10
- .replace("/studio", "")
11
- .split("/")
12
- .filter((el: any) => el !== "")
13
- .slice(0, 3),
14
- );
15
- </script>
16
-
17
- {#if isSmall}
18
- <div class="text-muted-foreground text-sm">
19
- {pathNames[pathNames.length - 1] || "Home"}
20
- </div>
21
- {:else}
22
- <Breadcrumb.Root>
23
- <Breadcrumb.List class="flex-nowrap">
24
- <Breadcrumb.Item>
25
- {#if pathNames.length === 0}
26
- <Breadcrumb.Page>Home</Breadcrumb.Page>
27
- {:else}
28
- <Breadcrumb.Link
29
- class="cursor-pointer"
30
- onclick={() => goto("/studio")}
31
- >
32
- Home
33
- </Breadcrumb.Link>
34
- <Breadcrumb.Separator />
35
- {/if}
36
- </Breadcrumb.Item>
37
- {#each pathNames as path, index}
38
- {@const isLastElement = pathNames.length - 1 === index}
39
- {@const currentFullPaths = pathNames
40
- .slice(0, index + 1)
41
- .join("/")}
42
- <Breadcrumb.Item>
43
- {#if isLastElement}
44
- <Breadcrumb.Page>{path}</Breadcrumb.Page>
45
- {:else}
46
- <Breadcrumb.Link
47
- class="cursor-pointer"
48
- onclick={() =>
49
- goto(`/studio/${currentFullPaths}`)}
50
- >
51
- {path}
52
- </Breadcrumb.Link>
53
- {/if}
54
- </Breadcrumb.Item>
55
- {#if !isLastElement}
56
- <Breadcrumb.Separator />
57
- {/if}
58
- {/each}
59
- </Breadcrumb.List>
60
- </Breadcrumb.Root>
61
- {/if}
package/src/lib/components/header.svelte DELETED
@@ -1,45 +0,0 @@
1
- <script>
2
- import * as Tooltip from "./ui/tooltip";
3
- import Button from "./ui/button/button.svelte";
4
- import { Menu, Moon, Sun } from "lucide-svelte";
5
- import BreadCrumbs from "./breadCrumbs.svelte";
6
- import { toggleMode, mode } from "mode-watcher";
7
- import { mediaQueries } from "../utils";
8
- import { expandMiniSideBar } from "./miniSidebar.svelte";
9
-
10
- let isSmallScreen = $derived(!mediaQueries.sm.current);
11
- </script>
12
-
13
- <div
14
- class="flex items-center justify-between border-b border-input bg-background px-3"
15
- >
16
- <div class="flex items-center gap-4">
17
- {#if isSmallScreen}
18
- <Menu
19
- class="h-10 text-muted-foreground hover:bg-transparent cursor-pointer hover:text-foreground"
20
- style="left: 0.6rem; top: 0rem;"
21
- size="18"
22
- onclick={() => expandMiniSideBar()}
23
- />
24
- {/if}
25
- <BreadCrumbs />
26
- </div>
27
- <div class="flex h-full items-center gap-3">
28
- <Tooltip.Root>
29
- <Tooltip.Trigger>
30
- <Button
31
- class="h-6 w-6 text-muted-foreground hover:bg-transparent"
32
- variant="ghost"
33
- size="icon"
34
- onclick={toggleMode}
35
- Icon={$mode === "light" ? Moon : Sun}
36
- ></Button>
37
- </Tooltip.Trigger>
38
- <Tooltip.Content side="bottom" sideOffset={7.5}
39
- >{$mode === "light"
40
- ? "Night Mode"
41
- : "Light Mode"}</Tooltip.Content
42
- >
43
- </Tooltip.Root>
44
- </div>
45
- </div>