@rebasepro/ui 0.8.0 → 0.9.1-canary.09aaf62

package/README.md

@@ -139,4 +139,4 @@ function MyForm() {
 
 - `@rebasepro/studio` — Dev tools layer (depends on this package)
 - `@rebasepro/admin` — CMS layer (depends on this package)
-- `@rebasepro/core` — Core framework (uses this for shared UI)
+- `@rebasepro/app` — Core framework (uses this for shared UI)

package/dist/components/VirtualTable/VirtualTableProps.d.ts

@@ -228,7 +228,7 @@ export type OnVirtualTableColumnResizeParams = {
  * @see Table
  * @group Components
  */
-export type WhereFilterOp = "<" | "<=" | "==" | "!=" | ">=" | ">" | "array-contains" | "in" | "not-in" | "array-contains-any";
+export type WhereFilterOp = "<" | "<=" | "==" | "!=" | ">=" | ">" | "array-contains" | "in" | "not-in" | "array-contains-any" | "like" | "ilike" | "not-like" | "not-ilike" | "is-null" | "is-not-null";
 export type FilterValues<Key extends string> = Partial<Record<Key, [WhereFilterOp, unknown] | [WhereFilterOp, unknown][]>>;
 /**
  * @see Table

package/dist/components/VirtualTable/selection/SelectionStore.d.ts

@@ -1,14 +1,14 @@
 export interface SelectedCell {
     columnKey: string;
-    rowId: string | number;
+    id: string | number;
     cellRect?: DOMRect;
     width?: number;
     height?: number;
 }
 export declare function createVirtualTableSelectionStore<T extends SelectedCell = SelectedCell>(): {
-    getSnapshot: () => T | undefined;
+    getEntity: () => T | undefined;
     subscribe: (listener: () => void) => () => void;
     select: (cell: T | undefined) => void;
 };
 export type VirtualTableSelectionStore<T extends SelectedCell = SelectedCell> = ReturnType<typeof createVirtualTableSelectionStore<T>>;
-export declare function useVirtualTableCellSelected<T extends SelectedCell = SelectedCell>(store: VirtualTableSelectionStore<T>, columnKey: string, rowId: string | number): boolean;
+export declare function useVirtualTableCellSelected<T extends SelectedCell = SelectedCell>(store: VirtualTableSelectionStore<T>, columnKey: string, id: string | number): boolean;

package/dist/index.css

@@ -54,6 +54,16 @@
     --color-surface-accent-950: #0f172a;
 }
 
+/* Native UI (scrollbars, form controls) must follow the active theme,
+   otherwise Chrome renders light scrollbars in dark mode */
+html {
+    color-scheme: light;
+}
+
+html.dark {
+    color-scheme: dark;
+}
+
 /* Chrome, Safari and Opera */
 .no-scrollbar::-webkit-scrollbar {
     display: none;

package/dist/index.es.js

@@ -698,12 +698,12 @@ function CircularProgress({ size = "medium", className }) {
 	else if (size === "medium") sizeClasses = "w-8 h-8 m-1";
 	else sizeClasses = "w-10 h-10 m-1";
 	let borderClasses = "";
-	if (size === "smallest") borderClasses = "border-[3px]";
-	else if (size === "small") borderClasses = "border-[4px]";
-	else if (size === "medium") borderClasses = "border-4";
-	else borderClasses = "border-[6px]";
+	if (size === "smallest") borderClasses = "border-2";
+	else if (size === "small") borderClasses = "border-2";
+	else if (size === "medium") borderClasses = "border-[3px]";
+	else borderClasses = "border-4";
 	return /* @__PURE__ */ jsx("div", {
-		className: cls(sizeClasses, borderClasses, "inline-block animate-spin rounded-full border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]", "text-primary dark:text-primary", className),
+		className: cls(sizeClasses, borderClasses, "inline-block shrink-0 rounded-full border-solid align-[-0.125em]", "animate-[spin_0.7s_linear_infinite] motion-reduce:animate-[spin_1.5s_linear_infinite]", "border-surface-200 dark:border-surface-700 border-t-primary dark:border-t-primary", className),
 		role: "status",
 		children: /* @__PURE__ */ jsx("span", {
 			className: "absolute! -m-px! h-px! w-px! overflow-hidden! whitespace-nowrap! border-0! p-0! [clip:rect(0,0,0,0)]!",
@@ -4040,7 +4040,7 @@ var SafeLinkRenderer = ({ text }) => {
 function createVirtualTableSelectionStore() {
 	let selectedCell = void 0;
 	const listeners = /* @__PURE__ */ new Set();
-	function getSnapshot() {
+	function getEntity() {
 		return selectedCell;
 	}
 	function subscribe(listener) {
@@ -4052,27 +4052,27 @@ function createVirtualTableSelectionStore() {
 		listeners.forEach((l) => l());
 	}
 	return {
-		getSnapshot,
+		getEntity,
 		subscribe,
 		select
 	};
 }
-function useVirtualTableCellSelected(store, columnKey, rowId) {
+function useVirtualTableCellSelected(store, columnKey, id) {
 	const selectorRef = useRef({
 		columnKey,
-		rowId
+		id
 	});
 	selectorRef.current = {
 		columnKey,
-		rowId
+		id
 	};
-	const getSnapshot = useCallback(() => {
-		const cell = store.getSnapshot();
+	const getEntity = useCallback(() => {
+		const cell = store.getEntity();
 		if (!cell) return false;
 		const s = selectorRef.current;
-		return cell.columnKey === s.columnKey && cell.rowId === s.rowId;
+		return cell.columnKey === s.columnKey && cell.id === s.id;
 	}, [store]);
-	return useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
+	return useSyncExternalStore(store.subscribe, getEntity, getEntity);
 }
 //#endregion
 //#region src/components/VirtualTable/selection/SelectionContext.tsx