akanjs 3.0.0-alpha.26 → 3.0.0-alpha.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "akanjs",
-  "version": "3.0.0-alpha.26",
+  "version": "3.0.0-alpha.27",
   "sourceType": "module",
   "type": "module",
   "publishConfig": {

package/types/ui/Model/AdminPanel.d.ts

@@ -18,6 +18,9 @@ interface AdminPanelProps<T extends string, State, Input, Full extends {
             [key: string]: any;
         };
     };
+    template?: any;
+    unit?: any;
+    view?: any;
     /** Summary column to query descriptor. Only a column this map names becomes a link to its filtered listing. */
     queryMap?: {
         [key: string]: unknown;
@@ -31,5 +34,5 @@ export default function AdminPanel<RefName extends string, State, Input, Full ex
     id: string;
 }, Light extends {
     id: string;
-}>({ slice, components, queryMap, summaryColumns, insightColumns, renderInsight, renderDashboard, ...props }: AdminPanelProps<RefName, State, Input, Full, Light>): import("react/jsx-runtime").JSX.Element;
+}>({ slice, components, queryMap, template, unit, view, summaryColumns, insightColumns, renderInsight, renderDashboard, ...props }: AdminPanelProps<RefName, State, Input, Full, Light>): import("react/jsx-runtime").JSX.Element;
 export {};

package/ui/Model/AdminPanel.tsx

@@ -14,6 +14,9 @@ interface AdminPanelProps<T extends string, State, Input, Full extends { id: str
     Unit: { [key: string]: any };
     View: { [key: string]: any };
   };
+  template?: any;
+  unit?: any;
+  view?: any;
   /** Summary column to query descriptor. Only a column this map names becomes a link to its filtered listing. */
   queryMap?: { [key: string]: unknown };
   /** Keys of the app's `summary` state shown as dashboard tiles above the list. */
@@ -32,6 +35,9 @@ export default function AdminPanel<
   slice,
   components,
   queryMap,
+  template,
+  unit,
+  view,
   summaryColumns,
   insightColumns = [],
   renderInsight = ({ insight }) => (
@@ -52,9 +58,15 @@ export default function AdminPanel<
   ...props
 }: AdminPanelProps<RefName, State, Input, Full, Light>) {
   const { sliceName } = slice;
-  const Unit = components.Unit.General as ((props: ModelProps<any, any>) => ReactNode) | undefined;
-  const Template = components.Template.General as ((props: { [key in RefName]: Full }) => ReactNode) | undefined;
-  const View = components.View.General as ComponentType<{ [key in RefName]: Full }> | undefined;
+  const Unit = (unit ?? components.Unit.General ?? components.Unit.Card ?? Object.values(components.Unit).at(0)) as
+    | ((props: ModelProps<any, any>) => ReactNode)
+    | undefined;
+  const Template = (template ?? components.Template.General ?? Object.values(components.Template).at(0)) as
+    | ((props: { [key in RefName]: Full }) => ReactNode)
+    | undefined;
+  const View = (view ?? components.View.General ?? Object.values(components.View).at(0)) as
+    | ComponentType<{ [key in RefName]: Full }>
+    | undefined;
   return (
     <Data.ListContainer
       slice={slice}