@helpwave/hightide 0.6.11 → 0.6.12

package/dist/index.mjs

@@ -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)
         }
       )
     }