@natoora-libs/core 0.1.15 → 0.1.16-dev-doug-2

package/dist/components/index.d.cts

@@ -1,5 +1,5 @@
 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';
@@ -795,6 +795,10 @@ interface SmartSelectProps {
      * Style variant to choose.
      */
     variant?: 'standard' | 'outlined' | 'filled';
+    /**
+     * Size to choose.
+     */
+    size?: 'medium' | 'small';
     /**
      * A boolean indicating validation error.
      * It allows use of error styling when validation is required.
@@ -848,6 +852,18 @@ interface LSwitchProps {
 }
 declare const _default$5: React.MemoExoticComponent<({ checked, labelOn, labelOff, handleChange, classes, disabled, }: LSwitchProps) => react_jsx_runtime.JSX.Element>;
 
+type TableDesktopFooterProps = {
+    numPages: number;
+    page: number;
+    pageSize: number;
+    pageSizeOptions: number[];
+    onPageChange: (event: ChangeEvent<unknown>, page: number) => void;
+    onPageSizeChange: (event: SelectChangeEvent<number>) => void;
+    refetch: () => Promise<unknown>;
+    isFetching: boolean;
+};
+declare const TableDesktopFooter: FC<TableDesktopFooterProps>;
+
 type Order = 'asc' | 'desc';
 type EditableCellType = 'select' | 'checkbox' | 'text' | 'numeric';
 type HeaderFilterObject = {
@@ -871,7 +887,7 @@ type HeadCell = {
     RenderHeader?: ReactNode;
     editableCellType?: EditableCellType;
     validateInput?: (value: string | null) => boolean;
-    onUpdateEditableCell?: (rowId: number, newValue: string | number | boolean) => void;
+    onUpdateEditableCell?: (rowId: number, field: string, value: string | number | boolean, label: string | number | boolean) => void;
     filterOptions?: HeaderFilterOptions;
     refetchFilterOptions?: () => void;
     isFetchingFilterOptions?: boolean;
@@ -880,12 +896,22 @@ type TableDesktopProps = {
     data: any[];
     headCells: HeadCell[];
     RenderItem: ComponentType<any>;
+    components?: {
+        toolbar?: ComponentType<any>;
+    };
+    componentsProps?: {
+        toolbarProps?: any;
+        footerProps?: TableDesktopFooterProps;
+    };
     appliedFilters?: any;
     headerFilters?: HeaderFilters;
     children?: ReactNode;
     height?: number | string;
+    rowHeight?: number;
+    totalDataCount?: number;
     isLoading?: boolean;
     rowsPerPage?: number;
+    enableEditMode?: boolean;
     enableCheckboxSelection?: boolean;
     disableInternalSort?: boolean;
     updateSort?: (sortField: string, sortDir: Order) => void;
@@ -897,7 +923,7 @@ type TableDesktopProps = {
     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, 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, rowHeight, totalDataCount, isLoading, rowsPerPage, enableEditMode, enableCheckboxSelection, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, components, componentsProps, }: TableDesktopProps) => react_jsx_runtime.JSX.Element;
 
 interface SmartTableHeaderFilterMenuProps {
     headCell: HeadCell;
@@ -943,23 +969,32 @@ interface TableProps {
 }
 declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
 
-type TableDesktopFooterProps = {
-    numPages?: number;
-    page: number;
-    pageSize: number;
-    pageSizeOptions: number[];
-    handlePageChange: (event: ChangeEvent<unknown>, page: number) => void;
-    handlePageSizeChange: (event: SelectChangeEvent<number>) => void;
-    refetch: () => Promise<unknown>;
-    isFetching: boolean;
+type TableDesktopEditableComponentProps = {
+    editInitialValue?: any;
+    rowId?: number;
+    field: string;
+    fieldName: string;
+    disabled?: boolean;
+    showCheckboxLabel?: boolean;
+    variant?: "standard" | "outlined" | "filled";
+    size?: "medium" | "small";
+    inputLabel: string;
+    editableCellType: EditableCellType;
+    filterOptions?: HeadCell["filterOptions"];
+    refetchFilterOptions?: HeadCell["refetchFilterOptions"];
+    isFetchingFilterOptions?: HeadCell["isFetchingFilterOptions"];
+    validateInput?: HeadCell["validateInput"];
+    onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
 };
-declare const TableDesktopFooter: FC<TableDesktopFooterProps>;
+declare const TableDesktopEditableComponent: FC<TableDesktopEditableComponentProps>;
 
-type TableDesktopRowCellProps = {
+type TableDesktopCellProps = {
     editableCellType?: EditableCellType;
     editInitialValue: any;
     rowId: number;
+    field: string;
     fieldName: string;
+    enableEditMode: boolean;
     disabled?: boolean;
     readOnlyValue: string | number | boolean;
     width?: HeadCell["width"];
@@ -971,21 +1006,7 @@ type TableDesktopRowCellProps = {
     onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
     onCellClick?: (event: MouseEvent<HTMLTableCellElement>, isEditMode: boolean) => void;
 };
-declare const TableDesktopRowCell: FC<TableDesktopRowCellProps>;
-
-type TableDesktopSmartSelectProps = {
-    ref?: RefObject<any>;
-    initialValue: HeaderFilterObject | string;
-    inputLabel: string;
-    fieldName: string;
-    rowId: number;
-    disabled?: boolean;
-    filterOptions?: HeadCell["filterOptions"];
-    refetchFilterOptions?: HeadCell["refetchFilterOptions"];
-    isFetchingFilterOptions: HeadCell["isFetchingFilterOptions"];
-    onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
-};
-declare const TableDesktopSmartSelect: React.MemoExoticComponent<({ ref, initialValue, inputLabel, fieldName, rowId, disabled, filterOptions, refetchFilterOptions, isFetchingFilterOptions, onUpdateEditableCell, }: TableDesktopSmartSelectProps) => react_jsx_runtime.JSX.Element>;
+declare const TableDesktopCell: FC<TableDesktopCellProps>;
 
 interface ITableEmptyResult {
     colSpan: number;
@@ -1091,4 +1112,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, TableDesktopFooter, 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, 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, TableDesktopCell, TableDesktopEditableComponent, TableDesktopFooter, 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,5 +1,5 @@
 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';
@@ -795,6 +795,10 @@ interface SmartSelectProps {
      * Style variant to choose.
      */
     variant?: 'standard' | 'outlined' | 'filled';
+    /**
+     * Size to choose.
+     */
+    size?: 'medium' | 'small';
     /**
      * A boolean indicating validation error.
      * It allows use of error styling when validation is required.
@@ -848,6 +852,18 @@ interface LSwitchProps {
 }
 declare const _default$5: React.MemoExoticComponent<({ checked, labelOn, labelOff, handleChange, classes, disabled, }: LSwitchProps) => react_jsx_runtime.JSX.Element>;
 
+type TableDesktopFooterProps = {
+    numPages: number;
+    page: number;
+    pageSize: number;
+    pageSizeOptions: number[];
+    onPageChange: (event: ChangeEvent<unknown>, page: number) => void;
+    onPageSizeChange: (event: SelectChangeEvent<number>) => void;
+    refetch: () => Promise<unknown>;
+    isFetching: boolean;
+};
+declare const TableDesktopFooter: FC<TableDesktopFooterProps>;
+
 type Order = 'asc' | 'desc';
 type EditableCellType = 'select' | 'checkbox' | 'text' | 'numeric';
 type HeaderFilterObject = {
@@ -871,7 +887,7 @@ type HeadCell = {
     RenderHeader?: ReactNode;
     editableCellType?: EditableCellType;
     validateInput?: (value: string | null) => boolean;
-    onUpdateEditableCell?: (rowId: number, newValue: string | number | boolean) => void;
+    onUpdateEditableCell?: (rowId: number, field: string, value: string | number | boolean, label: string | number | boolean) => void;
     filterOptions?: HeaderFilterOptions;
     refetchFilterOptions?: () => void;
     isFetchingFilterOptions?: boolean;
@@ -880,12 +896,22 @@ type TableDesktopProps = {
     data: any[];
     headCells: HeadCell[];
     RenderItem: ComponentType<any>;
+    components?: {
+        toolbar?: ComponentType<any>;
+    };
+    componentsProps?: {
+        toolbarProps?: any;
+        footerProps?: TableDesktopFooterProps;
+    };
     appliedFilters?: any;
     headerFilters?: HeaderFilters;
     children?: ReactNode;
     height?: number | string;
+    rowHeight?: number;
+    totalDataCount?: number;
     isLoading?: boolean;
     rowsPerPage?: number;
+    enableEditMode?: boolean;
     enableCheckboxSelection?: boolean;
     disableInternalSort?: boolean;
     updateSort?: (sortField: string, sortDir: Order) => void;
@@ -897,7 +923,7 @@ type TableDesktopProps = {
     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, 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, rowHeight, totalDataCount, isLoading, rowsPerPage, enableEditMode, enableCheckboxSelection, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, components, componentsProps, }: TableDesktopProps) => react_jsx_runtime.JSX.Element;
 
 interface SmartTableHeaderFilterMenuProps {
     headCell: HeadCell;
@@ -943,23 +969,32 @@ interface TableProps {
 }
 declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
 
-type TableDesktopFooterProps = {
-    numPages?: number;
-    page: number;
-    pageSize: number;
-    pageSizeOptions: number[];
-    handlePageChange: (event: ChangeEvent<unknown>, page: number) => void;
-    handlePageSizeChange: (event: SelectChangeEvent<number>) => void;
-    refetch: () => Promise<unknown>;
-    isFetching: boolean;
+type TableDesktopEditableComponentProps = {
+    editInitialValue?: any;
+    rowId?: number;
+    field: string;
+    fieldName: string;
+    disabled?: boolean;
+    showCheckboxLabel?: boolean;
+    variant?: "standard" | "outlined" | "filled";
+    size?: "medium" | "small";
+    inputLabel: string;
+    editableCellType: EditableCellType;
+    filterOptions?: HeadCell["filterOptions"];
+    refetchFilterOptions?: HeadCell["refetchFilterOptions"];
+    isFetchingFilterOptions?: HeadCell["isFetchingFilterOptions"];
+    validateInput?: HeadCell["validateInput"];
+    onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
 };
-declare const TableDesktopFooter: FC<TableDesktopFooterProps>;
+declare const TableDesktopEditableComponent: FC<TableDesktopEditableComponentProps>;
 
-type TableDesktopRowCellProps = {
+type TableDesktopCellProps = {
     editableCellType?: EditableCellType;
     editInitialValue: any;
     rowId: number;
+    field: string;
     fieldName: string;
+    enableEditMode: boolean;
     disabled?: boolean;
     readOnlyValue: string | number | boolean;
     width?: HeadCell["width"];
@@ -971,21 +1006,7 @@ type TableDesktopRowCellProps = {
     onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
     onCellClick?: (event: MouseEvent<HTMLTableCellElement>, isEditMode: boolean) => void;
 };
-declare const TableDesktopRowCell: FC<TableDesktopRowCellProps>;
-
-type TableDesktopSmartSelectProps = {
-    ref?: RefObject<any>;
-    initialValue: HeaderFilterObject | string;
-    inputLabel: string;
-    fieldName: string;
-    rowId: number;
-    disabled?: boolean;
-    filterOptions?: HeadCell["filterOptions"];
-    refetchFilterOptions?: HeadCell["refetchFilterOptions"];
-    isFetchingFilterOptions: HeadCell["isFetchingFilterOptions"];
-    onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
-};
-declare const TableDesktopSmartSelect: React.MemoExoticComponent<({ ref, initialValue, inputLabel, fieldName, rowId, disabled, filterOptions, refetchFilterOptions, isFetchingFilterOptions, onUpdateEditableCell, }: TableDesktopSmartSelectProps) => react_jsx_runtime.JSX.Element>;
+declare const TableDesktopCell: FC<TableDesktopCellProps>;
 
 interface ITableEmptyResult {
     colSpan: number;
@@ -1091,4 +1112,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, TableDesktopFooter, 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, 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, TableDesktopCell, TableDesktopEditableComponent, TableDesktopFooter, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };