@m4l/components 0.0.4 → 0.0.5

package/dist/commonjs.js

@@ -1,5 +1,9 @@
+import "react";
+import "prop-types";
+import "react-dom";
 import "clsx";
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
-export { getDefaultExportFromCjs as g };
+export { commonjsGlobal as c, getDefaultExportFromCjs as g };

package/dist/components/DataGrid/components/Actions/components/Density/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function Density(): JSX.Element;

package/dist/components/DataGrid/components/Actions/components/Density/styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const WrapperDensity: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SKTWrapperDensity: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/DataGrid/components/Actions/components/Filter/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function Filter(): JSX.Element;

package/dist/components/DataGrid/components/Actions/components/Filter/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const SKTWrapperFilter: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/DataGrid/components/Actions/components/RowsCount/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function RowsCount(): JSX.Element;

package/dist/components/DataGrid/components/Actions/components/RowsCount/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const RowsLabel: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const InsetLabel: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/components/DataGrid/components/Actions/components/Settings/ColumnsConfig/components/FormatterColumn/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FormatterProps } from 'react-data-grid';
+import { Row } from '../../types';
+export declare function FormatterColumn({ row, onRowChange, column }: FormatterProps<Row>): JSX.Element;

package/dist/components/DataGrid/components/Actions/components/Settings/ColumnsConfig/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { ColumnsConfigRef, ConfigProps } from './types';
+export declare const ColumnsConfig: import("react").ForwardRefExoticComponent<ConfigProps & import("react").RefAttributes<ColumnsConfigRef>>;

package/dist/components/DataGrid/components/Actions/components/Settings/ColumnsConfig/styles.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const WrapperColumnsConfig: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DivAll: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DivSelColumns: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperGrid: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DivColumn: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ColumnActions: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DialogActions: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/DataGrid/components/Actions/components/Settings/ColumnsConfig/types.d.ts

@@ -0,0 +1,25 @@
+import { IConfigColumn } from '../../../../../contexts/BaseContext/types';
+export interface Row {
+    key: string;
+    name: string;
+    visible: boolean;
+    frozen: boolean;
+    width: number;
+    index: number;
+    originalIndex: number;
+    originalVisible: boolean;
+    originalFrozen: boolean;
+}
+export declare type ColumnsConfigRef = {
+    onClickIntro: () => void;
+    current: HTMLDivElement | null;
+};
+export interface ConfigProps {
+    onCloseSettings: () => void;
+    columnsConfig: IConfigColumn[];
+    onChangeColumnsConfig: (newColumnsConfig: IConfigColumn[]) => void;
+}
+export interface CheckFormatterProps {
+    key: string;
+    row: any;
+}

package/dist/components/DataGrid/components/Actions/components/Settings/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function Settings(): JSX.Element;

package/dist/components/DataGrid/components/Actions/components/Settings/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const SKTWrapperColumnsSettings: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/DataGrid/components/Actions/components/Settings/types.d.ts

@@ -0,0 +1,2 @@
+export interface SettingsProps {
+}

package/dist/components/DataGrid/components/Actions/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { InternalActionsProps } from './types';
+export declare function Actions(props: InternalActionsProps): JSX.Element;

package/dist/components/DataGrid/components/Actions/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const WrapperActions: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/DataGrid/components/Actions/types.d.ts

@@ -0,0 +1,11 @@
+import { PagerProps } from '@mui_extended/Pager/types';
+import { SettingsProps } from './components/Settings/types';
+export interface ActionsProps {
+    withSettings?: boolean;
+    settingsProps?: SettingsProps;
+    withRowsCount?: boolean;
+    withPager?: boolean;
+    pagerOptions?: PagerProps;
+    withLocalFilters?: boolean;
+}
+export declare type InternalActionsProps = ActionsProps;

package/dist/components/DataGrid/components/Table/components/ActionsColumn.d.ts

@@ -0,0 +1,4 @@
+import { Column } from 'react-data-grid';
+export declare const ACTIONS_COLUMN_KEY = "actions-row";
+export declare const filterHeight = 35;
+export declare const ActionsColumn: Column<any, any>;

package/dist/components/DataGrid/components/Table/components/CheckboxFormatter.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CheckboxFormatterProps } from 'react-data-grid';
+export declare const CheckboxFormatter: import("react").ForwardRefExoticComponent<CheckboxFormatterProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/DataGrid/components/Table/components/CustomIcons.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { SvgIconProps } from '@mui/material';
+export declare function CloseIcon(props: SvgIconProps): JSX.Element;
+export declare function StarIcon(props: SvgIconProps): JSX.Element;
+export declare function InfoIcon(props: SvgIconProps): JSX.Element;
+export declare function WarningIcon(props: SvgIconProps): JSX.Element;
+export declare function SuccessIcon(props: SvgIconProps): JSX.Element;
+export declare function ErrorIcon(props: SvgIconProps): JSX.Element;
+export declare function CheckboxIcon(props: SvgIconProps): JSX.Element;
+export declare function CheckboxCheckedIcon(props: SvgIconProps): JSX.Element;
+export declare function CheckboxIndeterminateIcon(props: SvgIconProps): JSX.Element;
+export declare function InputSelectIcon(props: SvgIconProps): JSX.Element;
+export declare function TreeViewCollapseIcon(props: SvgIconProps): JSX.Element;
+export declare function TreeViewExpandIcon(props: SvgIconProps): JSX.Element;
+export declare function TreeViewEndIcon(props: SvgIconProps): JSX.Element;

package/dist/components/DataGrid/components/Table/components/DraggableHeaderRenderer.d.ts

@@ -0,0 +1,6 @@
+import { HeaderRendererProps } from 'react-data-grid';
+interface DraggableHeaderRendererProps<TRow> extends HeaderRendererProps<TRow> {
+    onColumnsReorder: (sourceKey: string, targetKey: string) => void;
+}
+export declare function DraggableHeaderRenderer<TRow>(props: DraggableHeaderRendererProps<TRow>): any;
+export {};

package/dist/components/DataGrid/components/Table/components/SelectColumn.d.ts

@@ -0,0 +1,4 @@
+import { Column } from 'react-data-grid';
+export declare const filterColumnClassName = "filter-cell";
+export declare const filterHeight = 35;
+export declare const SelectColumn: Column<any, any>;

package/dist/components/DataGrid/components/Table/components/SkeletonFormatter/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function SkeletonFormatter(): JSX.Element;

package/dist/components/DataGrid/components/Table/components/SkeletonFormatter/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const WrapperSkeleton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/DataGrid/components/Table/hooks/getDragHeaderRenderer.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { HeaderRendererProps } from 'react-data-grid';
+export declare const getDragHeaderRenderer: <TRow, TSummaryRow>(handleColumnsReorder: (sourceKey: string, targetKey: string) => void) => FunctionComponent<HeaderRendererProps<TRow, TSummaryRow>>;

package/dist/components/DataGrid/components/Table/hooks/useFocusRef.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare function useFocusRef<T extends HTMLOrSVGElement>(isSelected: boolean): {
+    ref: import("react").RefObject<T>;
+    tabIndex: number;
+};

package/dist/components/DataGrid/components/Table/hooks/useSortColumnsRows.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Column, SortColumn } from 'react-data-grid';
+export declare const useSortColumnsRows: <TRow, TSummaryRow>(sourceColumns: readonly Column<TRow, TSummaryRow>[], sourceRows: readonly TRow[], isMultipleRows: boolean) => {
+    finalColumns: readonly Column<TRow, TSummaryRow>[];
+    sortColumns: readonly SortColumn[];
+    setSortColumns: import("react").Dispatch<import("react").SetStateAction<readonly SortColumn[]>>;
+    finalRows: readonly TRow[];
+};

package/dist/components/DataGrid/components/Table/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { GridProps } from '../../types';
+export declare function Table<TRow, TSummaryRow>(props: GridProps<TRow, TSummaryRow>): JSX.Element;

package/dist/components/DataGrid/components/Table/styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { WithActionsProps } from '../../types';
+export declare const WrapperTable: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & WithActionsProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/DataGrid/contexts/BaseContext/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { BaseContextProps, BaseProviderProps } from './types';
+declare const BaseContext: import("react").Context<BaseContextProps>;
+declare function BaseProvider<TRow, TSummaryRow>(props: BaseProviderProps<TRow, TSummaryRow>): JSX.Element;
+export { BaseProvider, BaseContext };

package/dist/components/DataGrid/contexts/BaseContext/types.d.ts

@@ -0,0 +1,51 @@
+import { MenuAction } from '@mui_extended/MenuActions/types';
+import { ReactNode } from 'react';
+import { Column } from 'react-data-grid';
+import { Maybe } from '@m4l/core';
+import { RowKey, RowHeights, RowHeightVariants } from '../../types';
+export interface IConfigColumn {
+    key: string;
+    visible: boolean;
+    hidden: boolean;
+    index: number;
+    frozen: boolean;
+    name: string;
+    orginalIndex: number;
+    originalVisible: boolean;
+    originalFrozen: boolean;
+}
+export interface IGridConfig {
+    columnsConfig: IConfigColumn[];
+    columnsWidths: Map<string, Maybe<RowKey>>;
+}
+export declare type BaseProviderProps<TRow, TSummaryRow> = {
+    id: number | string;
+    isSkeleton: boolean;
+    children: ReactNode;
+    columns: readonly Column<TRow, TSummaryRow>[];
+    remoteConfig?: IGridConfig;
+    rowsCount: number;
+    rowActionsGetter?: ((row: TRow) => MenuAction[]) | undefined;
+    rowHeaderHeights: RowHeights;
+    rowHeights: RowHeights;
+    initialRowHeightVariant: RowHeightVariants;
+};
+export declare type RowHeightState = {
+    rowHVariant: RowHeightVariants;
+    rowHeight: number;
+    rowHeaderHeight: number;
+};
+export interface BaseContextProps extends IGridConfig {
+    rowsCount: number;
+    isSkeleton: boolean;
+    setRowsCount: (newRowsCount: number) => void;
+    rowActionsGetter?: ((row: any) => MenuAction[]) | undefined;
+    rowHeights: RowHeights;
+    currentRowHeaderHeight: number;
+    currentRowHeight: number;
+    currentRowHeightVariant: RowHeightVariants;
+    setRowHeightVariant: (neVariant: RowHeightVariants) => void;
+    onChangeColumnsConfig: (newColumnsConfig: IConfigColumn[]) => void;
+    onChangeColumnsOrder: (sourceKey: string, targetKey: string) => void;
+    onChangeColumnWidth: (columnKey: string, width: number) => void;
+}

package/dist/components/DataGrid/contexts/FilterContext/index.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { FilterContextProps } from './types';
+declare const FilterContext: import("react").Context<FilterContextProps>;
+declare type FilterProviderProps = {
+    children: ReactNode;
+    initialActiveFilters: boolean;
+};
+declare function FilterProvider({ children, initialActiveFilters }: FilterProviderProps): JSX.Element;
+export { FilterProvider, FilterContext };

package/dist/components/DataGrid/contexts/FilterContext/types.d.ts

@@ -0,0 +1,11 @@
+import { RowKey } from '../../types';
+export interface FilterContextProps {
+    activeFilters: boolean;
+    filters?: Map<RowKey, string>;
+    onChangeFilter?: (key: string, value: string) => void;
+    setActiveFilters: (active: boolean) => void;
+}
+export interface IFilterState {
+    activeFilters: boolean;
+    filters?: Map<RowKey, string>;
+}

package/dist/components/DataGrid/formatters/DateFormatter/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { DateFormatterProps } from './types';
+export declare function DateFormatter(props: DateFormatterProps): JSX.Element;

package/dist/components/DataGrid/formatters/DateFormatter/types.d.ts

@@ -0,0 +1,6 @@
+export declare type PresentationType = 'date' | 'datetime' | 'time';
+export interface DateFormatterProps {
+    presentationType: PresentationType;
+    formatDate?: string;
+    dateTime: Date | string | number;
+}

package/dist/components/DataGrid/hooks/useBase.d.ts

@@ -0,0 +1 @@
+export declare const useBase: () => import("../contexts/BaseContext/types").BaseContextProps;

package/dist/components/DataGrid/hooks/useFilters.d.ts

@@ -0,0 +1 @@
+export declare const useFilters: () => import("../contexts/FilterContext/types").FilterContextProps;

package/dist/components/DataGrid/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { DataGridProps } from './types';
+export declare function DataGrid<TRow, TSummaryRow>(props: DataGridProps<TRow, TSummaryRow>): JSX.Element;