@protobase/ui 0.3.5 → 0.4.1

package/dist/diff-view/diff-view.js

@@ -1,7 +1,7 @@
 import { cn } from "../lib/cn.js";
 import { diffStats, parseDiff } from "./diff.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { FileCode2 } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/diff-view/diff-view.tsx
 const row = {
 	add: "bg-success-soft text-success-text",

package/dist/filter-panel/active-filter-chips.js

@@ -1,5 +1,5 @@
-import { jsx, jsxs } from "react/jsx-runtime";
 import { Lock, X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/filter-panel/active-filter-chips.tsx
 const chipClass = "inline-flex h-6 items-center gap-1 rounded-full border border-primary-border bg-primary-soft pl-2.5 pr-1.5 text-xs font-medium text-primary-text";
 const ActiveFilterChips = ({ chips, lockedLabels = [], onRemove, onClear, scroll }) => {

package/dist/filter-panel/facet-group.js

@@ -3,8 +3,8 @@ import { formatInt } from "../format/number.js";
 import { Checkbox } from "../primitives/checkbox.js";
 import { matchesSearch } from "./filter-state.js";
 import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { Search } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/filter-panel/facet-group.tsx
 const FacetGroup = ({ config, selected, onToggle }) => {
 	const [query, setQuery] = useState("");

package/dist/filter-panel/filter-menu.js

@@ -1,7 +1,7 @@
 import { cn } from "../lib/cn.js";
 import { useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/filter-panel/filter-menu.tsx
 const FilterMenu = ({ label, activeCount, width = 240, defaultOpen = false, children }) => {
 	const [open, setOpen] = useState(defaultOpen);

package/dist/inline-child-table/inline-child-table.js

@@ -4,8 +4,8 @@ import { lineGrid } from "./columns.js";
 import { LineRow } from "./line-row.js";
 import { reorder } from "./reorder.js";
 import { TotalsFooter } from "./totals-footer.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { Plus } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { DndContext, KeyboardSensor, MouseSensor, TouchSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
 import { SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy } from "@dnd-kit/sortable";
 //#region src/inline-child-table/inline-child-table.tsx

package/dist/inline-child-table/line-menu.js

@@ -1,7 +1,7 @@
 import { cn } from "../lib/cn.js";
 import { useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { MoreHorizontal } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/inline-child-table/line-menu.tsx
 /** The "..." at the end of a line: the keyboard-and-screen-reader way to reorder, besides the drag handle. */
 const LineMenu = ({ items, label }) => {

package/dist/inline-child-table/line-row.js

@@ -1,11 +1,11 @@
 import { cn } from "../lib/cn.js";
+import { formatMoney } from "../format/money.js";
 import { lineTotalCents } from "../mocks/invoices.js";
 import { lineGrid } from "./columns.js";
-import { formatMoney } from "../format/money.js";
 import { LineMenu } from "./line-menu.js";
 import { NumberCell } from "./number-cell.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { GripVertical } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useSortable } from "@dnd-kit/sortable";
 //#region src/inline-child-table/line-row.tsx
 const parseEuros = (text) => Math.round(Number(text.replace(",", ".").replace(/[^0-9.]/g, "")) * 100);

package/dist/inline-child-table/totals-footer.js

@@ -1,5 +1,5 @@
-import { invoiceTotals } from "../mocks/invoices.js";
 import { formatMoney } from "../format/money.js";
+import { invoiceTotals } from "../mocks/invoices.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/inline-child-table/totals-footer.tsx
 const TotalsFooter = ({ lines, vatRate }) => {

package/dist/live/use-filter-config.js

@@ -1,7 +1,7 @@
+import { formatMoney } from "../format/money.js";
 import { keys } from "../data/query-keys.js";
 import { useClient } from "../data/api-provider.js";
 import { humanize } from "./naming.js";
-import { formatMoney } from "../format/money.js";
 import { stateToText } from "./filter-string.js";
 import { useHistogram } from "../data/use-aggregates.js";
 import { fetchLabels } from "./relation-labels.js";

package/dist/primitives/checkbox.js

@@ -1,6 +1,6 @@
 import { cn } from "../lib/cn.js";
-import { jsx } from "react/jsx-runtime";
 import { Check, Minus } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
 //#region src/primitives/checkbox.tsx
 const Checkbox = ({ checked, indeterminate, onChange, label, className }) => /* @__PURE__ */ jsx("button", {
 	type: "button",

package/dist/primitives/sheet.js

@@ -1,7 +1,7 @@
 import { useFocusTrap } from "../lib/use-focus-trap.js";
 import { useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/primitives/sheet.tsx
 /** A panel that rises from the bottom of the screen, for the filter panel on phones. */
 const Sheet = ({ title, open, onClose, children }) => {

package/dist/primitives/spinner.js

@@ -1,6 +1,6 @@
 import { cn } from "../lib/cn.js";
-import { jsx } from "react/jsx-runtime";
 import { Loader2 } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
 //#region src/primitives/spinner.tsx
 const Spinner = ({ className }) => /* @__PURE__ */ jsx(Loader2, {
 	"aria-label": "Loading",

package/dist/record-view/field.js

@@ -1,7 +1,7 @@
 import { Avatar } from "../primitives/avatar.js";
 import { Button } from "../primitives/button.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { TriangleAlert } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/record-view/field.tsx
 const Field = ({ label, required, help, example, error, conflict, children }) => /* @__PURE__ */ jsxs("div", { children: [
 	/* @__PURE__ */ jsxs("div", {

package/dist/record-view/record-sidebar.js

@@ -1,5 +1,5 @@
-import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/record-view/record-sidebar.tsx
 const MetadataList = ({ rows }) => /* @__PURE__ */ jsx("dl", {
 	className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-2 text-[13px]",

package/dist/side-panel/side-panel.js

@@ -1,8 +1,8 @@
 import { useIsDesktop } from "../lib/use-media-query.js";
 import { Button } from "../primitives/button.js";
 import { useVisualViewport } from "../lib/use-visual-viewport.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/side-panel/side-panel.tsx
 /**
 * A full-height panel beside the page, for the shell's `rightPanel`: a header with a close button, content and a footer.

package/dist/step-list/step-list.js

@@ -1,7 +1,7 @@
 import { cn } from "../lib/cn.js";
 import { Spinner } from "../primitives/spinner.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, Circle, X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/step-list/step-list.tsx
 const icons = {
 	pending: /* @__PURE__ */ jsx(Circle, { className: "size-3 text-faint-foreground" }),

package/dist/toasts/toast.js

@@ -1,7 +1,7 @@
 import { cn } from "../lib/cn.js";
 import { Spinner } from "../primitives/spinner.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckCircle2, X, XCircle } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/toasts/toast.tsx
 const icons = {
 	loading: /* @__PURE__ */ jsx(Spinner, { className: "text-primary" }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@protobase/ui",
-  "version": "0.3.5",
+  "version": "0.4.1",
   "description": "The Protobase admin app and the React hooks and components for custom UI.",
   "license": "Apache-2.0",
   "repository": {
@@ -34,9 +34,9 @@
   "dependencies": {
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
-    "@protobase/client": "0.3.5",
-    "@protobase/layout": "0.3.5",
-    "@protobase/schema": "0.3.5",
+    "@protobase/client": "0.4.1",
+    "@protobase/layout": "0.4.1",
+    "@protobase/schema": "0.4.1",
     "@tanstack/react-query": "^5.104.1",
     "@tanstack/react-table": "^9.2.6",
     "@tanstack/react-virtual": "^3.14.13",
@@ -44,6 +44,7 @@
     "react": "^19.3.0",
     "react-dom": "^19.3.0",
     "recharts": "^3.10.1",
-    "tailwindcss": "^4.3.3"
+    "tailwindcss": "^4.3.3",
+    "uqr": "^0.1.3"
   }
 }