@rebasepro/admin 0.3.0 → 0.5.0

package/dist/collection_editor/ui/collection_editor/PropertyEditView.d.ts

@@ -3,6 +3,7 @@ import { FormexController } from "@rebasepro/formex";
 import { Property, PropertyConfig } from "@rebasepro/types";
 export type PropertyWithId = Property & {
     id?: string;
+    conditions?: import('@rebasepro/types').PropertyConditions;
 };
 export type OnPropertyChangedParams = {
     id?: string;

package/dist/collection_editor/ui/collection_editor/templates/blog_template.d.ts

@@ -1,2 +1,2 @@
-import { EntityCollection } from "@rebasepro/types";
+import type { EntityCollection } from "@rebasepro/types";
 export declare const blogCollectionTemplate: EntityCollection;

package/dist/collection_editor/ui/collection_editor/templates/pages_template.d.ts

@@ -1,2 +1,2 @@
-import { EntityCollection } from "@rebasepro/types";
+import type { EntityCollection } from "@rebasepro/types";
 export declare const pagesCollectionTemplate: EntityCollection;

package/dist/collection_editor/ui/collection_editor/templates/products_template.d.ts

@@ -1,2 +1,2 @@
-import { EntityCollection } from "@rebasepro/types";
+import type { EntityCollection } from "@rebasepro/types";
 export declare const productsCollectionTemplate: EntityCollection;

package/dist/collection_editor/ui/collection_editor/templates/users_template.d.ts

@@ -1,2 +1,2 @@
-import { EntityCollection } from "@rebasepro/types";
+import type { EntityCollection } from "@rebasepro/types";
 export declare const usersCollectionTemplate: EntityCollection;

package/dist/collection_editor_ui.js

@@ -1,6 +1,6 @@
-import { CollectionEditorDialog } from "./CollectionEditorDialog-D0VqpLPO.js";
-import { a, b } from "./PropertyEditView-CvRSV-A2.js";
-import { C, a as a2 } from "./CollectionsStudioView-Bc3Rxxc2.js";
+import { CollectionEditorDialog } from "./CollectionEditorDialog-C8E440oK.js";
+import { a, b } from "./PropertyEditView-ChBleIbN.js";
+import { C, a as a2 } from "./CollectionsStudioView-Brr_b06v.js";
 export {
   CollectionEditorDialog,
   C as CollectionStudioView,

package/dist/components/CollectionPanel.d.ts

@@ -0,0 +1,83 @@
+import type { EntityCollection, ViewMode } from "@rebasepro/types";
+/**
+ * Props for the {@link CollectionPanel} component.
+ *
+ * This is a high-level, consumer-friendly wrapper around {@link EntityCollectionView}
+ * designed for embedding collection views inside custom pages (home pages,
+ * dashboards, entity detail views, etc.).
+ *
+ * At minimum, provide the `path` (collection slug). All other props are optional
+ * overrides that take precedence over the collection's default configuration.
+ *
+ * @group Components
+ */
+export type CollectionPanelProps = {
+    /**
+     * The collection slug / path to display (e.g. "tasks", "clients").
+     * The collection must be registered in the Rebase context.
+     */
+    path: string;
+    /**
+     * Optional title displayed above the collection.
+     * Set to `false` to hide the title entirely.
+     * Defaults to the collection's `name`.
+     */
+    title?: string | false;
+    /**
+     * Force a specific view mode, overriding the collection's default.
+     */
+    viewMode?: ViewMode;
+    /**
+     * Override the sort field.
+     */
+    sort?: [string, "asc" | "desc"];
+    /**
+     * Maximum number of entities to display.
+     */
+    limit?: number;
+    /**
+     * Whether to sync filter/sort state with URL query params.
+     * Defaults to `false` (embedded panels shouldn't hijack the URL).
+     */
+    updateUrl?: boolean;
+    /**
+     * Override the entity open mode when clicking an entity.
+     */
+    openEntityMode?: "side_panel" | "full_screen" | "split" | "dialog";
+    /**
+     * Additional CSS class name for the container.
+     */
+    className?: string;
+    /**
+     * Any additional collection-level overrides (e.g. `previewProperties`,
+     * `enabledViews`, `entityActions`, `defaultFilter`, etc.).
+     */
+    collectionOverrides?: Partial<EntityCollection>;
+};
+/**
+ * A high-level, reusable wrapper for embedding a Rebase collection view
+ * inside custom pages (dashboards, home pages, entity detail views, etc.).
+ *
+ * Usage:
+ * ```tsx
+ * import { CollectionPanel } from "@rebasepro/admin";
+ *
+ * function MyDashboard() {
+ *     return (
+ *         <div>
+ *             <CollectionPanel path="tasks" title="Pending Tasks" />
+ *             <CollectionPanel
+ *                 path="clients"
+ *                 viewMode="table"
+ *                 collectionOverrides={{
+ *                     defaultFilter: { status: ["!=", "completed"] }
+ *                 }}
+ *             />
+ *         </div>
+ *     );
+ * }
+ * ```
+ *
+ * @group Components
+ */
+export declare function CollectionPanel({ path, title, viewMode, sort, limit, updateUrl, openEntityMode, className, collectionOverrides }: CollectionPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/EntityDetailView.d.ts

@@ -1,9 +1,6 @@
 import type { EntityCollection } from "@rebasepro/types";
 import React from "react";
 import { EntityStatus } from "@rebasepro/types";
-export declare const MAIN_TAB_VALUE = "__main_##Q$SC^#S6";
-export declare const JSON_TAB_VALUE = "__json";
-export declare const HISTORY_TAB_VALUE = "__rebase_history";
 export type BarActionsParams = {
     values: object;
     status: EntityStatus;

package/dist/components/EntityEditView.d.ts

@@ -2,9 +2,8 @@ import type { EntityCollection } from "@rebasepro/types";
 import React from "react";
 import { Entity, EntityStatus } from "@rebasepro/types";
 import type { EntityFormProps, OnUpdateParams } from "../types/components/EntityFormProps";
-export declare const MAIN_TAB_VALUE = "__main_##Q$SC^#S6";
-export declare const JSON_TAB_VALUE = "__json";
-export declare const HISTORY_TAB_VALUE = "__rebase_history";
+import { MAIN_TAB_VALUE, JSON_TAB_VALUE, HISTORY_TAB_VALUE } from "../util/entity_view_constants";
+export { MAIN_TAB_VALUE, JSON_TAB_VALUE, HISTORY_TAB_VALUE };
 export type BarActionsParams = {
     values: object;
     status: EntityStatus;

package/dist/components/RebaseRouteDefs.d.ts

@@ -13,7 +13,7 @@ export interface RebaseRouteDefsProps {
  * Route definitions for the CMS.
  *
  * Defines all standard routes: home, studio home, collection view,
- * settings, users, roles, debug, custom views, and a catch-all 404.
+ * settings, debug, custom views, and a catch-all 404.
  *
  * **Independently usable**: Use this when you want Rebase routes
  * inside your own layout/navigation setup.

package/dist/components/SelectableTable/SelectableTable.d.ts

@@ -6,7 +6,7 @@ export type SelectableTableProps<M extends Record<string, unknown>> = {
     /**
      * Callback when a cell value changes.
      */
-    onValueChange?: OnCellValueChange<any, M>;
+    onValueChange?: OnCellValueChange<unknown, M>;
     columns: VirtualTableColumn[];
     cellRenderer: React.ComponentType<CellRendererParams<Entity<M>>>;
     /**
@@ -66,7 +66,7 @@ export type SelectableTableProps<M extends Record<string, unknown>> = {
      * bust the cell memo comparator, triggering re-render of cells
      * even when rowData hasn't changed.
      */
-    extraData?: Record<string, any>;
+    extraData?: unknown;
 };
 /**
  * This component is in charge of rendering a collection table with a high

package/dist/components/SelectableTable/SelectableTableContext.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { EntityCollectionTableController } from "@rebasepro/core";
 export declare const SelectableTableContext: React.Context<EntityCollectionTableController<Record<string, unknown>>>;
-export declare const useSelectableTableController: () => EntityCollectionTableController<any>;
+export declare const useSelectableTableController: <M extends Record<string, unknown> = Record<string, unknown>>() => EntityCollectionTableController<M>;

package/dist/components/SelectableTable/SelectionStore.d.ts

@@ -13,9 +13,9 @@ import { SelectedCellProps } from "@rebasepro/types";
  * derivation actually changed will re-render.
  */
 export declare function createSelectionStore(): {
-    getSnapshot: () => SelectedCellProps<any> | undefined;
+    getSnapshot: () => SelectedCellProps | undefined;
     subscribe: (listener: () => void) => () => void;
-    select: (cell: SelectedCellProps<any> | undefined) => void;
+    select: (cell: SelectedCellProps | undefined) => void;
 };
 export type SelectionStore = ReturnType<typeof createSelectionStore>;
 /**
@@ -24,6 +24,6 @@ export type SelectionStore = ReturnType<typeof createSelectionStore>;
  * `selected` boolean actually changes (not on every store update).
  */
 export declare function useCellSelected(store: {
-    getSnapshot: () => SelectedCellProps<any> | undefined;
+    getSnapshot: () => SelectedCellProps | undefined;
     subscribe: (listener: () => void) => () => void;
 }, propertyKey: string, entityPath: string, entityId: string | number): boolean;

package/dist/components/admin/index.d.ts

@@ -1,3 +1 @@
-export * from "./UsersView";
-export * from "./RolesView";
-export * from "./RoleChip";
+export * from "./CreationResultDialog";

package/dist/components/index.d.ts

@@ -37,3 +37,4 @@ export * from "./RebaseAuthGate";
 export * from "./RebaseNavigation";
 export * from "./RebaseLayout";
 export * from "./RebaseRouteDefs";
+export * from "./CollectionPanel";

package/dist/editor.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import React__default, { createContext, useContext, forwardRef, useRef, useState, useEffect, useLayoutEffect, useMemo } from "react";
+import { NodeSelection, PluginKey, Plugin, TextSelection, EditorState, Selection } from "prosemirror-state";
 import { Slot, defaultBorderMixin, cls, TypeIcon, iconSize, CheckSquareIcon, Heading1Icon, Heading2Icon, Heading3Icon, ListIcon, ListOrderedIcon, QuoteIcon, CodeIcon, ImageIcon, TableIcon, Wand2Icon, TextField, IconButton, Tooltip, ChevronDownIcon, CheckIcon, Popover, Button, focusedDisabled, Trash2Icon, BoldIcon, ItalicIcon, UnderlineIcon, StrikethroughIcon, Label, Checkbox, useInjectStyles, Separator, TextareaAutosize } from "@rebasepro/ui";
 import { useTranslation } from "@rebasepro/core";
 import { c } from "react-compiler-runtime";
 import { autoUpdate, computePosition, offset, flip, shift } from "@floating-ui/dom";
-import { NodeSelection, PluginKey, Plugin, TextSelection, EditorState } from "prosemirror-state";
 import { Fragment, DOMParser, DOMSerializer } from "prosemirror-model";
 import { setBlockType, wrapIn, toggleMark, baseKeymap } from "prosemirror-commands";
 import { wrapInList, sinkListItem, liftListItem, splitListItem } from "prosemirror-schema-list";
@@ -3589,16 +3589,23 @@ const RebaseEditor = ({
     }
   }, [highlight?.from, highlight?.to]);
   const proseClass = proseClasses[textSize];
-  return /* @__PURE__ */ jsxs("div", { className: "relative min-h-[200px] w-full", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "relative min-h-[200px] w-full flex flex-col", children: [
     /* @__PURE__ */ jsx("button", { type: "button", onClick: handleToggleMarkdown, title: isMarkdownMode ? "Switch to Visual Editor" : "Switch to Markdown", className: "absolute top-2 right-2 z-10 px-2 py-1 text-xs font-medium text-surface-400 hover:text-surface-700 dark:text-surface-600 dark:hover:text-surface-300 transition-colors opacity-50 hover:opacity-100 bg-transparent rounded", children: isMarkdownMode ? "Visual" : "Markdown" }),
     /* @__PURE__ */ jsxs(ProseMirrorContext.Provider, { value: useMemo(() => ({
       state,
       view
     }), [state, view]), children: [
       /* @__PURE__ */ jsxs("div", { style: {
-        display: isMarkdownMode ? "none" : "block"
-      }, children: [
-        /* @__PURE__ */ jsx("div", { ref: editorRef, className: cls("relative prose dark:prose-invert", proseClass, "prose-headings:font-title prose-headings:font-normal prose-strong:font-semibold prose-code:font-normal prose-blockquote:font-normal prose-a:font-normal font-default focus:outline-none max-w-full px-12 py-4") }),
+        display: isMarkdownMode ? "none" : "flex"
+      }, className: "flex-1 flex flex-col", children: [
+        /* @__PURE__ */ jsx("div", { ref: editorRef, onClick: (e_3) => {
+          if (view && e_3.target === e_3.currentTarget) {
+            view.focus();
+            const end = view.state.doc.content.size;
+            const tr_1 = view.state.tr.setSelection(Selection.near(view.state.doc.resolve(end), -1));
+            view.dispatch(tr_1);
+          }
+        }, className: cls("relative prose dark:prose-invert cursor-text flex-1", proseClass, "prose-headings:font-title prose-headings:font-normal prose-strong:font-semibold prose-code:font-normal prose-blockquote:font-normal prose-a:font-normal font-default focus:outline-none max-w-full py-4") }),
         view && /* @__PURE__ */ jsxs(Fragment$1, { children: [
           /* @__PURE__ */ jsxs(EditorBubble, { options: {
             placement: "top",
@@ -3630,6 +3637,9 @@ const RebaseEditor = ({
 const cssStyles = `
 .ProseMirror {
     box-shadow: none !important;
+    padding-left: 2rem;
+    padding-right: 2rem;
+    min-height: 100%;
 }
 .ProseMirror .is-editor-empty:first-child::before {
   content: attr(data-placeholder);