@imtf/dms-core 1.1.0-beta.6 → 7.4.0

package/README.md

@@ -0,0 +1,75 @@
+# @imtf/dms-core
+
+TypeScript typings for `dms-core` (the ICOS front end) - for typing your own code against its domain model, and for the `IMTFPlugins` plugin system it exposes at runtime.
+
+## Prerequisites
+
+- TypeScript 5+.
+- `IMTFPlugins` is a global provided at runtime by dms-core itself, inside a plugin bundle it loads - this package only supplies its types. Referencing `IMTFPlugins` outside that runtime (e.g. an isolated unit test) will be `undefined` unless you mock it.
+
+## Installation
+
+```bash
+npm install --save-dev @imtf/dms-core
+```
+
+This is a types-only package - it ships no runtime code, only `.d.ts` declarations.
+
+## Using the domain types
+
+Import any of the exported domain types directly to type your own functions, components, or utilities - this works regardless of whether the code is a registered plugin. The package exports the domain types used across dms-core's plugin surface (`Case`, `Task`, `Inode`, `Entity`, and others); rely on your editor's autocomplete on `@imtf/dms-core` for the full, current list rather than a list here that can drift out of date.
+
+```typescript
+import type { Case, Task } from "@imtf/dms-core";
+
+function getCaseLabel(currentCase: Case): string {
+  return currentCase.label;
+}
+
+function isOpenTask(task: Task): boolean {
+  return task.status === "open";
+}
+```
+
+## Using the `IMTFPlugins` global
+
+When `dms-core` starts, it registers a global `IMTFPlugins` object - the entry point for building custom plugins that extend Core without modifying it. This package types that global so you get autocomplete and type-checking while authoring plugins.
+
+Registering a plugin (available plugin types are exposed at runtime via `IMTFPlugins.TYPES` - use autocomplete there too):
+
+```typescript
+import MyPluginComponent from "./MyPlugin";
+
+IMTFPlugins.register(
+  IMTFPlugins.TYPES.QUESTIONNAIRE_PART,
+  "myPlugin",
+  MyPluginComponent,
+);
+```
+
+Reading data via the hooks API (namespaced under `IMTFPlugins.hooks`, grouped by domain - `app`, `case`, `task`, `mdm`, `inode`):
+
+```typescript
+export default function MyComponent({ item }: { item: Case }) {
+  const { data: currentCase } = IMTFPlugins.hooks.case.useCase(item);
+  // ...
+}
+```
+
+Calling an action:
+
+```typescript
+const { getAction, TYPES } = IMTFPlugins.actions;
+
+const action = getAction(TYPES.APP.OPEN_IN_NEW_WINDOW, [item]);
+if (action) {
+  action();
+}
+```
+
+## Versioning
+
+This package follows semantic versioning, always aligned with the `dms-core` product release version (e.g. `7.4.X`) — so the version you install tells you exactly which `dms-core` release its types were generated from.
+
+- **Stable releases** (`x.y.z`, no suffix) are published under the `latest` npm dist-tag. `npm install @imtf/dms-core` without pinning a version resolves to one of these.
+- **Prereleases and variant lines** (e.g. `x.y.z-beta.n`, `x.y.z-natwest.n`) publish under their own identifier as the npm dist-tag (`beta`, `natwest`, ...) rather than `latest`, so they're never picked up unless explicitly requested - either by pinning the exact version (e.g. `"@imtf/dms-core": "1.1.0-beta.6"`) or installing via that tag (e.g. `npm install @imtf/dms-core@beta`).

package/core/components/ActionMenu/styles.d.ts

@@ -1,4 +1,2 @@
-export const IconButtonStyled: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "classes" | "children" | "className" | "sx" | "style" | "tabIndex" | "color" | "loading" | "size" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export const MoreIcon: import("@emotion/styled").StyledComponent<Omit<import("react").SVGProps<SVGSVGElement> & import("@imtf/icons").IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export const IconButtonStyled: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "classes" | "children" | "className" | "sx" | "style" | "tabIndex" | "color" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loading" | "loadingIndicator" | "size" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export const MenuIcon: import("@emotion/styled").StyledComponent<Omit<import("react").SVGProps<SVGSVGElement> & import("@imtf/icons").IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/core/components/Chip/Chip.d.ts

@@ -4,5 +4,5 @@ type ChipProps = {
     margin?: boolean;
     customColor?: string | null;
 } & MuiChipProps;
-declare const Chip: ({ title, type, margin, size, customColor, style, ...props }: ChipProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Chip: ({ title, label, type, margin, size, customColor, style, ...props }: ChipProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Chip;

package/core/components/CloseModalButton/CloseModalButton.d.ts

@@ -5,6 +5,10 @@ type CloseModalButtonProps = {
     /** The content placed before the close button. */
     children: React.ReactNode;
     onClick: IconButtonProps["onClick"];
+    /** Additional props to pass to the IconButton component. */
+    buttonProps?: IconButtonProps & {
+        "data-testid"?: string;
+    };
 };
 declare const CloseModalButton: import("react").ForwardRefExoticComponent<CloseModalButtonProps & import("react").RefAttributes<HTMLDivElement>>;
 export default CloseModalButton;

package/core/components/DatePicker/DatePicker.d.ts

@@ -1,6 +1,7 @@
 import { TextFieldProps } from "@mui/material";
 import { DatePickerProps } from "@mui/x-date-pickers";
-declare const DatePicker: (props: DatePickerProps<Date> & {
-    size: TextFieldProps["size"];
-}) => import("react/jsx-runtime").JSX.Element;
+interface CustomDatePickerProps extends DatePickerProps {
+    size?: TextFieldProps["size"];
+}
+declare const DatePicker: (props: CustomDatePickerProps) => import("react/jsx-runtime").JSX.Element;
 export default DatePicker;

package/core/components/FormattedMessage/index.d.ts

@@ -0,0 +1,11 @@
+type FormattedMessageProps = {
+    message: string | {
+        id: string;
+        defaultMessage?: string;
+        values?: Record<string, any>;
+    };
+    values?: Record<string, any>;
+};
+export declare const FormattedMessage: ({ message: messageBase, values, }: FormattedMessageProps) => string | null;
+declare const _default: import("react").MemoExoticComponent<({ message: messageBase, values, }: FormattedMessageProps) => string | null>;
+export default _default;

package/core/components/Inline/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export declare const Inline: React.ForwardRefExoticComponent<{
+    disableBorder?: boolean;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const _default: React.NamedExoticComponent<{
+    disableBorder?: boolean;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/core/components/ItemIcon/index.d.ts

@@ -6,7 +6,7 @@ declare function ItemIcon({ item: itemProp, margin, size, align, ...props }: {
     margin?: number | undefined;
     size?: number | undefined;
     align?: string | undefined;
-}): false | import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace ItemIcon {
     namespace propTypes {
         let item: PropTypes.Requireable<{}>;

package/core/components/NotFound/index.d.ts

@@ -0,0 +1,4 @@
+import { IconProps } from "@imtf/icons";
+import type { SVGProps } from "react";
+declare const ForwardRef: import("react").ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export { ForwardRef as NotFoundIcon };

package/core/components/Select/Select.d.ts

@@ -5,16 +5,16 @@ export interface AutocompleteProps<T, Multiple extends boolean | undefined = und
     helperText?: TextFieldProps["helperText"];
     placeholder?: TextFieldProps["placeholder"];
     required?: TextFieldProps["required"];
-    virtualized?: boolean;
     itemSize?: number;
     autoFocus?: boolean;
     renderInput?: (params: AutocompleteRenderInputParams) => React.ReactNode;
-    InputProps?: AutocompleteRenderInputParams["InputProps"];
+    InputProps?: Partial<AutocompleteRenderInputParams["InputProps"]>;
     creatable?: boolean;
     onCreate?: (inputValue: string, callback: (newValue: string | false) => void) => void;
+    textFieldProps?: TextFieldProps;
 }
 /**
  * Use `Select` to add a select field. Override AutocompleteComponent directly with props
  */
-export declare const Select: <T, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined>({ label, error, helperText, placeholder, required, virtualized, getOptionLabel, renderOption, renderInput, itemSize, loading, InputProps, options, ...props }: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: <T, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined>({ label, error, helperText, placeholder, required, getOptionLabel, renderOption, renderInput, itemSize, loading, InputProps, options, textFieldProps, ...props }: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>) => import("react/jsx-runtime").JSX.Element;
 export default Select;

package/core/components/Tooltip/TooltipError.d.ts

@@ -0,0 +1,4 @@
+import { TooltipProps } from "@mui/material";
+type TooltipErrorProps = TooltipProps;
+declare const _default: import("react").MemoExoticComponent<({ title, ...props }: TooltipErrorProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/core/components/dms-ui/Composer.d.ts

@@ -0,0 +1,57 @@
+import { Control } from "react-hook-form";
+import { Inode, InodeTypeRef } from "../../../core/providers/Inodes/types";
+import { PropertiesComponent, UIPropertiesGroup } from "./types";
+type ComposerProps = {
+    components: (PropertiesComponent | UIPropertiesGroup)[];
+    display: "default" | "facet";
+    control: Control;
+    /**
+     * No need to use this props, as there's already an onChange from RHF to update the form state
+     * But you can use it if you need to know which component changed and its value
+     */
+    onChange?: (name: string, value: unknown) => void;
+    /**
+     * The inode that is being edited. Not really required if you don't use the Group component
+     */
+    inode?: Inode;
+    /**
+     * Hide the current group title if the inode is the same as the current group
+     */
+    hideCurrentGroupTitle?: boolean;
+    /**
+     * Disable all the Composers components
+     */
+    disabled?: boolean;
+    /**
+     * The typeRef of the current group
+     */
+    typeRef?: InodeTypeRef;
+    /**
+     * Whether the nested groups are collapsible or not
+     */
+    collapsibleNestedGroups?: boolean;
+    /**
+     * Whether the first group should have a top left and top right border radius or not
+     */
+    removeFirstGroupTopBorderRadius?: boolean;
+    /**
+     * Context properties that can be used by the components to display or not some values, or to filter some values.
+     * For example, it can be the current user's agencies to only display the values of those agencies in a datasource autocomplete.
+     * This is especially useful when uploading a file, we can pass the folder's properties in which the file is being uploaded for more context.
+     *
+     * Here's the structure needed:
+     * {
+     *   "key1": "value1",
+     *   "key2": "value2",
+     * }
+     */
+    contextProperties?: Record<string, unknown>;
+    /**
+     * Whether to show a search icon next to the property in the inspector properties panel.
+     * Clicking it navigates to the first search mask with the property technical key and current value appended as query parameters.
+     */
+    searchable?: boolean;
+    onSearchablePropertyClick?: (propertyName: PropertiesComponent["name"], propertyValue: string, kind: PropertiesComponent["kind"]) => void;
+};
+export default function Composer({ components, display, control, onChange, disabled, hideCurrentGroupTitle, typeRef, collapsibleNestedGroups, removeFirstGroupTopBorderRadius, contextProperties, searchable, onSearchablePropertyClick, ...props }: ComposerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/core/components/dms-ui/NewDatasourceAutocomplete.d.ts

@@ -0,0 +1,18 @@
+import { SelectProps, TextFieldProps } from "@mui/material";
+import { ControllerRenderProps } from "react-hook-form";
+type AutocompleteProps = SelectProps & {
+    name: string;
+    field: ControllerRenderProps;
+    required?: TextFieldProps["required"];
+    datasourceName: string;
+    inputProps?: TextFieldProps["InputProps"];
+    disabled?: boolean;
+    autoSelect?: boolean;
+    error: TextFieldProps["error"];
+    helperText?: TextFieldProps["helperText"];
+    variant: TextFieldProps["variant"];
+    freeSolo?: boolean;
+    contextProperties?: Record<string, unknown>;
+};
+declare const _default: import("react").MemoExoticComponent<({ name, field, required, datasourceName, inputProps, disabled, autoSelect, error, helperText, variant, freeSolo, contextProperties, ...props }: AutocompleteProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/core/components/dms-ui/constants.d.ts

@@ -1,5 +1,6 @@
 export declare const UI: {
     readonly GROUP: "dms-core.ui.component.Group";
+    readonly PROPERTY_GROUP: "dms-core.ui.component.PropertyGroup";
     readonly AUTOCOMPLETE: "dms-core.ui.component.Autocomplete";
     readonly TEXTFIELD: "dms-core.ui.component.TextField";
     readonly NUMBER_TEXTFIELD: "dms-core.ui.component.NumberTextField";

package/core/components/dms-ui/default/DatasourceAutocomplete.d.ts

@@ -0,0 +1,18 @@
+import { Control } from "react-hook-form";
+import { PropertiesComponent } from "../types";
+type AutocompleteFieldProps = {
+    control: Control;
+    name: string;
+    label: string;
+    datasourceName?: string;
+    required?: boolean;
+    disabled?: boolean;
+    allowUnmanagedValue?: boolean;
+    onChange?: (name: string, value: unknown) => void;
+    contextProperties?: Record<string, unknown>;
+    searchable?: boolean;
+    onSearchablePropertyClick?: (name: PropertiesComponent["name"], value: unknown, kind: PropertiesComponent["kind"]) => void;
+    kind: PropertiesComponent["kind"];
+};
+export default function AutocompleteField({ control, name, label, datasourceName, required, disabled, allowUnmanagedValue, onChange, contextProperties, searchable, onSearchablePropertyClick, kind, ...props }: AutocompleteFieldProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/core/components/dms-ui/default/DatePicker.d.ts

@@ -0,0 +1,17 @@
+import { DatePickerProps } from "@mui/x-date-pickers";
+import { Control } from "react-hook-form";
+import { PropertiesComponent } from "../types";
+export type DatePickerComponentProps = DatePickerProps & {
+    control: Control;
+    name: string;
+    label: string;
+    required?: boolean;
+    disabled?: boolean;
+    onChange?: (name: string, value: unknown) => void;
+    minValue?: DatePickerProps["minDate"];
+    maxValue?: DatePickerProps["maxDate"];
+    searchable?: boolean;
+    onSearchablePropertyClick?: (name: PropertiesComponent["name"], value: unknown, kind: PropertiesComponent["kind"]) => void;
+    kind: PropertiesComponent["kind"];
+};
+export default function DatePickerComponent({ control, required, disabled, label, name, minValue: minDateProp, maxValue: maxDateProp, onChange, searchable, onSearchablePropertyClick, kind, ...props }: DatePickerComponentProps): import("react/jsx-runtime").JSX.Element;

package/core/components/dms-ui/default/Group.d.ts

@@ -0,0 +1,19 @@
+import { Inode } from "../../../providers/Inodes/types";
+import { UIPropertiesGroup } from "../types";
+type GroupProps = {
+    inodeRef: UIPropertiesGroup["inodeRef"];
+    typeRef: UIPropertiesGroup["typeRef"];
+    inode?: Inode;
+    hideCurrentGroupTitle: boolean;
+    children?: React.ReactNode;
+    /**
+     * Whether the group is the first one or not
+     */
+    isFirstGroup: boolean;
+    /**
+     * Whether the first group should have a top left and top right border radius or not
+     */
+    removeFirstGroupTopBorderRadius: boolean;
+};
+export default function Group({ inodeRef, typeRef, inode, hideCurrentGroupTitle, children, isFirstGroup, removeFirstGroupTopBorderRadius, }: GroupProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/core/components/dms-ui/default/NestedGroup.d.ts

@@ -0,0 +1,7 @@
+import { InodeTypeRef } from "../../../providers/Inodes/types";
+import { PropertiesComponent } from "../types";
+export default function NestedGroup({ children, label, autoExpanded, typeRef, name, collapsibleNestedGroups, }: PropertiesComponent & {
+    children: React.ReactNode;
+    collapsibleNestedGroups: boolean;
+    typeRef: InodeTypeRef;
+}): import("react/jsx-runtime").JSX.Element | null;

package/core/components/dms-ui/default/NumberFormattedTexfield.d.ts

@@ -0,0 +1,17 @@
+import { Control } from "react-hook-form";
+import { NumericFormatProps } from "react-number-format";
+import { PropertiesComponent } from "../types";
+export type NumberFormattedTextfieldProps = NumericFormatProps & {
+    control: Control;
+    name: string;
+    label: string;
+    required?: boolean;
+    disabled?: boolean;
+    minValue?: number;
+    maxValue?: number;
+    onChange?: (name: string, value: unknown) => void;
+    searchable?: boolean;
+    onSearchablePropertyClick?: (name: PropertiesComponent["name"], value: unknown, kind: PropertiesComponent["kind"]) => void;
+    kind: PropertiesComponent["kind"];
+};
+export default function NumberFormattedTextfield({ control, name, label, required, disabled, minValue, maxValue, onChange, searchable, onSearchablePropertyClick, kind, ...props }: NumberFormattedTextfieldProps): import("react/jsx-runtime").JSX.Element;

package/core/components/dms-ui/default/NumberTextfield.d.ts

@@ -0,0 +1,3 @@
+import { TextFieldComponentProps } from "./Textfield";
+declare const NumberTextfield: (props: TextFieldComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default NumberTextfield;

package/core/components/dms-ui/default/RadioButton.d.ts

@@ -0,0 +1,16 @@
+import { Control } from "react-hook-form";
+type RadioOption = {
+    value: string;
+    label: string;
+};
+type RadioButtonComponentProps = {
+    control: Control;
+    options: RadioOption[];
+    name: string;
+    label: string;
+    required?: boolean;
+    disabled?: boolean;
+    onChange?: (name: string, value: unknown) => void;
+};
+export default function RadioButtonComponent({ control, options, name, label, required, disabled, onChange, ...props }: RadioButtonComponentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/core/components/dms-ui/default/Select.d.ts

@@ -0,0 +1,20 @@
+import { Control } from "react-hook-form";
+import { PropertiesComponent } from "../types";
+type SelectOption = {
+    value: string;
+    label: string;
+};
+type SelectProps = {
+    control: Control;
+    name: string;
+    label: string;
+    options: SelectOption[];
+    required?: boolean;
+    disabled?: boolean;
+    onChange?: (name: string, value: unknown) => void;
+    searchable?: boolean;
+    onSearchablePropertyClick?: (name: PropertiesComponent["name"], value: unknown, kind: PropertiesComponent["kind"]) => void;
+    kind: PropertiesComponent["kind"];
+};
+declare const Select: ({ control, name, label, options, required, disabled, onChange, searchable, onSearchablePropertyClick, kind, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export default Select;

package/core/components/dms-ui/default/Textfield.d.ts

@@ -0,0 +1,17 @@
+import { TextFieldProps } from "@mui/material";
+import { Control } from "react-hook-form";
+import { PropertiesComponent } from "../types";
+export type TextFieldComponentProps = TextFieldProps & {
+    control: Control;
+    name: string;
+    label: string;
+    required?: boolean;
+    disabled?: boolean;
+    minValue?: number;
+    maxValue?: number;
+    onChange?: (name: string, value: unknown) => void;
+    searchable?: boolean;
+    onSearchablePropertyClick?: (name: PropertiesComponent["name"], value: unknown, kind: PropertiesComponent["kind"]) => void;
+    kind: PropertiesComponent["kind"];
+};
+export default function TextFieldComponent({ control, name, label, required, disabled, minValue, maxValue, onChange, searchable, onSearchablePropertyClick, kind, ...props }: TextFieldComponentProps): import("react/jsx-runtime").JSX.Element;

package/core/components/dms-ui/default/TwoDigitNumberFormattedTextfield.d.ts

@@ -0,0 +1,3 @@
+import { NumberFormattedTextfieldProps } from "./NumberFormattedTexfield";
+declare const TwoDigitNumberFormattedTextfield: (props: NumberFormattedTextfieldProps) => import("react/jsx-runtime").JSX.Element;
+export default TwoDigitNumberFormattedTextfield;

package/core/components/dms-ui/{immutableDefault → default}/index.d.ts

@@ -1,10 +1,10 @@
 export { default as DatasourceAutocomplete } from "./DatasourceAutocomplete";
 export { default as DatePicker } from "./DatePicker";
 export { default as Group } from "./Group";
+export { default as NestedGroup } from "./NestedGroup";
 export { default as Select } from "./Select";
-export { default as Switch } from "./Switch";
 export { default as Textfield } from "./Textfield";
 export { default as NumberTextfield } from "./NumberTextfield";
 export { default as NumberFormattedTextfield } from "./NumberFormattedTexfield";
 export { default as RadioButton } from "./RadioButton";
-export function TwoDigitNumberFormattedTextfield(props: any): import("react/jsx-runtime").JSX.Element;
+export { default as TwoDigitNumberFormattedTextfield } from "./TwoDigitNumberFormattedTextfield";

package/core/components/dms-ui/facet/DatasourceAutocomplete.d.ts

@@ -0,0 +1,13 @@
+import { Control } from "react-hook-form";
+type AutocompleteFieldProps = {
+    control: Control;
+    name: string;
+    label: string;
+    datasourceName?: string;
+    required?: boolean;
+    disabled?: boolean;
+    allowUnmanagedValue?: boolean;
+    onChange?: (name: string, value: unknown) => void;
+};
+export default function AutocompleteField({ control, name, label, datasourceName, required, disabled, allowUnmanagedValue, onChange, }: AutocompleteFieldProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/core/components/dms-ui/facet/DateRangeSearcher.d.ts

@@ -0,0 +1,18 @@
+import { Control } from "react-hook-form";
+type DateRangeSearcherProps = {
+    control: Control;
+    name: string;
+    label: string;
+    options: {
+        label: string;
+        value: {
+            to: string;
+            from: string;
+        };
+        count?: number | null;
+    }[];
+    onChange?: (name: string, value: unknown) => void;
+    required?: boolean;
+};
+export default function DateRangeSearcher({ control, name, label, options, onChange, required, }: DateRangeSearcherProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/core/components/dms-ui/facet/Facet.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { Control } from "react-hook-form";
+type FacetProps = {
+    control: Control;
+    name: string;
+    label: string;
+    children: React.ReactNode;
+    required?: boolean;
+};
+export default function Facet({ control, name, label, children, required, }: FacetProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/core/components/dms-ui/facet/NumericRangePicker.d.ts

@@ -0,0 +1,20 @@
+import { Control } from "react-hook-form";
+type NumericRangeValue = {
+    from: string | null;
+    to: string | null;
+};
+type NumericRangeOption = {
+    label: string;
+    value: NumericRangeValue;
+    count?: number;
+};
+type NumericRangePickerProps = {
+    control: Control;
+    name: string;
+    label: string;
+    options: NumericRangeOption[];
+    onChange?: (name: string, value: unknown) => void;
+    required?: boolean;
+};
+export default function NumericRangePicker({ control, name, label, options: rawOptions, onChange, required, }: NumericRangePickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/core/components/dms-ui/facet/Select.d.ts

@@ -0,0 +1,13 @@
+import { Control } from "react-hook-form";
+import { Option } from "../types";
+type SelectProps = {
+    control: Control;
+    name: string;
+    label: string;
+    options: Option[];
+    multiple?: boolean;
+    onChange?: (name: string, value: unknown) => void;
+    required?: boolean;
+};
+export default function Select({ control, name, label, options, multiple, onChange, required, }: SelectProps): false | import("react/jsx-runtime").JSX.Element;
+export {};

package/core/components/dms-ui/facet/Textfield.d.ts

@@ -0,0 +1,11 @@
+import { Control } from "react-hook-form";
+type TextFieldComponentProps = {
+    control: Control;
+    name: string;
+    label: string;
+    required?: boolean;
+    disabled?: boolean;
+    onChange?: (name: string, value: unknown) => void;
+};
+export default function TextFieldComponent({ control, name, label, required, disabled, onChange, ...props }: TextFieldComponentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/core/components/dms-ui/facet/TypePicker.d.ts

@@ -0,0 +1,12 @@
+import { Control } from "react-hook-form";
+import { Option as OptionType } from "../types";
+type TypePickerComponentProps = {
+    control: Control;
+    name: string;
+    label: string;
+    options: OptionType[];
+    onChange?: (name: string, value: unknown) => void;
+    required?: boolean;
+};
+export default function TypePickerComponent({ control, name, label, options, onChange, required, }: TypePickerComponentProps): false | import("react/jsx-runtime").JSX.Element;
+export {};

package/core/components/dms-ui/facet/styles.d.ts

@@ -0,0 +1,9 @@
+export declare const TextEllipsisSpan: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const OptionSingle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    checked: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const OptionMultiple: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    checked: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Count: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const Input: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;

package/core/components/dms-ui/messages.d.ts

@@ -23,5 +23,17 @@ declare const _default: {
         id: string;
         defaultMessage: string;
     };
+    placeholder: {
+        id: string;
+        defaultMessage: string;
+    };
+    minValue: {
+        id: string;
+        defaultMessage: string;
+    };
+    maxValue: {
+        id: string;
+        defaultMessage: string;
+    };
 };
 export default _default;

package/core/components/dms-ui/types.d.ts

@@ -1,12 +1,16 @@
 import { InodeRef, InodeTypeRef } from "../../providers/Inodes/types";
 import { UI } from "./constants";
-export type DateValue = {
+export type OldDateValue = {
     from: string;
     to?: string;
 } | {
     from?: string;
     to: string;
 };
+export type DateValue = {
+    from?: Date | null;
+    to?: Date | null;
+};
 export interface OptionValue {
     label: string;
     value: string;
@@ -45,5 +49,9 @@ export type PropertiesComponent = {
     options?: Option[];
     multiple?: boolean;
     valueFormat?: string;
+    maxValue?: string;
+    minValue?: string;
+    components?: PropertiesComponent[];
+    autoExpanded?: boolean;
 };
 export {};

package/core/components/dms-ui/utils/getComponent.d.ts

@@ -0,0 +1,20 @@
+import * as Default from "../default";
+import * as Facet from "../facet";
+import { PropertiesComponent, UIPropertiesGroup } from "../types";
+export default function getComponent(kind: PropertiesComponent["kind"] | UIPropertiesGroup["kind"], display: "default" | "facet"): (({ control, name, label, options, required, disabled, onChange, searchable, onSearchablePropertyClick, kind, ...props }: {
+    control: import("react-hook-form").Control;
+    name: string;
+    label: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    required?: boolean;
+    disabled?: boolean;
+    onChange?: (name: string, value: unknown) => void;
+    searchable?: boolean;
+    onSearchablePropertyClick?: (name: PropertiesComponent["name"], value: unknown, kind: PropertiesComponent["kind"]) => void;
+    kind: PropertiesComponent["kind"];
+}) => import("react/jsx-runtime").JSX.Element) | ((props: import("../default/Textfield").TextFieldComponentProps) => import("react/jsx-runtime").JSX.Element) | ((props: import("../default/NumberFormattedTexfield").NumberFormattedTextfieldProps) => import("react/jsx-runtime").JSX.Element) | (({ component, }: {
+    component: PropertiesComponent;
+}) => import("react/jsx-runtime").JSX.Element) | typeof Facet.Select | typeof Facet.DateRangeSearcher | typeof Facet.NumericRangePicker | typeof Default.Group | typeof Default.NestedGroup | typeof Default.DatasourceAutocomplete | typeof Default.DatePicker;