@helpwave/hightide 0.6.10 → 0.6.12

package/dist/index.mjs

@@ -7189,7 +7189,7 @@ var FormStore = class {
     return this.values[key];
   }
   getAllValues() {
-    return { ...this.values };
+    return this.values;
   }
   setValue(key, value, triggerUpdate = false) {
     if (this.values[key] !== value) {
@@ -7216,7 +7216,7 @@ var FormStore = class {
         type: "onUpdate",
         key: "ALL",
         updatedKeys: Object.keys(values),
-        update: { ...values },
+        update: values,
         values: this.values,
         hasErrors: this.getHasError(),
         errors: this.getErrors()
@@ -7228,19 +7228,19 @@ var FormStore = class {
     return !!this.touched[key];
   }
   getAllTouched() {
-    return { ...this.touched };
+    return this.touched;
   }
   setTouched(key, isTouched = true) {
     if (this.touched[key] === isTouched) return;
     this.touched[key] = isTouched;
-    this.notify({ type: "onTouched", key, value: this.values[key], values: { ...this.values } });
+    this.notify({ type: "onTouched", key, value: this.values[key], values: this.values });
   }
   // Error and Validation
   getHasError() {
     return Object.values(this.errors).some((value) => value !== void 0 && value !== null);
   }
   getErrors() {
-    return { ...this.errors };
+    return this.errors;
   }
   getError(key) {
     return this.errors[key];
@@ -7252,7 +7252,7 @@ var FormStore = class {
     } else {
       this.errors[key] = error;
     }
-    this.notify({ type: "onError", key, value: this.values[key], error, values: { ...this.values } });
+    this.notify({ type: "onError", key, value: this.values[key], error, values: this.values });
   }
   getHasTriedSubmitting() {
     return this.hasTriedSubmitting;
@@ -7308,8 +7308,8 @@ var FormStore = class {
       type: "onSubmit",
       key: "ALL",
       hasErrors,
-      errors: { ...this.errors },
-      values: { ...this.values }
+      errors: this.errors,
+      values: this.values
     });
   }
   reset() {
@@ -7317,10 +7317,10 @@ var FormStore = class {
     this.hasTriedSubmitting = false;
     this.touched = {};
     Object.keys(this.initialValues).forEach((key) => {
-      this.notify({ type: "onChange", key, value: this.values[key], values: { ...this.values } });
+      this.notify({ type: "onChange", key, value: this.values[key], values: this.values });
     });
     this.validateAll();
-    this.notify({ type: "reset", key: "ALL", values: { ...this.values }, errors: { ...this.errors } });
+    this.notify({ type: "reset", key: "ALL", values: this.values, errors: this.errors });
   }
 };
 
@@ -7408,11 +7408,11 @@ function useCreateForm({
   const callbacks = useMemo3(() => ({
     reset: () => storeRef.current.reset(),
     submit: () => storeRef.current.submit(),
-    update: (updater) => {
+    update: (updater, triggerUpdate = false) => {
       if (typeof updater === "function") {
-        storeRef.current.setValues(updater(storeRef.current.getAllValues()));
+        storeRef.current.setValues(updater(storeRef.current.getAllValues()), triggerUpdate);
       } else {
-        storeRef.current.setValues(updater);
+        storeRef.current.setValues(updater, triggerUpdate);
       }
     },
     validateAll: () => storeRef.current.validateAll()
@@ -12541,8 +12541,7 @@ var Pagination = ({
   pageIndex,
   pageCount,
   onPageIndexChanged,
-  className,
-  style
+  ...props
 }) => {
   const translation = useHightideTranslation();
   const [value, setValue] = useState25((pageIndex + 1).toString());
@@ -12559,7 +12558,7 @@ var Pagination = ({
   const changePage = (page) => {
     onPageIndexChanged(page);
   };
-  return /* @__PURE__ */ jsxs25("div", { className: clsx23("flex-row-1", className), style, children: [
+  return /* @__PURE__ */ jsxs25("div", { ...props, className: clsx23("flex-row-1", props.className), children: [
     /* @__PURE__ */ jsx50(Tooltip, { tooltip: translation("first"), children: /* @__PURE__ */ jsx50(
       Button,
       {
@@ -15175,7 +15174,7 @@ var TableDisplay = ({
 import { useEffect as useEffect32 } from "react";
 import clsx35 from "clsx";
 import { jsx as jsx70, jsxs as jsxs41 } from "react/jsx-runtime";
-var TablePaginationMenu = () => {
+var TablePaginationMenu = ({ ...props }) => {
   const { table } = useTableDataContext();
   useEffect32(() => {
     const { pageIndex } = table.getState().pagination;
@@ -15187,9 +15186,13 @@ var TablePaginationMenu = () => {
   return /* @__PURE__ */ jsx70(
     Pagination,
     {
+      ...props,
       pageIndex: table.getState().pagination.pageIndex,
       pageCount: table.getPageCount(),
-      onPageIndexChanged: (page) => table.setPageIndex(page)
+      onPageIndexChanged: (page) => {
+        table.setPageIndex(page);
+        props.onPageIndexChanged?.(page);
+      }
     }
   );
 };
@@ -15211,10 +15214,10 @@ var TablePageSizeSelect = ({
   );
 };
 var TablePagination = ({ allowChangingPageSize = true, pageSizeOptions, ...props }) => {
-  return /* @__PURE__ */ jsx70("div", { ...props, className: clsx35("flex-row-2 items-center justify-center", props.className), children: /* @__PURE__ */ jsxs41("div", { className: "relative", children: [
+  return /* @__PURE__ */ jsxs41("div", { ...props, className: clsx35("container flex-col-2 sm:flex-row-8 items-center justify-center", props.className), children: [
     /* @__PURE__ */ jsx70(TablePaginationMenu, {}),
-    /* @__PURE__ */ jsx70(Visibility, { isVisible: allowChangingPageSize, children: /* @__PURE__ */ jsx70(TablePageSizeSelect, { pageSizeOptions, buttonProps: { className: "absolute left-1/1 top-1/2 -translate-y-1/2 translate-x-4 h-10 min-w-24" } }) })
-  ] }) });
+    /* @__PURE__ */ jsx70(Visibility, { isVisible: allowChangingPageSize, children: /* @__PURE__ */ jsx70(TablePageSizeSelect, { pageSizeOptions, buttonProps: { className: "h-10 min-w-24 max-w-24" } }) })
+  ] });
 };
 
 // src/components/user-interaction/Checkbox.tsx
@@ -16754,9 +16757,9 @@ import { Binary } from "lucide-react";
 import { jsx as jsx89, jsxs as jsxs55 } from "react/jsx-runtime";
 var NumberProperty = ({
   value,
-  onRemove,
   onValueChange,
   onEditComplete,
+  onValueClear,
   readOnly,
   suffix,
   ...baseProps
@@ -16767,7 +16770,7 @@ var NumberProperty = ({
     PropertyBase,
     {
       ...baseProps,
-      onRemove,
+      onValueClear,
       hasValue,
       icon: /* @__PURE__ */ jsx89(Binary, { size: 24 }),
       children: ({ invalid }) => /* @__PURE__ */ jsxs55(
@@ -16789,7 +16792,7 @@ var NumberProperty = ({
                 onValueChange: (value2) => {
                   const numberValue = parseFloat(value2);
                   if (isNaN(numberValue)) {
-                    onRemove();
+                    onValueClear();
                   } else {
                     onValueChange?.(numberValue);
                   }
@@ -16797,7 +16800,7 @@ var NumberProperty = ({
                 onEditComplete: (value2) => {
                   const numberValue = parseFloat(value2);
                   if (isNaN(numberValue)) {
-                    onRemove();
+                    onValueClear();
                   } else {
                     onEditComplete?.(numberValue);
                   }
@@ -16868,7 +16871,6 @@ import { jsx as jsx91 } from "react/jsx-runtime";
 var TextProperty = ({
   value,
   readOnly,
-  onRemove,
   onValueChange,
   onEditComplete,
   ...baseProps
@@ -16879,7 +16881,6 @@ var TextProperty = ({
     PropertyBase,
     {
       ...baseProps,
-      onRemove,
       hasValue,
       icon: /* @__PURE__ */ jsx91(Text, { size: 24 }),
       children: ({ invalid }) => /* @__PURE__ */ jsx91(
@@ -16892,20 +16893,8 @@ var TextProperty = ({
           value: value ?? "",
           readOnly,
           placeholder: translation("text"),
-          onValueChange: (value2) => {
-            if (!value2) {
-              onRemove?.();
-            } else {
-              onValueChange?.(value2);
-            }
-          },
-          onEditComplete: (value2) => {
-            if (!value2) {
-              onRemove?.();
-            } else {
-              onEditComplete?.(value2);
-            }
-          }
+          onValueChange: (value2) => onValueChange?.(value2),
+          onEditComplete: (value2) => onEditComplete?.(value2)
         }
       )
     }