sera-components 1.4.2 → 1.4.4

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

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

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

@@ -0,0 +1,5 @@
+import { InputInterface } from '.';
+export declare const DateRangeInput: React.FC<InputInterface<{
+    start?: Date;
+    end?: Date;
+} | undefined>>;

package/dist/{data → components/src/data}/inputs/index.d.ts

@@ -1,4 +1,10 @@
 import { DataProperty, DataType, DB, ObjectProperty } from 'sera-db';
+import { BooleanInput } from './BooleanInput';
+import { NumberInput } from './NumberInput';
+import { TextInput } from './TextInput';
+import { DateInput } from './DateInput';
+export { SingleForeignKeyInput, MultiForeignKeyInput } from './ForeignKeyInput';
+export { DateRangeInput } from './DateRangeInput';
 /**
  * Interface for input components in forms
  * @interface InputInterface
@@ -18,4 +24,5 @@ export type InputInterface<T> = {
 /**
  * Mapping of data types to their corresponding input components
  */
-export declare const DataType2Component: Partial<Record<DataType, React.FC<InputInterface<any>>>>;
+export declare const DataType2InputComponent: Partial<Record<DataType, React.FC<InputInterface<any>>>>;
+export { NumberInput, BooleanInput, TextInput, DateInput };

package/dist/{form → components/src/form}/FormItem.d.ts

@@ -1,12 +1,12 @@
 import { DataProperty, DraftRecord, GenericRecord, ObjectProperty, Table, validators } from 'sera-db';
 import { InputInterface } from '../data/inputs';
-interface FormItemHorizontalLayout {
+export interface FormItemHorizontalLayout {
     type: "horizontal";
     labelCol: number;
     itemCol: number;
     align?: "left" | "right";
 }
-interface FormItemVerticalLayout {
+export interface FormItemVerticalLayout {
     type: "vertical";
     helpAlwaysVisible?: boolean;
 }
@@ -28,4 +28,3 @@ export interface FormItemProps<ID extends string | number, R extends GenericReco
 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/{index.d.ts → components/src/index.d.ts}

@@ -1,9 +1,10 @@
-export * from './basic';
+export * from './misc';
 export * from './data';
 export * from './form';
 export * from './table';
+export * from './search';
 export * from './view';
-export * from './misc';
+export * from './utils';
 export * from './types';
 export * from './sera-context';
 export type { SeraContext } from './sera-context';

package/dist/{basic → components/src/misc}/Language.d.ts

@@ -45,3 +45,4 @@ export declare const LanguageSelector: ({ locale, setLocale, }: {
 export declare const MultiLingualString: ({ value }: {
     value: MLS;
 }) => string;
+export declare const useMultiLingualString: (value: MLS) => string;

package/dist/{basic → components/src/misc}/Menu.d.ts

@@ -1,4 +1,4 @@
-import { Trie } from '../misc';
+import { Trie } from '../utils';
 import { NavigateFunction, Permission, NoArgsRoute } from '../types';
 type MenuKey = string;
 export interface MenuRoute<R> {

package/dist/components/src/search/Search.d.ts

@@ -0,0 +1,12 @@
+import { MultiLingualString as MLS } from 'sera-db';
+import { SearchFormProps } from './SearchForm';
+interface SearchInputProps {
+    query?: string;
+    onChange: (query: string) => void;
+    debounceTime?: number;
+    searchText?: MLS;
+    searchField?: MLS;
+    advancedSearch?: SearchFormProps;
+}
+export declare const SeraSearch: ({ query, onChange, debounceTime, searchText, searchField, advancedSearch, }: SearchInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/src/search/SearchForm.d.ts

@@ -0,0 +1,27 @@
+import { DataProperty, DB, ObjectProperty, QueryConditions, QueryOp, validators } from 'sera-db';
+import { FormItemHorizontalLayout } from '../form';
+import { InputInterface } from '../data';
+export interface SearchFormItemProps<T> {
+    db: DB;
+    property: DataProperty | ObjectProperty;
+    InputComponent?: React.FC<InputInterface<T>> | React.ComponentType<InputInterface<T>>;
+    validator?: validators.ValueValidator;
+    layout: FormItemHorizontalLayout;
+    value: T;
+    onChange: (value: T) => void;
+}
+export declare const SearchFormItem: ({ db, property, InputComponent, layout, validator, value, onChange, }: SearchFormItemProps<any>) => import("react/jsx-runtime").JSX.Element;
+export interface SearchFormProps {
+    db: DB;
+    properties: {
+        property: DataProperty | ObjectProperty;
+        InputComponent?: React.FC<InputInterface<any>> | React.ComponentType<InputInterface<any>>;
+        toQueryOp?: (value: any) => QueryOp | undefined;
+    }[];
+    layout: FormItemHorizontalLayout;
+    styles?: React.CSSProperties;
+    className?: string;
+    onChange: (value: QueryConditions<any>) => void;
+    queryConditions: QueryConditions<any>;
+}
+export declare const SearchForm: ({ db, properties, styles, className, layout, onChange, queryConditions, }: SearchFormProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './Search';
+export * from './SearchForm';

package/dist/components/src/search/search-input-components.d.ts

@@ -0,0 +1,3 @@
+import { DataType } from 'sera-db';
+import { InputInterface } from '../data';
+export declare const DataType2SearchComponent: Partial<Record<DataType, React.FC<InputInterface<any>>>>;