@mcurros2/microm 1.1.377-0 → 1.1.378-0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -1,15 +1,15 @@
1
- import { AlertProps, DefaultMantineColor, ProgressProps, MantineNumberSize, Variants, StepperProps, MantineTheme, TextareaProps, TextInputProps, MantineColor, PasswordInputProps, NotificationProps, CheckboxProps, ButtonProps, ActionIconProps, NumberInputProps, ImageProps, MultiSelectProps, SelectItem, BadgeVariant, MantineSize, CardProps, OverlayProps, TransitionProps, AccordionProps, PinInputProps, SwitchProps, Radio, SelectProps, GroupProps, AvatarProps, AnchorProps, AutocompleteItem, AutocompleteProps, DefaultProps, BadgeProps, BreadcrumbsProps, MenuProps as _MenuProps1, TitleOrder, CSSObject, SimpleGridProps, StackProps, NavbarProps, TooltipProps } from "@mantine/core";
1
+ import { AlertProps, DefaultMantineColor, ProgressProps, MantineNumberSize, Variants, StepperProps, SelectItem, BadgeVariant, MantineSize, CardProps, MantineTheme, TextareaProps, TextInputProps, MantineColor, PasswordInputProps, NotificationProps, CheckboxProps, ButtonProps, ActionIconProps, NumberInputProps, ImageProps, MultiSelectProps, SimpleGridProps, OverlayProps, TransitionProps, AccordionProps, PinInputProps, SwitchProps, Radio, SelectProps, GroupProps, AvatarProps, AnchorProps, AutocompleteItem, AutocompleteProps, DefaultProps, BadgeProps, BreadcrumbsProps, MenuProps as _MenuProps1, TitleOrder, CSSObject, StackProps, NavbarProps, TooltipProps } from "@mantine/core";
2
2
  import { JSX } from "react/jsx-runtime";
3
- import React, { JSXElementConstructor, ReactElement, ReactNode, PropsWithChildren, RefAttributes, ForwardRefExoticComponent, ComponentType, MutableRefObject, useState, Dispatch, SetStateAction, KeyboardEvent, RefObject, CSSProperties, ComponentPropsWithoutRef, Context, ReactPortal } from "react";
3
+ import React, { JSXElementConstructor, ReactElement, ReactNode, PropsWithChildren, RefAttributes, ForwardRefExoticComponent, Dispatch, RefObject, SetStateAction, ComponentType, CSSProperties, MutableRefObject, useState, KeyboardEvent, ComponentPropsWithoutRef, Context, ReactPortal } from "react";
4
4
  import { hasLength, isNotEmpty, matches, UseFormReturnType } from "@mantine/form";
5
5
  import { ModalSettings } from "@mantine/modals/lib/context";
6
6
  import { IconProps, Icon } from "@tabler/icons-react";
7
7
  import { LooseKeys } from "@mantine/form/lib/types";
8
+ import { AccordionVariant } from "@mantine/core/lib/Accordion/Accordion.types";
9
+ import { UseEntityFormReturnType as _UseEntityFormReturnType1, DataResult as _DataResult1, OperationStatus as _OperationStatus1, DataMapInfoWindowRenderer as _DataMapInfoWindowRenderer1, DataMapSelectRecordsRenderer as _DataMapSelectRecordsRenderer1, DataMapMarkerRenderer as _DataMapMarkerRenderer1, DataMapGroupMarkerRenderer as _DataMapGroupMarkerRenderer1, EntityDefinition as _EntityDefinition1, Entity as _Entity1, ValuesObject as _ValuesObject1, DBStatusResult as _DBStatusResult1, GridColumnsOverrides as _GridColumnsOverrides1, DataGridSelectionChangedCallback as _DataGridSelectionChangedCallback1, DataViewSearchCallback as _DataViewSearchCallback1, DataGridLabels as _DataGridLabels1, GridRecord as _GridRecord1, GridSelectionChangedCallback as _GridSelectionChangedCallback1, GridDoubleClickCallback as _GridDoubleClickCallback1, EntityClientAction as _EntityClientAction1, GridColumn as _GridColumn1 } from "src";
8
10
  import { PrismProps } from "@mantine/prism";
9
11
  import { DateInputProps, TimeInputProps, CalendarProps } from "@mantine/dates";
10
12
  import { DropzoneProps } from "@mantine/dropzone";
11
- import { UseEntityFormReturnType as _UseEntityFormReturnType1, DataResult as _DataResult1, OperationStatus as _OperationStatus1, DataMapInfoWindowRenderer as _DataMapInfoWindowRenderer1, DataMapSelectRecordsRenderer as _DataMapSelectRecordsRenderer1, DataMapMarkerRenderer as _DataMapMarkerRenderer1, DataMapGroupMarkerRenderer as _DataMapGroupMarkerRenderer1, EntityDefinition as _EntityDefinition1, Entity as _Entity1, ValuesObject as _ValuesObject1, DBStatusResult as _DBStatusResult1, DataGridLabels as _DataGridLabels1, GridColumnsOverrides as _GridColumnsOverrides1, DataGridSelectionChangedCallback as _DataGridSelectionChangedCallback1, DataViewSearchCallback as _DataViewSearchCallback1, GridRecord as _GridRecord1, GridSelectionChangedCallback as _GridSelectionChangedCallback1, GridDoubleClickCallback as _GridDoubleClickCallback1, EntityClientAction as _EntityClientAction1, GridColumn as _GridColumn1 } from "src";
12
- import { AccordionVariant } from "@mantine/core/lib/Accordion/Accordion.types";
13
13
  import { SpotlightAction } from "@mantine/spotlight";
14
14
  import { Loader, LoaderOptions } from "@googlemaps/js-api-loader";
15
15
  import { Cluster, ClusterStats, Marker, MarkerClustererOptions } from "@googlemaps/markerclusterer";
@@ -527,1554 +527,1645 @@ export interface EntityFormModalProps {
527
527
  }
528
528
  export const EntityFormModalDefaultProps: Partial<EntityFormModalProps>;
529
529
  export function EntityFormModal(props: EntityFormModalProps): null;
530
- export type FormMode = 'add' | 'edit' | 'view';
531
- export interface KeyStringIndexer {
532
- [key: string]: any;
533
- }
534
- export interface NumberIndexer {
535
- [key: number]: any;
530
+ export declare namespace query {
531
+ export function html(str: any): Query | undefined;
532
+ import version = Query.version;
533
+ export { version };
536
534
  }
537
- export interface FormOptions<T extends Entity<EntityDefinition>> extends Omit<EntityFormProps, 'formAPI' | 'children'> {
538
- entity: T;
539
- initialFormMode: FormMode;
540
- getDataOnInit?: boolean;
541
- onSaved?: (status: OperationStatus<DBStatusResult>) => void;
542
- onCancel?: () => void;
543
- navigationProtection?: NavigationProtectionMode;
535
+ export declare namespace w2locale {
536
+ let locale: string;
537
+ let dateFormat: string;
538
+ let timeFormat: string;
539
+ let datetimeFormat: string;
540
+ let currencyPrefix: string;
541
+ let currencySuffix: string;
542
+ let currencyPrecision: number;
543
+ let groupSymbol: string;
544
+ let decimalSymbol: string;
545
+ let shortmonths: string[];
546
+ let fullmonths: string[];
547
+ let shortdays: string[];
548
+ let fulldays: string[];
549
+ let weekStarts: string;
550
+ let phrases: {
551
+ '${count} letters or more...': string;
552
+ 'Add new record': string;
553
+ 'Add New': string;
554
+ 'Advanced Search': string;
555
+ after: string;
556
+ 'AJAX error. See console for more details.': string;
557
+ 'All Fields': string;
558
+ All: string;
559
+ Any: string;
560
+ 'Are you sure you want to delete ${count} ${records}?': string;
561
+ 'Attach files by dragging and dropping or Click to Select': string;
562
+ before: string;
563
+ 'begins with': string;
564
+ begins: string;
565
+ between: string;
566
+ buffered: string;
567
+ Cancel: string;
568
+ Close: string;
569
+ Column: string;
570
+ Confirmation: string;
571
+ contains: string;
572
+ Copied: string;
573
+ 'Copy to clipboard': string;
574
+ 'Current Date & Time': string;
575
+ 'Delete selected records': string;
576
+ Delete: string;
577
+ 'Do you want to delete search item "${item}"?': string;
578
+ 'Edit selected record': string;
579
+ Edit: string;
580
+ 'Empty list': string;
581
+ 'ends with': string;
582
+ ends: string;
583
+ 'Field should be at least ${count} characters.': string;
584
+ Hide: string;
585
+ in: string;
586
+ 'is not': string;
587
+ is: string;
588
+ 'less than': string;
589
+ 'Line #': string;
590
+ 'Load ${count} more...': string;
591
+ 'Loading...': string;
592
+ 'Maximum number of files is ${count}': string;
593
+ 'Maximum total size is ${count}': string;
594
+ Modified: string;
595
+ 'more than': string;
596
+ 'Multiple Fields': string;
597
+ Name: string;
598
+ 'No items found': string;
599
+ 'No matches': string;
600
+ No: string;
601
+ none: string;
602
+ 'Not a float': string;
603
+ 'Not a hex number': string;
604
+ 'Not a valid date': string;
605
+ 'Not a valid email': string;
606
+ 'Not alpha-numeric': string;
607
+ 'Not an integer': string;
608
+ 'Not in money format': string;
609
+ 'not in': string;
610
+ Notification: string;
611
+ of: string;
612
+ Ok: string;
613
+ Opacity: string;
614
+ 'Record ID': string;
615
+ record: string;
616
+ records: string;
617
+ 'Refreshing...': string;
618
+ 'Reload data in the list': string;
619
+ Remove: string;
620
+ 'Remove This Field': string;
621
+ 'Request aborted.': string;
622
+ 'Required field': string;
623
+ Reset: string;
624
+ 'Restore Default State': string;
625
+ 'Returned data is not in valid JSON format.': string;
626
+ 'Save changed records': string;
627
+ 'Save Grid State': string;
628
+ Save: string;
629
+ 'Saved Searches': string;
630
+ 'Saving...': string;
631
+ 'Search took ${count} seconds': string;
632
+ Search: string;
633
+ 'Select Hour': string;
634
+ 'Select Minute': string;
635
+ selected: string;
636
+ 'Server Response ${count} seconds': string;
637
+ 'Show/hide columns': string;
638
+ Show: string;
639
+ Size: string;
640
+ Skip: string;
641
+ 'Sorting took ${count} seconds': string;
642
+ 'Type to search...': string;
643
+ Type: string;
644
+ Yes: string;
645
+ Yesterday: string;
646
+ 'Your remote data source record count has changed, reloading from the first record.': string;
647
+ };
544
648
  }
545
- export type useStateReturnType<T> = [T, React.Dispatch<React.SetStateAction<T>>];
546
- export type ActionIconVariant = 'transparent' | 'subtle' | 'default' | 'outline' | 'filled' | 'light';
547
- export type ButtonVariant = 'gradient' | 'subtle' | 'default' | 'outline' | 'filled' | 'light' | 'white';
548
- export type latLng = {
549
- lat: number;
550
- lng: number;
649
+ type w2record = Record<string, unknown> & {
650
+ recid: number;
551
651
  };
552
- export const MicroMWidthSizes: {
553
- xs: string;
554
- sm: string;
555
- md: string;
556
- lg: string;
557
- xl: string;
558
- auto: string;
652
+ type w2recordId = string | number;
653
+ type w2columnField = string;
654
+ export type GridSelectionMode = 'multi' | 'single';
655
+ export type GridColumnFormat = 'url' | 'email' | 'string' | 'check' | 'image' | 'html';
656
+ export type GridColumnRender = (value: unknown, cellElement?: HTMLElement, record?: GridRecord, field?: w2columnField) => ReactNode;
657
+ export type GridRecord = w2record;
658
+ export type GridSourceRecord = Record<string | number, unknown> | unknown[];
659
+ export type GridRecordId = w2recordId;
660
+ export type GridColumn = {
661
+ field: string;
662
+ text: string;
663
+ hidden?: boolean;
664
+ format?: GridColumnFormat;
665
+ autoSizeMax?: number;
666
+ render?: GridColumnRender;
667
+ sqlType?: SQLType;
559
668
  };
560
- export interface EntityError extends Error {
561
- Errors: DBStatus[];
562
- }
563
- export interface EntityProc {
564
- name: string;
565
- parms?: Record<string, Value>;
566
- }
567
- export interface EntityServerAction {
568
- name: string;
569
- }
570
- export interface EntityClientActionOnClickProps {
571
- entity: Entity<any>;
572
- modal?: ModalContextType;
573
- selectedKeys?: ValuesObject[];
574
- element?: HTMLElement;
575
- onClose?: (result?: boolean) => Promise<boolean>;
576
- }
577
- export interface EntityClientAction {
578
- name: string;
579
- title: ReactNode;
580
- label: ReactNode;
581
- icon?: ReactNode;
582
- refreshOnClose?: boolean;
583
- dontRequireSelection?: boolean;
584
- minSelectedRecords?: number;
585
- maxSelectedRecords?: number;
586
- views?: string[];
587
- showActionInViewMode?: boolean;
588
- onClick: (props: EntityClientActionOnClickProps) => Promise<boolean>;
669
+ export type GridColumnsOverrides = Record<string | number, Partial<GridColumn>>;
670
+ export type GridSelection = GridRecord[];
671
+ export type GridDoubleClickCallback = (record: GridRecord) => void;
672
+ export type GridSelectionChangedCallback = (selection: GridSelection) => void;
673
+ export type GridOptions = {
674
+ columns?: GridColumn[];
675
+ rows?: GridSourceRecord[];
676
+ gridHeight?: string | number | 'auto' | 'flex-grow';
677
+ selectionMode?: GridSelectionMode;
678
+ onDoubleClick?: GridDoubleClickCallback;
679
+ preserveSelection?: boolean;
680
+ autoSelectFirstRow?: boolean;
681
+ onSelectionChanged?: GridSelectionChangedCallback;
682
+ showSelectCheckbox?: boolean;
683
+ rowHeight?: number;
684
+ stripped?: boolean;
685
+ highlightOnHover?: boolean;
686
+ columnBorders?: boolean;
687
+ rowBorders?: boolean;
688
+ withBorder?: boolean;
689
+ autoSizeColumnsOnLoad?: boolean;
690
+ columnsOverrides?: GridColumnsOverrides;
691
+ selectedRows?: GridSelection;
692
+ setSelectedRows?: (rows: GridSelection) => void;
693
+ timeZoneOffset?: number;
694
+ };
695
+ export type GridImperative = {};
696
+ export const DefaultGridProps: Partial<GridOptions>;
697
+ export const DefaultGridColumnProps: Partial<GridColumn>;
698
+ export const Grid: ForwardRefExoticComponent<GridOptions & RefAttributes<GridImperative>>;
699
+ export function GridGlobalStyles(): JSX.Element;
700
+ export interface UseDataGridToolbarFiltersProps {
701
+ filterValues: ValuesObject | undefined;
702
+ setFilterValues: Dispatch<SetStateAction<ValuesObject | undefined>>;
703
+ filtersDescription: ValuesObject | undefined;
704
+ setFiltersDescription: Dispatch<SetStateAction<ValuesObject | undefined>>;
705
+ client?: MicroMClient;
706
+ parentKeys?: ValuesObject;
707
+ FiltersEntity?: EntityConstructor;
708
+ searchData: SelectItem[];
709
+ setSearchData: Dispatch<SetStateAction<SelectItem[]>>;
710
+ setSearchText: Dispatch<SetStateAction<string[] | undefined>>;
711
+ onRefreshClick: (searchText: string[] | undefined) => void;
712
+ onSearchTextChange?: (text: string[] | undefined) => void;
713
+ filtersFormSize: MantineNumberSize;
714
+ visibleFilters?: string[];
715
+ initialColumnFilters?: ColumnsObject;
716
+ filterInputRef: RefObject<HTMLInputElement>;
589
717
  }
590
- export class EntityDefinition {
591
- name: string;
592
- columns: ColumnsObject;
593
- procs: Record<string, EntityProc>;
594
- views: Record<string, EntityView>;
595
- lookups: Record<string, EntityLookup>;
596
- serverActions: Record<string, EntityServerAction>;
597
- clientActions: Record<string, EntityClientAction>;
598
- importColumns: string[] | null;
599
- standardView(): string | null;
600
- constructor(name: string);
601
- addCol<T extends Value>({ name, type, length, scale, value, defaultValue, flags, prompt }: EntityColumnOptions<T>): EntityColumn<T>;
602
- addView(view: EntityView): EntityView;
603
- addProc(proc: EntityProc): EntityProc;
604
- addLookup(lookup: EntityLookup): EntityLookup;
605
- addServerAction(action: EntityServerAction): EntityServerAction;
606
- addClientAction(action: EntityClientAction): EntityClientAction;
607
- static clone(entity_def: EntityDefinition): EntityDefinition;
718
+ export function useDataGridToolbarFilters(props: UseDataGridToolbarFiltersProps): {
719
+ handleFilterButtonClick: (e: React.MouseEvent) => Promise<void>;
720
+ handleSearchFilterInputEnter: (e: React.KeyboardEvent) => void;
721
+ handleClearFiltersClick: (e: React.MouseEvent) => void;
722
+ createSearchPhrase: (filter: string) => {
723
+ value: string;
724
+ label: string;
725
+ };
726
+ queryText: string;
727
+ filtersDescription: ValuesObject | undefined;
728
+ setFiltersDescription: Dispatch<SetStateAction<ValuesObject | undefined>>;
729
+ setQueryText: Dispatch<SetStateAction<string>>;
730
+ handleSearchFilterInputOnChange: (searchFilter: string[]) => void;
731
+ updateFilterValuesAndDescription: (columns: ColumnsObject) => void;
732
+ };
733
+ export type DataGridToolbarSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
734
+ export interface DataGridToolbarOptions {
735
+ size?: DataGridToolbarSizes;
736
+ client?: MicroMClient;
737
+ searchPlaceholder?: string;
738
+ hideCheckboxToggle?: boolean;
739
+ onCheckboxToggle?: () => void;
740
+ onSearchTextChange?: (text: string[] | undefined) => void;
741
+ onRefreshClick: (searchText: string[] | undefined) => void;
742
+ onExportClick: () => void;
743
+ autoFocus?: boolean;
744
+ toolbarIconVariant?: ActionIconVariant;
745
+ enableExport?: boolean;
746
+ refreshTooltip?: string;
747
+ exportTooltip?: string;
748
+ selectRowsTooltip?: string;
749
+ searchText: string[] | undefined;
750
+ setSearchText: Dispatch<SetStateAction<string[] | undefined>>;
751
+ searchData: SelectItem[];
752
+ setSearchData: Dispatch<SetStateAction<SelectItem[]>>;
753
+ maxSearchTerms?: number;
754
+ FiltersEntity?: EntityConstructor;
755
+ filterTooltip?: string;
756
+ parentKeys?: ValuesObject;
757
+ filterValues: ValuesObject | undefined;
758
+ setFilterValues: Dispatch<SetStateAction<ValuesObject | undefined>>;
759
+ filtersDescription: ValuesObject | undefined;
760
+ setFiltersDescription: Dispatch<SetStateAction<ValuesObject | undefined>>;
761
+ clearFiltersTooltip?: string;
762
+ filtersFormSize: MantineNumberSize;
763
+ enableImport?: boolean;
764
+ importTooltip?: string;
765
+ onImportClick?: () => void;
766
+ filtersBadgeSize?: MantineSize;
767
+ filtersBadgeVariant?: BadgeVariant;
768
+ showAppliedFilters?: boolean;
769
+ showRefreshButton?: boolean;
770
+ showSelectRowsButton?: boolean;
771
+ showFiltersButton?: boolean;
772
+ showSearchInput?: boolean;
773
+ visibleFilters?: string[];
774
+ initialColumnFilters?: ColumnsObject;
775
+ filtersTitle?: string;
776
+ editFitersLabel?: string;
777
+ clearFiltersLabel?: string;
778
+ filtersAccordionVariant?: AccordionVariant;
779
+ showColumnsConfig?: boolean;
780
+ configMenuOpened?: boolean;
781
+ setConfigMenuOpened?: Dispatch<SetStateAction<boolean>>;
782
+ configMenuDropdown?: ReactNode;
608
783
  }
609
- export interface ViewMapping {
610
- keyIndex: number;
611
- descriptionIndex: number;
784
+ export const DataGridToolbarDefaultProps: Partial<DataGridToolbarOptions>;
785
+ export function DataGridToolbar(props: DataGridToolbarOptions): JSX.Element;
786
+ export interface DataGridStateProps {
787
+ setRefresh: React.Dispatch<React.SetStateAction<boolean>>;
788
+ setSearchText: React.Dispatch<React.SetStateAction<string[] | undefined>>;
789
+ executeViewState: OperationStatus<DataResult[]>;
612
790
  }
613
- export interface EntityConstructor {
614
- (client: MicroMClient, parentKeys?: ValuesObject): Entity<EntityDefinition>;
791
+ export interface DataGridLabels extends EntityUILabels {
792
+ rowsReturnedLabel: string;
793
+ selectedRowsLabel: string;
794
+ limitLabel: string;
795
+ rowsLabel: string;
796
+ unlimitedLabel: string;
615
797
  }
616
- export interface EntityLookup {
617
- name: string;
618
- entityConstructor: EntityConstructor;
619
- view?: string;
620
- proc?: string;
621
- bindingColumnKey?: string;
622
- compoundKeyGroupName?: string;
623
- viewMapping?: ViewMapping;
798
+ export type DataGridSelectionChangedCallback = (selection: GridSelection, keys: DataGridSelectionKeys) => void;
799
+ export interface DataGridProps extends UseEntityUIProps {
800
+ viewName?: string;
801
+ search?: string[];
802
+ limit?: DataViewLimit;
803
+ refreshOnInit?: boolean;
804
+ selectionMode: GridSelectionMode;
805
+ preserveSelection?: boolean;
806
+ autoFocus?: boolean;
807
+ onDataRefresh?: (result: OperationStatus<DataResult[]>) => void;
808
+ onSearch?: DataViewSearchCallback;
809
+ onSearchTextChange?: DataViewSearchCallback;
810
+ allwaysRefreshOnEntityClose?: boolean;
811
+ toolbarIconVariant?: ActionIconVariant;
812
+ actionsButtonVariant?: ButtonVariant;
813
+ toolbarSize?: DataGridToolbarSizes;
814
+ enableAdd?: boolean;
815
+ enableEdit?: boolean;
816
+ enableDelete?: boolean;
817
+ enableView?: boolean;
818
+ enableExport?: boolean;
819
+ filtersFormSize?: MantineNumberSize;
820
+ showActions?: boolean;
821
+ setInitialFiltersFromColumns?: boolean;
822
+ visibleFilters?: string[];
823
+ maxSearchTerms?: number;
824
+ columnBorders?: boolean;
825
+ rowBorders?: boolean;
826
+ withBorder?: boolean;
827
+ autoSizeColumnsOnLoad?: boolean;
828
+ labels?: DataGridLabels;
829
+ columnsOverrides?: GridColumnsOverrides;
830
+ renderOnlyWhenVisible?: boolean;
831
+ showToolbar?: boolean;
832
+ showActionsToolbar?: boolean;
833
+ enableImport?: boolean;
834
+ gridHeight?: string | number | 'auto' | 'flex-grow';
835
+ minGridHeight?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'none';
836
+ autoSelectFirstRow?: boolean;
837
+ onSelectionChanged?: DataGridSelectionChangedCallback;
838
+ doubleClickAction?: 'edit' | 'view' | 'none' | ((record: GridRecord) => void);
839
+ formMode?: FormMode;
840
+ notExportableColumns?: number[];
841
+ showColumnsConfigMenu?: boolean;
842
+ initialHiddenColumns?: number[];
843
+ showSelectRowsButton?: boolean;
844
+ initialSelectRowsToggle?: boolean;
624
845
  }
625
- export const DefaultKeySeparator = "-";
626
- export interface CompoundKeyGroup {
627
- viewIndex: number;
628
- keyMappings: Record<string, number>;
629
- keySeparator?: string;
846
+ export type DataGridSelectionKeys = ValuesObject[];
847
+ export interface DataGridColumnsMenuProps {
848
+ columns?: GridColumn[];
849
+ setColumns: (columns: GridColumn[]) => void;
850
+ setOpened: (opened: boolean) => void;
630
851
  }
631
- export interface EntityView {
632
- name: string;
633
- keyMappings: Record<string, number>;
634
- compoundKeyGroups?: Record<string, CompoundKeyGroup>;
635
- Card?: Promise<ComponentType<EntityCardProps<ValuesObject>>> | null;
636
- FiltersEntity?: EntityConstructor;
637
- gridColumnsOverrides?: (theme: MantineTheme) => GridColumnsOverrides;
638
- mapMarkerRenderer?: DataMapProps['markerRenderer'];
639
- mapGroupMarkerRenderer?: DataMapProps['groupMarkerRenderer'];
640
- mapInfoWindowRenderer?: DataMapProps['InfoWindowRenderer'];
641
- mapSelectRecordsRenderer?: DataMapProps['selectRecordsRenderer'];
852
+ export function DataGridColumnsMenu(props: DataGridColumnsMenuProps): JSX.Element;
853
+ export const DataGridDefaultProps: Partial<DataGridProps>;
854
+ export function DataGrid(props: DataGridProps): JSX.Element;
855
+ export interface DataGridFormProps extends DataGridProps {
856
+ customTitle?: ReactNode;
857
+ title?: string;
858
+ icon?: ReactNode;
859
+ helpText?: string;
860
+ formMode: FormMode;
861
+ showTitle?: boolean;
642
862
  }
643
- export class EntityAPI {
644
- #private;
863
+ export const DataGridFormDefaultProps: Partial<DataGridFormProps>;
864
+ export function DataGridForm(props: DataGridFormProps): JSX.Element;
865
+ export interface useDataGridFormType {
866
+ open: ({ entity, viewName, onClosed, selectionMode, modalProps, search, modalTitle, gridTitle }: ModalDataGridProps) => void;
867
+ }
868
+ export interface ModalDataGridProps {
869
+ entity: Entity<EntityDefinition>;
870
+ viewName: string;
871
+ onClosed?: () => void;
872
+ modalProps?: ModalSettings;
873
+ selectionMode?: GridSelectionMode;
874
+ search?: string[] | undefined;
875
+ modalTitle?: string;
876
+ gridTitle?: React.ReactNode;
877
+ formMode: FormMode;
878
+ }
879
+ export function useDataGridForm(): (props: ModalDataGridProps) => Promise<void>;
880
+ export interface DataGridPageProps extends Omit<DataGridProps, 'entity' | 'title'> {
881
+ title?: string;
882
+ icon?: ReactNode;
883
+ helpText?: string;
884
+ formMode: FormMode;
645
885
  client: MicroMClient;
646
- constructor(client: MicroMClient, name: string, columns: ColumnsObject);
647
- /**
648
- * Get the data for the current row and fill the columns values with it.
649
- */
650
- getData(abort_signal?: AbortSignal | null): Promise<boolean>;
651
- /**
652
- * Add the data for the current row and fill the key columns values with the returned auto-numeric (if any).
653
- */
654
- addData(abort_signal?: AbortSignal | null, recordsSelection?: ValuesObject[], ignoreRecordExists?: boolean, requestOptions?: MicroMRequestOptions): Promise<DBStatusResult>;
655
- /**
656
- * Edits the data for the current row.
657
- */
658
- editData(abort_signal?: AbortSignal | null, recordsSelection?: ValuesObject[], requestOptions?: MicroMRequestOptions): Promise<DBStatusResult>;
659
- /**
660
- * Deletes the data for the current row.
661
- */
662
- deleteData(recordsSelection?: ValuesObject[], abort_signal?: AbortSignal | null, parentKeys?: ValuesObject | null): Promise<DBStatusResult>;
663
- /**
664
- * Lookup the description for an entity.
665
- */
666
- lookupData(abort_signal?: AbortSignal | null, parentKeys?: ValuesObject | null, proc_name?: string | null): Promise<string>;
667
- /**
668
- * Import data
669
- */
670
- importData(abort_signal: (AbortSignal | null) | undefined, import_procname: (string | null) | undefined, parentKeys: (ValuesObject | null) | undefined, fileprocess_id: string): Promise<ImpDataResult>;
671
- executeView(view: EntityView, view_parms?: ValuesObject, limit?: string | null, search?: string[] | null, abort_signal?: AbortSignal | null): Promise<DataResult[]>;
672
- downloadBlobFile(blob: Blob, filename: string): void;
673
- exportView(view: EntityView, view_parms?: ValuesObject, limit?: string | null, search?: string[] | null, abort_signal?: AbortSignal | null): Promise<Blob>;
674
- exportProc(proc: EntityProc, proc_parms?: ValuesObject, abort_signal?: AbortSignal | null, recordsSelection?: ValuesObject[]): Promise<Blob>;
675
- executeProc(proc: EntityProc, proc_parms?: ValuesObject, abort_signal?: AbortSignal | null, recordsSelection?: ValuesObject[]): Promise<DataResult[]>;
676
- executeProcess(proc: EntityProc, proc_parms?: ValuesObject, abort_signal?: AbortSignal | null, recordsSelection?: ValuesObject[]): Promise<DBStatusResult>;
677
- executeServerAction<TReturn extends Record<string, unknown>>(action: EntityServerAction, action_parms?: ValuesObject, abort_signal?: AbortSignal | null): Promise<TReturn>;
886
+ entityConstructor: (client: MicroMClient) => Entity<EntityDefinition>;
887
+ showTitle?: boolean;
678
888
  }
679
- export type EntityFormComponentPromise = Promise<ComponentType<FormOptions<Entity<any>>>>;
680
- export class Entity<T extends EntityDefinition> {
681
- #private;
682
- get name(): string;
683
- get def(): T;
684
- parentKeys: ValuesObject;
685
- API: EntityAPI;
686
- Form: EntityFormComponentPromise | "AutoForm" | "AutoFiltersForm" | null;
687
- Title: string;
688
- HelpText?: string;
689
- Icon?: ComponentType<IconProps>;
690
- constructor(client: MicroMClient, def: T, parentKeys?: ValuesObject, setParentKeys?: boolean);
691
- static clone(entity: Entity<EntityDefinition>): Entity<EntityDefinition>;
889
+ export const DataGridPageDefaultProps: Partial<DataGridPageProps>;
890
+ export function DataGridPage(props: DataGridPageProps): JSX.Element;
891
+ export interface UseViewFiltersProps extends Omit<UseEntityFormOptions, 'noSaveOnSubmit'> {
692
892
  }
693
- export function convertValueFromString(col: EntityColumn<Value>, value: string): Value;
694
- export type MappingBehavior = 'lax' | 'enforceObject' | 'enforceDataResult' | 'exactMatch';
695
- export function toCamelCase(str: string): string;
696
- /** function to convert a record array to a values object */
697
- export function convertRecordToValuesObject(record: ValuesRecord, headers: string[], typeInfo: SQLType[], formatToString?: (value: Value, sqlType: SQLType) => string): ValuesObject;
698
- export function convertRecordsToArrayOfValuesObject(dataResult: DataResult, nameTransformFunction?: ((name: string) => string) | null, formatToString?: (value: Value) => string): ValuesObject[];
699
- export function mapRecordToType<T extends ValuesObject>(record: ValuesRecord, headers: string[], enforceObjectKeys: Set<string>, mapping_behavior: MappingBehavior, map_properties?: Record<string, keyof T> | null, skipUndefinedOrNull?: boolean): T;
700
- export function mapDataResultToType<T extends ValuesObject>(dataResult: DataResult, mapping_behavior: MappingBehavior, nameTransformFunction?: ((name: string) => string) | null, map_properties?: Record<string, keyof T> | null, skipUndefinedOrNull?: boolean): T[];
701
- export function exportToCSV(viewResult: DataResult, notExportableColumns?: number[]): void;
702
- export function exportToExcel(data: DataResult[], notExportableColumns?: number[], sheetNames?: string[]): Promise<void>;
703
- export function extractArrayFromSelectedRecords<T>(selectedKeys: ValuesObject[], property: keyof ValuesObject): T[];
704
- export function isInstanceOfEntityColumn<T extends Value>(obj: unknown): obj is EntityColumn<T>;
705
- export function isViewMapping(obj: unknown): obj is ViewMapping;
706
- export function isEntityLookup(obj: unknown): obj is EntityLookup;
707
- export function getRequiredColumns(entity?: Entity<EntityDefinition>): string[];
708
- export interface ColumnMapRecord {
709
- columnName: string;
710
- propertyName: string;
893
+ export function useViewFiltersForm(props: UseViewFiltersProps): _UseEntityFormReturnType1;
894
+ export interface UseResolvedEntityBuilderResult<TResult> {
895
+ result: TResult | null;
896
+ ready: boolean;
711
897
  }
712
- export type ColumnMap = ColumnMapRecord[];
713
- export interface ColumnsMapRecord<T extends Partial<ColumnsObject>, V> {
714
- columnName: keyof T;
715
- propertyName: keyof V;
898
+ export function useResolvedEntityBuilder<TResult>(client: MicroMClient, parentKeys: ValuesObject | undefined, source: EntitySource<TResult>): UseResolvedEntityBuilderResult<TResult>;
899
+ export type SearchCallback = (search: string[] | undefined) => void;
900
+ interface UseRetainedSearchOptions {
901
+ retainSearch?: string;
902
+ search?: string[];
903
+ refreshOnInit?: boolean;
904
+ onSearch?: SearchCallback;
905
+ onSearchTextChange?: SearchCallback;
716
906
  }
717
- export type ColumnsMap<T extends Partial<ColumnsObject>, V> = ColumnsMapRecord<T, V>[];
718
- /**
719
- * Returns a dictionary of column names mapped to property names.
720
- * @param map
721
- * @returns
722
- */
723
- export function getDictionaryByColumnName<T extends Partial<ColumnsObject>, V>(map: ColumnsMap<T, V>): Record<keyof T, keyof V>;
724
- /**
725
- * Returns a dictionary of property names mapped to column names.
726
- * @param map
727
- * @returns
728
- */
729
- export function getDictionaryByPropertyName<V, T extends Partial<ColumnsObject>>(map: ColumnsMap<T, V>): Record<keyof V, keyof T>;
730
- export function mapToRecordSelection<T extends Partial<ColumnsObject>, V>(values: V[], propertiesMapDictionary: Record<keyof V, keyof T>): ValuesObject[];
731
- export class ColumnsMapper<T extends Entity<EntityDefinition>, V extends ValuesObject> {
732
- #private;
733
- constructor(entity: T, values: V, records: ColumnMapRecord[]);
734
- columnsDictionary: Record<string, string>;
735
- valuesDictionary: Record<string, string>;
736
- mapValuesToColumns(columns: ColumnsObject, values: V, ignoreInvalidMappings?: boolean, ignoreInexistentValues?: boolean): void;
737
- mapColumnsToValues(columns: ColumnsObject, ignoreInvalidMappings?: boolean, ignoreInexistentValues?: boolean): Partial<V>;
907
+ interface UseRetainedSearchResult {
908
+ search?: string[];
909
+ refreshOnInit?: boolean;
910
+ onSearch?: SearchCallback;
911
+ onSearchTextChange?: SearchCallback;
738
912
  }
739
- export const MaxCompoundKeyValues = 10;
740
- export type OrderedCompoundKeyMapping = readonly [columnName: string, position: number];
741
- export function getOrderedCompoundKeyMappings(group: CompoundKeyGroup): OrderedCompoundKeyMapping[];
742
- export function resolveCompoundKeyGroup(view: EntityView, groupName: string): CompoundKeyGroup;
743
- export function splitCompoundKey(rawValue: string, group: CompoundKeyGroup): {
744
- values: string[];
745
- complete: boolean;
913
+ export function useRetainedSearch({ retainSearch, search, refreshOnInit, onSearch, onSearchTextChange }: UseRetainedSearchOptions): UseRetainedSearchResult;
914
+ type DataGridPanelBaseProps = Omit<DataGridProps, "entity" | "title"> & {
915
+ client: MicroMClient;
916
+ parentKeys?: ValuesObject;
917
+ retainSearch?: string;
918
+ onSearchTextChange?: DataGridProps["onSearch"];
919
+ bgLight?: DefaultMantineColor;
920
+ bgDark?: DefaultMantineColor;
921
+ /** Props for the wrapping Card. Replaces the default object entirely when set per instance */
922
+ containerCardProps?: Omit<CardProps, 'children'>;
923
+ /** Component shown while the entity is being resolved */
924
+ loadingComponent?: ReactNode;
746
925
  };
747
- export function composeCompoundKey(values: readonly Value[], group: CompoundKeyGroup): string;
748
- export function extractCompoundKeyValues(keys: ValuesObject, group: CompoundKeyGroup): Value[] | undefined;
749
- export function extractCompoundRecordKeys(record: object, group: CompoundKeyGroup): ValuesObject | undefined;
750
- export interface useTextTransformProps {
751
- entityForm: UseEntityFormReturnType;
752
- column: EntityColumn<Value>;
753
- transform?: "uppercase" | "lowercase" | "capitalize" | "titlecase";
754
- autoTrim?: boolean;
755
- }
756
- export function useTextTransform(props: useTextTransformProps): (text: string) => void;
757
- type TextAreaFieldAllowedValidators = 'regex' | 'length' | 'field' | 'required';
758
- export type TextAreaFieldValidatorConfiguration = Partial<Record<TextAreaFieldAllowedValidators, ValidatorConfigurationParms>>;
759
- export interface TextAreaFieldProps extends Omit<TextareaProps, 'autoFocus'>, Omit<useTextTransformProps, 'entityForm' | 'column' | 'onBlur' | 'mantineOnBlur'> {
760
- column: EntityColumn<Value>;
761
- entityForm: UseEntityFormReturnType;
762
- validate?: TextAreaFieldValidatorConfiguration;
763
- requiredMessage?: ReactNode;
764
- validationContainer?: React.ComponentType<{
765
- children: ReactNode;
766
- }>;
767
- autoFocus?: 'autoFocusOnAdd' | 'autoFocusOnEdit' | boolean;
926
+ export type DataGridPanelProps = DataGridPanelBaseProps & EntityGridSourceProps;
927
+ export const DataGridPanelDefaultProps: Partial<DataGridPanelProps>;
928
+ export function DataGridPanel(props: DataGridPanelProps): JSX.Element;
929
+ export interface useDataViewReturnType {
930
+ handleSelectionChanged: DataViewSelectionChangedHandler;
931
+ handleDeleteRecord: (keys: ValuesObject, element?: HTMLElement) => Promise<void>;
932
+ handleDeleteClick: (element?: HTMLElement) => Promise<void>;
933
+ handleEditClick: (keys: ValuesObject, element?: HTMLElement) => Promise<void>;
934
+ handleAddClick: (element?: HTMLElement) => Promise<void>;
935
+ handleViewClick: (keys: ValuesObject, element?: HTMLElement) => Promise<void>;
936
+ handleToggleSelectable: () => void;
937
+ handleRefresh: (searchText: string[] | undefined) => void;
938
+ handleExecuteAction: (action: EntityClientAction, recordIndex?: number, element?: HTMLElement) => Promise<boolean | undefined>;
939
+ handleExport: () => void;
940
+ selectedRowsCount: number;
941
+ limitRows: string | null;
942
+ setLimitRows: React.Dispatch<React.SetStateAction<string | null>>;
943
+ showSelectCheckbox: boolean;
944
+ isLoading: boolean;
945
+ executeViewState: OperationStatus<DataResult[]>;
946
+ data: DataViewRecord<ValuesObject>[];
947
+ handleDeselectAllRecords: () => Promise<void>;
948
+ handleDeselectRecord: (record_index: number) => Promise<void>;
949
+ handleSelectRecord: (record_index: number) => Promise<void>;
950
+ handleSelectAllRecords: () => Promise<void>;
951
+ selectedRecords: DataViewSelection;
952
+ toggleSelectable: boolean;
953
+ handleLoadMore: () => void;
954
+ displayedItemsCount: number;
955
+ recordsCount?: number;
768
956
  }
769
- export const TextAreaField: ForwardRefExoticComponent<TextAreaFieldProps & RefAttributes<HTMLTextAreaElement>>;
770
- export interface TextFieldProps extends Omit<TextInputProps, 'autoFocus'>, Omit<useTextTransformProps, 'entityForm' | 'column'> {
771
- column: EntityColumn<Value>;
772
- entityForm: UseEntityFormReturnType;
773
- validate?: ValidatorConfiguration;
774
- requiredMessage?: ReactNode;
775
- validationContainer?: React.ComponentType<{
776
- children: ReactNode;
777
- }>;
778
- autoFocus?: 'autoFocusOnAdd' | 'autoFocusOnEdit' | boolean;
779
- autoMaxWidth?: {
780
- columnLenghtLessThanOrEqual: number;
781
- maxWidth: string;
782
- };
783
- maxWidth?: keyof typeof MicroMWidthSizes;
784
- minWidth?: keyof typeof MicroMWidthSizes;
957
+ export function useDataView(props: DataViewProps, stateProps: DataGridStateProps): useDataViewReturnType;
958
+ export const DataViewDefaultProps: Partial<DataViewProps>;
959
+ export const DataView: ForwardRefExoticComponent<DataViewProps & RefAttributes<HTMLElement>>;
960
+ export interface DataViewCardContainerProps extends EntityCardProps<ValuesObject> {
961
+ EntityCard?: ComponentType<EntityCardProps<ValuesObject>>;
962
+ CardProps?: Omit<CardProps, 'children'>;
785
963
  }
786
- export const TextField: ForwardRefExoticComponent<TextFieldProps & RefAttributes<HTMLInputElement>>;
787
- export interface AutoFormFieldsProps<T extends Entity<EntityDefinition>> {
788
- entity: T;
789
- entityForm: UseEntityFormReturnType;
964
+ export const DataViewCardContainerDefaultProps: Partial<DataViewCardContainerProps>;
965
+ export function DataViewCardContainer(props: DataViewCardContainerProps): JSX.Element;
966
+ export type DataViewLimit = '50' | '100' | '500' | '1000' | '10000' | '0';
967
+ export const DataViewLimitData: (rowsLabel: string, unlimitedLabel: string) => SelectItem[];
968
+ export type DataViewSelection = number[];
969
+ export interface DataViewRecord<T extends ValuesObject> {
970
+ keys: ValuesObject;
971
+ data: T;
790
972
  }
791
- export function AutoFormFields(props: AutoFormFieldsProps<Entity<EntityDefinition>>): (ReactElement<any, string | JSXElementConstructor<any>> | undefined)[];
792
- export function AutoForm(props: FormOptions<Entity<EntityDefinition>>): JSX.Element;
793
- export interface ModalFormOptions {
794
- entity: Entity<EntityDefinition>;
795
- onSaved: (entity: Entity<EntityDefinition>) => void;
796
- onCancel: (entity: Entity<EntityDefinition>) => void;
973
+ export type DataViewSelectionChangedCallback = (selection: DataViewSelection, keys: ValuesObject[]) => void;
974
+ export type DataViewSelectionChangedHandler = (selection: DataViewSelection) => void;
975
+ export type DataViewSearchCallback = (search: string[] | undefined) => void;
976
+ export type DataViewSelectionMode = 'single' | 'multi';
977
+ export interface DataViewLabels extends EntityUILabels {
978
+ rowsReturnedLabel: string;
979
+ selectedRowsLabel: string;
980
+ limitLabel: string;
981
+ rowsLabel: string;
982
+ unlimitedLabel: string;
983
+ resultLimitLabel: string;
984
+ loadMoreLabel: string;
985
+ fetchingDataLabel: string;
986
+ noRecordsFoundLabel: string;
797
987
  }
798
- export function ModalForm({ entity, onSaved, onCancel }: ModalFormOptions): JSX.Element;
799
- export interface SearchInputProps extends TextInputProps {
800
- onSearchClick: React.MouseEventHandler;
801
- size: string;
802
- iconsSize: string;
803
- value: string;
804
- onChange: React.ChangeEventHandler<HTMLInputElement>;
805
- placeholder?: string;
988
+ export interface DataViewProps extends Omit<UseEntityUIProps, 'labels'> {
989
+ viewName: string;
990
+ search?: string[];
991
+ limit?: DataViewLimit;
992
+ refreshOnInit?: boolean;
993
+ selectionMode: DataViewSelectionMode;
994
+ preserveSelection?: boolean;
806
995
  autoFocus?: boolean;
807
- iconVariant?: ActionIconVariant;
808
- [x: string]: any;
809
- }
810
- export const SearchInputDefaultProps: Partial<SearchInputProps>;
811
- export function SearchInput(props: SearchInputProps): JSX.Element;
812
- export interface ToggleActionIconOptions {
813
- hidden: boolean;
814
- size: string;
815
- onColor: MantineColor;
816
- offColor: MantineColor;
817
- onVariant?: ActionIconVariant;
818
- offVariant?: ActionIconVariant;
819
- onIcon: ReactNode;
820
- offIcon: ReactNode;
821
- initialStatus?: 'on' | 'off';
822
- onClick?: () => void;
823
- radius?: MantineNumberSize;
824
- title?: string;
825
- }
826
- export const ToggleActionIcon: ForwardRefExoticComponent<ToggleActionIconOptions & RefAttributes<HTMLButtonElement>>;
827
- export function useExecuteView(entity?: Entity<EntityDefinition>, values?: ValuesObject, viewName?: string, search?: string[] | undefined, limit?: string | null, refresh?: boolean, filters?: ValuesObject, enabled?: boolean): OperationStatus<DataResult[]>;
828
- export function useDebugProps<T>(propsObject: T, dependencies: any[], componentName: string): void;
829
- export function useEnterAsTab<T extends HTMLElement>(): MutableRefObject<T | null>;
830
- export interface useLoginType {
831
- login: () => void;
996
+ onDataRefresh?: (result: OperationStatus<DataResult[]>) => void;
997
+ onSearch?: DataViewSearchCallback;
998
+ onSearchTextChange?: DataViewSearchCallback;
999
+ allwaysRefreshOnEntityClose?: boolean;
1000
+ toolbarIconVariant?: ActionIconVariant;
1001
+ actionsButtonVariant?: ButtonVariant;
1002
+ toolbarSize?: DataGridToolbarSizes;
1003
+ enableAdd?: boolean;
1004
+ enableEdit?: boolean;
1005
+ enableDelete?: boolean;
1006
+ enableView?: boolean;
1007
+ enableExport?: boolean;
1008
+ filtersFormSize?: MantineNumberSize;
1009
+ setInitialFiltersFromColumns?: boolean;
1010
+ visibleFilters?: string[];
1011
+ showAppliedFilters?: boolean;
1012
+ showRefreshButton?: boolean;
1013
+ showFiltersButton?: boolean;
1014
+ showSearchInput?: boolean;
1015
+ showSelectRowsButton?: boolean;
1016
+ searchPlaceholder?: string;
1017
+ hideCheckboxToggle?: boolean;
1018
+ showActions?: boolean;
1019
+ showToolbar?: boolean;
1020
+ showDeleteOnlyWhenMultiselect?: boolean;
1021
+ CardContainer?: ComponentType<DataViewCardContainerProps>;
1022
+ CardRowAlign?: CSSProperties['alignItems'];
1023
+ cardHrefRootURL?: string;
1024
+ cardHrefTarget?: string;
1025
+ Card: ComponentType<EntityCardProps<ValuesObject>>;
1026
+ onSelectionChanged?: DataViewSelectionChangedCallback;
1027
+ notExportableColumns?: number[];
1028
+ labels?: DataViewLabels;
1029
+ itemsPerPage?: number;
1030
+ convertResultToLocaleString?: boolean;
1031
+ formMode?: FormMode;
1032
+ RowsContainer?: ComponentType<PropsWithChildren>;
1033
+ RowsContainerProps?: PropsWithChildren;
832
1034
  }
833
- export interface useLoginOptions {
834
- client: MicroMClient;
835
- modalProps?: ModalSettings;
836
- onClose?: () => void;
837
- title?: string;
1035
+ export interface EntityCardProps<T extends ValuesObject> {
1036
+ entity: Entity<EntityDefinition>;
1037
+ recordIndex: number;
1038
+ record: DataViewRecord<T>;
1039
+ selected?: boolean;
1040
+ toggleSelectable?: boolean;
1041
+ enableEdit?: boolean;
1042
+ enableDelete?: boolean;
1043
+ enableView?: boolean;
1044
+ handleEditClick?: (keys: ValuesObject, element: HTMLElement) => void;
1045
+ handleDeleteClick?: (keys: ValuesObject, element: HTMLElement) => void;
1046
+ handleViewClick?: (keys: ValuesObject, element: HTMLElement) => void;
1047
+ handleSelectRecord?: (record_index: number) => void;
1048
+ handleDeselectRecord?: (record_index: number) => void;
1049
+ handleExecuteAction?: (action: EntityClientAction, recordIndex?: number, element?: HTMLElement) => Promise<boolean | undefined>;
1050
+ handleCardClick?: (data: T) => void;
1051
+ refreshView?: () => void;
1052
+ cardHrefRootURL?: string;
1053
+ cardHrefTarget?: string;
838
1054
  }
839
- export const UseLoginDefaultProps: Partial<useLoginOptions>;
840
- export function useLogin(props: useLoginOptions): () => Promise<void>;
841
- type PasswordFieldAllowedValidators = 'regex' | 'length' | 'field' | 'required';
842
- export type PasswordFieldValidatorConfiguration = Partial<Record<PasswordFieldAllowedValidators, ValidatorConfigurationParms>>;
843
- export interface PasswordFieldProps extends PasswordInputProps {
844
- column: EntityColumn<string>;
845
- entityForm: UseEntityFormReturnType;
846
- loading?: boolean;
847
- disableOnLoading?: boolean;
848
- validate?: PasswordFieldValidatorConfiguration;
849
- requiredMessage?: ReactNode;
850
- validationContainer?: React.ComponentType<{
851
- children: ReactNode;
852
- }>;
853
- autoMaxWidth?: {
854
- columnLenghtLessThanOrEqual: number;
855
- maxWidth: string;
856
- };
857
- }
858
- export function PasswordField(props: PasswordFieldProps): JSX.Element;
859
- export type useExecuteServerActionReturnType<TReturn extends ValuesObject> = {
860
- status: OperationStatus<TReturn>;
861
- execute: (values?: ValuesObject) => Promise<OperationStatus<TReturn> | undefined>;
862
- abort: () => void;
1055
+ export type EntityBuilderProps = {
1056
+ entity: Entity<EntityDefinition>;
1057
+ view: string;
1058
+ Card: ComponentType<EntityCardProps<ValuesObject>>;
863
1059
  };
864
- export function useExecuteServerAction<T extends EntityDefinition, TReturn extends ValuesObject>(entity: Entity<T>, actionName: string, doNotExecuteIfEntityValuesUnchanged?: boolean): useExecuteServerActionReturnType<TReturn>;
865
- export const NotifySuccessDefaultProps: Partial<NotificationProps>;
866
- export function NotifySuccess(props: NotificationProps): JSX.Element;
867
- export function NotifyError(props: NotificationProps): JSX.Element;
868
- export const NotifyInfoDefaultProps: Partial<NotificationProps>;
869
- export function NotifyInfo(props: NotificationProps): JSX.Element;
870
- export interface NotifyBitFieldProps extends NotificationProps {
871
- column: EntityColumn<boolean>;
872
- trueIcon?: ReactNode;
873
- falseIcon?: ReactNode;
874
- trueMessage: ReactNode;
875
- falseMessage: ReactNode;
876
- trueColor?: MantineColor;
877
- falseColor?: MantineColor;
878
- }
879
- export const NotifyBitFieldDefaultProps: Partial<NotifyBitFieldProps>;
880
- export function NotifyBitField(props: NotifyBitFieldProps): JSX.Element;
881
- export interface CheckboxFieldProps extends CheckboxProps {
882
- column: EntityColumn<Value>;
883
- entityForm: UseEntityFormReturnType;
884
- loading?: boolean;
885
- disableOnLoading?: boolean;
886
- requiredMessage?: ReactNode;
887
- }
888
- export function CheckboxField(props: CheckboxFieldProps): JSX.Element;
889
- export interface UseOperationStatusCallback<T> {
890
- callback: (...args: any[]) => Promise<T>;
891
- operation: DataOperationType;
892
- deps: React.DependencyList;
893
- }
894
- export type UseOperationStatusCallbackReturnType<T> = {
895
- operationCallback: (...args: any[]) => Promise<OperationStatus<T>>;
896
- status: OperationStatus<T>;
1060
+ export type EntityGridBuilderProps = Omit<EntityBuilderProps, 'Card'>;
1061
+ export type EntityLoader = (client: MicroMClient, parentKeys?: ValuesObject) => Promise<Entity<EntityDefinition>>;
1062
+ export type EntityBuilder<TEntity, TClient> = new (client: TClient, parentKeys?: ValuesObject) => TEntity;
1063
+ export type EntitySource<TResult> = {
1064
+ /** Builds the result synchronously */
1065
+ entityConstructor: (client: MicroMClient, parentKeys?: ValuesObject) => TResult;
1066
+ entityLoader?: never;
1067
+ } | {
1068
+ entityConstructor?: never;
1069
+ /** Loads the result asynchronously (e.g. via dynamic import) */
1070
+ entityLoader: (client: MicroMClient, parentKeys?: ValuesObject) => Promise<TResult>;
897
1071
  };
898
- export function useOperationStatusCallback<T>(props: UseOperationStatusCallback<T>): UseOperationStatusCallbackReturnType<T>;
899
- export interface ConfirmPanelProps {
900
- content: ReactNode;
901
- loadingContent?: ReactNode;
902
- operation: DataOperationType;
903
- onOK: () => Promise<unknown>;
904
- onCancel: () => Promise<void> | void;
905
- cancelButtonText?: string;
906
- okButtonText?: string;
907
- okButtonProps?: ButtonProps;
908
- cancelButtonProps?: ButtonProps;
909
- runOnOpen?: boolean;
1072
+ export type EntitySourceProps = EntitySource<Entity<EntityDefinition>>;
1073
+ export type EntityBuilderSourceProps = EntitySource<EntityBuilderProps>;
1074
+ export type EntityGridSourceProps = EntitySource<EntityGridBuilderProps>;
1075
+ export function importEntity<TClient, TEntity, TModule>(importModule: () => Promise<TModule>, getEntity: (module: TModule) => EntityBuilder<TEntity, TClient>): (client: TClient, parentKeys?: ValuesObject) => Promise<TEntity>;
1076
+ export function getEntity<TClient, TEntity, TModule, TCard>(importModule: () => Promise<TModule>, getEntity: (module: TModule) => EntityBuilder<TEntity, TClient>, getView: (entity: TEntity) => string, importCard: () => Promise<TCard>): (client: TClient, parentKeys?: ValuesObject) => Promise<EntityBuilderProps>;
1077
+ export function getEntity<TClient, TEntity, TModule>(importModule: () => Promise<TModule>, getEntity: (module: TModule) => EntityBuilder<TEntity, TClient>, getView: (entity: TEntity) => string): (client: TClient, parentKeys?: ValuesObject) => Promise<EntityGridBuilderProps>;
1078
+ export interface EntityClientActionOnClickProps {
1079
+ entity: Entity<any>;
1080
+ modal?: ModalContextType;
1081
+ selectedKeys?: ValuesObject[];
1082
+ element?: HTMLElement;
1083
+ onClose?: (result?: boolean) => Promise<boolean>;
910
1084
  }
911
- export const ConfirmAndExecutePanelDefaultProps: Partial<ConfirmPanelProps>;
912
- export function ConfirmAndExecutePanel(props: ConfirmPanelProps): JSX.Element;
913
- export interface EmailFieldProps extends Omit<TextFieldProps, 'validate'> {
914
- invalidMessage?: string;
1085
+ export interface EntityClientAction {
1086
+ name: string;
1087
+ title: ReactNode;
1088
+ label: ReactNode;
1089
+ icon?: ReactNode;
1090
+ refreshOnClose?: boolean;
1091
+ dontRequireSelection?: boolean;
1092
+ minSelectedRecords?: number;
1093
+ maxSelectedRecords?: number;
1094
+ views?: string[];
1095
+ showActionInViewMode?: boolean;
1096
+ onClick: (props: EntityClientActionOnClickProps) => Promise<boolean>;
915
1097
  }
916
- export const EmailFieldDefaultProps: Partial<EmailFieldProps>;
917
- export function EmailField(props: EmailFieldProps): JSX.Element;
918
- export interface UrlFieldProps extends Omit<TextFieldProps, 'validate'> {
919
- invalidMessage?: string;
1098
+ export interface EntityProc {
1099
+ name: string;
1100
+ parms?: Record<string, Value>;
920
1101
  }
921
- export const UrlFieldDefaultProps: Partial<UrlFieldProps>;
922
- export function UrlField(props: UrlFieldProps): JSX.Element;
923
- export interface UseDynamicContentProps {
924
- contentState: ReturnType<typeof useState<ReactNode>>;
925
- dynamicContent: Promise<ReactNode>;
926
- loading?: ReactNode;
1102
+ export interface EntityServerAction {
1103
+ name: string;
927
1104
  }
928
- export function useDynamicContent(props: UseDynamicContentProps): void;
929
- export interface CopyToClipboardProps extends ActionIconProps {
930
- valueToCopy: unknown;
931
- timeout?: number;
932
- copiedColor?: MantineColor;
933
- iconSize?: string | number;
1105
+ export const DefaultKeySeparator = "-";
1106
+ export interface CompoundKeyGroup {
1107
+ viewIndex: number;
1108
+ keyMappings: Record<string, number>;
1109
+ keySeparator?: string;
934
1110
  }
935
- export function CopyToClipboard(props: CopyToClipboardProps): JSX.Element;
936
- export interface CodeBlockProps extends Omit<PrismProps, 'children'> {
937
- codeText: string;
1111
+ export interface EntityView {
1112
+ name: string;
1113
+ keyMappings: Record<string, number>;
1114
+ compoundKeyGroups?: Record<string, CompoundKeyGroup>;
1115
+ Card?: Promise<ComponentType<EntityCardProps<ValuesObject>>> | null;
1116
+ FiltersEntity?: EntityConstructor;
1117
+ gridColumnsOverrides?: (theme: MantineTheme) => GridColumnsOverrides;
1118
+ mapMarkerRenderer?: DataMapProps['markerRenderer'];
1119
+ mapGroupMarkerRenderer?: DataMapProps['groupMarkerRenderer'];
1120
+ mapInfoWindowRenderer?: DataMapProps['InfoWindowRenderer'];
1121
+ mapSelectRecordsRenderer?: DataMapProps['selectRecordsRenderer'];
938
1122
  }
939
- export const CodeBlockDefaultProps: Partial<CodeBlockProps>;
940
- export function CodeBlock(props: CodeBlockProps): JSX.Element;
941
- export interface DateInputFieldProps extends Omit<DateInputProps, 'autoFocus'> {
942
- column: EntityColumn<Value>;
943
- entityForm: UseEntityFormReturnType;
944
- validate?: ValidatorConfiguration;
945
- requiredMessage?: ReactNode;
946
- validationContainer?: React.ComponentType<{
947
- children: ReactNode;
948
- }>;
949
- autoFocus?: 'autoFocusOnAdd' | 'autoFocusOnEdit' | boolean;
950
- maxWidth?: keyof typeof MicroMWidthSizes;
951
- minWidth?: keyof typeof MicroMWidthSizes;
1123
+ export class EntityDefinition {
1124
+ name: string;
1125
+ columns: ColumnsObject;
1126
+ procs: Record<string, EntityProc>;
1127
+ views: Record<string, EntityView>;
1128
+ lookups: Record<string, EntityLookup>;
1129
+ serverActions: Record<string, EntityServerAction>;
1130
+ clientActions: Record<string, EntityClientAction>;
1131
+ importColumns: string[] | null;
1132
+ standardView(): string | null;
1133
+ constructor(name: string);
1134
+ addCol<T extends Value>({ name, type, length, scale, value, defaultValue, flags, prompt }: EntityColumnOptions<T>): EntityColumn<T>;
1135
+ addView(view: EntityView): EntityView;
1136
+ addProc(proc: EntityProc): EntityProc;
1137
+ addLookup(lookup: EntityLookup): EntityLookup;
1138
+ addServerAction(action: EntityServerAction): EntityServerAction;
1139
+ addClientAction(action: EntityClientAction): EntityClientAction;
1140
+ static clone(entity_def: EntityDefinition): EntityDefinition;
952
1141
  }
953
- export const DateInputFieldDefaultProps: Partial<DateInputFieldProps>;
954
- export const DateInputField: ForwardRefExoticComponent<DateInputFieldProps & RefAttributes<HTMLInputElement>>;
955
- export interface NumberFieldProps extends Omit<NumberInputProps, 'autoFocus'> {
956
- column: EntityColumn<Value>;
957
- entityForm: UseEntityFormReturnType;
958
- loading?: boolean;
959
- disableOnLoading?: boolean;
960
- validate?: ValidatorConfiguration;
961
- requiredMessage?: ReactNode;
962
- validationContainer?: React.ComponentType<{
963
- children: ReactNode;
964
- }>;
965
- autoFocus?: 'autoFocusOnAdd' | 'autoFocusOnEdit' | boolean;
966
- maxWidth?: keyof typeof MicroMWidthSizes;
967
- minWidth?: keyof typeof MicroMWidthSizes;
1142
+ export interface ViewMapping {
1143
+ keyIndex: number;
1144
+ descriptionIndex: number;
968
1145
  }
969
- export const NumberField: ForwardRefExoticComponent<NumberFieldProps & RefAttributes<HTMLInputElement>>;
970
- export interface UseHierarchyKeysProps {
971
- formAPI: UseEntityFormReturnType;
972
- hierarchy: string[];
973
- mappedHierarchy?: string[];
1146
+ export interface EntityConstructor {
1147
+ (client: MicroMClient, parentKeys?: ValuesObject): Entity<EntityDefinition>;
974
1148
  }
975
- export function useHierarchyKeys(props: UseHierarchyKeysProps): Record<string, Value>[];
976
- export interface PhoneFieldProps extends Omit<TextFieldProps, 'validate'> {
977
- invalidMessage?: string;
978
- showCallIcon?: boolean;
979
- showWhatsappIcon?: boolean;
1149
+ export interface EntityLookup {
1150
+ name: string;
1151
+ entityConstructor: EntityConstructor;
1152
+ view?: string;
1153
+ proc?: string;
1154
+ bindingColumnKey?: string;
1155
+ compoundKeyGroupName?: string;
1156
+ viewMapping?: ViewMapping;
980
1157
  }
981
- export const PhoneFieldDefaultProps: Partial<PhoneFieldProps>;
982
- export function PhoneField(props: PhoneFieldProps): JSX.Element;
983
- export interface CUITFieldProps extends TextFieldProps {
984
- invalidMessage?: string;
1158
+ export interface UseResolvedEntityConstructorResult {
1159
+ entityConstructor: EntityConstructor | null;
1160
+ loading: boolean;
1161
+ error: unknown | null;
985
1162
  }
986
- export const CUITFieldDefaultProps: Partial<CUITFieldProps>;
987
- export function CUITField(props: CUITFieldProps): JSX.Element;
988
- export interface UseParentKeysProps {
989
- formAPI: UseEntityFormReturnType;
990
- columnNames: string[];
991
- entity: Entity<EntityDefinition>;
1163
+ export function useResolvedEntityConstructor(client: MicroMClient, parentKeys: ValuesObject | undefined, source: EntitySourceProps): UseResolvedEntityConstructorResult;
1164
+ type EntityFormPanelBaseProps = Omit<EntityFormPageProps, "entityConstructor">;
1165
+ export type EntityFormPanelProps = EntityFormPanelBaseProps & EntitySourceProps & {
1166
+ parentKeys?: ValuesObject;
1167
+ bgLight?: DefaultMantineColor;
1168
+ bgDark?: DefaultMantineColor;
1169
+ /** Props for the wrapping Card. Replaces the default object entirely when set per instance */
1170
+ containerCardProps?: Omit<CardProps, 'children'>;
1171
+ };
1172
+ export const EntityFormPanelDefaultProps: Partial<EntityFormPanelProps>;
1173
+ export function EntityFormPanel(props: EntityFormPanelProps): JSX.Element;
1174
+ export type FormMode = 'add' | 'edit' | 'view';
1175
+ export interface KeyStringIndexer {
1176
+ [key: string]: any;
992
1177
  }
993
- export function useParentKeys(props: UseParentKeysProps): ValuesObject;
994
- export interface TimeFieldProps extends Omit<TimeInputProps, 'validate' | 'autoFocus'> {
995
- column: EntityColumn<Value>;
996
- entityForm: UseEntityFormReturnType;
997
- validate?: ValidatorConfiguration;
998
- requiredMessage?: React.ReactNode;
999
- validationContainer?: React.ComponentType<{
1000
- children: ReactNode;
1001
- }>;
1002
- autoFocus?: 'autoFocusOnAdd' | 'autoFocusOnEdit' | boolean;
1003
- showTimePicker?: boolean;
1004
- maxWidth?: keyof typeof MicroMWidthSizes;
1005
- minWidth?: keyof typeof MicroMWidthSizes;
1178
+ export interface NumberIndexer {
1179
+ [key: number]: any;
1006
1180
  }
1007
- export const TimeFieldDefaultProps: Partial<TimeFieldProps>;
1008
- interface TimeFieldRef {
1009
- showPicker: () => void;
1010
- }
1011
- export const TimeField: ForwardRefExoticComponent<TimeFieldProps & RefAttributes<TimeFieldRef>>;
1012
- export function getInitials(input: string): string;
1013
- export interface useIsLoggedInProps {
1014
- client: MicroMClient;
1015
- useLocalLoggedInCheck?: boolean;
1016
- userInitialsClientClaimsNames?: string[];
1017
- }
1018
- export type useIsLoggedInReturnType = {
1019
- isLoggedIn: boolean | undefined;
1020
- setIsLoggedIn: Dispatch<SetStateAction<boolean | undefined>>;
1021
- checkIsLoggedIn: () => Promise<void>;
1022
- loggedInInfo: Partial<MicroMClientClaimTypes>;
1023
- };
1024
- export function useIsLoggedIn({ client, useLocalLoggedInCheck, userInitialsClientClaimsNames }: useIsLoggedInProps): useIsLoggedInReturnType;
1025
- export const usePreventEnterSubmission: () => (event: KeyboardEvent) => void;
1026
- export function formatDate(value: Value, locale?: string, dateOptions?: Intl.DateTimeFormatOptions): string;
1027
- export function formatTime(value: Value, locale?: string, dateOptions?: Intl.DateTimeFormatOptions): string;
1028
- export function formatNumber(value: Value, locale?: string): string;
1029
- export function convertDateToNative(value: string, serverTimeZoneOffset: number): Date;
1030
- export function formatSQLValue(value: Value, sqlType: SQLType, locale?: string): string;
1031
- export function convertToNativeValue(value: Value, sqlType: SQLType, serverTimezoneOffset: number): Value;
1032
- export interface UseLocaleFormatProps {
1033
- timeZoneOffset: number;
1034
- initialLocale?: string;
1181
+ export interface FormOptions<T extends Entity<EntityDefinition>> extends Omit<EntityFormProps, 'formAPI' | 'children'> {
1182
+ entity: T;
1183
+ initialFormMode: FormMode;
1184
+ getDataOnInit?: boolean;
1185
+ onSaved?: (status: OperationStatus<DBStatusResult>) => void;
1186
+ onCancel?: () => void;
1187
+ navigationProtection?: NavigationProtectionMode;
1035
1188
  }
1036
- export const UseLocaleFormatDefaultProps: Partial<UseLocaleFormatProps>;
1037
- export function useLocaleFormat(props: UseLocaleFormatProps): {
1038
- locale: string | undefined;
1039
- setLocale: Dispatch<SetStateAction<string | undefined>>;
1040
- formatValue: (value: Value, sqlType: SQLType) => string;
1041
- getNativeValue: (value: Value, sqlType: SQLType) => Value;
1042
- formatColumnValue: (col: EntityColumn<Value>) => string;
1189
+ export type useStateReturnType<T> = [T, React.Dispatch<React.SetStateAction<T>>];
1190
+ export type ActionIconVariant = 'transparent' | 'subtle' | 'default' | 'outline' | 'filled' | 'light';
1191
+ export type ButtonVariant = 'gradient' | 'subtle' | 'default' | 'outline' | 'filled' | 'light' | 'white';
1192
+ export type latLng = {
1193
+ lat: number;
1194
+ lng: number;
1043
1195
  };
1044
- export const UseImportDataDefaultProps: {
1045
- noFileProcessLabel: string;
1046
- errorImportingDataLabel: string;
1196
+ export const MicroMWidthSizes: {
1197
+ xs: string;
1198
+ sm: string;
1199
+ md: string;
1200
+ lg: string;
1201
+ xl: string;
1202
+ auto: string;
1047
1203
  };
1048
- export interface ImageCropOptions {
1049
- aspectRatio?: number;
1204
+ export interface EntityError extends Error {
1205
+ Errors: DBStatus[];
1050
1206
  }
1051
- export interface ImageResizeOptions {
1052
- maxWidth?: number;
1053
- maxHeight?: number;
1054
- allowUpscale?: boolean;
1207
+ export class EntityAPI {
1208
+ #private;
1209
+ client: MicroMClient;
1210
+ constructor(client: MicroMClient, name: string, columns: ColumnsObject);
1211
+ /**
1212
+ * Get the data for the current row and fill the columns values with it.
1213
+ */
1214
+ getData(abort_signal?: AbortSignal | null): Promise<boolean>;
1215
+ /**
1216
+ * Add the data for the current row and fill the key columns values with the returned auto-numeric (if any).
1217
+ */
1218
+ addData(abort_signal?: AbortSignal | null, recordsSelection?: ValuesObject[], ignoreRecordExists?: boolean, requestOptions?: MicroMRequestOptions): Promise<DBStatusResult>;
1219
+ /**
1220
+ * Edits the data for the current row.
1221
+ */
1222
+ editData(abort_signal?: AbortSignal | null, recordsSelection?: ValuesObject[], requestOptions?: MicroMRequestOptions): Promise<DBStatusResult>;
1223
+ /**
1224
+ * Deletes the data for the current row.
1225
+ */
1226
+ deleteData(recordsSelection?: ValuesObject[], abort_signal?: AbortSignal | null, parentKeys?: ValuesObject | null): Promise<DBStatusResult>;
1227
+ /**
1228
+ * Lookup the description for an entity.
1229
+ */
1230
+ lookupData(abort_signal?: AbortSignal | null, parentKeys?: ValuesObject | null, proc_name?: string | null): Promise<string>;
1231
+ /**
1232
+ * Import data
1233
+ */
1234
+ importData(abort_signal: (AbortSignal | null) | undefined, import_procname: (string | null) | undefined, parentKeys: (ValuesObject | null) | undefined, fileprocess_id: string): Promise<ImpDataResult>;
1235
+ executeView(view: EntityView, view_parms?: ValuesObject, limit?: string | null, search?: string[] | null, abort_signal?: AbortSignal | null): Promise<DataResult[]>;
1236
+ downloadBlobFile(blob: Blob, filename: string): void;
1237
+ exportView(view: EntityView, view_parms?: ValuesObject, limit?: string | null, search?: string[] | null, abort_signal?: AbortSignal | null): Promise<Blob>;
1238
+ exportProc(proc: EntityProc, proc_parms?: ValuesObject, abort_signal?: AbortSignal | null, recordsSelection?: ValuesObject[]): Promise<Blob>;
1239
+ executeProc(proc: EntityProc, proc_parms?: ValuesObject, abort_signal?: AbortSignal | null, recordsSelection?: ValuesObject[]): Promise<DataResult[]>;
1240
+ executeProcess(proc: EntityProc, proc_parms?: ValuesObject, abort_signal?: AbortSignal | null, recordsSelection?: ValuesObject[]): Promise<DBStatusResult>;
1241
+ executeServerAction<TReturn extends Record<string, unknown>>(action: EntityServerAction, action_parms?: ValuesObject, abort_signal?: AbortSignal | null): Promise<TReturn>;
1055
1242
  }
1056
- export interface ImageManualRotationOptions {
1057
- stepDegrees?: 90 | -90;
1243
+ export type EntityFormComponentPromise = Promise<ComponentType<FormOptions<Entity<any>>>>;
1244
+ export class Entity<T extends EntityDefinition> {
1245
+ #private;
1246
+ get name(): string;
1247
+ get def(): T;
1248
+ parentKeys: ValuesObject;
1249
+ API: EntityAPI;
1250
+ Form: EntityFormComponentPromise | "AutoForm" | "AutoFiltersForm" | null;
1251
+ Title: string;
1252
+ HelpText?: string;
1253
+ Icon?: ComponentType<IconProps>;
1254
+ constructor(client: MicroMClient, def: T, parentKeys?: ValuesObject, setParentKeys?: boolean);
1255
+ static clone(entity: Entity<EntityDefinition>): Entity<EntityDefinition>;
1058
1256
  }
1059
- export interface ImageCompressionOptions {
1060
- thresholdBytes?: number;
1061
- quality?: number;
1062
- fallbackFormat?: string;
1257
+ export function convertValueFromString(col: EntityColumn<Value>, value: string): Value;
1258
+ export type MappingBehavior = 'lax' | 'enforceObject' | 'enforceDataResult' | 'exactMatch';
1259
+ export function toCamelCase(str: string): string;
1260
+ /** function to convert a record array to a values object */
1261
+ export function convertRecordToValuesObject(record: ValuesRecord, headers: string[], typeInfo: SQLType[], formatToString?: (value: Value, sqlType: SQLType) => string): ValuesObject;
1262
+ export function convertRecordsToArrayOfValuesObject(dataResult: DataResult, nameTransformFunction?: ((name: string) => string) | null, formatToString?: (value: Value) => string): ValuesObject[];
1263
+ export function mapRecordToType<T extends ValuesObject>(record: ValuesRecord, headers: string[], enforceObjectKeys: Set<string>, mapping_behavior: MappingBehavior, map_properties?: Record<string, keyof T> | null, skipUndefinedOrNull?: boolean): T;
1264
+ export function mapDataResultToType<T extends ValuesObject>(dataResult: DataResult, mapping_behavior: MappingBehavior, nameTransformFunction?: ((name: string) => string) | null, map_properties?: Record<string, keyof T> | null, skipUndefinedOrNull?: boolean): T[];
1265
+ export function exportToCSV(viewResult: DataResult, notExportableColumns?: number[]): void;
1266
+ export function exportToExcel(data: DataResult[], notExportableColumns?: number[], sheetNames?: string[]): Promise<void>;
1267
+ export function extractArrayFromSelectedRecords<T>(selectedKeys: ValuesObject[], property: keyof ValuesObject): T[];
1268
+ export function isInstanceOfEntityColumn<T extends Value>(obj: unknown): obj is EntityColumn<T>;
1269
+ export function isViewMapping(obj: unknown): obj is ViewMapping;
1270
+ export function isEntityLookup(obj: unknown): obj is EntityLookup;
1271
+ export function getRequiredColumns(entity?: Entity<EntityDefinition>): string[];
1272
+ export interface ColumnMapRecord {
1273
+ columnName: string;
1274
+ propertyName: string;
1063
1275
  }
1064
- export interface BrowserImageProcessingOptions {
1065
- exifOrientation?: boolean;
1066
- crop?: boolean | ImageCropOptions;
1067
- resize?: boolean | ImageResizeOptions;
1068
- manualRotation?: boolean | ImageManualRotationOptions;
1069
- compression?: boolean | ImageCompressionOptions;
1070
- outputFormat?: string;
1071
- jpegBackgroundColor?: string;
1276
+ export type ColumnMap = ColumnMapRecord[];
1277
+ export interface ColumnsMapRecord<T extends Partial<ColumnsObject>, V> {
1278
+ columnName: keyof T;
1279
+ propertyName: keyof V;
1072
1280
  }
1073
- export interface ResolvedBrowserImageProcessingOptions {
1074
- exifOrientation: boolean;
1075
- crop: false | Required<ImageCropOptions>;
1076
- resize: false | Required<ImageResizeOptions>;
1077
- manualRotation: false | Required<ImageManualRotationOptions>;
1078
- compression: false | Required<ImageCompressionOptions>;
1079
- outputFormat?: string;
1080
- jpegBackgroundColor: string;
1281
+ export type ColumnsMap<T extends Partial<ColumnsObject>, V> = ColumnsMapRecord<T, V>[];
1282
+ /**
1283
+ * Returns a dictionary of column names mapped to property names.
1284
+ * @param map
1285
+ * @returns
1286
+ */
1287
+ export function getDictionaryByColumnName<T extends Partial<ColumnsObject>, V>(map: ColumnsMap<T, V>): Record<keyof T, keyof V>;
1288
+ /**
1289
+ * Returns a dictionary of property names mapped to column names.
1290
+ * @param map
1291
+ * @returns
1292
+ */
1293
+ export function getDictionaryByPropertyName<V, T extends Partial<ColumnsObject>>(map: ColumnsMap<T, V>): Record<keyof V, keyof T>;
1294
+ export function mapToRecordSelection<T extends Partial<ColumnsObject>, V>(values: V[], propertiesMapDictionary: Record<keyof V, keyof T>): ValuesObject[];
1295
+ export class ColumnsMapper<T extends Entity<EntityDefinition>, V extends ValuesObject> {
1296
+ #private;
1297
+ constructor(entity: T, values: V, records: ColumnMapRecord[]);
1298
+ columnsDictionary: Record<string, string>;
1299
+ valuesDictionary: Record<string, string>;
1300
+ mapValuesToColumns(columns: ColumnsObject, values: V, ignoreInvalidMappings?: boolean, ignoreInexistentValues?: boolean): void;
1301
+ mapColumnsToValues(columns: ColumnsObject, ignoreInvalidMappings?: boolean, ignoreInexistentValues?: boolean): Partial<V>;
1081
1302
  }
1082
- export const BrowserImageProcessingDefaults: ResolvedBrowserImageProcessingOptions;
1083
- export function resolveImageProcessingOptions(options?: BrowserImageProcessingOptions): ResolvedBrowserImageProcessingOptions;
1084
- export function getSupportedImageMimeType(fileName: string, declaredType?: string): string | undefined;
1085
- export function isSupportedImageFile(fileName: string, declaredType?: string): boolean;
1086
- export function getImageOutputSettings(file: File, options: ResolvedBrowserImageProcessingOptions): {
1087
- sourceFormat: string;
1088
- outputFormat: string;
1089
- shouldCompress: boolean;
1090
- quality: number | undefined;
1303
+ export const MaxCompoundKeyValues = 10;
1304
+ export type OrderedCompoundKeyMapping = readonly [columnName: string, position: number];
1305
+ export function getOrderedCompoundKeyMappings(group: CompoundKeyGroup): OrderedCompoundKeyMapping[];
1306
+ export function resolveCompoundKeyGroup(view: EntityView, groupName: string): CompoundKeyGroup;
1307
+ export function splitCompoundKey(rawValue: string, group: CompoundKeyGroup): {
1308
+ values: string[];
1309
+ complete: boolean;
1091
1310
  };
1092
- export function canvasToProcessedFile(canvas: HTMLCanvasElement, source: File, options: ResolvedBrowserImageProcessingOptions): Promise<File>;
1093
- export function processImageFileAutomatically(file: File, options: ResolvedBrowserImageProcessingOptions): Promise<File>;
1094
- export type PreviewFileTypes = 'image' | 'pdf' | 'other';
1095
- export const getFileType: (file_name: string) => PreviewFileTypes;
1096
- export interface FilePreviewProps {
1097
- documentURL: string;
1098
- onClose: () => void;
1099
- closeText: string;
1100
- filePreviewError?: string;
1101
- }
1102
- export function ImagePreview({ documentURL, onClose, closeText }: FilePreviewProps): JSX.Element;
1103
- export const PDFPreviewDefaultProps: Partial<FilePreviewProps>;
1104
- export function PDFPreview(props: FilePreviewProps): JSX.Element;
1105
- export class FileStoreClientDef extends EntityDefinition {
1106
- columns: {
1107
- dt_inserttime: EntityColumn<Date>;
1108
- dt_lu: EntityColumn<Date>;
1109
- vc_webinsuser: EntityColumn<string>;
1110
- vc_webluuser: EntityColumn<string>;
1111
- vc_insuser: EntityColumn<string>;
1112
- vc_luuser: EntityColumn<string>;
1113
- vc_fileguid: EntityColumn<string>;
1114
- c_fileprocess_id: EntityColumn<string>;
1115
- vc_filename: EntityColumn<string>;
1116
- vc_filefolder: EntityColumn<string>;
1117
- bi_filesize: EntityColumn<number>;
1118
- vc_file_tag: EntityColumn<string>;
1119
- c_fileuploadstatus_id: EntityColumn<string>;
1120
- c_filestoragetype_id: EntityColumn<string>;
1121
- };
1122
- views: {
1123
- fcc_brwFiles: {
1124
- name: string;
1125
- keyMappings: {
1126
- vc_fileguid: number;
1127
- c_fileprocess_id: number;
1128
- };
1129
- };
1130
- };
1131
- constructor();
1311
+ export function composeCompoundKey(values: readonly Value[], group: CompoundKeyGroup): string;
1312
+ export function extractCompoundKeyValues(keys: ValuesObject, group: CompoundKeyGroup): Value[] | undefined;
1313
+ export function extractCompoundRecordKeys(record: object, group: CompoundKeyGroup): ValuesObject | undefined;
1314
+ export interface useTextTransformProps {
1315
+ entityForm: UseEntityFormReturnType;
1316
+ column: EntityColumn<Value>;
1317
+ transform?: "uppercase" | "lowercase" | "capitalize" | "titlecase";
1318
+ autoTrim?: boolean;
1132
1319
  }
1133
- export class FileStoreClient extends Entity<FileStoreClientDef> {
1134
- constructor(client: MicroMClient, parentKeys?: {});
1320
+ export function useTextTransform(props: useTextTransformProps): (text: string) => void;
1321
+ type TextAreaFieldAllowedValidators = 'regex' | 'length' | 'field' | 'required';
1322
+ export type TextAreaFieldValidatorConfiguration = Partial<Record<TextAreaFieldAllowedValidators, ValidatorConfigurationParms>>;
1323
+ export interface TextAreaFieldProps extends Omit<TextareaProps, 'autoFocus'>, Omit<useTextTransformProps, 'entityForm' | 'column' | 'onBlur' | 'mantineOnBlur'> {
1324
+ column: EntityColumn<Value>;
1325
+ entityForm: UseEntityFormReturnType;
1326
+ validate?: TextAreaFieldValidatorConfiguration;
1327
+ requiredMessage?: ReactNode;
1328
+ validationContainer?: React.ComponentType<{
1329
+ children: ReactNode;
1330
+ }>;
1331
+ autoFocus?: 'autoFocusOnAdd' | 'autoFocusOnEdit' | boolean;
1135
1332
  }
1136
- export class FileStoreProcessDef extends EntityDefinition {
1137
- columns: {
1138
- dt_inserttime: EntityColumn<Date>;
1139
- dt_lu: EntityColumn<Date>;
1140
- vc_webinsuser: EntityColumn<string>;
1141
- vc_webluuser: EntityColumn<string>;
1142
- vc_insuser: EntityColumn<string>;
1143
- vc_luuser: EntityColumn<string>;
1144
- c_fileprocess_id: EntityColumn<string>;
1145
- };
1146
- views: {
1147
- fsp_brwStandard: {
1148
- name: string;
1149
- keyMappings: {
1150
- c_fileprocess_id: number;
1151
- };
1152
- };
1333
+ export const TextAreaField: ForwardRefExoticComponent<TextAreaFieldProps & RefAttributes<HTMLTextAreaElement>>;
1334
+ export interface TextFieldProps extends Omit<TextInputProps, 'autoFocus'>, Omit<useTextTransformProps, 'entityForm' | 'column'> {
1335
+ column: EntityColumn<Value>;
1336
+ entityForm: UseEntityFormReturnType;
1337
+ validate?: ValidatorConfiguration;
1338
+ requiredMessage?: ReactNode;
1339
+ validationContainer?: React.ComponentType<{
1340
+ children: ReactNode;
1341
+ }>;
1342
+ autoFocus?: 'autoFocusOnAdd' | 'autoFocusOnEdit' | boolean;
1343
+ autoMaxWidth?: {
1344
+ columnLenghtLessThanOrEqual: number;
1345
+ maxWidth: string;
1153
1346
  };
1154
- constructor();
1347
+ maxWidth?: keyof typeof MicroMWidthSizes;
1348
+ minWidth?: keyof typeof MicroMWidthSizes;
1155
1349
  }
1156
- export class FileStoreProcess extends Entity<FileStoreProcessDef> {
1157
- constructor(client: MicroMClient, parentKeys?: {});
1350
+ export const TextField: ForwardRefExoticComponent<TextFieldProps & RefAttributes<HTMLInputElement>>;
1351
+ export interface AutoFormFieldsProps<T extends Entity<EntityDefinition>> {
1352
+ entity: T;
1353
+ entityForm: UseEntityFormReturnType;
1158
1354
  }
1159
- export interface FullImagePreviewProps {
1160
- source: HTMLCanvasElement;
1161
- rotation: number;
1162
- label: string;
1355
+ export function AutoFormFields(props: AutoFormFieldsProps<Entity<EntityDefinition>>): (ReactElement<any, string | JSXElementConstructor<any>> | undefined)[];
1356
+ export function AutoForm(props: FormOptions<Entity<EntityDefinition>>): JSX.Element;
1357
+ export interface ModalFormOptions {
1358
+ entity: Entity<EntityDefinition>;
1359
+ onSaved: (entity: Entity<EntityDefinition>) => void;
1360
+ onCancel: (entity: Entity<EntityDefinition>) => void;
1163
1361
  }
1164
- export function FullImagePreview({ source, rotation, label }: FullImagePreviewProps): JSX.Element;
1165
- export interface WebcamCaptureLabels {
1166
- permissionMessage?: string;
1167
- enableCameraLabel?: string;
1168
- cameraLabel?: string;
1169
- captureLabel?: string;
1170
- retakeLabel?: string;
1171
- usePhotoLabel?: string;
1172
- cancelLabel?: string;
1173
- unsupportedMessage?: string;
1174
- insecureContextMessage?: string;
1175
- permissionDeniedMessage?: string;
1176
- noCameraMessage?: string;
1177
- cameraUnavailableMessage?: string;
1362
+ export function ModalForm({ entity, onSaved, onCancel }: ModalFormOptions): JSX.Element;
1363
+ export interface SearchInputProps extends TextInputProps {
1364
+ onSearchClick: React.MouseEventHandler;
1365
+ size: string;
1366
+ iconsSize: string;
1367
+ value: string;
1368
+ onChange: React.ChangeEventHandler<HTMLInputElement>;
1369
+ placeholder?: string;
1370
+ autoFocus?: boolean;
1371
+ iconVariant?: ActionIconVariant;
1372
+ [x: string]: any;
1178
1373
  }
1179
- export interface WebcamCaptureProps {
1180
- onCapture: (file: File) => Promise<void> | void;
1181
- onCancel: () => Promise<void> | void;
1182
- labels?: WebcamCaptureLabels;
1183
- videoConstraints?: MediaTrackConstraints;
1184
- fileName?: string;
1185
- outputType?: 'image/jpeg' | 'image/png' | 'image/webp';
1186
- outputQuality?: number;
1374
+ export const SearchInputDefaultProps: Partial<SearchInputProps>;
1375
+ export function SearchInput(props: SearchInputProps): JSX.Element;
1376
+ export interface ToggleActionIconOptions {
1377
+ hidden: boolean;
1378
+ size: string;
1379
+ onColor: MantineColor;
1380
+ offColor: MantineColor;
1381
+ onVariant?: ActionIconVariant;
1382
+ offVariant?: ActionIconVariant;
1383
+ onIcon: ReactNode;
1384
+ offIcon: ReactNode;
1385
+ initialStatus?: 'on' | 'off';
1386
+ onClick?: () => void;
1387
+ radius?: MantineNumberSize;
1388
+ title?: string;
1187
1389
  }
1188
- export const WebcamCaptureDefaultProps: Partial<WebcamCaptureProps>;
1189
- export function WebcamCapture(props: WebcamCaptureProps): JSX.Element;
1190
- export type ImageEditorCameraConfiguration = Omit<WebcamCaptureProps, 'onCapture' | 'onCancel'>;
1191
- export interface ImageEditorProps {
1192
- sourceFile?: File;
1193
- options: ResolvedBrowserImageProcessingOptions;
1194
- onSave: (file: File) => Promise<void> | void;
1195
- onBeforeSave?: (file: File) => boolean | Promise<boolean>;
1196
- onCancel: () => Promise<void> | void;
1197
- initiallyDirty?: boolean;
1198
- saveLabel?: string;
1199
- cancelLabel?: string;
1200
- rotateClockwiseLabel?: string;
1201
- rotateCounterClockwiseLabel?: string;
1202
- takePhotoLabel?: string;
1203
- camera?: boolean | ImageEditorCameraConfiguration;
1390
+ export const ToggleActionIcon: ForwardRefExoticComponent<ToggleActionIconOptions & RefAttributes<HTMLButtonElement>>;
1391
+ export function useExecuteView(entity?: Entity<EntityDefinition>, values?: ValuesObject, viewName?: string, search?: string[] | undefined, limit?: string | null, refresh?: boolean, filters?: ValuesObject, enabled?: boolean): OperationStatus<DataResult[]>;
1392
+ export function useDebugProps<T>(propsObject: T, dependencies: any[], componentName: string): void;
1393
+ export function useEnterAsTab<T extends HTMLElement>(): MutableRefObject<T | null>;
1394
+ export interface useLoginType {
1395
+ login: () => void;
1204
1396
  }
1205
- export const ImageEditorDefaultProps: Partial<ImageEditorProps>;
1206
- export const ImageEditor: (props: ImageEditorProps) => JSX.Element;
1207
- export interface UploadProgressReport {
1208
- errorMessage?: string;
1209
- status_id: string;
1210
- progress: number;
1211
- done?: boolean;
1212
- cancelled?: boolean;
1213
- documentURL?: string;
1214
- file_name: string;
1215
- file_size: number;
1216
- vc_fileguid?: string;
1217
- thumbnailURL?: string;
1397
+ export interface useLoginOptions {
1398
+ client: MicroMClient;
1399
+ modalProps?: ModalSettings;
1400
+ onClose?: () => void;
1401
+ title?: string;
1218
1402
  }
1219
- export interface UseFileUploadSnapshot {
1220
- files: readonly UploadProgressReport[];
1221
- fileProcessID: string;
1222
- maxIndividualFileSize?: number;
1223
- maxTotalFilesSize?: number;
1224
- maxFilesCount?: number;
1225
- errorNotification?: string;
1226
- cancelledNotification?: boolean;
1227
- uploadingNotification?: boolean;
1228
- loadingNotification?: boolean;
1229
- processing: boolean;
1230
- editorEnabled: boolean;
1403
+ export const UseLoginDefaultProps: Partial<useLoginOptions>;
1404
+ export function useLogin(props: useLoginOptions): () => Promise<void>;
1405
+ type PasswordFieldAllowedValidators = 'regex' | 'length' | 'field' | 'required';
1406
+ export type PasswordFieldValidatorConfiguration = Partial<Record<PasswordFieldAllowedValidators, ValidatorConfigurationParms>>;
1407
+ export interface PasswordFieldProps extends PasswordInputProps {
1408
+ column: EntityColumn<string>;
1409
+ entityForm: UseEntityFormReturnType;
1410
+ loading?: boolean;
1411
+ disableOnLoading?: boolean;
1412
+ validate?: PasswordFieldValidatorConfiguration;
1413
+ requiredMessage?: ReactNode;
1414
+ validationContainer?: React.ComponentType<{
1415
+ children: ReactNode;
1416
+ }>;
1417
+ autoMaxWidth?: {
1418
+ columnLenghtLessThanOrEqual: number;
1419
+ maxWidth: string;
1420
+ };
1231
1421
  }
1232
- interface UseFileUploadActions {
1233
- uploadFiles: (selectedFiles: File[]) => Promise<UploadProgressReport[]>;
1234
- replaceFile: (fileGUID: string, replacementFile: File) => Promise<UploadProgressReport | null>;
1235
- editImage: (file: string | UploadProgressReport) => Promise<UploadProgressReport | null>;
1236
- openImageEditor: (file?: File, options?: OpenImageEditorOptions) => Promise<File | null>;
1237
- captureImage: () => Promise<UploadProgressReport | null>;
1238
- canEditImage: (file: string | UploadProgressReport) => boolean;
1239
- refreshFiles: () => Promise<Record<string, UploadProgressReport>>;
1240
- deleteFile: (fileGUID: string) => Promise<DBStatusResult>;
1241
- downloadFile: (fileUrl: string, fileName?: string) => Promise<void>;
1242
- clearNotifications: () => void;
1243
- cancelUpload: () => void;
1422
+ export function PasswordField(props: PasswordFieldProps): JSX.Element;
1423
+ export type useExecuteServerActionReturnType<TReturn extends ValuesObject> = {
1424
+ status: OperationStatus<TReturn>;
1425
+ execute: (values?: ValuesObject) => Promise<OperationStatus<TReturn> | undefined>;
1426
+ abort: () => void;
1427
+ };
1428
+ export function useExecuteServerAction<T extends EntityDefinition, TReturn extends ValuesObject>(entity: Entity<T>, actionName: string, doNotExecuteIfEntityValuesUnchanged?: boolean): useExecuteServerActionReturnType<TReturn>;
1429
+ export const NotifySuccessDefaultProps: Partial<NotificationProps>;
1430
+ export function NotifySuccess(props: NotificationProps): JSX.Element;
1431
+ export function NotifyError(props: NotificationProps): JSX.Element;
1432
+ export const NotifyInfoDefaultProps: Partial<NotificationProps>;
1433
+ export function NotifyInfo(props: NotificationProps): JSX.Element;
1434
+ export interface NotifyBitFieldProps extends NotificationProps {
1435
+ column: EntityColumn<boolean>;
1436
+ trueIcon?: ReactNode;
1437
+ falseIcon?: ReactNode;
1438
+ trueMessage: ReactNode;
1439
+ falseMessage: ReactNode;
1440
+ trueColor?: MantineColor;
1441
+ falseColor?: MantineColor;
1244
1442
  }
1245
- export interface UseFileUploadReturnType extends UseFileUploadSnapshot, UseFileUploadActions {
1246
- subscribe: (listener: () => void) => () => void;
1247
- getSnapshot: () => UseFileUploadSnapshot;
1443
+ export const NotifyBitFieldDefaultProps: Partial<NotifyBitFieldProps>;
1444
+ export function NotifyBitField(props: NotifyBitFieldProps): JSX.Element;
1445
+ export interface CheckboxFieldProps extends CheckboxProps {
1446
+ column: EntityColumn<Value>;
1447
+ entityForm: UseEntityFormReturnType;
1448
+ loading?: boolean;
1449
+ disableOnLoading?: boolean;
1450
+ requiredMessage?: ReactNode;
1248
1451
  }
1249
- export function useFileUploadSnapshot(uploadAPI: UseFileUploadReturnType): UseFileUploadSnapshot;
1250
- export type ValidateFileReturnType = {
1251
- error: boolean;
1252
- message?: string;
1452
+ export function CheckboxField(props: CheckboxFieldProps): JSX.Element;
1453
+ export interface UseOperationStatusCallback<T> {
1454
+ callback: (...args: any[]) => Promise<T>;
1455
+ operation: DataOperationType;
1456
+ deps: React.DependencyList;
1457
+ }
1458
+ export type UseOperationStatusCallbackReturnType<T> = {
1459
+ operationCallback: (...args: any[]) => Promise<OperationStatus<T>>;
1460
+ status: OperationStatus<T>;
1253
1461
  };
1254
- export type UploadCompletionResult = ValidateFileReturnType;
1255
- export type ImageEditorConfigurationProps = Partial<Pick<ImageEditorProps, 'saveLabel' | 'cancelLabel' | 'rotateClockwiseLabel' | 'rotateCounterClockwiseLabel' | 'takePhotoLabel' | 'camera'>>;
1256
- export interface OpenImageEditorOptions {
1257
- initiallyDirty?: boolean;
1258
- onBeforeSave?: NonNullable<ImageEditorProps['onBeforeSave']>;
1462
+ export function useOperationStatusCallback<T>(props: UseOperationStatusCallback<T>): UseOperationStatusCallbackReturnType<T>;
1463
+ export interface ConfirmPanelProps {
1464
+ content: ReactNode;
1465
+ loadingContent?: ReactNode;
1466
+ operation: DataOperationType;
1467
+ onOK: () => Promise<unknown>;
1468
+ onCancel: () => Promise<void> | void;
1469
+ cancelButtonText?: string;
1470
+ okButtonText?: string;
1471
+ okButtonProps?: ButtonProps;
1472
+ cancelButtonProps?: ButtonProps;
1473
+ runOnOpen?: boolean;
1259
1474
  }
1260
- export interface UseFileUploadProps {
1261
- client: MicroMClient;
1262
- fileProcessColumn: EntityColumn<string>;
1263
- maxIndividualFileSize?: number;
1264
- maxTotalFilesSize?: number;
1265
- maxFilesCount?: number;
1266
- youCanUploadAMaximumOfText?: string;
1267
- filesText?: string;
1268
- exceedMaximumIndividualSizeText?: string;
1269
- unspecifiedErrorWhenUploadingFileText?: string;
1270
- totalUploadExceedsMaximumSizeText?: string;
1271
- onCancel?: () => void;
1272
- editor?: boolean;
1273
- imageProcessing?: BrowserImageProcessingOptions;
1274
- imageEditorTitle?: ReactNode;
1275
- imageEditorProps?: ImageEditorConfigurationProps;
1276
- imageEditorModalProps?: MicroMModalSettings;
1277
- onValidateFile?: (file: File) => Promise<ValidateFileReturnType>;
1278
- onProcessFile?: (file: File) => Promise<File | null>;
1279
- onBeforeUpload?: (file: File) => Promise<boolean>;
1280
- onBeforeReplace?: (currentFile: UploadProgressReport, replacementFile?: File) => Promise<boolean>;
1281
- onUploadComplete?: (report: UploadProgressReport) => Promise<UploadCompletionResult | void>;
1282
- onDeleteComplete?: (fileGUID: string) => Promise<void> | void;
1283
- thumbnailMaxSize?: number;
1284
- thumbnailQuality?: number;
1285
- loadFilesOnMount?: boolean;
1286
- }
1287
- export const UseFileUploadDefaultProps: Partial<UseFileUploadProps>;
1288
- export type UploadStatus = 'Pending' | 'Uploading' | 'Uploaded' | 'Failed' | 'Cancelled';
1289
- export function useFileUpload(props: UseFileUploadProps): UseFileUploadReturnType;
1290
- export interface FileUploaderProps extends Omit<DropzoneProps, 'children' | 'onDrop' | 'maxSize' | 'maxFiles'> {
1291
- IdleIcon?: (props: IconProps) => ReactNode;
1292
- UploadText?: string;
1293
- AttachUpToText?: string;
1294
- FilesText?: string;
1295
- EachFileShouldNotExceedText?: string;
1296
- uploadAPI: UseFileUploadReturnType;
1297
- onDelete?: (fileGUID: string) => boolean | Promise<boolean>;
1298
- imageProps?: ImageProps;
1299
- closeText?: string;
1300
- cancelledText?: string;
1301
- operationCancelledText?: string;
1302
- pdfCannotBeViewedText?: string;
1303
- showCancelButton?: boolean;
1304
- cancelLabel?: string;
1305
- parentFormAPI?: UseEntityFormReturnType;
1306
- editor?: boolean;
1307
- editImageLabel?: string;
1308
- replaceFileGUID?: string;
1309
- replaceExistingFile?: boolean;
1310
- }
1311
- export const FileUploaderDefaultProps: Partial<FileUploaderProps>;
1312
- export function FileUploader(props: FileUploaderProps): JSX.Element;
1313
- export interface FilesUploadFormProps extends UseFileUploadProps {
1314
- fileProcessColumn: EntityColumn<string>;
1315
- onOK?: (fileprocess_id: string, files: readonly UploadProgressReport[]) => void;
1316
- onDelete?: (fileGUID: string) => boolean | Promise<boolean>;
1317
- helpMessage?: string;
1318
- uploaderProps?: Omit<FileUploaderProps, 'uploadAPI' | 'editor'>;
1319
- okLabel?: string;
1320
- showOKButton?: boolean;
1321
- uploadAPI?: UseFileUploadReturnType;
1475
+ export const ConfirmAndExecutePanelDefaultProps: Partial<ConfirmPanelProps>;
1476
+ export function ConfirmAndExecutePanel(props: ConfirmPanelProps): JSX.Element;
1477
+ export interface EmailFieldProps extends Omit<TextFieldProps, 'validate'> {
1478
+ invalidMessage?: string;
1322
1479
  }
1323
- export const FilesUploadFormDefaultProps: Partial<FilesUploadFormProps>;
1324
- export function FilesUploadForm(props: FilesUploadFormProps): JSX.Element;
1325
- export interface ModalFileUploadProps {
1326
- client: MicroMClient;
1327
- fileProcessColumn: EntityColumn<string>;
1328
- onOK?: (fileprocess_id: string, files: readonly UploadProgressReport[]) => void;
1329
- onCancel?: () => void;
1330
- onClosed?: () => void;
1331
- modalProps?: ModalSettings;
1332
- modalTitle?: string;
1333
- uploadAPI?: UseFileUploadReturnType;
1334
- filesUploadFormProps: Omit<FilesUploadFormProps, 'fileProcessColumn' | 'uploaderProps' | 'client' | 'onOK' | 'onCancel' | 'uploadAPI'>;
1335
- uploaderProps?: Omit<FileUploaderProps, 'uploadAPI' | 'editor'>;
1480
+ export const EmailFieldDefaultProps: Partial<EmailFieldProps>;
1481
+ export function EmailField(props: EmailFieldProps): JSX.Element;
1482
+ export interface UrlFieldProps extends Omit<TextFieldProps, 'validate'> {
1483
+ invalidMessage?: string;
1336
1484
  }
1337
- export const UseFileUploadFormOpenDefaultProps: Partial<ModalFileUploadProps>;
1338
- export function useFilesUploadForm(): (props: ModalFileUploadProps) => Promise<void>;
1339
- export interface useEntityCSVImportValidationProps {
1340
- errorReadingFileLabel?: string;
1341
- emptyCSVFileLabel?: string;
1342
- missingColumnsLabel?: string;
1485
+ export const UrlFieldDefaultProps: Partial<UrlFieldProps>;
1486
+ export function UrlField(props: UrlFieldProps): JSX.Element;
1487
+ export interface UseDynamicContentProps {
1488
+ contentState: ReturnType<typeof useState<ReactNode>>;
1489
+ dynamicContent: Promise<ReactNode>;
1490
+ loading?: ReactNode;
1343
1491
  }
1344
- export function useEntityCSVImportValidation({ errorReadingFileLabel, emptyCSVFileLabel, missingColumnsLabel }: useEntityCSVImportValidationProps): {
1345
- validateEntityImportCSVFile: (props: {
1346
- file: File;
1347
- requiredColumns: string[];
1348
- }) => Promise<ValidateFileReturnType>;
1349
- };
1350
- export function useImportData(importEntity?: Entity<EntityDefinition>): {
1351
- execute: (fileprocess_id: string) => Promise<OperationStatus<ImpDataResult> | undefined>;
1352
- importStatus: OperationStatus<ImpDataResult>;
1353
- cancellation: AbortController;
1354
- };
1355
- export interface MicroMClientClaimTypes {
1356
- username: string;
1357
- useremail?: string;
1358
- userinitials?: string;
1359
- [k: string]: unknown;
1492
+ export function useDynamicContent(props: UseDynamicContentProps): void;
1493
+ export interface CopyToClipboardProps extends ActionIconProps {
1494
+ valueToCopy: unknown;
1495
+ timeout?: number;
1496
+ copiedColor?: MantineColor;
1497
+ iconSize?: string | number;
1360
1498
  }
1361
- export class MicroMToken {
1362
- expiration: string;
1363
- expires_in: number;
1364
- access_token: string;
1365
- refresh_token: string;
1366
- token_type: string;
1367
- claims: Partial<MicroMClientClaimTypes>;
1368
- constructor(access_token?: string, expires_in?: number, refresh_token?: string, token_type?: string, claims?: {});
1369
- className(): string;
1499
+ export function CopyToClipboard(props: CopyToClipboardProps): JSX.Element;
1500
+ export interface CodeBlockProps extends Omit<PrismProps, 'children'> {
1501
+ codeText: string;
1370
1502
  }
1371
- export interface TwoFactorLoginResult {
1372
- requires_two_factor: true;
1373
- two_factor_challenge_id: string;
1374
- two_factor_provider?: string;
1375
- two_factor_flow?: "authenticator" | "email_setup" | "email_recovery" | "support_required" | "sql_admin_setup" | "sql_admin_authenticator";
1376
- two_factor_setup_required?: boolean;
1377
- authenticator_management_required?: boolean;
1378
- qr_code_data_url?: string;
1379
- username: string;
1380
- email?: string;
1503
+ export const CodeBlockDefaultProps: Partial<CodeBlockProps>;
1504
+ export function CodeBlock(props: CodeBlockProps): JSX.Element;
1505
+ export interface DateInputFieldProps extends Omit<DateInputProps, 'autoFocus'> {
1506
+ column: EntityColumn<Value>;
1507
+ entityForm: UseEntityFormReturnType;
1508
+ validate?: ValidatorConfiguration;
1509
+ requiredMessage?: ReactNode;
1510
+ validationContainer?: React.ComponentType<{
1511
+ children: ReactNode;
1512
+ }>;
1513
+ autoFocus?: 'autoFocusOnAdd' | 'autoFocusOnEdit' | boolean;
1514
+ maxWidth?: keyof typeof MicroMWidthSizes;
1515
+ minWidth?: keyof typeof MicroMWidthSizes;
1381
1516
  }
1382
- export type DataOperationType = "add" | "edit" | "delete" | "get" | "lookup" | "view" | "action" | "login" | "refresh" | "proc" | "import" | "export" | "other";
1383
- export interface OperationStatus<T> {
1517
+ export const DateInputFieldDefaultProps: Partial<DateInputFieldProps>;
1518
+ export const DateInputField: ForwardRefExoticComponent<DateInputFieldProps & RefAttributes<HTMLInputElement>>;
1519
+ export interface NumberFieldProps extends Omit<NumberInputProps, 'autoFocus'> {
1520
+ column: EntityColumn<Value>;
1521
+ entityForm: UseEntityFormReturnType;
1384
1522
  loading?: boolean;
1385
- error?: MicroMError;
1386
- operationType?: DataOperationType;
1387
- data?: T;
1388
- }
1389
- export type StatusCompletedHandler<T extends MicroMToken | TwoFactorLoginResult | DBStatusResult | DataResult | ValuesObject | null> = (status: OperationStatus<T>) => void;
1390
- export class ImportEntityDataDef extends EntityDefinition {
1391
- columns: {
1392
- dt_inserttime: EntityColumn<Date>;
1393
- dt_lu: EntityColumn<Date>;
1394
- vc_webinsuser: EntityColumn<string>;
1395
- vc_webluuser: EntityColumn<string>;
1396
- vc_insuser: EntityColumn<string>;
1397
- vc_luuser: EntityColumn<string>;
1398
- c_fileprocess_id: EntityColumn<string>;
1399
- };
1400
- views: {
1401
- ipr_brwStandard: {
1402
- name: string;
1403
- keyMappings: {
1404
- c_import_process: number;
1405
- };
1406
- };
1407
- };
1408
- lookups: {
1409
- FileStoreProcess: {
1410
- name: string;
1411
- viewMapping: {
1412
- keyIndex: number;
1413
- descriptionIndex: number;
1414
- };
1415
- entityConstructor: (client: MicroMClient, parentKeys?: ValuesObject) => FileStoreProcess;
1416
- };
1417
- };
1418
- constructor();
1419
- }
1420
- export interface CircleFilledIconProps {
1421
- backColor?: MantineColor;
1422
- color?: MantineColor;
1423
- width?: string | number;
1424
- minWidth?: string | number;
1425
- icon: ReactNode;
1426
- mr?: string;
1523
+ disableOnLoading?: boolean;
1524
+ validate?: ValidatorConfiguration;
1525
+ requiredMessage?: ReactNode;
1526
+ validationContainer?: React.ComponentType<{
1527
+ children: ReactNode;
1528
+ }>;
1529
+ autoFocus?: 'autoFocusOnAdd' | 'autoFocusOnEdit' | boolean;
1530
+ maxWidth?: keyof typeof MicroMWidthSizes;
1531
+ minWidth?: keyof typeof MicroMWidthSizes;
1427
1532
  }
1428
- export const CircleFilledIconDefaultProps: Partial<CircleFilledIconProps>;
1429
- export const CircleFilledIcon: ForwardRefExoticComponent<CircleFilledIconProps & RefAttributes<HTMLInputElement>>;
1430
- export interface ImportEntityDataFormProps extends FormOptions<ImportEntityData> {
1431
- importEntity?: Entity<EntityDefinition>;
1432
- importInfoLabel?: string;
1433
- csvInstructionsLabel?: string;
1434
- columnHeaderLabel?: string;
1435
- dataNameLabel?: string;
1436
- contentLabel?: string;
1437
- dataTypeLabel?: string;
1438
- errorReadingFileLabel?: string;
1439
- emptyCSVFileLabel?: string;
1440
- missingColumnsLabel?: string;
1441
- dateFormatLabel?: string;
1442
- numberFormatLabel?: string;
1443
- downloadSampleLabel?: string;
1444
- importButtonLabel?: string;
1445
- importHelpAndInstructionsLabel?: string;
1446
- recordsImportedSusccessfullyLabel?: string;
1447
- recordsNotImportedDueToErrorsLabel?: string;
1448
- importTheCSVFileLabel?: string;
1449
- importedFileLabel?: string;
1450
- errorColumnTitle?: string;
1451
- rowColumnTitle?: string;
1533
+ export const NumberField: ForwardRefExoticComponent<NumberFieldProps & RefAttributes<HTMLInputElement>>;
1534
+ export interface UseHierarchyKeysProps {
1535
+ formAPI: UseEntityFormReturnType;
1536
+ hierarchy: string[];
1537
+ mappedHierarchy?: string[];
1452
1538
  }
1453
- export const ImportEntityDataFormDefaultProps: Partial<ImportEntityDataFormProps>;
1454
- export function ImportEntityDataForm(props: ImportEntityDataFormProps): JSX.Element;
1455
- export interface ImportEntityDataLabels {
1456
- Icon?: (props: IconProps) => ReactNode;
1457
- Title?: string;
1458
- HelpText?: string;
1539
+ export function useHierarchyKeys(props: UseHierarchyKeysProps): Record<string, Value>[];
1540
+ export interface PhoneFieldProps extends Omit<TextFieldProps, 'validate'> {
1541
+ invalidMessage?: string;
1542
+ showCallIcon?: boolean;
1543
+ showWhatsappIcon?: boolean;
1459
1544
  }
1460
- export const ImportEntityDataLabels: Partial<ImportEntityDataLabels>;
1461
- export class ImportEntityData extends Entity<ImportEntityDataDef> {
1462
- constructor(client: MicroMClient, parentKeys?: {});
1545
+ export const PhoneFieldDefaultProps: Partial<PhoneFieldProps>;
1546
+ export function PhoneField(props: PhoneFieldProps): JSX.Element;
1547
+ export interface CUITFieldProps extends TextFieldProps {
1548
+ invalidMessage?: string;
1463
1549
  }
1464
- export interface UseImportDataProps {
1465
- initialFormMode: FormMode;
1466
- title?: string;
1467
- element?: HTMLElement;
1468
- getDataOnInit?: boolean;
1469
- modalFormSize?: MicroMModalSize;
1470
- handleModalSaved: (newStatus: OperationStatus<DBStatusResult | null>) => Promise<void>;
1471
- handleModalCancel: () => Promise<void>;
1472
- handleModalClosed?: () => void;
1550
+ export const CUITFieldDefaultProps: Partial<CUITFieldProps>;
1551
+ export function CUITField(props: CUITFieldProps): JSX.Element;
1552
+ export interface UseParentKeysProps {
1553
+ formAPI: UseEntityFormReturnType;
1554
+ columnNames: string[];
1555
+ entity: Entity<EntityDefinition>;
1473
1556
  }
1474
- export function useImportDataForm({ initialFormMode, title, element, getDataOnInit, modalFormSize, handleModalCancel, handleModalClosed, handleModalSaved }: UseImportDataProps): {
1475
- openImportDataForm: (importEntity: Entity<EntityDefinition>) => Promise<void>;
1557
+ export function useParentKeys(props: UseParentKeysProps): ValuesObject;
1558
+ export interface TimeFieldProps extends Omit<TimeInputProps, 'validate' | 'autoFocus'> {
1559
+ column: EntityColumn<Value>;
1560
+ entityForm: UseEntityFormReturnType;
1561
+ validate?: ValidatorConfiguration;
1562
+ requiredMessage?: React.ReactNode;
1563
+ validationContainer?: React.ComponentType<{
1564
+ children: ReactNode;
1565
+ }>;
1566
+ autoFocus?: 'autoFocusOnAdd' | 'autoFocusOnEdit' | boolean;
1567
+ showTimePicker?: boolean;
1568
+ maxWidth?: keyof typeof MicroMWidthSizes;
1569
+ minWidth?: keyof typeof MicroMWidthSizes;
1570
+ }
1571
+ export const TimeFieldDefaultProps: Partial<TimeFieldProps>;
1572
+ interface TimeFieldRef {
1573
+ showPicker: () => void;
1574
+ }
1575
+ export const TimeField: ForwardRefExoticComponent<TimeFieldProps & RefAttributes<TimeFieldRef>>;
1576
+ export function getInitials(input: string): string;
1577
+ export interface useIsLoggedInProps {
1578
+ client: MicroMClient;
1579
+ useLocalLoggedInCheck?: boolean;
1580
+ userInitialsClientClaimsNames?: string[];
1581
+ }
1582
+ export type useIsLoggedInReturnType = {
1583
+ isLoggedIn: boolean | undefined;
1584
+ setIsLoggedIn: Dispatch<SetStateAction<boolean | undefined>>;
1585
+ checkIsLoggedIn: () => Promise<void>;
1586
+ loggedInInfo: Partial<MicroMClientClaimTypes>;
1476
1587
  };
1477
- export interface UseExportToExcelProps {
1478
- data: DataResult[];
1479
- dataResultNames?: string[];
1480
- notExportableColumns?: number[];
1588
+ export function useIsLoggedIn({ client, useLocalLoggedInCheck, userInitialsClientClaimsNames }: useIsLoggedInProps): useIsLoggedInReturnType;
1589
+ export const usePreventEnterSubmission: () => (event: KeyboardEvent) => void;
1590
+ export function formatDate(value: Value, locale?: string, dateOptions?: Intl.DateTimeFormatOptions): string;
1591
+ export function formatTime(value: Value, locale?: string, dateOptions?: Intl.DateTimeFormatOptions): string;
1592
+ export function formatNumber(value: Value, locale?: string): string;
1593
+ export function convertDateToNative(value: string, serverTimeZoneOffset: number): Date;
1594
+ export function formatSQLValue(value: Value, sqlType: SQLType, locale?: string): string;
1595
+ export function convertToNativeValue(value: Value, sqlType: SQLType, serverTimezoneOffset: number): Value;
1596
+ export interface UseLocaleFormatProps {
1597
+ timeZoneOffset: number;
1598
+ initialLocale?: string;
1481
1599
  }
1482
- export function useExportToExcel(props: UseExportToExcelProps): {
1483
- exportToExcel: () => Promise<void>;
1600
+ export const UseLocaleFormatDefaultProps: Partial<UseLocaleFormatProps>;
1601
+ export function useLocaleFormat(props: UseLocaleFormatProps): {
1602
+ locale: string | undefined;
1603
+ setLocale: Dispatch<SetStateAction<string | undefined>>;
1604
+ formatValue: (value: Value, sqlType: SQLType) => string;
1605
+ getNativeValue: (value: Value, sqlType: SQLType) => Value;
1606
+ formatColumnValue: (col: EntityColumn<Value>) => string;
1484
1607
  };
1485
- export interface UseViewFiltersProps extends Omit<UseEntityFormOptions, 'noSaveOnSubmit'> {
1608
+ export const UseImportDataDefaultProps: {
1609
+ noFileProcessLabel: string;
1610
+ errorImportingDataLabel: string;
1611
+ };
1612
+ export interface ImageCropOptions {
1613
+ aspectRatio?: number;
1486
1614
  }
1487
- export function useViewFiltersForm(props: UseViewFiltersProps): _UseEntityFormReturnType1;
1488
- export const ApplyFiltersDefaultLabel = "Apply Filters";
1489
- export function AutoFiltersForm(props: FormOptions<Entity<EntityDefinition>>): JSX.Element;
1490
- export function createEntityForm<T extends FormOptions<Entity<EntityDefinition>>>(props: T): Promise<ReactNode>;
1491
- export interface openEntityFormProps<T extends FormOptions<Entity<EntityDefinition>>> {
1492
- modals: ModalContextType;
1493
- title?: string;
1494
- element?: HTMLElement;
1495
- handleModalSaved: (newStatus: OperationStatus<DBStatusResult | null>) => Promise<void>;
1496
- handleModalCancel: () => Promise<void>;
1497
- handleModalClosed?: () => void;
1498
- modalFormSize?: MicroMModalSize;
1499
- withModalFullscreenButton?: boolean;
1500
- formProps: T;
1615
+ export interface ImageResizeOptions {
1616
+ maxWidth?: number;
1617
+ maxHeight?: number;
1618
+ allowUpscale?: boolean;
1501
1619
  }
1502
- export function openEntityForm<T extends FormOptions<Entity<EntityDefinition>>>({ modals, title, element, handleModalCancel, handleModalSaved, modalFormSize, formProps, handleModalClosed, withModalFullscreenButton }: openEntityFormProps<T>): Promise<void>;
1503
- export interface EntityUILabels {
1504
- addLabel: string;
1505
- editLabel: string;
1506
- deleteLabel: string;
1507
- viewLabel: string;
1508
- YouWillDeleteLabel: string;
1509
- recordsLabel: string;
1510
- recordLabel: string;
1511
- AreYouSureLabel: string;
1512
- warningLabel: string;
1513
- YouMustSelectOneOrMoreRecordsToDelete: string;
1514
- closeLabel: string;
1515
- YouMustSelectOneOrMoreRecordsToExecuteAction: string;
1516
- YouMustSelect: string;
1517
- YouMustSelectBetween: string;
1518
- YouMustSelectAtLeast: string;
1519
- YouMustSelectMaximum: string;
1620
+ export interface ImageManualRotationOptions {
1621
+ stepDegrees?: 90 | -90;
1520
1622
  }
1521
- export interface UseEntityUIProps {
1522
- entity?: Entity<EntityDefinition>;
1523
- parentKeys?: ValuesObject;
1524
- modalFormSize?: MicroMModalSize;
1525
- withModalFullscreenButton?: boolean;
1526
- parentFormAPI?: UseEntityFormReturnType;
1527
- saveFormBeforeAdd?: boolean;
1528
- onModalSaved?: (new_status: OperationStatus<DBStatusResult | null>) => void;
1529
- onModalCancelled?: () => void;
1530
- onRecordsDeleted?: () => void;
1531
- onActionRefreshOnClose?: () => void;
1532
- labels?: EntityUILabels;
1533
- onAddClick?: (gridAddClick: (element?: HTMLElement) => void, element?: HTMLElement) => void;
1534
- onEditClick?: (keys: ValuesObject, element?: HTMLElement) => void;
1535
- onDeleteClick?: (keys: ValuesObject[], element?: HTMLElement) => void;
1536
- onActionExecuted?: (actionName: string, result?: boolean) => void;
1537
- onModalClosed?: (cancelled?: boolean) => void;
1623
+ export interface ImageCompressionOptions {
1624
+ thresholdBytes?: number;
1625
+ quality?: number;
1626
+ fallbackFormat?: string;
1538
1627
  }
1539
- export function useEntityUI(props: UseEntityUIProps): {
1540
- handleAddClick: (element?: HTMLElement, onClosed?: (cancelled?: boolean) => void) => Promise<void>;
1541
- handleEditClick: (keys: ValuesObject, element?: HTMLElement, onClosed?: (cancelled?: boolean) => void) => Promise<void>;
1542
- handleViewClick: (keys: ValuesObject, element?: HTMLElement, onClosed?: (cancelled?: boolean) => void) => Promise<void>;
1543
- handleDeleteClick: (keys: ValuesObject[], element?: HTMLElement) => Promise<void>;
1544
- handleExecuteAction: (action: EntityClientAction, keys: ValuesObject[], element?: HTMLElement) => Promise<boolean | undefined>;
1545
- handleDeleteRecord: (keys: ValuesObject, element?: HTMLElement) => Promise<void>;
1546
- handleImportDataClick: () => Promise<void>;
1547
- };
1548
- export function useExecuteProc(entity: Entity<EntityDefinition>, proc: EntityProc): {
1549
- execute: (values?: ValuesObject, force_refresh?: boolean) => Promise<OperationStatus<DataResult[]> | undefined>;
1550
- status: OperationStatus<DataResult[]>;
1551
- abort: () => void;
1628
+ export interface BrowserImageProcessingOptions {
1629
+ exifOrientation?: boolean;
1630
+ crop?: boolean | ImageCropOptions;
1631
+ resize?: boolean | ImageResizeOptions;
1632
+ manualRotation?: boolean | ImageManualRotationOptions;
1633
+ compression?: boolean | ImageCompressionOptions;
1634
+ outputFormat?: string;
1635
+ jpegBackgroundColor?: string;
1636
+ }
1637
+ export interface ResolvedBrowserImageProcessingOptions {
1638
+ exifOrientation: boolean;
1639
+ crop: false | Required<ImageCropOptions>;
1640
+ resize: false | Required<ImageResizeOptions>;
1641
+ manualRotation: false | Required<ImageManualRotationOptions>;
1642
+ compression: false | Required<ImageCompressionOptions>;
1643
+ outputFormat?: string;
1644
+ jpegBackgroundColor: string;
1645
+ }
1646
+ export const BrowserImageProcessingDefaults: ResolvedBrowserImageProcessingOptions;
1647
+ export function resolveImageProcessingOptions(options?: BrowserImageProcessingOptions): ResolvedBrowserImageProcessingOptions;
1648
+ export function getSupportedImageMimeType(fileName: string, declaredType?: string): string | undefined;
1649
+ export function isSupportedImageFile(fileName: string, declaredType?: string): boolean;
1650
+ export function getImageOutputSettings(file: File, options: ResolvedBrowserImageProcessingOptions): {
1651
+ sourceFormat: string;
1652
+ outputFormat: string;
1653
+ shouldCompress: boolean;
1654
+ quality: number | undefined;
1552
1655
  };
1553
- export interface SearchFilterInputProps extends MultiSelectProps {
1554
- onSearchClick: React.MouseEventHandler;
1555
- size: string;
1556
- iconsSize: string;
1557
- placeholder?: string;
1558
- autoFocus?: boolean;
1559
- addFilterLabel?: string;
1560
- iconVariant?: ActionIconVariant;
1561
- [x: string]: any;
1656
+ export function canvasToProcessedFile(canvas: HTMLCanvasElement, source: File, options: ResolvedBrowserImageProcessingOptions): Promise<File>;
1657
+ export function processImageFileAutomatically(file: File, options: ResolvedBrowserImageProcessingOptions): Promise<File>;
1658
+ export type PreviewFileTypes = 'image' | 'pdf' | 'other';
1659
+ export const getFileType: (file_name: string) => PreviewFileTypes;
1660
+ export interface FilePreviewProps {
1661
+ documentURL: string;
1662
+ onClose: () => void;
1663
+ closeText: string;
1664
+ filePreviewError?: string;
1562
1665
  }
1563
- export const SearchFilterInputDefaultProps: Partial<SearchFilterInputProps>;
1564
- export const SearchFilterInput: ForwardRefExoticComponent<Omit<SearchFilterInputProps, "ref"> & RefAttributes<HTMLInputElement>>;
1565
- export function useFirstVisible(ref: React.RefObject<HTMLElement>, options?: IntersectionObserverInit): boolean;
1566
- export interface OpenFormProps {
1567
- entity: Entity<EntityDefinition>;
1568
- initialFormMode: FormMode;
1569
- title?: string;
1570
- element?: HTMLElement;
1571
- getDataOnInit?: boolean;
1572
- onModalSaved?: (new_status: OperationStatus<DBStatusResult | null>) => void;
1573
- onModalCancelled?: () => void;
1574
- onModalClosed?: () => void;
1575
- modalFormSize?: MicroMModalSize;
1576
- OKText?: string;
1577
- CancelText?: string;
1578
- showCancel?: boolean;
1579
- otherFormProps?: any;
1580
- dontAddEntityTitle?: boolean;
1581
- withFullscreenButton?: boolean;
1582
- closeOnEscape?: boolean;
1583
- closeOnClickOutside?: boolean;
1666
+ export function ImagePreview({ documentURL, onClose, closeText }: FilePreviewProps): JSX.Element;
1667
+ export const PDFPreviewDefaultProps: Partial<FilePreviewProps>;
1668
+ export function PDFPreview(props: FilePreviewProps): JSX.Element;
1669
+ export class FileStoreClientDef extends EntityDefinition {
1670
+ columns: {
1671
+ dt_inserttime: EntityColumn<Date>;
1672
+ dt_lu: EntityColumn<Date>;
1673
+ vc_webinsuser: EntityColumn<string>;
1674
+ vc_webluuser: EntityColumn<string>;
1675
+ vc_insuser: EntityColumn<string>;
1676
+ vc_luuser: EntityColumn<string>;
1677
+ vc_fileguid: EntityColumn<string>;
1678
+ c_fileprocess_id: EntityColumn<string>;
1679
+ vc_filename: EntityColumn<string>;
1680
+ vc_filefolder: EntityColumn<string>;
1681
+ bi_filesize: EntityColumn<number>;
1682
+ vc_file_tag: EntityColumn<string>;
1683
+ c_fileuploadstatus_id: EntityColumn<string>;
1684
+ c_filestoragetype_id: EntityColumn<string>;
1685
+ };
1686
+ views: {
1687
+ fcc_brwFiles: {
1688
+ name: string;
1689
+ keyMappings: {
1690
+ vc_fileguid: number;
1691
+ c_fileprocess_id: number;
1692
+ };
1693
+ };
1694
+ };
1695
+ constructor();
1584
1696
  }
1585
- export function useOpenForm(): (props: OpenFormProps) => Promise<void>;
1586
- export declare namespace query {
1587
- export function html(str: any): Query | undefined;
1588
- import version = Query.version;
1589
- export { version };
1697
+ export class FileStoreClient extends Entity<FileStoreClientDef> {
1698
+ constructor(client: MicroMClient, parentKeys?: {});
1590
1699
  }
1591
- export declare namespace w2locale {
1592
- let locale: string;
1593
- let dateFormat: string;
1594
- let timeFormat: string;
1595
- let datetimeFormat: string;
1596
- let currencyPrefix: string;
1597
- let currencySuffix: string;
1598
- let currencyPrecision: number;
1599
- let groupSymbol: string;
1600
- let decimalSymbol: string;
1601
- let shortmonths: string[];
1602
- let fullmonths: string[];
1603
- let shortdays: string[];
1604
- let fulldays: string[];
1605
- let weekStarts: string;
1606
- let phrases: {
1607
- '${count} letters or more...': string;
1608
- 'Add new record': string;
1609
- 'Add New': string;
1610
- 'Advanced Search': string;
1611
- after: string;
1612
- 'AJAX error. See console for more details.': string;
1613
- 'All Fields': string;
1614
- All: string;
1615
- Any: string;
1616
- 'Are you sure you want to delete ${count} ${records}?': string;
1617
- 'Attach files by dragging and dropping or Click to Select': string;
1618
- before: string;
1619
- 'begins with': string;
1620
- begins: string;
1621
- between: string;
1622
- buffered: string;
1623
- Cancel: string;
1624
- Close: string;
1625
- Column: string;
1626
- Confirmation: string;
1627
- contains: string;
1628
- Copied: string;
1629
- 'Copy to clipboard': string;
1630
- 'Current Date & Time': string;
1631
- 'Delete selected records': string;
1632
- Delete: string;
1633
- 'Do you want to delete search item "${item}"?': string;
1634
- 'Edit selected record': string;
1635
- Edit: string;
1636
- 'Empty list': string;
1637
- 'ends with': string;
1638
- ends: string;
1639
- 'Field should be at least ${count} characters.': string;
1640
- Hide: string;
1641
- in: string;
1642
- 'is not': string;
1643
- is: string;
1644
- 'less than': string;
1645
- 'Line #': string;
1646
- 'Load ${count} more...': string;
1647
- 'Loading...': string;
1648
- 'Maximum number of files is ${count}': string;
1649
- 'Maximum total size is ${count}': string;
1650
- Modified: string;
1651
- 'more than': string;
1652
- 'Multiple Fields': string;
1653
- Name: string;
1654
- 'No items found': string;
1655
- 'No matches': string;
1656
- No: string;
1657
- none: string;
1658
- 'Not a float': string;
1659
- 'Not a hex number': string;
1660
- 'Not a valid date': string;
1661
- 'Not a valid email': string;
1662
- 'Not alpha-numeric': string;
1663
- 'Not an integer': string;
1664
- 'Not in money format': string;
1665
- 'not in': string;
1666
- Notification: string;
1667
- of: string;
1668
- Ok: string;
1669
- Opacity: string;
1670
- 'Record ID': string;
1671
- record: string;
1672
- records: string;
1673
- 'Refreshing...': string;
1674
- 'Reload data in the list': string;
1675
- Remove: string;
1676
- 'Remove This Field': string;
1677
- 'Request aborted.': string;
1678
- 'Required field': string;
1679
- Reset: string;
1680
- 'Restore Default State': string;
1681
- 'Returned data is not in valid JSON format.': string;
1682
- 'Save changed records': string;
1683
- 'Save Grid State': string;
1684
- Save: string;
1685
- 'Saved Searches': string;
1686
- 'Saving...': string;
1687
- 'Search took ${count} seconds': string;
1688
- Search: string;
1689
- 'Select Hour': string;
1690
- 'Select Minute': string;
1691
- selected: string;
1692
- 'Server Response ${count} seconds': string;
1693
- 'Show/hide columns': string;
1694
- Show: string;
1695
- Size: string;
1696
- Skip: string;
1697
- 'Sorting took ${count} seconds': string;
1698
- 'Type to search...': string;
1699
- Type: string;
1700
- Yes: string;
1701
- Yesterday: string;
1702
- 'Your remote data source record count has changed, reloading from the first record.': string;
1700
+ export class FileStoreProcessDef extends EntityDefinition {
1701
+ columns: {
1702
+ dt_inserttime: EntityColumn<Date>;
1703
+ dt_lu: EntityColumn<Date>;
1704
+ vc_webinsuser: EntityColumn<string>;
1705
+ vc_webluuser: EntityColumn<string>;
1706
+ vc_insuser: EntityColumn<string>;
1707
+ vc_luuser: EntityColumn<string>;
1708
+ c_fileprocess_id: EntityColumn<string>;
1709
+ };
1710
+ views: {
1711
+ fsp_brwStandard: {
1712
+ name: string;
1713
+ keyMappings: {
1714
+ c_fileprocess_id: number;
1715
+ };
1716
+ };
1703
1717
  };
1718
+ constructor();
1704
1719
  }
1705
- type w2record = Record<string, unknown> & {
1706
- recid: number;
1707
- };
1708
- type w2recordId = string | number;
1709
- type w2columnField = string;
1710
- export type GridSelectionMode = 'multi' | 'single';
1711
- export type GridColumnFormat = 'url' | 'email' | 'string' | 'check' | 'image' | 'html';
1712
- export type GridColumnRender = (value: unknown, cellElement?: HTMLElement, record?: GridRecord, field?: w2columnField) => ReactNode;
1713
- export type GridRecord = w2record;
1714
- export type GridSourceRecord = Record<string | number, unknown> | unknown[];
1715
- export type GridRecordId = w2recordId;
1716
- export type GridColumn = {
1717
- field: string;
1718
- text: string;
1719
- hidden?: boolean;
1720
- format?: GridColumnFormat;
1721
- autoSizeMax?: number;
1722
- render?: GridColumnRender;
1723
- sqlType?: SQLType;
1724
- };
1725
- export type GridColumnsOverrides = Record<string | number, Partial<GridColumn>>;
1726
- export type GridSelection = GridRecord[];
1727
- export type GridDoubleClickCallback = (record: GridRecord) => void;
1728
- export type GridSelectionChangedCallback = (selection: GridSelection) => void;
1729
- export type GridOptions = {
1730
- columns?: GridColumn[];
1731
- rows?: GridSourceRecord[];
1732
- gridHeight?: string | number | 'auto' | 'flex-grow';
1733
- selectionMode?: GridSelectionMode;
1734
- onDoubleClick?: GridDoubleClickCallback;
1735
- preserveSelection?: boolean;
1736
- autoSelectFirstRow?: boolean;
1737
- onSelectionChanged?: GridSelectionChangedCallback;
1738
- showSelectCheckbox?: boolean;
1739
- rowHeight?: number;
1740
- stripped?: boolean;
1741
- highlightOnHover?: boolean;
1742
- columnBorders?: boolean;
1743
- rowBorders?: boolean;
1744
- withBorder?: boolean;
1745
- autoSizeColumnsOnLoad?: boolean;
1746
- columnsOverrides?: GridColumnsOverrides;
1747
- selectedRows?: GridSelection;
1748
- setSelectedRows?: (rows: GridSelection) => void;
1749
- timeZoneOffset?: number;
1750
- };
1751
- export type GridImperative = {};
1752
- export const DefaultGridProps: Partial<GridOptions>;
1753
- export const DefaultGridColumnProps: Partial<GridColumn>;
1754
- export const Grid: ForwardRefExoticComponent<GridOptions & RefAttributes<GridImperative>>;
1755
- export function GridGlobalStyles(): JSX.Element;
1756
- export interface UseDataGridToolbarFiltersProps {
1757
- filterValues: ValuesObject | undefined;
1758
- setFilterValues: Dispatch<SetStateAction<ValuesObject | undefined>>;
1759
- filtersDescription: ValuesObject | undefined;
1760
- setFiltersDescription: Dispatch<SetStateAction<ValuesObject | undefined>>;
1761
- client?: MicroMClient;
1762
- parentKeys?: ValuesObject;
1763
- FiltersEntity?: EntityConstructor;
1764
- searchData: SelectItem[];
1765
- setSearchData: Dispatch<SetStateAction<SelectItem[]>>;
1766
- setSearchText: Dispatch<SetStateAction<string[] | undefined>>;
1767
- onRefreshClick: (searchText: string[] | undefined) => void;
1768
- onSearchTextChange?: (text: string[] | undefined) => void;
1769
- filtersFormSize: MantineNumberSize;
1770
- visibleFilters?: string[];
1771
- initialColumnFilters?: ColumnsObject;
1772
- filterInputRef: RefObject<HTMLInputElement>;
1720
+ export class FileStoreProcess extends Entity<FileStoreProcessDef> {
1721
+ constructor(client: MicroMClient, parentKeys?: {});
1773
1722
  }
1774
- export function useDataGridToolbarFilters(props: UseDataGridToolbarFiltersProps): {
1775
- handleFilterButtonClick: (e: React.MouseEvent) => Promise<void>;
1776
- handleSearchFilterInputEnter: (e: React.KeyboardEvent) => void;
1777
- handleClearFiltersClick: (e: React.MouseEvent) => void;
1778
- createSearchPhrase: (filter: string) => {
1779
- value: string;
1780
- label: string;
1781
- };
1782
- queryText: string;
1783
- filtersDescription: ValuesObject | undefined;
1784
- setFiltersDescription: Dispatch<SetStateAction<ValuesObject | undefined>>;
1785
- setQueryText: Dispatch<SetStateAction<string>>;
1786
- handleSearchFilterInputOnChange: (searchFilter: string[]) => void;
1787
- updateFilterValuesAndDescription: (columns: ColumnsObject) => void;
1723
+ export interface FullImagePreviewProps {
1724
+ source: HTMLCanvasElement;
1725
+ rotation: number;
1726
+ label: string;
1727
+ }
1728
+ export function FullImagePreview({ source, rotation, label }: FullImagePreviewProps): JSX.Element;
1729
+ export interface WebcamCaptureLabels {
1730
+ permissionMessage?: string;
1731
+ enableCameraLabel?: string;
1732
+ cameraLabel?: string;
1733
+ captureLabel?: string;
1734
+ retakeLabel?: string;
1735
+ usePhotoLabel?: string;
1736
+ cancelLabel?: string;
1737
+ unsupportedMessage?: string;
1738
+ insecureContextMessage?: string;
1739
+ permissionDeniedMessage?: string;
1740
+ noCameraMessage?: string;
1741
+ cameraUnavailableMessage?: string;
1742
+ }
1743
+ export interface WebcamCaptureProps {
1744
+ onCapture: (file: File) => Promise<void> | void;
1745
+ onCancel: () => Promise<void> | void;
1746
+ labels?: WebcamCaptureLabels;
1747
+ videoConstraints?: MediaTrackConstraints;
1748
+ fileName?: string;
1749
+ outputType?: 'image/jpeg' | 'image/png' | 'image/webp';
1750
+ outputQuality?: number;
1751
+ }
1752
+ export const WebcamCaptureDefaultProps: Partial<WebcamCaptureProps>;
1753
+ export function WebcamCapture(props: WebcamCaptureProps): JSX.Element;
1754
+ export type ImageEditorCameraConfiguration = Omit<WebcamCaptureProps, 'onCapture' | 'onCancel'>;
1755
+ export interface ImageEditorProps {
1756
+ sourceFile?: File;
1757
+ options: ResolvedBrowserImageProcessingOptions;
1758
+ onSave: (file: File) => Promise<void> | void;
1759
+ onBeforeSave?: (file: File) => boolean | Promise<boolean>;
1760
+ onCancel: () => Promise<void> | void;
1761
+ initiallyDirty?: boolean;
1762
+ saveLabel?: string;
1763
+ cancelLabel?: string;
1764
+ rotateClockwiseLabel?: string;
1765
+ rotateCounterClockwiseLabel?: string;
1766
+ takePhotoLabel?: string;
1767
+ camera?: boolean | ImageEditorCameraConfiguration;
1768
+ }
1769
+ export const ImageEditorDefaultProps: Partial<ImageEditorProps>;
1770
+ export const ImageEditor: (props: ImageEditorProps) => JSX.Element;
1771
+ export interface UploadProgressReport {
1772
+ errorMessage?: string;
1773
+ status_id: string;
1774
+ progress: number;
1775
+ done?: boolean;
1776
+ cancelled?: boolean;
1777
+ documentURL?: string;
1778
+ file_name: string;
1779
+ file_size: number;
1780
+ vc_fileguid?: string;
1781
+ thumbnailURL?: string;
1782
+ }
1783
+ export interface UseFileUploadSnapshot {
1784
+ files: readonly UploadProgressReport[];
1785
+ fileProcessID: string;
1786
+ maxIndividualFileSize?: number;
1787
+ maxTotalFilesSize?: number;
1788
+ maxFilesCount?: number;
1789
+ errorNotification?: string;
1790
+ cancelledNotification?: boolean;
1791
+ uploadingNotification?: boolean;
1792
+ loadingNotification?: boolean;
1793
+ processing: boolean;
1794
+ editorEnabled: boolean;
1795
+ }
1796
+ interface UseFileUploadActions {
1797
+ uploadFiles: (selectedFiles: File[]) => Promise<UploadProgressReport[]>;
1798
+ replaceFile: (fileGUID: string, replacementFile: File) => Promise<UploadProgressReport | null>;
1799
+ editImage: (file: string | UploadProgressReport) => Promise<UploadProgressReport | null>;
1800
+ openImageEditor: (file?: File, options?: OpenImageEditorOptions) => Promise<File | null>;
1801
+ captureImage: () => Promise<UploadProgressReport | null>;
1802
+ canEditImage: (file: string | UploadProgressReport) => boolean;
1803
+ refreshFiles: () => Promise<Record<string, UploadProgressReport>>;
1804
+ deleteFile: (fileGUID: string) => Promise<DBStatusResult>;
1805
+ downloadFile: (fileUrl: string, fileName?: string) => Promise<void>;
1806
+ clearNotifications: () => void;
1807
+ cancelUpload: () => void;
1808
+ }
1809
+ export interface UseFileUploadReturnType extends UseFileUploadSnapshot, UseFileUploadActions {
1810
+ subscribe: (listener: () => void) => () => void;
1811
+ getSnapshot: () => UseFileUploadSnapshot;
1812
+ }
1813
+ export function useFileUploadSnapshot(uploadAPI: UseFileUploadReturnType): UseFileUploadSnapshot;
1814
+ export type ValidateFileReturnType = {
1815
+ error: boolean;
1816
+ message?: string;
1788
1817
  };
1789
- export type DataGridToolbarSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
1790
- export interface DataGridToolbarOptions {
1791
- size?: DataGridToolbarSizes;
1792
- client?: MicroMClient;
1793
- searchPlaceholder?: string;
1794
- hideCheckboxToggle?: boolean;
1795
- onCheckboxToggle?: () => void;
1796
- onSearchTextChange?: (text: string[] | undefined) => void;
1797
- onRefreshClick: (searchText: string[] | undefined) => void;
1798
- onExportClick: () => void;
1799
- autoFocus?: boolean;
1800
- toolbarIconVariant?: ActionIconVariant;
1801
- enableExport?: boolean;
1802
- refreshTooltip?: string;
1803
- exportTooltip?: string;
1804
- selectRowsTooltip?: string;
1805
- searchText: string[] | undefined;
1806
- setSearchText: Dispatch<SetStateAction<string[] | undefined>>;
1807
- searchData: SelectItem[];
1808
- setSearchData: Dispatch<SetStateAction<SelectItem[]>>;
1809
- maxSearchTerms?: number;
1810
- FiltersEntity?: EntityConstructor;
1811
- filterTooltip?: string;
1812
- parentKeys?: ValuesObject;
1813
- filterValues: ValuesObject | undefined;
1814
- setFilterValues: Dispatch<SetStateAction<ValuesObject | undefined>>;
1815
- filtersDescription: ValuesObject | undefined;
1816
- setFiltersDescription: Dispatch<SetStateAction<ValuesObject | undefined>>;
1817
- clearFiltersTooltip?: string;
1818
- filtersFormSize: MantineNumberSize;
1819
- enableImport?: boolean;
1820
- importTooltip?: string;
1821
- onImportClick?: () => void;
1822
- filtersBadgeSize?: MantineSize;
1823
- filtersBadgeVariant?: BadgeVariant;
1824
- showAppliedFilters?: boolean;
1825
- showRefreshButton?: boolean;
1826
- showSelectRowsButton?: boolean;
1827
- showFiltersButton?: boolean;
1828
- showSearchInput?: boolean;
1829
- visibleFilters?: string[];
1830
- initialColumnFilters?: ColumnsObject;
1831
- filtersTitle?: string;
1832
- editFitersLabel?: string;
1833
- clearFiltersLabel?: string;
1834
- filtersAccordionVariant?: AccordionVariant;
1835
- showColumnsConfig?: boolean;
1836
- configMenuOpened?: boolean;
1837
- setConfigMenuOpened?: Dispatch<SetStateAction<boolean>>;
1838
- configMenuDropdown?: ReactNode;
1818
+ export type UploadCompletionResult = ValidateFileReturnType;
1819
+ export type ImageEditorConfigurationProps = Partial<Pick<ImageEditorProps, 'saveLabel' | 'cancelLabel' | 'rotateClockwiseLabel' | 'rotateCounterClockwiseLabel' | 'takePhotoLabel' | 'camera'>>;
1820
+ export interface OpenImageEditorOptions {
1821
+ initiallyDirty?: boolean;
1822
+ onBeforeSave?: NonNullable<ImageEditorProps['onBeforeSave']>;
1839
1823
  }
1840
- export const DataGridToolbarDefaultProps: Partial<DataGridToolbarOptions>;
1841
- export function DataGridToolbar(props: DataGridToolbarOptions): JSX.Element;
1842
- export interface DataGridColumnsMenuProps {
1843
- columns?: GridColumn[];
1844
- setColumns: (columns: GridColumn[]) => void;
1845
- setOpened: (opened: boolean) => void;
1824
+ export interface UseFileUploadProps {
1825
+ client: MicroMClient;
1826
+ fileProcessColumn: EntityColumn<string>;
1827
+ maxIndividualFileSize?: number;
1828
+ maxTotalFilesSize?: number;
1829
+ maxFilesCount?: number;
1830
+ youCanUploadAMaximumOfText?: string;
1831
+ filesText?: string;
1832
+ exceedMaximumIndividualSizeText?: string;
1833
+ unspecifiedErrorWhenUploadingFileText?: string;
1834
+ totalUploadExceedsMaximumSizeText?: string;
1835
+ onCancel?: () => void;
1836
+ editor?: boolean;
1837
+ imageProcessing?: BrowserImageProcessingOptions;
1838
+ imageEditorTitle?: ReactNode;
1839
+ imageEditorProps?: ImageEditorConfigurationProps;
1840
+ imageEditorModalProps?: MicroMModalSettings;
1841
+ onValidateFile?: (file: File) => Promise<ValidateFileReturnType>;
1842
+ onProcessFile?: (file: File) => Promise<File | null>;
1843
+ onBeforeUpload?: (file: File) => Promise<boolean>;
1844
+ onBeforeReplace?: (currentFile: UploadProgressReport, replacementFile?: File) => Promise<boolean>;
1845
+ onUploadComplete?: (report: UploadProgressReport) => Promise<UploadCompletionResult | void>;
1846
+ onDeleteComplete?: (fileGUID: string) => Promise<void> | void;
1847
+ thumbnailMaxSize?: number;
1848
+ thumbnailQuality?: number;
1849
+ loadFilesOnMount?: boolean;
1846
1850
  }
1847
- export function DataGridColumnsMenu(props: DataGridColumnsMenuProps): JSX.Element;
1848
- export const DataGridDefaultProps: Partial<DataGridProps>;
1849
- export function DataGrid(props: DataGridProps): JSX.Element;
1850
- export interface DataGridFormProps extends DataGridProps {
1851
- customTitle?: ReactNode;
1852
- title?: string;
1853
- icon?: ReactNode;
1854
- helpText?: string;
1855
- formMode: FormMode;
1856
- showTitle?: boolean;
1851
+ export const UseFileUploadDefaultProps: Partial<UseFileUploadProps>;
1852
+ export type UploadStatus = 'Pending' | 'Uploading' | 'Uploaded' | 'Failed' | 'Cancelled';
1853
+ export function useFileUpload(props: UseFileUploadProps): UseFileUploadReturnType;
1854
+ export interface FileUploaderProps extends Omit<DropzoneProps, 'children' | 'onDrop' | 'maxSize' | 'maxFiles'> {
1855
+ IdleIcon?: (props: IconProps) => ReactNode;
1856
+ UploadText?: string;
1857
+ AttachUpToText?: string;
1858
+ FilesText?: string;
1859
+ EachFileShouldNotExceedText?: string;
1860
+ uploadAPI: UseFileUploadReturnType;
1861
+ onDelete?: (fileGUID: string) => boolean | Promise<boolean>;
1862
+ imageProps?: ImageProps;
1863
+ closeText?: string;
1864
+ cancelledText?: string;
1865
+ operationCancelledText?: string;
1866
+ pdfCannotBeViewedText?: string;
1867
+ showCancelButton?: boolean;
1868
+ cancelLabel?: string;
1869
+ parentFormAPI?: UseEntityFormReturnType;
1870
+ editor?: boolean;
1871
+ editImageLabel?: string;
1872
+ replaceFileGUID?: string;
1873
+ replaceExistingFile?: boolean;
1857
1874
  }
1858
- export const DataGridFormDefaultProps: Partial<DataGridFormProps>;
1859
- export function DataGridForm(props: DataGridFormProps): JSX.Element;
1860
- export interface useDataGridFormType {
1861
- open: ({ entity, viewName, onClosed, selectionMode, modalProps, search, modalTitle, gridTitle }: ModalDataGridProps) => void;
1875
+ export const FileUploaderDefaultProps: Partial<FileUploaderProps>;
1876
+ export function FileUploader(props: FileUploaderProps): JSX.Element;
1877
+ export interface FilesUploadFormProps extends UseFileUploadProps {
1878
+ fileProcessColumn: EntityColumn<string>;
1879
+ onOK?: (fileprocess_id: string, files: readonly UploadProgressReport[]) => void;
1880
+ onDelete?: (fileGUID: string) => boolean | Promise<boolean>;
1881
+ helpMessage?: string;
1882
+ uploaderProps?: Omit<FileUploaderProps, 'uploadAPI' | 'editor'>;
1883
+ okLabel?: string;
1884
+ showOKButton?: boolean;
1885
+ uploadAPI?: UseFileUploadReturnType;
1862
1886
  }
1863
- export interface ModalDataGridProps {
1864
- entity: Entity<EntityDefinition>;
1865
- viewName: string;
1887
+ export const FilesUploadFormDefaultProps: Partial<FilesUploadFormProps>;
1888
+ export function FilesUploadForm(props: FilesUploadFormProps): JSX.Element;
1889
+ export interface ModalFileUploadProps {
1890
+ client: MicroMClient;
1891
+ fileProcessColumn: EntityColumn<string>;
1892
+ onOK?: (fileprocess_id: string, files: readonly UploadProgressReport[]) => void;
1893
+ onCancel?: () => void;
1866
1894
  onClosed?: () => void;
1867
1895
  modalProps?: ModalSettings;
1868
- selectionMode?: GridSelectionMode;
1869
- search?: string[] | undefined;
1870
1896
  modalTitle?: string;
1871
- gridTitle?: React.ReactNode;
1872
- formMode: FormMode;
1897
+ uploadAPI?: UseFileUploadReturnType;
1898
+ filesUploadFormProps: Omit<FilesUploadFormProps, 'fileProcessColumn' | 'uploaderProps' | 'client' | 'onOK' | 'onCancel' | 'uploadAPI'>;
1899
+ uploaderProps?: Omit<FileUploaderProps, 'uploadAPI' | 'editor'>;
1873
1900
  }
1874
- export function useDataGridForm(): (props: ModalDataGridProps) => Promise<void>;
1875
- export interface DataGridPageProps extends Omit<DataGridProps, 'entity' | 'title'> {
1876
- title?: string;
1877
- icon?: ReactNode;
1878
- helpText?: string;
1879
- formMode: FormMode;
1880
- client: MicroMClient;
1881
- entityConstructor: (client: MicroMClient) => Entity<EntityDefinition>;
1882
- showTitle?: boolean;
1901
+ export const UseFileUploadFormOpenDefaultProps: Partial<ModalFileUploadProps>;
1902
+ export function useFilesUploadForm(): (props: ModalFileUploadProps) => Promise<void>;
1903
+ export interface useEntityCSVImportValidationProps {
1904
+ errorReadingFileLabel?: string;
1905
+ emptyCSVFileLabel?: string;
1906
+ missingColumnsLabel?: string;
1883
1907
  }
1884
- export const DataGridPageDefaultProps: Partial<DataGridPageProps>;
1885
- export function DataGridPage(props: DataGridPageProps): JSX.Element;
1886
- export interface EntityCardProps<T extends ValuesObject> {
1887
- entity: Entity<EntityDefinition>;
1888
- recordIndex: number;
1889
- record: DataViewRecord<T>;
1890
- selected?: boolean;
1891
- toggleSelectable?: boolean;
1892
- enableEdit?: boolean;
1893
- enableDelete?: boolean;
1894
- enableView?: boolean;
1895
- handleEditClick?: (keys: ValuesObject, element: HTMLElement) => void;
1896
- handleDeleteClick?: (keys: ValuesObject, element: HTMLElement) => void;
1897
- handleViewClick?: (keys: ValuesObject, element: HTMLElement) => void;
1898
- handleSelectRecord?: (record_index: number) => void;
1899
- handleDeselectRecord?: (record_index: number) => void;
1900
- handleExecuteAction?: (action: EntityClientAction, recordIndex?: number, element?: HTMLElement) => Promise<boolean | undefined>;
1901
- handleCardClick?: (data: T) => void;
1902
- refreshView?: () => void;
1903
- cardHrefRootURL?: string;
1904
- cardHrefTarget?: string;
1908
+ export function useEntityCSVImportValidation({ errorReadingFileLabel, emptyCSVFileLabel, missingColumnsLabel }: useEntityCSVImportValidationProps): {
1909
+ validateEntityImportCSVFile: (props: {
1910
+ file: File;
1911
+ requiredColumns: string[];
1912
+ }) => Promise<ValidateFileReturnType>;
1913
+ };
1914
+ export function useImportData(importEntity?: Entity<EntityDefinition>): {
1915
+ execute: (fileprocess_id: string) => Promise<OperationStatus<ImpDataResult> | undefined>;
1916
+ importStatus: OperationStatus<ImpDataResult>;
1917
+ cancellation: AbortController;
1918
+ };
1919
+ export interface MicroMClientClaimTypes {
1920
+ username: string;
1921
+ useremail?: string;
1922
+ userinitials?: string;
1923
+ [k: string]: unknown;
1905
1924
  }
1906
- export const DataViewDefaultProps: Partial<DataViewProps>;
1907
- export const DataView: ForwardRefExoticComponent<DataViewProps & RefAttributes<HTMLElement>>;
1908
- export interface DataViewCardContainerProps extends EntityCardProps<ValuesObject> {
1909
- EntityCard?: ComponentType<EntityCardProps<ValuesObject>>;
1910
- CardProps?: Omit<CardProps, 'children'>;
1925
+ export class MicroMToken {
1926
+ expiration: string;
1927
+ expires_in: number;
1928
+ access_token: string;
1929
+ refresh_token: string;
1930
+ token_type: string;
1931
+ claims: Partial<MicroMClientClaimTypes>;
1932
+ constructor(access_token?: string, expires_in?: number, refresh_token?: string, token_type?: string, claims?: {});
1933
+ className(): string;
1911
1934
  }
1912
- export const DataViewCardContainerDefaultProps: Partial<DataViewCardContainerProps>;
1913
- export function DataViewCardContainer(props: DataViewCardContainerProps): JSX.Element;
1914
- export type DataViewLimit = '50' | '100' | '500' | '1000' | '10000' | '0';
1915
- export const DataViewLimitData: (rowsLabel: string, unlimitedLabel: string) => SelectItem[];
1916
- export type DataViewSelection = number[];
1917
- export interface DataViewRecord<T extends ValuesObject> {
1918
- keys: ValuesObject;
1919
- data: T;
1935
+ export interface TwoFactorLoginResult {
1936
+ requires_two_factor: true;
1937
+ two_factor_challenge_id: string;
1938
+ two_factor_provider?: string;
1939
+ two_factor_flow?: "authenticator" | "email_setup" | "email_recovery" | "support_required" | "sql_admin_setup" | "sql_admin_authenticator";
1940
+ two_factor_setup_required?: boolean;
1941
+ authenticator_management_required?: boolean;
1942
+ qr_code_data_url?: string;
1943
+ username: string;
1944
+ email?: string;
1920
1945
  }
1921
- export type DataViewSelectionChangedCallback = (selection: DataViewSelection, keys: ValuesObject[]) => void;
1922
- export type DataViewSelectionChangedHandler = (selection: DataViewSelection) => void;
1923
- export type DataViewSearchCallback = (search: string[] | undefined) => void;
1924
- export type DataViewSelectionMode = 'single' | 'multi';
1925
- export interface DataViewLabels extends EntityUILabels {
1926
- rowsReturnedLabel: string;
1927
- selectedRowsLabel: string;
1928
- limitLabel: string;
1929
- rowsLabel: string;
1930
- unlimitedLabel: string;
1931
- resultLimitLabel: string;
1932
- loadMoreLabel: string;
1933
- fetchingDataLabel: string;
1934
- noRecordsFoundLabel: string;
1946
+ export type DataOperationType = "add" | "edit" | "delete" | "get" | "lookup" | "view" | "action" | "login" | "refresh" | "proc" | "import" | "export" | "other";
1947
+ export interface OperationStatus<T> {
1948
+ loading?: boolean;
1949
+ error?: MicroMError;
1950
+ operationType?: DataOperationType;
1951
+ data?: T;
1935
1952
  }
1936
- export interface DataViewProps extends Omit<UseEntityUIProps, 'labels'> {
1937
- viewName: string;
1938
- search?: string[];
1939
- limit?: DataViewLimit;
1940
- refreshOnInit?: boolean;
1941
- selectionMode: DataViewSelectionMode;
1942
- preserveSelection?: boolean;
1943
- autoFocus?: boolean;
1944
- onDataRefresh?: (result: OperationStatus<DataResult[]>) => void;
1945
- onSearch?: DataViewSearchCallback;
1946
- onSearchTextChange?: DataViewSearchCallback;
1947
- allwaysRefreshOnEntityClose?: boolean;
1948
- toolbarIconVariant?: ActionIconVariant;
1949
- actionsButtonVariant?: ButtonVariant;
1950
- toolbarSize?: DataGridToolbarSizes;
1951
- enableAdd?: boolean;
1952
- enableEdit?: boolean;
1953
- enableDelete?: boolean;
1954
- enableView?: boolean;
1955
- enableExport?: boolean;
1956
- filtersFormSize?: MantineNumberSize;
1957
- setInitialFiltersFromColumns?: boolean;
1958
- visibleFilters?: string[];
1959
- showAppliedFilters?: boolean;
1960
- showRefreshButton?: boolean;
1961
- showFiltersButton?: boolean;
1962
- showSearchInput?: boolean;
1963
- showSelectRowsButton?: boolean;
1964
- searchPlaceholder?: string;
1965
- hideCheckboxToggle?: boolean;
1966
- showActions?: boolean;
1967
- showToolbar?: boolean;
1968
- showDeleteOnlyWhenMultiselect?: boolean;
1969
- CardContainer?: ComponentType<DataViewCardContainerProps>;
1970
- CardRowAlign?: CSSProperties['alignItems'];
1971
- cardHrefRootURL?: string;
1972
- cardHrefTarget?: string;
1973
- Card: ComponentType<EntityCardProps<ValuesObject>>;
1974
- onSelectionChanged?: DataViewSelectionChangedCallback;
1953
+ export type StatusCompletedHandler<T extends MicroMToken | TwoFactorLoginResult | DBStatusResult | DataResult | ValuesObject | null> = (status: OperationStatus<T>) => void;
1954
+ export class ImportEntityDataDef extends EntityDefinition {
1955
+ columns: {
1956
+ dt_inserttime: EntityColumn<Date>;
1957
+ dt_lu: EntityColumn<Date>;
1958
+ vc_webinsuser: EntityColumn<string>;
1959
+ vc_webluuser: EntityColumn<string>;
1960
+ vc_insuser: EntityColumn<string>;
1961
+ vc_luuser: EntityColumn<string>;
1962
+ c_fileprocess_id: EntityColumn<string>;
1963
+ };
1964
+ views: {
1965
+ ipr_brwStandard: {
1966
+ name: string;
1967
+ keyMappings: {
1968
+ c_import_process: number;
1969
+ };
1970
+ };
1971
+ };
1972
+ lookups: {
1973
+ FileStoreProcess: {
1974
+ name: string;
1975
+ viewMapping: {
1976
+ keyIndex: number;
1977
+ descriptionIndex: number;
1978
+ };
1979
+ entityConstructor: (client: MicroMClient, parentKeys?: ValuesObject) => FileStoreProcess;
1980
+ };
1981
+ };
1982
+ constructor();
1983
+ }
1984
+ export interface CircleFilledIconProps {
1985
+ backColor?: MantineColor;
1986
+ color?: MantineColor;
1987
+ width?: string | number;
1988
+ minWidth?: string | number;
1989
+ icon: ReactNode;
1990
+ mr?: string;
1991
+ }
1992
+ export const CircleFilledIconDefaultProps: Partial<CircleFilledIconProps>;
1993
+ export const CircleFilledIcon: ForwardRefExoticComponent<CircleFilledIconProps & RefAttributes<HTMLInputElement>>;
1994
+ export interface ImportEntityDataFormProps extends FormOptions<ImportEntityData> {
1995
+ importEntity?: Entity<EntityDefinition>;
1996
+ importInfoLabel?: string;
1997
+ csvInstructionsLabel?: string;
1998
+ columnHeaderLabel?: string;
1999
+ dataNameLabel?: string;
2000
+ contentLabel?: string;
2001
+ dataTypeLabel?: string;
2002
+ errorReadingFileLabel?: string;
2003
+ emptyCSVFileLabel?: string;
2004
+ missingColumnsLabel?: string;
2005
+ dateFormatLabel?: string;
2006
+ numberFormatLabel?: string;
2007
+ downloadSampleLabel?: string;
2008
+ importButtonLabel?: string;
2009
+ importHelpAndInstructionsLabel?: string;
2010
+ recordsImportedSusccessfullyLabel?: string;
2011
+ recordsNotImportedDueToErrorsLabel?: string;
2012
+ importTheCSVFileLabel?: string;
2013
+ importedFileLabel?: string;
2014
+ errorColumnTitle?: string;
2015
+ rowColumnTitle?: string;
2016
+ }
2017
+ export const ImportEntityDataFormDefaultProps: Partial<ImportEntityDataFormProps>;
2018
+ export function ImportEntityDataForm(props: ImportEntityDataFormProps): JSX.Element;
2019
+ export interface ImportEntityDataLabels {
2020
+ Icon?: (props: IconProps) => ReactNode;
2021
+ Title?: string;
2022
+ HelpText?: string;
2023
+ }
2024
+ export const ImportEntityDataLabels: Partial<ImportEntityDataLabels>;
2025
+ export class ImportEntityData extends Entity<ImportEntityDataDef> {
2026
+ constructor(client: MicroMClient, parentKeys?: {});
2027
+ }
2028
+ export interface UseImportDataProps {
2029
+ initialFormMode: FormMode;
2030
+ title?: string;
2031
+ element?: HTMLElement;
2032
+ getDataOnInit?: boolean;
2033
+ modalFormSize?: MicroMModalSize;
2034
+ handleModalSaved: (newStatus: OperationStatus<DBStatusResult | null>) => Promise<void>;
2035
+ handleModalCancel: () => Promise<void>;
2036
+ handleModalClosed?: () => void;
2037
+ }
2038
+ export function useImportDataForm({ initialFormMode, title, element, getDataOnInit, modalFormSize, handleModalCancel, handleModalClosed, handleModalSaved }: UseImportDataProps): {
2039
+ openImportDataForm: (importEntity: Entity<EntityDefinition>) => Promise<void>;
2040
+ };
2041
+ export interface UseExportToExcelProps {
2042
+ data: DataResult[];
2043
+ dataResultNames?: string[];
1975
2044
  notExportableColumns?: number[];
1976
- labels?: DataViewLabels;
1977
- itemsPerPage?: number;
1978
- convertResultToLocaleString?: boolean;
1979
- formMode?: FormMode;
1980
- RowsContainer?: ComponentType<PropsWithChildren>;
1981
- RowsContainerProps?: PropsWithChildren;
1982
2045
  }
1983
- export interface DataGridStateProps {
1984
- setRefresh: React.Dispatch<React.SetStateAction<boolean>>;
1985
- setSearchText: React.Dispatch<React.SetStateAction<string[] | undefined>>;
1986
- executeViewState: OperationStatus<DataResult[]>;
2046
+ export function useExportToExcel(props: UseExportToExcelProps): {
2047
+ exportToExcel: () => Promise<void>;
2048
+ };
2049
+ export const ApplyFiltersDefaultLabel = "Apply Filters";
2050
+ export function AutoFiltersForm(props: FormOptions<Entity<EntityDefinition>>): JSX.Element;
2051
+ export function createEntityForm<T extends FormOptions<Entity<EntityDefinition>>>(props: T): Promise<ReactNode>;
2052
+ export interface openEntityFormProps<T extends FormOptions<Entity<EntityDefinition>>> {
2053
+ modals: ModalContextType;
2054
+ title?: string;
2055
+ element?: HTMLElement;
2056
+ handleModalSaved: (newStatus: OperationStatus<DBStatusResult | null>) => Promise<void>;
2057
+ handleModalCancel: () => Promise<void>;
2058
+ handleModalClosed?: () => void;
2059
+ modalFormSize?: MicroMModalSize;
2060
+ withModalFullscreenButton?: boolean;
2061
+ formProps: T;
1987
2062
  }
1988
- export interface DataGridLabels extends EntityUILabels {
1989
- rowsReturnedLabel: string;
1990
- selectedRowsLabel: string;
1991
- limitLabel: string;
1992
- rowsLabel: string;
1993
- unlimitedLabel: string;
2063
+ export function openEntityForm<T extends FormOptions<Entity<EntityDefinition>>>({ modals, title, element, handleModalCancel, handleModalSaved, modalFormSize, formProps, handleModalClosed, withModalFullscreenButton }: openEntityFormProps<T>): Promise<void>;
2064
+ export interface EntityUILabels {
2065
+ addLabel: string;
2066
+ editLabel: string;
2067
+ deleteLabel: string;
2068
+ viewLabel: string;
2069
+ YouWillDeleteLabel: string;
2070
+ recordsLabel: string;
2071
+ recordLabel: string;
2072
+ AreYouSureLabel: string;
2073
+ warningLabel: string;
2074
+ YouMustSelectOneOrMoreRecordsToDelete: string;
2075
+ closeLabel: string;
2076
+ YouMustSelectOneOrMoreRecordsToExecuteAction: string;
2077
+ YouMustSelect: string;
2078
+ YouMustSelectBetween: string;
2079
+ YouMustSelectAtLeast: string;
2080
+ YouMustSelectMaximum: string;
1994
2081
  }
1995
- export type DataGridSelectionChangedCallback = (selection: GridSelection, keys: DataGridSelectionKeys) => void;
1996
- export interface DataGridProps extends UseEntityUIProps {
1997
- viewName?: string;
1998
- search?: string[];
1999
- limit?: DataViewLimit;
2000
- refreshOnInit?: boolean;
2001
- selectionMode: GridSelectionMode;
2002
- preserveSelection?: boolean;
2003
- autoFocus?: boolean;
2004
- onDataRefresh?: (result: OperationStatus<DataResult[]>) => void;
2005
- onSearch?: DataViewSearchCallback;
2006
- onSearchTextChange?: DataViewSearchCallback;
2007
- allwaysRefreshOnEntityClose?: boolean;
2008
- toolbarIconVariant?: ActionIconVariant;
2009
- actionsButtonVariant?: ButtonVariant;
2010
- toolbarSize?: DataGridToolbarSizes;
2011
- enableAdd?: boolean;
2012
- enableEdit?: boolean;
2013
- enableDelete?: boolean;
2014
- enableView?: boolean;
2015
- enableExport?: boolean;
2016
- filtersFormSize?: MantineNumberSize;
2017
- showActions?: boolean;
2018
- setInitialFiltersFromColumns?: boolean;
2019
- visibleFilters?: string[];
2020
- maxSearchTerms?: number;
2021
- columnBorders?: boolean;
2022
- rowBorders?: boolean;
2023
- withBorder?: boolean;
2024
- autoSizeColumnsOnLoad?: boolean;
2025
- labels?: DataGridLabels;
2026
- columnsOverrides?: GridColumnsOverrides;
2027
- renderOnlyWhenVisible?: boolean;
2028
- showToolbar?: boolean;
2029
- showActionsToolbar?: boolean;
2030
- enableImport?: boolean;
2031
- gridHeight?: string | number | 'auto' | 'flex-grow';
2032
- minGridHeight?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'none';
2033
- autoSelectFirstRow?: boolean;
2034
- onSelectionChanged?: DataGridSelectionChangedCallback;
2035
- doubleClickAction?: 'edit' | 'view' | 'none' | ((record: GridRecord) => void);
2036
- formMode?: FormMode;
2037
- notExportableColumns?: number[];
2038
- showColumnsConfigMenu?: boolean;
2039
- initialHiddenColumns?: number[];
2040
- showSelectRowsButton?: boolean;
2041
- initialSelectRowsToggle?: boolean;
2082
+ export interface UseEntityUIProps {
2083
+ entity?: Entity<EntityDefinition>;
2084
+ parentKeys?: ValuesObject;
2085
+ modalFormSize?: MicroMModalSize;
2086
+ withModalFullscreenButton?: boolean;
2087
+ parentFormAPI?: UseEntityFormReturnType;
2088
+ saveFormBeforeAdd?: boolean;
2089
+ onModalSaved?: (new_status: OperationStatus<DBStatusResult | null>) => void;
2090
+ onModalCancelled?: () => void;
2091
+ onRecordsDeleted?: () => void;
2092
+ onActionRefreshOnClose?: () => void;
2093
+ labels?: EntityUILabels;
2094
+ onAddClick?: (gridAddClick: (element?: HTMLElement) => void, element?: HTMLElement) => void;
2095
+ onEditClick?: (keys: ValuesObject, element?: HTMLElement) => void;
2096
+ onDeleteClick?: (keys: ValuesObject[], element?: HTMLElement) => void;
2097
+ onActionExecuted?: (actionName: string, result?: boolean) => void;
2098
+ onModalClosed?: (cancelled?: boolean) => void;
2042
2099
  }
2043
- export type DataGridSelectionKeys = ValuesObject[];
2044
- export interface useDataViewReturnType {
2045
- handleSelectionChanged: DataViewSelectionChangedHandler;
2100
+ export function useEntityUI(props: UseEntityUIProps): {
2101
+ handleAddClick: (element?: HTMLElement, onClosed?: (cancelled?: boolean) => void) => Promise<void>;
2102
+ handleEditClick: (keys: ValuesObject, element?: HTMLElement, onClosed?: (cancelled?: boolean) => void) => Promise<void>;
2103
+ handleViewClick: (keys: ValuesObject, element?: HTMLElement, onClosed?: (cancelled?: boolean) => void) => Promise<void>;
2104
+ handleDeleteClick: (keys: ValuesObject[], element?: HTMLElement) => Promise<void>;
2105
+ handleExecuteAction: (action: EntityClientAction, keys: ValuesObject[], element?: HTMLElement) => Promise<boolean | undefined>;
2046
2106
  handleDeleteRecord: (keys: ValuesObject, element?: HTMLElement) => Promise<void>;
2047
- handleDeleteClick: (element?: HTMLElement) => Promise<void>;
2048
- handleEditClick: (keys: ValuesObject, element?: HTMLElement) => Promise<void>;
2049
- handleAddClick: (element?: HTMLElement) => Promise<void>;
2050
- handleViewClick: (keys: ValuesObject, element?: HTMLElement) => Promise<void>;
2051
- handleToggleSelectable: () => void;
2052
- handleRefresh: (searchText: string[] | undefined) => void;
2053
- handleExecuteAction: (action: EntityClientAction, recordIndex?: number, element?: HTMLElement) => Promise<boolean | undefined>;
2054
- handleExport: () => void;
2055
- selectedRowsCount: number;
2056
- limitRows: string | null;
2057
- setLimitRows: React.Dispatch<React.SetStateAction<string | null>>;
2058
- showSelectCheckbox: boolean;
2059
- isLoading: boolean;
2060
- executeViewState: OperationStatus<DataResult[]>;
2061
- data: DataViewRecord<ValuesObject>[];
2062
- handleDeselectAllRecords: () => Promise<void>;
2063
- handleDeselectRecord: (record_index: number) => Promise<void>;
2064
- handleSelectRecord: (record_index: number) => Promise<void>;
2065
- handleSelectAllRecords: () => Promise<void>;
2066
- selectedRecords: DataViewSelection;
2067
- toggleSelectable: boolean;
2068
- handleLoadMore: () => void;
2069
- displayedItemsCount: number;
2070
- recordsCount?: number;
2107
+ handleImportDataClick: () => Promise<void>;
2108
+ };
2109
+ export function useExecuteProc(entity: Entity<EntityDefinition>, proc: EntityProc): {
2110
+ execute: (values?: ValuesObject, force_refresh?: boolean) => Promise<OperationStatus<DataResult[]> | undefined>;
2111
+ status: OperationStatus<DataResult[]>;
2112
+ abort: () => void;
2113
+ };
2114
+ export interface SearchFilterInputProps extends MultiSelectProps {
2115
+ onSearchClick: React.MouseEventHandler;
2116
+ size: string;
2117
+ iconsSize: string;
2118
+ placeholder?: string;
2119
+ autoFocus?: boolean;
2120
+ addFilterLabel?: string;
2121
+ iconVariant?: ActionIconVariant;
2122
+ [x: string]: any;
2071
2123
  }
2072
- export function useDataView(props: DataViewProps, stateProps: DataGridStateProps): useDataViewReturnType;
2124
+ export const SearchFilterInputDefaultProps: Partial<SearchFilterInputProps>;
2125
+ export const SearchFilterInput: ForwardRefExoticComponent<Omit<SearchFilterInputProps, "ref"> & RefAttributes<HTMLInputElement>>;
2126
+ export function useFirstVisible(ref: React.RefObject<HTMLElement>, options?: IntersectionObserverInit): boolean;
2127
+ export interface OpenFormProps {
2128
+ entity: Entity<EntityDefinition>;
2129
+ initialFormMode: FormMode;
2130
+ title?: string;
2131
+ element?: HTMLElement;
2132
+ getDataOnInit?: boolean;
2133
+ onModalSaved?: (new_status: OperationStatus<DBStatusResult | null>) => void;
2134
+ onModalCancelled?: () => void;
2135
+ onModalClosed?: () => void;
2136
+ modalFormSize?: MicroMModalSize;
2137
+ OKText?: string;
2138
+ CancelText?: string;
2139
+ showCancel?: boolean;
2140
+ otherFormProps?: any;
2141
+ dontAddEntityTitle?: boolean;
2142
+ withFullscreenButton?: boolean;
2143
+ closeOnEscape?: boolean;
2144
+ closeOnClickOutside?: boolean;
2145
+ }
2146
+ export function useOpenForm(): (props: OpenFormProps) => Promise<void>;
2073
2147
  export interface DataViewPageProps extends Omit<DataViewProps, 'entity'> {
2074
2148
  client: MicroMClient;
2075
2149
  entityConstructor: (client: MicroMClient) => Entity<EntityDefinition>;
2076
2150
  }
2077
2151
  export function DataViewPage(props: DataViewPageProps): JSX.Element;
2152
+ type DataViewPanelBaseProps = Omit<DataViewProps, "entity" | "title" | "viewName" | "Card" | "RowsContainer" | "RowsContainerProps"> & {
2153
+ client: MicroMClient;
2154
+ parentKeys?: ValuesObject;
2155
+ Card?: DataViewProps["Card"];
2156
+ retainSearch?: string;
2157
+ onSearchTextChange?: DataViewProps["onSearch"];
2158
+ bgLight?: DefaultMantineColor;
2159
+ bgDark?: DefaultMantineColor;
2160
+ rowsContainerProps?: SimpleGridProps;
2161
+ /** Props for the wrapping Card. Replaces the default object entirely when set per instance */
2162
+ containerCardProps?: Omit<CardProps, 'children'>;
2163
+ /** Component shown while the entity is being resolved */
2164
+ loadingComponent?: ReactNode;
2165
+ };
2166
+ export type DataViewPanelProps = DataViewPanelBaseProps & EntityBuilderSourceProps;
2167
+ export const DataViewPanelDefaultProps: Partial<DataViewPanelProps>;
2168
+ export function DataViewPanel(props: DataViewPanelProps): JSX.Element;
2078
2169
  export function useViewState(search?: string[], limit?: DataViewLimit): {
2079
2170
  searchText: string[] | undefined;
2080
2171
  setSearchText: Dispatch<SetStateAction<string[] | undefined>>;
@@ -3312,16 +3403,6 @@ export function useMultiDataMapGrid({ dataMapView, viewState, selectionMode, map
3312
3403
  onModalSaved: (new_status: _OperationStatus1<_DBStatusResult1 | null>) => void;
3313
3404
  modalFormSize: string | number | undefined;
3314
3405
  onModalCancelled: () => void;
3315
- labels: _DataGridLabels1;
3316
- notExportableColumns: number[];
3317
- withModalFullscreenButton: boolean;
3318
- saveFormBeforeAdd: boolean;
3319
- onRecordsDeleted: () => void;
3320
- onActionRefreshOnClose: () => void;
3321
- onAddClick: (gridAddClick: (element?: HTMLElement) => void, element?: HTMLElement) => void;
3322
- onEditClick: (keys: _ValuesObject1, element?: HTMLElement) => void;
3323
- onDeleteClick: (keys: _ValuesObject1[], element?: HTMLElement) => void;
3324
- limit: "0" | "10000" | "50" | "100" | "500" | "1000" | undefined;
3325
3406
  columnsOverrides: _GridColumnsOverrides1;
3326
3407
  autoSizeColumnsOnLoad: boolean;
3327
3408
  preserveSelection: boolean;
@@ -3334,26 +3415,36 @@ export function useMultiDataMapGrid({ dataMapView, viewState, selectionMode, map
3334
3415
  maxSearchTerms: number;
3335
3416
  enableImport: boolean;
3336
3417
  showSelectRowsButton: boolean;
3418
+ limit: "0" | "50" | "100" | "500" | "1000" | "10000" | undefined;
3337
3419
  viewName: string;
3420
+ refreshOnInit: boolean;
3421
+ onDataRefresh: (result: _OperationStatus1<_DataResult1[]>) => void;
3422
+ onSearch: _DataViewSearchCallback1;
3423
+ allwaysRefreshOnEntityClose: boolean;
3424
+ actionsButtonVariant: "white" | "filled" | "outline" | "light" | "default" | "gradient" | "subtle" | undefined;
3338
3425
  enableAdd: boolean;
3339
3426
  enableEdit: boolean;
3340
3427
  enableDelete: boolean;
3341
3428
  enableView: boolean;
3342
3429
  showActions: boolean;
3343
- actionsButtonVariant: "white" | "filled" | "outline" | "light" | "default" | "gradient" | "subtle" | undefined;
3344
- allwaysRefreshOnEntityClose: boolean;
3345
- onDataRefresh: (result: _OperationStatus1<_DataResult1[]>) => void;
3430
+ setInitialFiltersFromColumns: boolean;
3431
+ onAddClick: (gridAddClick: (element?: HTMLElement) => void, element?: HTMLElement) => void;
3432
+ onEditClick: (keys: _ValuesObject1, element?: HTMLElement) => void;
3433
+ onDeleteClick: (keys: _ValuesObject1[], element?: HTMLElement) => void;
3434
+ labels: _DataGridLabels1;
3435
+ saveFormBeforeAdd: boolean;
3346
3436
  doubleClickAction: (("view" | "none" | "edit" | ((record: _GridRecord1) => void)) & NonNullable<"view" | "none" | "edit" | ((record: _GridRecord1) => void) | undefined>) | undefined;
3437
+ notExportableColumns: number[];
3438
+ withModalFullscreenButton: boolean;
3347
3439
  initialHiddenColumns: number[];
3348
3440
  initialSelectRowsToggle: boolean;
3349
- refreshOnInit: boolean;
3350
- onSearch: _DataViewSearchCallback1;
3351
- setInitialFiltersFromColumns: boolean;
3352
3441
  renderOnlyWhenVisible: boolean;
3353
3442
  showToolbar: boolean;
3354
3443
  showActionsToolbar: boolean;
3355
3444
  minGridHeight: "xs" | "sm" | "md" | "lg" | "xl" | "none";
3356
3445
  showColumnsConfigMenu: boolean;
3446
+ onRecordsDeleted: () => void;
3447
+ onActionRefreshOnClose: () => void;
3357
3448
  };
3358
3449
  viewState: {
3359
3450
  searchText: string[] | undefined;
@@ -4036,50 +4127,16 @@ export class MicromEntitiesTypesDef extends EntityDefinition {
4036
4127
  };
4037
4128
  constructor();
4038
4129
  }
4039
- export interface DeveloperToolsPanelProps extends Omit<DataGridProps, 'entity' | 'title' | 'formMode'> {
4040
- client: MicroMClient;
4130
+ export interface DeveloperToolsPanelProps extends Omit<DataGridPanelProps, 'parentKeys'> {
4041
4131
  }
4042
- export function DeveloperToolsPanel({ client, ...rest }: DeveloperToolsPanelProps): JSX.Element;
4132
+ export const DeveloperToolsPanelDefaultProps: Partial<DeveloperToolsPanelProps>;
4133
+ export function DeveloperToolsPanel(props: DeveloperToolsPanelProps): JSX.Element;
4043
4134
  export interface CustomWindowEventDefinition {
4044
4135
  eventName: string;
4045
4136
  payload: ValuesObject;
4046
4137
  }
4047
4138
  export type CustomWindowEvent<T extends CustomWindowEventDefinition> = T;
4048
4139
  export function triggerCustomWindowEvent<T extends CustomWindowEventDefinition>(eventName: T["eventName"], payload: T["payload"]): void;
4049
- export type EntityBuilderProps = {
4050
- entity: Entity<EntityDefinition>;
4051
- view: string;
4052
- Card: ComponentType<EntityCardProps<ValuesObject>>;
4053
- };
4054
- export type EntityGridBuilderProps = Omit<EntityBuilderProps, 'Card'>;
4055
- export type EntityLoader = (client: MicroMClient, parentKeys?: ValuesObject) => Promise<Entity<EntityDefinition>>;
4056
- export type EntityBuilder<TEntity, TClient> = new (client: TClient, parentKeys?: ValuesObject) => TEntity;
4057
- export type EntitySource<TResult> = {
4058
- /** Builds the result synchronously */
4059
- entityConstructor: (client: MicroMClient, parentKeys?: ValuesObject) => TResult;
4060
- entityLoader?: never;
4061
- } | {
4062
- entityConstructor?: never;
4063
- /** Loads the result asynchronously (e.g. via dynamic import) */
4064
- entityLoader: (client: MicroMClient, parentKeys?: ValuesObject) => Promise<TResult>;
4065
- };
4066
- export type EntitySourceProps = EntitySource<Entity<EntityDefinition>>;
4067
- export type EntityBuilderSourceProps = EntitySource<EntityBuilderProps>;
4068
- export type EntityGridSourceProps = EntitySource<EntityGridBuilderProps>;
4069
- export function importEntity<TClient, TEntity, TModule>(importModule: () => Promise<TModule>, getEntity: (module: TModule) => EntityBuilder<TEntity, TClient>): (client: TClient, parentKeys?: ValuesObject) => Promise<TEntity>;
4070
- export function getEntity<TClient, TEntity, TModule, TCard>(importModule: () => Promise<TModule>, getEntity: (module: TModule) => EntityBuilder<TEntity, TClient>, getView: (entity: TEntity) => string, importCard: () => Promise<TCard>): (client: TClient, parentKeys?: ValuesObject) => Promise<EntityBuilderProps>;
4071
- export function getEntity<TClient, TEntity, TModule>(importModule: () => Promise<TModule>, getEntity: (module: TModule) => EntityBuilder<TEntity, TClient>, getView: (entity: TEntity) => string): (client: TClient, parentKeys?: ValuesObject) => Promise<EntityGridBuilderProps>;
4072
- export interface UseResolvedEntityBuilderResult<TResult> {
4073
- result: TResult | null;
4074
- ready: boolean;
4075
- }
4076
- export function useResolvedEntityBuilder<TResult>(client: MicroMClient, parentKeys: ValuesObject | undefined, source: EntitySource<TResult>): UseResolvedEntityBuilderResult<TResult>;
4077
- export interface UseResolvedEntityConstructorResult {
4078
- entityConstructor: EntityConstructor | null;
4079
- loading: boolean;
4080
- error: unknown | null;
4081
- }
4082
- export function useResolvedEntityConstructor(client: MicroMClient, parentKeys: ValuesObject | undefined, source: EntitySourceProps): UseResolvedEntityConstructorResult;
4083
4140
  export interface MenuHostProps {
4084
4141
  client: MicroMClient;
4085
4142
  mainMenuId: string;