fuma 1.0.16 → 1.0.17

package/dist/ui/table/head/TableHeadSelect.svelte

@@ -1,50 +1,44 @@
-<script lang="ts">
-	import { derived } from 'svelte/store'
-	import { page } from '$app/stores'
-
-	import { jsonParse } from '../../../utils/jsonParse.js'
-	import type { TableField } from '../index.js'
-	import { DropDown } from '../../menu/index.js'
-	import { Icon } from '../../icon/index.js'
-	import { type Options, parseOptions } from '../../../utils/options.js'
-	import { urlParam } from '../../../store/param.js'
-	import { mdiOrderBoolAscendingVariant } from '@mdi/js'
-
-	export let field: TableField
-	export let options: Options
-	export let multiSelect = false
-	export let placeholder = 'No option'
-
-	let _options = initOptions($page.url)
-	page.subscribe(({ url }) => (_options = initOptions(url)))
-
-	$: optionsActive = _options.filter((option) => option.isActive)
-
-	function initOptions({ searchParams }: URL) {
-		const selection = searchParams.get(field.key)
-		const selections = jsonParse<string[]>(searchParams.get(field.key), [])
-
-		function getActive(value: string) {
-			if (!multiSelect) return selection === value
-			return selections.includes(value)
-		}
-
-		return parseOptions(options).map((option) => ({
-			...option,
-			isActive: getActive(option.value)
-		}))
-	}
-
-	const getHref = derived(urlParam, (params) => (value: string) => {
-		const selections = jsonParse<string[]>(params.get(field.key), [])
-		if (!multiSelect) return params.toggle({ [field.key]: value }, 'skip', 'take')
-		if (selections.includes(value)) {
-			const newSelections = selections.filter((v) => v !== value)
-			if (!newSelections.length) return params.without(field.key)
-			return params.with({ [field.key]: JSON.stringify(newSelections) }, 'skip', 'take')
-		}
-		return params.with({ [field.key]: JSON.stringify([...selections, value]) }, 'skip', 'take')
-	})
+<script>import { derived } from "svelte/store";
+import { page } from "$app/stores";
+import { jsonParse } from "../../../utils/jsonParse.js";
+import { DropDown } from "../../menu/index.js";
+import { Icon } from "../../icon/index.js";
+import { parseOptions } from "../../../utils/options.js";
+import { urlParam } from "../../../store/param.js";
+import { mdiOrderBoolAscendingVariant } from "@mdi/js";
+export let field;
+export let options;
+export let multiSelect = false;
+export let placeholder = "No option";
+let _options = initOptions($page.url);
+page.subscribe(({ url }) => _options = initOptions(url));
+$:
+  optionsActive = _options.filter((option) => option.isActive);
+function initOptions({ searchParams }) {
+  const selection = searchParams.get(field.key);
+  const selections = jsonParse(searchParams.get(field.key), []);
+  function getActive(value) {
+    if (!multiSelect)
+      return selection === value;
+    return selections.includes(value);
+  }
+  return parseOptions(options).map((option) => ({
+    ...option,
+    isActive: getActive(option.value)
+  }));
+}
+const getHref = derived(urlParam, (params) => (value) => {
+  const selections = jsonParse(params.get(field.key), []);
+  if (!multiSelect)
+    return params.toggle({ [field.key]: value }, "skip", "take");
+  if (selections.includes(value)) {
+    const newSelections = selections.filter((v) => v !== value);
+    if (!newSelections.length)
+      return params.without(field.key);
+    return params.with({ [field.key]: JSON.stringify(newSelections) }, "skip", "take");
+  }
+  return params.with({ [field.key]: JSON.stringify([...selections, value]) }, "skip", "take");
+});
 </script>
 
 <th class="p-1">

package/dist/ui/table/head/TableHeadString.svelte

@@ -1,17 +1,11 @@
-<script lang="ts">
-	import type { TippyInstance } from '../../../utils/tippy.js'
-	import { mdiMagnify } from '@mdi/js'
-	import { page } from '$app/stores'
-
-	import { DropDown } from '../../menu/index.js'
-	import { Icon } from '../../icon/index.js'
-	import { InputSearch } from '../../input/index.js'
-	import type { TableField } from '../index.js'
-
-	export let field: TableField
-
-	let tip: TippyInstance
-	let searchValue = $page.url.searchParams.get(field.key) || ''
+<script>import { mdiMagnify } from "@mdi/js";
+import { page } from "$app/stores";
+import { DropDown } from "../../menu/index.js";
+import { Icon } from "../../icon/index.js";
+import { InputSearch } from "../../input/index.js";
+export let field;
+let tip;
+let searchValue = $page.url.searchParams.get(field.key) || "";
 </script>
 
 <th class="p-1">

package/dist/ui/tabs/Tabs.svelte

@@ -1,11 +1,8 @@
-<script lang="ts">
-	import { page } from '$app/stores'
-	import type { Tab } from './index.js'
-	import { Icon } from '../icon/index.js'
-
-	export let tabs: Tab[]
-	let klass = ''
-	export { klass as class }
+<script>import { page } from "$app/stores";
+import { Icon } from "../icon/index.js";
+export let tabs;
+let klass = "";
+export { klass as class };
 </script>
 
 <div

package/dist/ui/tabs/TabsIcon.svelte

@@ -1,34 +1,31 @@
-<script lang="ts">
-	import { page } from '$app/stores'
-	import { onMount } from 'svelte'
-
-	import { urlParam } from '../../store/index.js'
-	import { Icon } from '../icon/index.js'
-	import { parseOptions, type Options, type Option } from '../../utils/options.js'
-
-	export let options: Options
-	export let showLabel = false
-	export let key: string
-	export let defaultValue: string | undefined = undefined
-
-	let _options = getOptions($page.url)
-	onMount(() =>
-		page.subscribe(({ url }) => {
-			_options = getOptions(url)
-		})
-	)
-
-	function getOptions(url: URL) {
-		return parseOptions(options).map((option) => ({
-			...option,
-			isActive: getIsActive(option, url)
-		}))
-	}
-	function getIsActive(option: Option, { searchParams }: URL) {
-		if (searchParams.get(key) === option.value) return true
-		if (!searchParams.has(key)) return option.value === defaultValue
-		return false
-	}
+<script>import { page } from "$app/stores";
+import { onMount } from "svelte";
+import { urlParam } from "../../store/index.js";
+import { Icon } from "../icon/index.js";
+import { parseOptions } from "../../utils/options.js";
+export let options;
+export let showLabel = false;
+export let key;
+export let defaultValue = void 0;
+let _options = getOptions($page.url);
+onMount(
+  () => page.subscribe(({ url }) => {
+    _options = getOptions(url);
+  })
+);
+function getOptions(url) {
+  return parseOptions(options).map((option) => ({
+    ...option,
+    isActive: getIsActive(option, url)
+  }));
+}
+function getIsActive(option, { searchParams }) {
+  if (searchParams.get(key) === option.value)
+    return true;
+  if (!searchParams.has(key))
+    return option.value === defaultValue;
+  return false;
+}
 </script>
 
 <div class="flex items-center gap-[3px] rounded-lg bg-base-200 p-1">

package/dist/validation/zod.d.ts

@@ -103,41 +103,53 @@ export declare const z: {
         number: zod.ZodOptional<zod.ZodUnion<[zod.ZodObject<{
             min: zod.ZodOptional<zod.ZodNumber>;
             max: zod.ZodOptional<zod.ZodNumber>;
+            order: zod.ZodOptional<zod.ZodEnum<["asc", "desc"]>>;
         }, "strip", zod.ZodTypeAny, {
             min?: number | undefined;
             max?: number | undefined;
+            order?: "desc" | "asc" | undefined;
         }, {
             min?: number | undefined;
             max?: number | undefined;
+            order?: "desc" | "asc" | undefined;
         }>, zod.ZodPipeline<zod.ZodEffects<zod.ZodString, zod.RefinementCtx, string>, zod.ZodObject<{
             min: zod.ZodOptional<zod.ZodNumber>;
             max: zod.ZodOptional<zod.ZodNumber>;
+            order: zod.ZodOptional<zod.ZodEnum<["asc", "desc"]>>;
         }, "strip", zod.ZodTypeAny, {
             min?: number | undefined;
             max?: number | undefined;
+            order?: "desc" | "asc" | undefined;
         }, {
             min?: number | undefined;
             max?: number | undefined;
+            order?: "desc" | "asc" | undefined;
         }>>]>>;
         multiselect: zod.ZodOptional<zod.ZodUnion<[zod.ZodArray<zod.ZodString, "many">, zod.ZodPipeline<zod.ZodEffects<zod.ZodString, zod.RefinementCtx, string>, zod.ZodArray<zod.ZodString, "many">>]>>;
         range: zod.ZodOptional<zod.ZodUnion<[zod.ZodObject<{
             start: zod.ZodOptional<zod.ZodDate>;
             end: zod.ZodOptional<zod.ZodDate>;
+            order: zod.ZodOptional<zod.ZodEnum<["asc", "desc"]>>;
         }, "strip", zod.ZodTypeAny, {
             start?: Date | undefined;
             end?: Date | undefined;
+            order?: "desc" | "asc" | undefined;
         }, {
             start?: Date | undefined;
             end?: Date | undefined;
+            order?: "desc" | "asc" | undefined;
         }>, zod.ZodPipeline<zod.ZodEffects<zod.ZodString, zod.RefinementCtx, string>, zod.ZodObject<{
             start: zod.ZodOptional<zod.ZodDate>;
             end: zod.ZodOptional<zod.ZodDate>;
+            order: zod.ZodOptional<zod.ZodEnum<["asc", "desc"]>>;
         }, "strip", zod.ZodTypeAny, {
             start?: Date | undefined;
             end?: Date | undefined;
+            order?: "desc" | "asc" | undefined;
         }, {
             start?: Date | undefined;
             end?: Date | undefined;
+            order?: "desc" | "asc" | undefined;
         }>>]>>;
         boolean: zod.ZodOptional<zod.ZodEffects<zod.ZodEnum<["true", "false"]>, boolean, "true" | "false">>;
     };

package/dist/validation/zod.js

@@ -59,12 +59,14 @@ const relations = {
 const filter = {
     number: json({
         min: zod.number().optional(),
-        max: zod.number().optional()
+        max: zod.number().optional(),
+        order: zod.enum(['asc', 'desc']).optional()
     }).optional(),
     multiselect: jsonArray(zod.string()).optional(),
     range: json({
         start: zod.coerce.date().optional(),
-        end: zod.coerce.date().optional()
+        end: zod.coerce.date().optional(),
+        order: zod.enum(['asc', 'desc']).optional()
     }).optional(),
     boolean: zod
         .enum(['true', 'false'])

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "fuma",
-	"version": "1.0.16",
+	"version": "1.0.17",
 	"description": "My fullstack material build with sveltekit, daisyui, zod, prisma, lucia",
 	"author": {
 		"name": "Jonas Voisard",