@max-ts/components 0.4.0 → 0.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/components",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "browser": "./src/index.ts",
   "main": "./lib/index.mjs",
   "module": "./lib/index.mjs",
@@ -30,6 +30,7 @@
     "react": "^19.0.0",
     "react-day-picker": "^9.6.2",
     "react-dom": "^19.0.0",
+    "react-hook-form": "^7.54.2",
     "react-use": "^17.6.0",
     "remeda": "^2.21.2"
   },

package/src/index.ts

@@ -1,3 +1,4 @@
 export * from './components';
 export * from './theme';
 export * from './hooks';
+export * from './form';

package/lib/components/DataGridOld/Body/Body.d.ts

@@ -1,13 +0,0 @@
-import { DataGridColumn } from '../types';
-export type BodyProps<TRow> = {
-    noDataText?: string;
-    noDataImgSrc?: string;
-    isLoading?: boolean;
-    isEmpty?: boolean;
-    columns: DataGridColumn<TRow>[];
-    rows: TRow[];
-    rowHeight: number;
-    keyId: keyof TRow;
-    onRowClick?: (row: TRow) => void;
-};
-export declare function Body<TRow>({ isEmpty, isLoading, noDataText, noDataImgSrc, columns, rows, rowHeight, keyId, onRowClick, }: BodyProps<TRow>): import("react/jsx-runtime").JSX.Element;

package/lib/components/DataGridOld/Body/index.d.ts

@@ -1 +0,0 @@
-export * from './Body';

package/lib/components/DataGridOld/Body/styles.d.ts

@@ -1 +0,0 @@
-export declare const StyledBody: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, keyof import('react').ClassAttributes<HTMLUListElement> | keyof import('react').HTMLAttributes<HTMLUListElement>>, {}>;

package/lib/components/DataGridOld/Cell/Cell.d.ts

@@ -1,7 +0,0 @@
-import { DataGridColumn } from '../types';
-export type CellProps<TRow> = {
-    row: TRow;
-    column: DataGridColumn<TRow>;
-    rowIndex: number;
-};
-export declare function Cell<TRow>({ row, column, rowIndex }: CellProps<TRow>): import("react/jsx-runtime").JSX.Element;

package/lib/components/DataGridOld/Cell/index.d.ts

@@ -1 +0,0 @@
-export * from './Cell';

package/lib/components/DataGridOld/Cell/styles.d.ts

@@ -1,4 +0,0 @@
-export declare const StyledCell: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
-    $align?: "left" | "center" | "right" | "justify";
-    $disabled?: boolean;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;

package/lib/components/DataGridOld/DataGridOld.d.ts

@@ -1,20 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-import { DataGridColumn } from './types';
-export type DataGridProps<TRow> = {
-    rows: TRow[];
-    columns: DataGridColumn<TRow>[];
-    className?: string;
-    height?: CSSProperties['height'];
-    noDataText?: string;
-    noDataImgSrc?: string;
-    rowHeight?: number;
-    keyId: keyof TRow;
-    isLoading?: boolean;
-    isDisabled?: boolean;
-    isEmpty?: boolean;
-    onSelectRow?: (row: TRow[]) => void;
-    onRowClick?: (row: TRow) => void;
-    minDisplayRows?: number;
-    footer?: ReactNode;
-};
-export declare function DataGrid<TRow>({ rows, columns, height, className, noDataText, rowHeight, keyId, onRowClick, isLoading, isDisabled, isEmpty, noDataImgSrc, footer, }: DataGridProps<TRow>): import("react/jsx-runtime").JSX.Element;

package/lib/components/DataGridOld/Head/Head.d.ts

@@ -1,7 +0,0 @@
-import { DataGridColumn } from '../types';
-type DataGridHeaderProps<TRow> = {
-    columns: DataGridColumn<TRow>[];
-    height: number;
-};
-export declare function Head<TRow>({ columns, height }: DataGridHeaderProps<TRow>): import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/components/DataGridOld/Head/index.d.ts

@@ -1 +0,0 @@
-export * from './Head';

package/lib/components/DataGridOld/HeadCell/HeadCell.d.ts

@@ -1,5 +0,0 @@
-import { DataGridColumn } from '../types';
-export type HeadCellProps<T> = {
-    column: DataGridColumn<T>;
-};
-export declare function HeadCell<TData>({ column }: HeadCellProps<TData>): import("react/jsx-runtime").JSX.Element;

package/lib/components/DataGridOld/HeadCell/index.d.ts

@@ -1 +0,0 @@
-export * from './HeadCell';

package/lib/components/DataGridOld/HeadCell/styles.d.ts

@@ -1,3 +0,0 @@
-export declare const StyledHeadCell: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
-    $align?: "left" | "center" | "right" | "justify";
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;

package/lib/components/DataGridOld/Row/Row.d.ts

@@ -1,11 +0,0 @@
-import { DataGridColumn } from '../types';
-type RowProps<TRow> = {
-    row: TRow;
-    columns: DataGridColumn<TRow>[];
-    rowIndex: number;
-    rowId: string;
-    rowHeight: number;
-    onRowClick?: (row: TRow) => void;
-};
-export declare function Row<TRow>({ row, rowHeight, onRowClick, columns, rowIndex, rowId, }: RowProps<TRow>): import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/components/DataGridOld/Row/index.d.ts

@@ -1 +0,0 @@
-export * from './Row';

package/lib/components/DataGridOld/Row/styles.d.ts

@@ -1,5 +0,0 @@
-export declare const StyledRow: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
-    $height: number;
-    $gridTemplateColumns: string;
-    $selectable: boolean;
-}, Pick<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, keyof import('react').ClassAttributes<HTMLLIElement> | keyof import('react').LiHTMLAttributes<HTMLLIElement>>, {}>;

package/lib/components/DataGridOld/State/State.d.ts

@@ -1,6 +0,0 @@
-export declare function State({ noDataText, noDataImgSrc, isLoading, isEmpty, }: {
-    noDataText?: string;
-    isLoading?: boolean;
-    isEmpty?: boolean;
-    noDataImgSrc?: string;
-}): import("react/jsx-runtime").JSX.Element | null;

package/lib/components/DataGridOld/State/index.d.ts

@@ -1 +0,0 @@
-export * from './State';

package/lib/components/DataGridOld/State/styles.d.ts

@@ -1 +0,0 @@
-export declare const Container: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/DataGridOld/constants.d.ts

@@ -1 +0,0 @@
-export declare const ROW_HEIGHT = 40;

package/lib/components/DataGridOld/index.d.ts

@@ -1,2 +0,0 @@
-export * from './DataGridOld';
-export * from './types';

package/lib/components/DataGridOld/styles.d.ts

@@ -1,7 +0,0 @@
-import { CSSProperties } from 'react';
-export declare const Container: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
-    $height: CSSProperties["height"];
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
-    $disabled?: boolean;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/DataGridOld/types.d.ts

@@ -1,15 +0,0 @@
-import { ReactNode } from 'react';
-export type DataGridColumn<TRow> = {
-    title: string;
-    key?: keyof TRow;
-    width?: number | string;
-    align?: 'left' | 'center' | 'right' | 'justify';
-    isDisabled?: boolean;
-    headComponent?: ReactNode;
-    component?: (row: TRow, index: number) => ReactNode;
-    getCellValue?: (row: TRow) => string | number | null | undefined;
-    cellClassName?: (row: TRow) => string;
-    cellColor?: (row: TRow) => string;
-};
-export type DataGridColumns<TRow> = DataGridColumn<TRow>[];
-export type AlignVariant = 'left' | 'center' | 'right' | 'justify';