sera-components 1.0.0 → 1.1.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sera-components",
   "private": false,
-  "version": "1.0.0",
+  "version": "1.1.1",
   "type": "module",
   "files": [
     "dist"

package/dist/components/src/basic/CountryFlag.d.ts

@@ -1,75 +0,0 @@
-export interface CountryFlag {
-    svgFlag: string;
-    emojiFlag: string;
-}
-export declare const countryFlags: {
-    UK: {
-        svgFlag: string;
-        emojiFlag: string;
-    };
-    VN: {
-        svgFlag: string;
-        emojiFlag: string;
-    };
-    US: {
-        svgFlag: string;
-        emojiFlag: string;
-    };
-    CA: {
-        svgFlag: string;
-        emojiFlag: string;
-    };
-    BR: {
-        svgFlag: string;
-        emojiFlag: string;
-    };
-    ES: {
-        svgFlag: string;
-        emojiFlag: string;
-    };
-    IT: {
-        svgFlag: string;
-        emojiFlag: string;
-    };
-    NZ: {
-        svgFlag: string;
-        emojiFlag: string;
-    };
-    MX: {
-        svgFlag: string;
-        emojiFlag: string;
-    };
-    CN: {
-        svgFlag: string;
-        emojiFlag: string;
-    };
-    AU: {
-        svgFlag: string;
-        emojiFlag: string;
-    };
-    JP: {
-        svgFlag: string;
-        emojiFlag: string;
-    };
-    FR: {
-        svgFlag: string;
-        emojiFlag: string;
-    };
-    DE: {
-        svgFlag: string;
-        emojiFlag: string;
-    };
-    IN: {
-        svgFlag: string;
-        emojiFlag: string;
-    };
-};
-export declare const SVGCountryFlag: ({ flag }: {
-    flag: CountryFlag;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const EmojiCountryFlag: ({ flag }: {
-    flag: CountryFlag;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const CountryFlagComponent: ({ flag }: {
-    flag: CountryFlag;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/src/basic/Language.d.ts

@@ -1,48 +0,0 @@
-import { MultiLingualString as MLS } from '../../../db/src/index.ts';
-/**
- * A dropdown menu component for selecting application language/locale.
- *
- * Displays the current language with its flag and provides a dropdown menu
- * with all available languages. Each menu item shows the language name,
- * country flag, and a checkmark for the currently selected language.
- *
- * @param locale - The currently selected locale object
- * @param setLocale - Callback function to update the selected locale
- *
- * @example
- * ```tsx
- * <LanguageSelector
- *   locale={currentLocale}
- *   setLocale={setCurrentLocale}
- * />
- * ```
- */
-export declare const LanguageSelector: ({ locale, setLocale, }: {
-    locale: Intl.Locale;
-    setLocale: (locale: Intl.Locale) => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const LocaleContext: import('react').Context<Intl.Locale>;
-/**
- * A component that returns a multilingual string based on the current locale context.
- *
- * @param props - The component props
- * @param props.value - The multilingual string object containing language-to-value mappings
- * @returns The localized string value for the current locale, or falls back to the default language if the current locale is not available
- *
- * @example
- * ```tsx
- * const multilingualText = {
- *   lang: 'en',
- *   lang2value: {
- *     'en': 'Hello',
- *     'es': 'Hola',
- *     'fr': 'Bonjour'
- *   }
- * };
- *
- * <MultiLingualString value={multilingualText} />
- * ```
- */
-export declare const MultiLingualString: ({ value }: {
-    value: MLS;
-}) => string;

package/dist/components/src/basic/Menu.d.ts

@@ -1,62 +0,0 @@
-import { NoArgsPathDef } from '../../../route/src/index.ts';
-import { Trie } from '../misc';
-type MenuKey = string;
-export declare enum Permission {
-    Allow = 0,
-    Denied = 1,
-    Pending = 2
-}
-/**
- * Specialized Trie data structure for efficient menu route matching and navigation.
- *
- * Provides O(m) lookup time for finding the best matching menu item based on URL paths,
- * where m is the length of the path.
- */
-export declare class MenuTrie extends Trie {
-    private pathToKey;
-    /**
-     * Normalizes a URL path by removing trailing slashes
-     *
-     * @param path - The path which is an URL string to normalize
-     * @returns The normalized path without trailing slash, except for root "/"
-     */
-    private normalizePath;
-    /**
-     * Inserts an url path into the trie and associates it with a menu key.
-     *
-     * @param path - The URL path to store (e.g., "/admin/users")
-     * @param menuKey - The menu key to associate with this path
-     */
-    insertRoute(path: string, menuKey: string): void;
-    /**
-     * Finds the menu key associated with the longest matching route prefix
-     *
-     * @param route - The URL to match against stored menu url paths
-     * @returns The menu key if a valid prefix match is found, undefined otherwise
-     */
-    findMatchingKey(route: string): string | undefined;
-}
-export interface MenuRoute<R> {
-    path: NoArgsPathDef<any>;
-    role: R;
-}
-export interface SeraMenuItem<R> {
-    key: MenuKey;
-    label: React.ReactElement | string;
-    icon?: React.ReactElement;
-    route?: MenuRoute<R>;
-    children?: SeraMenuItem<R>[];
-}
-export declare function buildMenuItemIndex<R>(items: SeraMenuItem<R>[]): {
-    key2item: Record<MenuKey, SeraMenuItem<R>>;
-    key2fullpath: Record<MenuKey, MenuKey[]>;
-    key2route: {
-        [key: MenuKey]: MenuRoute<R>;
-    };
-};
-export declare function filterAllowedItems<R>(items: SeraMenuItem<R>[], checkPermission: (role: R) => Permission): SeraMenuItem<R>[];
-export declare const SeraVerticalMenu: <R>(props: {
-    items: SeraMenuItem<R>[];
-    checkPermission: (role: R) => Permission;
-}) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/src/basic/Transition.d.ts

@@ -1,18 +0,0 @@
-export declare const NotFound: ({ message }: {
-    message?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const NotFoundSubPage: ({ message }: {
-    message?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const NotFoundInline: ({ message }: {
-    message?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Loading: ({ tip }: {
-    tip?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const LoadingInline: ({ tip }: {
-    tip?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const NotAuthorized: ({ message }: {
-    message?: string;
-}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +0,0 @@
-export * from './CountryFlag';
-export * from './Language';
-export * from './Transition';
-export * from './Menu';

package/dist/components/src/data/display/ForeignKeyDisplay.d.ts

@@ -1,7 +0,0 @@
-import { DisplayInterface } from '.';
-export declare const SingleForeignKeyDisplay: (<ID extends string | number>({ db, property, value, entityRoutes, }: DisplayInterface<ID>) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};
-export declare const MultiForeignKeyDisplay: (<ID extends string | number>({ db, property, value, entityRoutes, }: DisplayInterface<ID[]>) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};

package/dist/components/src/data/display/TextDisplay.d.ts

@@ -1,2 +0,0 @@
-import { DisplayInterface } from '.';
-export declare const TextDisplay: ({ value }: DisplayInterface<string>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/src/data/display/index.d.ts

@@ -1,13 +0,0 @@
-import { ClassName, DataProperty, DataType, DB, ObjectProperty } from '../../../../db/src/index.ts';
-import { NoQueryArgsPathDef } from '../../../../route/src/index.ts';
-export { SingleForeignKeyDisplay, MultiForeignKeyDisplay } from './ForeignKeyDisplay';
-export type DisplayInterface<T> = {
-    db: DB;
-    property: DataProperty | ObjectProperty;
-    nestedProperty?: DataProperty | ObjectProperty;
-    value: T;
-    entityRoutes: Record<ClassName, NoQueryArgsPathDef<{
-        id: "string";
-    }, any>>;
-};
-export declare const DataType2DisplayComponent: Partial<Record<DataType, React.ComponentType<DisplayInterface<any>>>>;

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

@@ -1,2 +0,0 @@
-export * from './display';
-export * from './inputs';

package/dist/components/src/data/inputs/BooleanInput.d.ts

@@ -1,2 +0,0 @@
-import { InputInterface } from '.';
-export declare const BooleanInput: React.FC<InputInterface<boolean>>;

package/dist/components/src/data/inputs/ForeignKeyInput.d.ts

@@ -1,22 +0,0 @@
-import { InputInterface } from '.';
-import { Record } from '../../../../db/src/index.ts';
-export declare const SingleForeignKeyInput: (<T>(_props: InputInterface<T>) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};
-export declare const MultiForeignKeyInput: (<ID extends string | number>({ db, property, value: recordIds, onChange, }: InputInterface<ID[]>) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};
-export declare const SearchInput: <ID extends string | number, R extends Record<ID>>({ name, data, onSelect, renderOption, isIdInteger, query, setQuery, }: {
-    name?: string;
-    query: string;
-    setQuery: (query: string) => void;
-    onSelect: (id: ID) => void;
-    data: R[];
-    renderOption: (record: R) => React.ReactNode;
-    isIdInteger?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const CardList: <R>({ items, onDelete, render, }: {
-    items: R[];
-    onDelete: (value: R) => void;
-    render: (value: R) => React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element | undefined;

package/dist/components/src/data/inputs/NumberInput.d.ts

@@ -1,2 +0,0 @@
-import { InputInterface } from '.';
-export declare const NumberInput: React.FC<InputInterface<number | undefined>>;

package/dist/components/src/data/inputs/PhoneNumberInput.d.ts

@@ -1,13 +0,0 @@
-import { default as React } from 'react';
-export interface PhoneNumberInputProps {
-    id: string;
-    value: string;
-    type: string;
-    onChange: (e: {
-        target: {
-            value: string;
-        };
-    }) => void;
-    error?: boolean | React.ReactNode;
-}
-export declare const PhoneNumberInput: React.FC<PhoneNumberInputProps>;

package/dist/components/src/data/inputs/TextInput.d.ts

@@ -1,2 +0,0 @@
-import { InputInterface } from '.';
-export declare const TextInput: React.FC<InputInterface<string>>;

package/dist/components/src/data/inputs/index.d.ts

@@ -1,21 +0,0 @@
-import { DataProperty, DataType, DB, ObjectProperty } from '../../../../db/src/index.ts';
-/**
- * Interface for input components in forms
- * @interface InputInterface
- * @template T - The type of the input value
- * @property {DataProperty | ObjectProperty} property - The property being edited
- * @property {any} value - The current value of the input
- * @property {function} onChange - Callback function triggered when input value changes
- * @property {boolean | string} [error] - If the type is boolean it will be error, if there is a string message it should display that message
- */
-export type InputInterface<T> = {
-    db: DB;
-    property: DataProperty | ObjectProperty;
-    value: T;
-    onChange: (value: T) => void;
-    error?: boolean | string;
-};
-/**
- * Mapping of data types to their corresponding input components
- */
-export declare const DataType2Component: Partial<Record<DataType, React.FC<InputInterface<any>>>>;

package/dist/components/src/form/Form.d.ts

@@ -1,61 +0,0 @@
-import { DraftRecord, GenericRecord, MultiLingualString, Schema, SchemaType, Table } from '../../../db/src/index.ts';
-import { FormItemLayout } from './FormItem';
-export interface CustomField {
-    name: string;
-    label: MultiLingualString;
-    description?: MultiLingualString;
-}
-export interface FieldGroup<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>> {
-    name?: string;
-    fields: ST["allProperties"][][];
-}
-export interface SeraFormProps<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<ST["id"], ST["cls"], ST["draftCls"]>;
-    fieldGroups: FieldGroup<ID, R, DR, PF, F, ST>[];
-    layout?: FormItemLayout;
-    actions: {
-        variant: "filled" | "light" | "outline";
-        label?: React.ReactNode;
-        disabled?: boolean;
-        onClick?: () => void;
-    }[];
-    record: ST["cls"] | ST["draftCls"];
-    styles?: React.CSSProperties;
-    className?: string;
-    onSubmit?: (record: ST["draftCls"]) => void;
-}
-/**
- * A form component that renders form items based on a schema from sera-db.
- *
- * This component provides a structured way to render form fields based on a schema definition,
- * with support for grouping fields, custom layouts, and form actions.
- *
- * @template ID - The type of ID used for records
- * @template R - The record type that extends GenericRecord
- * @template DR - The draft record type that extends DraftRecord
- * @template PF - The type of public fields in R
- * @template F - The type of fields in DR
- * @template ST - The schema type that extends SchemaType
- *
- * @example
- * ```tsx
- * <SeraForm
- *   schema={userSchema}
- *   store={userStore}
- *   fieldGroups={[
- *     {
- *       name: "Basic Info",
- *       fields: [["firstName", "lastName"], ["email"]]
- *     }
- *   ]}
- *   layout={{ type: "horizontal", labelCol: 3, itemCol: 9 }}
- *   actions={[
- *     { variant: "filled", label: "Save", onClick: handleSave },
- *     { variant: "outline", label: "Cancel", onClick: handleCancel }
- *   ]}
- *   record={userRecord}
- * />
- * ```
- */
-export declare const SeraForm: <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: SeraFormProps<ID, R, DR, PF, F, ST>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/src/form/FormItem.d.ts

@@ -1,31 +0,0 @@
-import { DataProperty, DraftRecord, GenericRecord, ObjectProperty, Table, validators } from '../../../db/src/index.ts';
-import { InputInterface } from '../data/inputs';
-interface FormItemHorizontalLayout {
-    type: "horizontal";
-    labelCol: number;
-    itemCol: number;
-    align?: "left" | "right";
-}
-interface FormItemVerticalLayout {
-    type: "vertical";
-    helpAlwaysVisible?: boolean;
-}
-export type FormItemLayout = FormItemHorizontalLayout | FormItemVerticalLayout;
-export interface FormItemProps<ID extends string | number, R extends GenericRecord<ID, DR>, DR extends DraftRecord<ID>> {
-    store: Table<ID, R, DR>;
-    record: R | DR;
-    property: DataProperty | ObjectProperty;
-    InputComponent: React.FC<InputInterface<any>> | React.ComponentType<InputInterface<any>>;
-    validator: validators.ValueValidator;
-    layout?: FormItemLayout;
-}
-/**
- * FormItem component for creating form elements with labels, tooltips and layout options.
- *
- * Supports both horizontal and vertical layouts. In horizontal layout, the label and input are placed side by side in a grid.
- * In vertical layout, the label is positioned above the input using Mantine's Input.Wrapper.
- */
-export declare const FormItem: (<ID extends string | number, R extends GenericRecord<ID, DR>, DR extends DraftRecord<ID>>({ store, record, property, layout, InputComponent, validator, }: FormItemProps<ID, R, DR>) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};
-export {};

package/dist/components/src/form/FormItemLabel.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-export declare const FormItemLabel: ({ label, name, required, tooltip, style, align, }: {
-    label: React.ReactNode;
-    tooltip?: React.ReactNode;
-    required?: boolean;
-    name?: string;
-    style?: React.CSSProperties;
-    align?: "left" | "right";
-}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +0,0 @@
-export * from './Form';
-export * from './FormItem';
-export * from './FormItemLabel';

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

@@ -1,5 +0,0 @@
-export * from './basic';
-export * from './data';
-export * from './form';
-export * from './table';
-export * from './view';

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

@@ -1,2 +0,0 @@
-export * from './utils';
-export * from './trie';

package/dist/components/src/misc/trie.d.ts

@@ -1,36 +0,0 @@
-/**
- * TrieNode and Trie classes for managing a prefix tree structure
- * to efficiently store and retrieve words based on their prefixes.
- */
-export declare class TrieNode {
-    children: Map<string, TrieNode>;
-    isEndOfWord: boolean;
-    value: string;
-}
-/**
- * Trie (prefix tree) data structure for efficient string storage and retrieval.
- *
- * Provides O(m) insertion and O(m) lookup operations where m is the length of the string.
- * Optimized for prefix-based operations like longest prefix matching.
- */
-export declare class Trie {
-    root: TrieNode;
-    /**
-     * Inserts a word into the trie structure.
-     * Creates new nodes as needed along the path of characters.
-     *
-     * @param word - The string to insert into the trie
-     */
-    insert(word: string): void;
-    /**
-     * Finds the longest prefix match for the given text.
-     * Returns the longest stored word that is a prefix of the input text.
-     *
-     * @param text - The input string to find prefix matches for
-     * @returns Object containing the longest matching prefix and remaining text
-     */
-    findLongestPrefix(text: string): {
-        match: string;
-        remaining: string;
-    };
-}

package/dist/components/src/misc/utils.d.ts

@@ -1,9 +0,0 @@
-export declare function groupBy<R>(items: R[], key: (item: R) => string | number): Record<string | number, R[]>;
-export declare function groupByAsList<R>(items: R[], key: (item: R) => string | number | undefined): R[][];
-export declare function uniqueList<R>(items: R[], key: (item: R) => string | number): R[];
-export declare class OrderedUniqueList<R> {
-    private items;
-    private seen;
-    add(item: R, keyFn: (item: R) => string | number): void;
-    toArray(): R[];
-}

package/dist/components/src/table/EmbeddedTable.d.ts

@@ -1,13 +0,0 @@
-import { SeraColumn } from './makeColumns';
-import { SeraActionConfig } from './TableAction';
-export interface SeraEmbeddedTableProps<R> {
-    pagination?: {
-        positions?: Set<"topRight" | "bottomLeft" | "bottomCenter" | "bottomRight">;
-        showSizeChanger?: boolean;
-    };
-    columns: SeraColumn[];
-    data: R[];
-    actions?: SeraActionConfig<number>;
-}
-export declare const DEFAULT_PAGINATION_POSITIONS: Set<"topRight" | "bottomLeft" | "bottomRight">;
-export declare const SeraEmbeddedTable: <R>(props: SeraEmbeddedTableProps<R>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/src/table/Table.d.ts

@@ -1,16 +0,0 @@
-import { DraftRecord, FetchResult, GenericRecord, ObservableQuery, Query, Schema, SchemaType } from '../../../db/src/index.ts';
-import { SeraColumn } from './makeColumns';
-import { SeraActionConfig } from './TableAction';
-export interface SeraTableProps<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>> {
-    pagination?: {
-        positions?: Set<"topRight" | "bottomLeft" | "bottomCenter" | "bottomRight">;
-        showSizeChanger?: boolean;
-    };
-    schema: Schema<ID, R, DR, PF, F, ST>;
-    columns: SeraColumn[];
-    query: ObservableQuery<ST["cls"]>;
-    getData: (query: Query<ST["cls"]>) => Promise<FetchResult<ST["cls"]>>;
-    actions?: SeraActionConfig<ST["id"]>;
-}
-export declare const DEFAULT_PAGINATION_POSITIONS: Set<"topRight" | "bottomLeft" | "bottomRight">;
-export declare const SeraTable: <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: SeraTableProps<ID, R, DR, PF, F, ST>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/src/table/TableAction.d.ts

@@ -1,16 +0,0 @@
-import { MantineSize } from '@mantine/core';
-export interface SeraActionConfig<ID extends string | number> {
-    add?: () => void;
-    edit?: (id: ID) => void;
-    delete?: () => void;
-    export?: () => void;
-    reload?: boolean;
-    import?: () => void;
-}
-export declare const SeraTableAction: <ID extends string | number>({ actions, reloadData, selectedRowKeys, size, }: {
-    size?: MantineSize;
-    actions?: SeraActionConfig<ID>;
-    reloadData?: () => void;
-    selectedRowKeys: ID[];
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const hasAction: <ID extends string | number>(actions?: SeraActionConfig<ID>) => boolean;

package/dist/components/src/table/TableContent.d.ts

@@ -1,9 +0,0 @@
-import { Table as ReactTable } from '@tanstack/react-table';
-export declare const COL_SELECT_ID = "__selectcol__";
-export declare const SeraTableContent: <R>(props: {
-    selectedRowKeys: Record<string, boolean>;
-    table: ReactTable<R>;
-    bordered?: boolean;
-    hasTopSection?: boolean;
-    hasBottomSection?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/src/table/TablePagination.d.ts

@@ -1,14 +0,0 @@
-import { MantineSize } from '@mantine/core';
-export declare const TablePagination: ({ total, pageIndex, pageSize, allowPageSizeChange, onUpdatePagination, }: {
-    total: number;
-    pageIndex: number;
-    pageSize: number;
-    allowPageSizeChange?: boolean;
-    onUpdatePagination: (pageIndex: number, pageSize: number) => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare function DataTablePageSizeSelector({ size, values, value, onChange, }: {
-    size: MantineSize;
-    values: string[];
-    value: string;
-    onChange: (value: string) => void;
-}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +0,0 @@
-export * from './Table';
-export * from './makeColumns';
-export { SeraEmbeddedTable } from './EmbeddedTable';
-export type { SeraEmbeddedTableProps } from './EmbeddedTable';

package/dist/components/src/table/makeColumns.d.ts

@@ -1,28 +0,0 @@
-import { DataProperty, DB, DraftEmbeddedRecord, DraftRecord, EmbeddedSchema, GenericEmbeddedRecord, GenericRecord, ObjectProperty, Schema, SchemaType } from '../../../db/src/index.ts';
-import { NoQueryArgsPathDef } from '../../../route/src/index.ts';
-type DOP = DataProperty | ObjectProperty;
-/**
- * Represents a column configuration for a table component.
- */
-export interface SeraColumn {
-    key: string;
-    title: React.ReactNode;
-    accessorFn: (record: any) => any;
-    render: (record: any) => React.ReactNode;
-}
-export declare function makeTableColumn(db: DB, property: DOP, entityRoutes: Record<string, NoQueryArgsPathDef<{
-    id: "string";
-}, any>>): SeraColumn;
-export declare function makeTableColumnFromNestedProperty(db: DB, property: DOP, nestedProperty: DOP, entityRoutes: Record<string, NoQueryArgsPathDef<{
-    id: "string";
-}, any>>, { title }?: {
-    title?: React.ReactNode;
-}): SeraColumn;
-export declare function makeTableColumns<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>>(db: DB, schema: Schema<ID, R, DR, PF, F, ST> | EmbeddedSchema<R, DR, PF, F>, selectedColumns: (PF | SeraColumn)[], entityRoutes: Record<string, NoQueryArgsPathDef<{
-    id: "string";
-}, any>>): SeraColumn[];
-export declare function makeEmbeddedTableColumns<R extends GenericEmbeddedRecord<DR>, DR extends DraftEmbeddedRecord, PF extends keyof R, F extends keyof DR>(db: DB, schema: EmbeddedSchema<R, DR, PF, F>, selectedColumns: (PF | SeraColumn)[], entityRoutes: Record<string, NoQueryArgsPathDef<{
-    id: "string";
-}, any>>): SeraColumn[];
-export declare function isSeraColumn(column: SeraColumn | any): column is SeraColumn;
-export {};

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

@@ -1 +0,0 @@
-export {};

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

@@ -1,25 +0,0 @@
-import { ClassName, DataProperty, DraftRecord, GenericRecord, ObjectProperty, Schema, SchemaType, Table } from '../../../db/src/index.ts';
-import { DisplayInterface } from '../data/display';
-import { NoQueryArgsPathDef } from '../../../route/src/index.ts';
-export interface FieldGroup<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>> {
-    name?: string;
-    fields: (ST["allProperties"] | {
-        prop: ST["allProperties"];
-        display: React.ComponentType<DisplayInterface<any>>;
-    } | ((store: Table<ID, R, DR>, record: R) => React.ReactNode))[][];
-}
-export interface SeraViewProps<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>;
-    fieldGroups: FieldGroup<ID, R, DR, PF, F, ST>[];
-    record: R;
-    styles?: React.CSSProperties;
-    className?: string;
-    entityRoutes: Record<ClassName, NoQueryArgsPathDef<{
-        id: "string";
-    }, any>>;
-}
-export declare const SeraView: <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: SeraViewProps<ID, R, DR, PF, F, ST>) => import("react/jsx-runtime").JSX.Element;
-export declare function makeFieldDisplay<ID extends string | number, R extends GenericRecord<ID, DR>, DR extends DraftRecord<ID>>(props: (DataProperty | ObjectProperty)[], entityRoutes: Record<ClassName, NoQueryArgsPathDef<{
-    id: "string";
-}, any>>, display?: React.ComponentType<DisplayInterface<any>>): (store: Table<ID, R, DR>, record: R) => React.ReactNode;