sera-components 1.0.0

package/dist/components/src/view/ViewNestedPropertyItem.d.ts

@@ -0,0 +1,46 @@
+import { ClassName, DataProperty, DraftRecord, GenericRecord, ObjectProperty, Table } from '../../../db/src/index.ts';
+import { DisplayInterface } from '../data/display';
+import { NoQueryArgsPathDef } from '../../../route/src/index.ts';
+export interface ViewNestedPropertyItemProps<ID extends string | number, R extends GenericRecord<ID, DR>, DR extends DraftRecord<ID>> {
+    store: Table<ID, R, DR>;
+    record: R;
+    properties: (DataProperty | ObjectProperty)[];
+    DisplayComponent: React.ComponentType<DisplayInterface<any>>;
+    entityRoutes: Record<ClassName, NoQueryArgsPathDef<{
+        id: "string";
+    }, any>>;
+}
+/**
+ * A component that renders a nested property item.
+ *
+ * This component traverses through a chain of properties to display a deeply nested
+ * property value from a record. It shows the last property label and renders the value
+ * using the provided DisplayComponent.
+ *
+ * @template ID - The type of the record identifier (string or number)
+ * @template R - The type of the generic record extending GenericRecord
+ * @template DR - The type of the draft record extending DraftRecord
+ * @template PF - The property field type constrained to keys of R
+ * @template F - The field type constrained to keys of DR
+ *
+ * @param props - The component properties
+ * @param props.store - The table store containing the record data
+ * @param props.record - The record being viewed
+ * @param props.properties - Array of properties defining the path to the nested value
+ * @param props.DisplayComponent - React component used to render the field value
+ *
+ * @returns A JSX element displaying the nested property with its label and value
+ *
+ * @example
+ * ```tsx
+ * <ViewNestedPropertyItem
+ *   store={userStore}
+ *   record={user}
+ *   properties={[addressProperty, streetProperty]}
+ *   DisplayComponent={TextDisplay}
+ * />
+ * ```
+ */
+export declare const ViewNestedPropertyItem: (<ID extends string | number, R extends GenericRecord<ID, DR>, DR extends DraftRecord<ID>>({ store, record, properties, DisplayComponent, entityRoutes, }: ViewNestedPropertyItemProps<ID, R, DR>) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};

package/dist/components/src/view/ViewTab.d.ts

@@ -0,0 +1,18 @@
+import { ClassName, DraftRecord, GenericRecord, Schema, SchemaType, Table } from '../../../db/src/index.ts';
+import { FieldGroup } from './View';
+import { NoQueryArgsPathDef } from '../../../route/src/index.ts';
+export interface SeraViewTabProps<ID extends string | number, R extends GenericRecord<ID, DR>, DR extends DraftRecord<ID>, PF extends keyof R, F extends keyof DR, ST extends SchemaType<ID, R, DR, PF, F>> {
+    schema: Schema<ID, R, DR, PF, F, ST>;
+    store: Table<ID, R, DR>;
+    fieldTabs: {
+        tabName: string;
+        fieldGroups: FieldGroup<ID, R, DR, PF, F, ST>[];
+    }[];
+    record: R;
+    tabStyles?: React.CSSProperties;
+    tabClassName?: string;
+    entityRoutes: Record<ClassName, NoQueryArgsPathDef<{
+        id: "string";
+    }, any>>;
+}
+export declare const SeraViewTab: <ID extends string | number, R extends GenericRecord<ID, DR>, DR extends DraftRecord<ID>, PF extends keyof R, F extends keyof DR, ST extends SchemaType<ID, R, DR, PF, F>>(props: SeraViewTabProps<ID, R, DR, PF, F, ST>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/src/view/index.d.ts

@@ -0,0 +1,2 @@
+export { SeraView, makeFieldDisplay } from './View';
+export { SeraViewTab } from './ViewTab';

package/dist/index.css

@@ -0,0 +1 @@
+._requiredLabelLeft_l5p83_1:before{color:#ff4d4f;content:"*";font-family:SimSun,sans-serif;display:inline-block;margin-inline-end:4px;line-height:1px;font-size:14px}._requiredLabelRight_l5p83_11:after{color:#ff4d4f;content:"*";font-family:SimSun,sans-serif;display:inline-block;margin-inline-start:4px;line-height:1px;font-size:14px}._pageSizeSelectorActive_1wv6j_1{color:var(--mantine-color-text);opacity:1}._pageSizeSelectorActive_1wv6j_1 .mantine-Menu-itemLabel .mantine-Text-root{font-weight:700!important}