@natoora-libs/core 0.1.9-dev-doug-2 → 0.1.10

package/dist/components/index.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import React__default, { MouseEvent, ReactNode, ComponentType, ChangeEvent, FC, RefObject, ComponentProps, SVGProps } from 'react';
+import React__default, { MouseEvent, ReactNode, ComponentType, ChangeEvent, FC, ComponentProps, SVGProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
-import { UseMutateAsyncFunction } from 'react-query';
-import { MenuProps, SxProps, Theme, Typography } from '@mui/material';
+import { UseMutateAsyncFunction, UseQueryResult } from 'react-query';
+import { MenuProps, Typography } from '@mui/material';
 import { DateRangePickerShape } from 'react-dates';
 
 type ActiveFiltersIconButtonProps = {
@@ -709,13 +709,6 @@ interface SearchAndFilterHeaderForTableProps {
 }
 declare const _default$9: React.MemoExoticComponent<(props: SearchAndFilterHeaderForTableProps) => react_jsx_runtime.JSX.Element>;
 
-type SearchFieldDebouncedProps = {
-    onSearch: (value: string) => void;
-    initialValue?: string;
-    debounceDelay?: number;
-};
-declare const SearchFieldDebounced: React__default.FC<SearchFieldDebouncedProps>;
-
 interface ISearchWithFiltersProps {
     enterPressedInSearch?: () => void;
     filterClick?: React.MouseEventHandler<HTMLButtonElement>;
@@ -751,11 +744,11 @@ interface ISectionName {
 }
 declare const SectionName: ({ name, tooltipDescription, sectionId, handleButtonClick, buttonText, buttonType, buttonDisabled, openHistoryLog, }: ISectionName) => react_jsx_runtime.JSX.Element;
 
-type Option = {
+interface Option {
     value?: string | number;
     label?: string;
     disabled?: boolean;
-};
+}
 interface SmartSelectProps {
     /**
      * The current selected value of the select input. It can be a string, number, or null.
@@ -849,10 +842,10 @@ interface LSwitchProps {
 declare const _default$5: React.MemoExoticComponent<({ checked, labelOn, labelOff, handleChange, classes, disabled, }: LSwitchProps) => react_jsx_runtime.JSX.Element>;
 
 type Order = 'asc' | 'desc';
-type EditableCellType = 'select' | 'checkbox' | 'text' | 'numeric';
 type HeaderFilterObject = {
-    id: number | string;
-    [key: string]: number | string;
+    id: number;
+    name: string;
+    label?: string;
 };
 type HeaderFilterOptions = string[] | HeaderFilterObject[];
 type HeaderFilters = {
@@ -861,20 +854,14 @@ type HeaderFilters = {
 type HeadCell = {
     id: string;
     label?: string;
-    fieldName?: string;
     numeric?: boolean;
     disablePadding?: boolean;
     width?: number | string;
     enabled?: boolean;
-    disableSort?: boolean;
-    RenderHeader?: ReactNode;
-    editableCellType?: EditableCellType;
-    onUpdateEditableCell?: (rowId: number, newValue: string | number | boolean) => void;
-    filterOptions?: HeaderFilterOptions;
-    refetchFilterOptions?: () => void;
-    isFetchingFilterOptions?: boolean;
+    renderHeader?: ReactNode;
+    filterOptionsQuery?: UseQueryResult<unknown[], unknown>;
 };
-type TableDesktopProps = {
+interface ITableDesktopProps {
     data: any[];
     headCells: HeadCell[];
     RenderItem: ComponentType<any>;
@@ -885,7 +872,6 @@ type TableDesktopProps = {
     isLoading?: boolean;
     rowsPerPage?: number;
     enableCheckboxSelection?: boolean;
-    enableRowActions?: boolean;
     disableInternalSort?: boolean;
     updateSort?: (sortField: string, sortDir: Order) => void;
     showClearFilterButton?: boolean;
@@ -895,8 +881,8 @@ type TableDesktopProps = {
     tableLayout?: 'fixed' | 'auto';
     onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
     shouldShowCheckOnFilter?: (columnId: string, filterOption: HeaderFilterObject) => boolean;
-};
-declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, isLoading, rowsPerPage, enableCheckboxSelection, enableRowActions, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, }: TableDesktopProps) => react_jsx_runtime.JSX.Element;
+}
+declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, isLoading, rowsPerPage, enableCheckboxSelection, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, }: ITableDesktopProps) => react_jsx_runtime.JSX.Element;
 
 interface SmartTableHeaderFilterMenuProps {
     headCell: HeadCell;
@@ -942,45 +928,6 @@ interface TableProps {
 }
 declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
 
-type TableDesktopRowActionsProps = {
-    isRowHovered: boolean;
-    children: ReactNode;
-    sx?: SxProps<Theme>;
-    zIndex?: number | string;
-    backgroundColor?: string | ((theme: Theme) => string);
-};
-declare const TableDesktopRowActions: FC<TableDesktopRowActionsProps>;
-
-type TableDesktopRowCellProps = {
-    ref?: RefObject<HTMLDivElement | null>;
-    editableCellType?: EditableCellType;
-    editInitialValue: any;
-    rowId: number;
-    fieldName: string;
-    isEditMode: boolean;
-    readOnlyValue: string | number | boolean;
-    width?: HeadCell["width"];
-    inputLabel: HeadCell["label"];
-    filterOptions?: HeadCell["filterOptions"];
-    refetchFilterOptions?: HeadCell["refetchFilterOptions"];
-    isFetchingFilterOptions?: HeadCell["isFetchingFilterOptions"];
-    onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
-};
-declare const TableDesktopRowCell: FC<TableDesktopRowCellProps>;
-
-type TableDesktopSmartSelectProps = {
-    ref?: RefObject<any>;
-    initialValue: HeaderFilterObject | string;
-    inputLabel: string;
-    fieldName: string;
-    rowId: number;
-    filterOptions?: HeadCell["filterOptions"];
-    refetchFilterOptions?: HeadCell["refetchFilterOptions"];
-    isFetchingFilterOptions: HeadCell["isFetchingFilterOptions"];
-    onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
-};
-declare const TableDesktopSmartSelect: React.MemoExoticComponent<({ ref, initialValue, inputLabel, fieldName, rowId, filterOptions, refetchFilterOptions, isFetchingFilterOptions, onUpdateEditableCell, }: TableDesktopSmartSelectProps) => react_jsx_runtime.JSX.Element>;
-
 interface ITableEmptyResult {
     colSpan: number;
     showClearFilterButton?: boolean;
@@ -1085,4 +1032,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
 
 declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-export { _default$n as ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, BackHeader, BottomBar, _default$m as BoxButton, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$e as DeleteSubstitutionDialogContent, _default$d as DeleteUserDialogContent, type EditableCellType, _default$l as ExtendedButton, FileCard, _default$k as FilledButton, _default$j as FilledButtonLg, _default$c as FilledLabel, FilterGroupSelector, FilterSimpleSelector, _default$b as FixedFooter, type HeadCell, Header, type HeaderFilterObject, type HeaderFilterOptions, type HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$i as ImageButton, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$a as NumpadInput, NumpadPlus, type Order, _default$h as OutlinedButton, _default$g as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$f as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$9 as SearchAndFilterHeaderForTable, SearchFieldDebounced, _default$8 as SearchWithFilters, _default$7 as SearchWithFiltersForTable, SectionName, SmartSelect, _default$3 as SmartTableHeader, _default$4 as SmartTableHeaderFilterMenu, SquareButton, _default$6 as SquareLabel, _default$5 as Switch, Table, TableDesktop, TableDesktopRowActions, TableDesktopRowCell, TableDesktopSmartSelect, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };
+export { _default$n as ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, BackHeader, BottomBar, _default$m as BoxButton, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$e as DeleteSubstitutionDialogContent, _default$d as DeleteUserDialogContent, _default$l as ExtendedButton, FileCard, _default$k as FilledButton, _default$j as FilledButtonLg, _default$c as FilledLabel, FilterGroupSelector, FilterSimpleSelector, _default$b as FixedFooter, type HeadCell, Header, type HeaderFilterObject, type HeaderFilterOptions, type HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$i as ImageButton, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$a as NumpadInput, NumpadPlus, type Order, _default$h as OutlinedButton, _default$g as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$f as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$9 as SearchAndFilterHeaderForTable, _default$8 as SearchWithFilters, _default$7 as SearchWithFiltersForTable, SectionName, SmartSelect, _default$3 as SmartTableHeader, _default$4 as SmartTableHeaderFilterMenu, SquareButton, _default$6 as SquareLabel, _default$5 as Switch, Table, TableDesktop, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };

package/dist/components/index.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import React__default, { MouseEvent, ReactNode, ComponentType, ChangeEvent, FC, RefObject, ComponentProps, SVGProps } from 'react';
+import React__default, { MouseEvent, ReactNode, ComponentType, ChangeEvent, FC, ComponentProps, SVGProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
-import { UseMutateAsyncFunction } from 'react-query';
-import { MenuProps, SxProps, Theme, Typography } from '@mui/material';
+import { UseMutateAsyncFunction, UseQueryResult } from 'react-query';
+import { MenuProps, Typography } from '@mui/material';
 import { DateRangePickerShape } from 'react-dates';
 
 type ActiveFiltersIconButtonProps = {
@@ -709,13 +709,6 @@ interface SearchAndFilterHeaderForTableProps {
 }
 declare const _default$9: React.MemoExoticComponent<(props: SearchAndFilterHeaderForTableProps) => react_jsx_runtime.JSX.Element>;
 
-type SearchFieldDebouncedProps = {
-    onSearch: (value: string) => void;
-    initialValue?: string;
-    debounceDelay?: number;
-};
-declare const SearchFieldDebounced: React__default.FC<SearchFieldDebouncedProps>;
-
 interface ISearchWithFiltersProps {
     enterPressedInSearch?: () => void;
     filterClick?: React.MouseEventHandler<HTMLButtonElement>;
@@ -751,11 +744,11 @@ interface ISectionName {
 }
 declare const SectionName: ({ name, tooltipDescription, sectionId, handleButtonClick, buttonText, buttonType, buttonDisabled, openHistoryLog, }: ISectionName) => react_jsx_runtime.JSX.Element;
 
-type Option = {
+interface Option {
     value?: string | number;
     label?: string;
     disabled?: boolean;
-};
+}
 interface SmartSelectProps {
     /**
      * The current selected value of the select input. It can be a string, number, or null.
@@ -849,10 +842,10 @@ interface LSwitchProps {
 declare const _default$5: React.MemoExoticComponent<({ checked, labelOn, labelOff, handleChange, classes, disabled, }: LSwitchProps) => react_jsx_runtime.JSX.Element>;
 
 type Order = 'asc' | 'desc';
-type EditableCellType = 'select' | 'checkbox' | 'text' | 'numeric';
 type HeaderFilterObject = {
-    id: number | string;
-    [key: string]: number | string;
+    id: number;
+    name: string;
+    label?: string;
 };
 type HeaderFilterOptions = string[] | HeaderFilterObject[];
 type HeaderFilters = {
@@ -861,20 +854,14 @@ type HeaderFilters = {
 type HeadCell = {
     id: string;
     label?: string;
-    fieldName?: string;
     numeric?: boolean;
     disablePadding?: boolean;
     width?: number | string;
     enabled?: boolean;
-    disableSort?: boolean;
-    RenderHeader?: ReactNode;
-    editableCellType?: EditableCellType;
-    onUpdateEditableCell?: (rowId: number, newValue: string | number | boolean) => void;
-    filterOptions?: HeaderFilterOptions;
-    refetchFilterOptions?: () => void;
-    isFetchingFilterOptions?: boolean;
+    renderHeader?: ReactNode;
+    filterOptionsQuery?: UseQueryResult<unknown[], unknown>;
 };
-type TableDesktopProps = {
+interface ITableDesktopProps {
     data: any[];
     headCells: HeadCell[];
     RenderItem: ComponentType<any>;
@@ -885,7 +872,6 @@ type TableDesktopProps = {
     isLoading?: boolean;
     rowsPerPage?: number;
     enableCheckboxSelection?: boolean;
-    enableRowActions?: boolean;
     disableInternalSort?: boolean;
     updateSort?: (sortField: string, sortDir: Order) => void;
     showClearFilterButton?: boolean;
@@ -895,8 +881,8 @@ type TableDesktopProps = {
     tableLayout?: 'fixed' | 'auto';
     onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
     shouldShowCheckOnFilter?: (columnId: string, filterOption: HeaderFilterObject) => boolean;
-};
-declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, isLoading, rowsPerPage, enableCheckboxSelection, enableRowActions, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, }: TableDesktopProps) => react_jsx_runtime.JSX.Element;
+}
+declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, isLoading, rowsPerPage, enableCheckboxSelection, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, }: ITableDesktopProps) => react_jsx_runtime.JSX.Element;
 
 interface SmartTableHeaderFilterMenuProps {
     headCell: HeadCell;
@@ -942,45 +928,6 @@ interface TableProps {
 }
 declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
 
-type TableDesktopRowActionsProps = {
-    isRowHovered: boolean;
-    children: ReactNode;
-    sx?: SxProps<Theme>;
-    zIndex?: number | string;
-    backgroundColor?: string | ((theme: Theme) => string);
-};
-declare const TableDesktopRowActions: FC<TableDesktopRowActionsProps>;
-
-type TableDesktopRowCellProps = {
-    ref?: RefObject<HTMLDivElement | null>;
-    editableCellType?: EditableCellType;
-    editInitialValue: any;
-    rowId: number;
-    fieldName: string;
-    isEditMode: boolean;
-    readOnlyValue: string | number | boolean;
-    width?: HeadCell["width"];
-    inputLabel: HeadCell["label"];
-    filterOptions?: HeadCell["filterOptions"];
-    refetchFilterOptions?: HeadCell["refetchFilterOptions"];
-    isFetchingFilterOptions?: HeadCell["isFetchingFilterOptions"];
-    onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
-};
-declare const TableDesktopRowCell: FC<TableDesktopRowCellProps>;
-
-type TableDesktopSmartSelectProps = {
-    ref?: RefObject<any>;
-    initialValue: HeaderFilterObject | string;
-    inputLabel: string;
-    fieldName: string;
-    rowId: number;
-    filterOptions?: HeadCell["filterOptions"];
-    refetchFilterOptions?: HeadCell["refetchFilterOptions"];
-    isFetchingFilterOptions: HeadCell["isFetchingFilterOptions"];
-    onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
-};
-declare const TableDesktopSmartSelect: React.MemoExoticComponent<({ ref, initialValue, inputLabel, fieldName, rowId, filterOptions, refetchFilterOptions, isFetchingFilterOptions, onUpdateEditableCell, }: TableDesktopSmartSelectProps) => react_jsx_runtime.JSX.Element>;
-
 interface ITableEmptyResult {
     colSpan: number;
     showClearFilterButton?: boolean;
@@ -1085,4 +1032,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
 
 declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-export { _default$n as ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, BackHeader, BottomBar, _default$m as BoxButton, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$e as DeleteSubstitutionDialogContent, _default$d as DeleteUserDialogContent, type EditableCellType, _default$l as ExtendedButton, FileCard, _default$k as FilledButton, _default$j as FilledButtonLg, _default$c as FilledLabel, FilterGroupSelector, FilterSimpleSelector, _default$b as FixedFooter, type HeadCell, Header, type HeaderFilterObject, type HeaderFilterOptions, type HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$i as ImageButton, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$a as NumpadInput, NumpadPlus, type Order, _default$h as OutlinedButton, _default$g as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$f as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$9 as SearchAndFilterHeaderForTable, SearchFieldDebounced, _default$8 as SearchWithFilters, _default$7 as SearchWithFiltersForTable, SectionName, SmartSelect, _default$3 as SmartTableHeader, _default$4 as SmartTableHeaderFilterMenu, SquareButton, _default$6 as SquareLabel, _default$5 as Switch, Table, TableDesktop, TableDesktopRowActions, TableDesktopRowCell, TableDesktopSmartSelect, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };
+export { _default$n as ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, BackHeader, BottomBar, _default$m as BoxButton, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$e as DeleteSubstitutionDialogContent, _default$d as DeleteUserDialogContent, _default$l as ExtendedButton, FileCard, _default$k as FilledButton, _default$j as FilledButtonLg, _default$c as FilledLabel, FilterGroupSelector, FilterSimpleSelector, _default$b as FixedFooter, type HeadCell, Header, type HeaderFilterObject, type HeaderFilterOptions, type HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$i as ImageButton, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$a as NumpadInput, NumpadPlus, type Order, _default$h as OutlinedButton, _default$g as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$f as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$9 as SearchAndFilterHeaderForTable, _default$8 as SearchWithFilters, _default$7 as SearchWithFiltersForTable, SectionName, SmartSelect, _default$3 as SmartTableHeader, _default$4 as SmartTableHeaderFilterMenu, SquareButton, _default$6 as SquareLabel, _default$5 as Switch, Table, TableDesktop, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };