schummar-table 0.18.0 → 0.20.0

package/dist/types/components/formControlLabel.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-export declare function FormControlLabel({ control, label, disabled }: {
+import type { ReactNode } from 'react';
+export declare function FormControlLabel({ control, label, disabled, }: {
     control: ReactNode;
     label: ReactNode;
     disabled?: boolean;

package/dist/types/components/numberField.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { TableTheme } from '../types';
+type TextFieldProps = TableTheme['components']['TextField'] extends React.ComponentType<infer T> ? T : never;
+export interface NumberFieldProps extends Omit<TextFieldProps, 'value' | 'onChange'> {
+    value?: number | null;
+    onChange?: (value: number | null) => void;
+}
+export declare function NumberField({ value: commitedValue, onChange, ...textFieldProps }: NumberFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/rangeFilter.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { CommonFilterProps } from '../types';
+export declare function RangeFilter<T, V>({ filterBy, ...props }: CommonFilterProps<T, V, number | null, [number | null, number | null] | null>): JSX.Element;

package/dist/types/components/resizeHandle.d.ts

@@ -1,4 +1,4 @@
-import { HTMLProps } from 'react';
+import type { HTMLProps } from 'react';
 export declare function ResizeHandle(): import("@emotion/react/jsx-runtime").JSX.Element;
 export declare function ResizeHandleView({ enabled, ...props }: HTMLProps<HTMLDivElement> & {
     enabled?: boolean;

package/dist/types/components/row.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
-import { Id, MemoizedTableTheme } from '../types';
-export declare function calcClassNames<T>(classes: MemoizedTableTheme<any>['classes'] | undefined, item: T, index: number): (string | false | undefined)[];
-export declare const Row: React.MemoExoticComponent<(<T>({ itemId, rowIndex }: {
+/// <reference types="react" />
+import type { Id } from '../types';
+export declare const Row: import("react").MemoExoticComponent<(<T>({ itemId, rowIndex, }: {
     itemId: Id;
     rowIndex: number;
 }) => JSX.Element | null)>;

package/dist/types/components/selectComponent.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Id } from '../types';
+import type { Id } from '../types';
 export declare function SelectComponent<T>({ itemId }: {
     itemId?: Id;
 }): JSX.Element;

package/dist/types/components/selectFilter.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { CommonFilterProps, SerializableValue } from '../types';
+import type { ReactNode } from 'react';
+import type { CommonFilterProps, SerializableValue } from '../types';
 export declare function SelectFilter<T, V, F extends SerializableValue>({ options: providedOptions, stringValue, render, singleSelect, ...props }: {
     /** Which options are provided to select. By default all unique item values are used. */
     options?: F[];

package/dist/types/components/sortComponent.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export declare function SortComponent<T>({ children }: {
     children: ReactNode;
 }): JSX.Element;

package/dist/types/components/table.d.ts

@@ -1,9 +1,3 @@
-import React from 'react';
-import { Store } from 'schummar-state/react';
-import { Id, InternalTableState, TableProps } from '../types';
-export declare const TableContext: React.Context<Store<InternalTableState<any>> | null>;
-export declare const TableResetContext: React.Context<() => void>;
-export declare const ColumnContext: React.Context<Id | null>;
-export declare function useTableContext<T>(): Store<InternalTableState<T>>;
-export declare function useColumnContext(): Id;
+/// <reference types="react" />
+import type { TableProps } from '../types';
 export declare function Table<T>(props: TableProps<T>): JSX.Element;

package/dist/types/components/textFilter.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CommonFilterProps } from '../types';
+import type { CommonFilterProps } from '../types';
 export declare function TextFilter<T, V>({ compare, filterBy, placeholder, ...props }: {
     /** Custom comparison function. Should return true if an item value matches the current filter value.
      * By default a fuzzy text comparison is used.

package/dist/types/components/virtualized.d.ts

@@ -1,5 +1,5 @@
-import { HTMLProps, ReactNode } from 'react';
-import { Id } from '../types';
+import type { HTMLProps, ReactNode } from 'react';
+import type { Id } from '../types';
 export declare function Virtualized<T>({ header, footer, children, ...props }: {
     header: ReactNode;
     footer: ReactNode;

package/dist/types/hooks/useFilter.d.ts

@@ -1,4 +1,4 @@
-import { FilterImplementation, SerializableValue } from '../types';
+import type { FilterImplementation, SerializableValue } from '../types';
 export declare function useFilter<T, V, F, S extends SerializableValue>(impl: FilterImplementation<T, V, F, S>): {
     isActive: boolean;
     close: () => void;

package/dist/types/hooks/useMemoMap.d.ts

@@ -1,2 +1,2 @@
-import { FunctionWithDeps } from '../types';
-export declare function useMemoMap(): <Fn extends (...args: any[]) => any>(key: string, fn: FunctionWithDeps<Fn>) => Fn;
+import type { FunctionWithDeps } from '../types';
+export declare function useMemoMap(): <Function_ extends (...args: any[]) => any>(key: string, function_: FunctionWithDeps<Function_>) => Function_;

package/dist/types/hooks/useTableMemo.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { FunctionWithDeps } from '../types';
+import type { ReactNode } from 'react';
+import type { FunctionWithDeps } from '../types';
 export declare function TableMemoContextProvider({ children }: {
     children: ReactNode;
 }): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare function useTableMemo(): <Fn extends (...args: any[]) => any>(key: string, fn: FunctionWithDeps<Fn>) => Fn;
+export declare function useTableMemo(): <Function_ extends (...args: any[]) => any>(key: string, function_: FunctionWithDeps<Function_>) => Function_;

package/dist/types/hooks/useTheme.d.ts

@@ -1,2 +1,2 @@
-import { MemoizedTableTheme } from '../types';
+import type { MemoizedTableTheme } from '../types';
 export declare function useTheme<T, S>(selector: (theme: MemoizedTableTheme<T>) => S): S;

package/dist/types/index.d.ts

@@ -1,14 +1,16 @@
 export { AutoFocusTextField } from './components/autoFocusTextField';
 export { DateFilter } from './components/dateFilter';
-export { dateIntersect, DatePicker, endOfDay, startOfDay, thisWeek, today } from './components/datePicker';
+export { dateIntersect, DatePicker, endOfDay, startOfDay, thisWeek, today, } from './components/datePicker';
 export type { DatePickerProps, DateRange } from './components/datePicker';
+export { RangeFilter } from './components/rangeFilter';
 export { SelectFilter } from './components/selectFilter';
-export { ColumnContext, Table, TableContext, useColumnContext, useTableContext } from './components/table';
+export { Table } from './components/table';
+export { ColumnContext, TableContext, TableResetContext, useColumnContext, useTableContext, } from './misc/tableContext';
 export { TextFilter } from './components/textFilter';
 export { useFilter } from './hooks/useFilter';
 export { useTheme } from './hooks/useTheme';
 export type { TableStateStorage } from './internalState/tableStateStorage';
 export * as helpers from './misc/helpers';
 export { termMatch, textMatch } from './misc/textMatch';
-export { configureTableTheme, mergeThemes, TableThemeContext, TableThemeProvider } from './theme/tableTheme';
+export { configureTableTheme, mergeThemes, TableThemeContext, TableThemeProvider, } from './theme/tableTheme';
 export type { Column, CommonFilterProps, FilterImplementation, FunctionWithDeps, Id, InternalColumn, PartialTableTheme, Sort, SortDirection, TableProps, } from './types';

package/dist/types/internalState/calcItems.d.ts

@@ -1,3 +1,3 @@
-import { Store } from 'schummar-state/react';
-import { InternalTableState } from '../types';
+import type { Store } from 'schummar-state/react';
+import type { InternalTableState } from '../types';
 export declare function calcItems<T>(state: Store<InternalTableState<T>>): void;

package/dist/types/internalState/calcProps.d.ts

@@ -1,2 +1,2 @@
-import { InternalTableProps, TableProps } from '../types';
+import type { InternalTableProps, TableProps } from '../types';
 export declare function calcProps<T>(props: TableProps<T>): InternalTableProps<T>;

package/dist/types/internalState/cleanupState.d.ts

@@ -1,3 +1,3 @@
-import { Store } from 'schummar-state/react';
-import { InternalTableState } from '../types';
+import type { Store } from 'schummar-state/react';
+import type { InternalTableState } from '../types';
 export declare function cleanupState<T>(state: Store<InternalTableState<T>>): void;

package/dist/types/internalState/filterColumns.d.ts

@@ -1,3 +1,3 @@
-import { Store } from 'schummar-state/react';
-import { InternalTableState } from '../types';
+import type { Store } from 'schummar-state/react';
+import type { InternalTableState } from '../types';
 export declare function filterColumns<T>(state: Store<InternalTableState<T>>): void;

package/dist/types/internalState/normalizeExpanded.d.ts

@@ -1,3 +1,3 @@
-import { Store } from 'schummar-state/react';
-import { InternalTableState } from '../types';
+import type { Store } from 'schummar-state/react';
+import type { InternalTableState } from '../types';
 export declare function normalizeExpanded<T>(table: Store<InternalTableState<T>>): void;

package/dist/types/internalState/syncSelections.d.ts

@@ -1,3 +1,3 @@
-import { Store } from 'schummar-state/react';
-import { InternalTableState } from '../types';
+import type { Store } from 'schummar-state/react';
+import type { InternalTableState } from '../types';
 export declare function syncSelections<T>(table: Store<InternalTableState<T>>): void;

package/dist/types/internalState/tableStateStorage.d.ts

@@ -1,5 +1,5 @@
-import { Store } from 'schummar-state/react';
-import { InternalTableState } from '../types';
+import type { Store } from 'schummar-state/react';
+import type { InternalTableState } from '../types';
 export type TableStateStorage = {
     getItem: (key: string) => string | null | Promise<string | null>;
     setItem: (key: string, value: string) => unknown | Promise<unknown>;

package/dist/types/internalState/useTableState.d.ts

@@ -1,3 +1,3 @@
 import { Store } from 'schummar-state/react';
-import { InternalTableState, TableProps } from '../types';
+import type { InternalTableState, TableProps } from '../types';
 export declare function useTableState<T>(_props: TableProps<T>): [Store<InternalTableState<T>>, () => void];

package/dist/types/misc/calcClassNames.d.ts

@@ -0,0 +1,2 @@
+import type { MemoizedTableTheme } from '../types';
+export declare function calcClassNames<T>(classes: MemoizedTableTheme<any>['classes'] | undefined, item: T, index: number): (string | false | undefined)[];

package/dist/types/misc/debounce.d.ts

@@ -1,4 +1,4 @@
-export declare function debounce<Args extends any[]>(fn: (...args: Args) => void, ms: number): {
+export declare function debounce<Args extends any[]>(function_: (...args: Args) => void, ms: number): {
     (...args: Args): void;
     flush(): void;
 };

package/dist/types/misc/helpers.d.ts

@@ -1,7 +1,7 @@
-import { Id, TableItem } from '../types';
-export declare const flatMap: <T, S>(arr: Iterable<T>, flatMap: (t: T) => S[]) => S[];
-export declare const orderBy: <T>(arr: T[], selectors?: ((t: T) => any)[], direction?: ('desc' | 'asc')[]) => T[];
-export declare const uniq: <T>(arr: T[]) => T[];
+import type { Id, TableItem } from '../types';
+export declare const flatMap: <T, S>(array: Iterable<T>, flatMap: (t: T) => S[]) => S[];
+export declare const orderBy: <T>(array: T[], selectors?: ((t: T) => any)[], direction?: ('desc' | 'asc')[]) => T[];
+export declare const uniq: <T>(array: T[]) => T[];
 export declare const intersect: <T>(a: Iterable<T>, b: {
     has(t: T): boolean;
 }) => Set<T>;
@@ -10,6 +10,8 @@ export declare const getDescendants: <T>(...items: TableItem<T>[]) => Set<Id>;
 export declare const identity: (x: unknown) => any;
 export declare const asString: (x: unknown) => string;
 export declare const asStringOrArray: (x: unknown) => string | string[];
+export declare const asNumber: (x: unknown) => number | null;
+export declare const asNumberOrArray: (x: unknown) => number | null | (number | null)[];
 export declare const defaultEquals: (a: unknown, b: unknown) => boolean;
 export declare const subStringMatch: (a: string, b: string) => boolean;
 export declare const castArray: <T>(a: T | T[]) => T[];

package/dist/types/misc/tableContext.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { Store } from 'schummar-state/react';
+import type { Id, InternalTableState } from '../types';
+export declare const TableContext: import("react").Context<Store<InternalTableState<any>> | null>;
+export declare const TableResetContext: import("react").Context<() => void>;
+export declare const ColumnContext: import("react").Context<Id | null>;
+export declare function useTableContext<T>(): Store<InternalTableState<T>>;
+export declare function useColumnContext(): Id;

package/dist/types/misc/throttle.d.ts

@@ -1,4 +1,4 @@
-export declare function throttle<Args extends any[]>(fn: (...args: Args) => void, ms: number): {
+export declare function throttle<Args extends any[]>(function_: (...args: Args) => void, ms: number): {
     (...args: Args): void;
     flush(): void;
     cancel(): void;

package/dist/types/theme/defaultTheme/badge.d.ts

@@ -1,2 +1,2 @@
-import { TableTheme } from '../../types';
+import type { TableTheme } from '../../types';
 export declare const Badge: TableTheme['components']['Badge'];

package/dist/types/theme/defaultTheme/button.d.ts

@@ -1,2 +1,2 @@
-import { TableTheme } from '../../types';
+import type { TableTheme } from '../../types';
 export declare const Button: TableTheme['components']['Button'];

package/dist/types/theme/defaultTheme/checkbox.d.ts

@@ -1,2 +1,2 @@
-import { TableTheme } from '../../types';
+import type { TableTheme } from '../../types';
 export declare const Checkbox: TableTheme['components']['Checkbox'];

package/dist/types/theme/defaultTheme/defaultColors.d.ts

@@ -1,2 +1,2 @@
-import { TableTheme } from '../../types';
+import type { TableTheme } from '../../types';
 export declare const defaultColors: TableTheme['colors'];

package/dist/types/theme/defaultTheme/defaultComponents.d.ts

@@ -1,2 +1,2 @@
-import { TableTheme } from '../../types';
+import type { TableTheme } from '../../types';
 export declare const defaultComponents: TableTheme['components'];

package/dist/types/theme/defaultTheme/defaultIcons.d.ts

@@ -1,2 +1,2 @@
-import { TableTheme } from '../../types';
+import type { TableTheme } from '../../types';
 export declare const defaultIcons: TableTheme['icons'];

package/dist/types/theme/defaultTheme/defaultTexts.d.ts

@@ -1,2 +1,2 @@
-import { TableTheme } from '../../types';
+import type { TableTheme } from '../../types';
 export declare const defaultTexts: TableTheme['text'];

package/dist/types/theme/defaultTheme/iconButton.d.ts

@@ -1,2 +1,2 @@
-import { TableTheme } from '../../types';
+import type { TableTheme } from '../../types';
 export declare const IconButton: TableTheme['components']['IconButton'];

package/dist/types/theme/defaultTheme/index.d.ts

@@ -1,2 +1,2 @@
-import { TableTheme } from '../../types';
+import type { TableTheme } from '../../types';
 export declare const defaultTableTheme: TableTheme;

package/dist/types/theme/defaultTheme/popover.d.ts

@@ -1,7 +1,2 @@
-import React from 'react';
-import { TableTheme } from '../../types';
-export declare const PopoverContext: React.Context<{
-    depth: number;
-    visible: boolean;
-}>;
+import type { TableTheme } from '../../types';
 export declare const Popover: TableTheme['components']['Popover'];

package/dist/types/theme/defaultTheme/textField.d.ts

@@ -1,2 +1,2 @@
-import { TableTheme } from '../../types';
+import type { TableTheme } from '../../types';
 export declare const TextField: TableTheme['components']['TextField'];

package/dist/types/theme/mui4Theme/index.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { PartialTableTheme } from '../../types';
+import type { ReactNode } from 'react';
+import type { PartialTableTheme } from '../../types';
 export declare const mui4Theme: PartialTableTheme;
-export declare function Mui4TableThemeProvider({ theme, children }: {
+export declare function Mui4TableThemeProvider({ theme, children, }: {
     theme?: PartialTableTheme;
     children: ReactNode;
 }): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/theme/mui5Theme/index.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { PartialTableTheme } from '../../types';
+import type { ReactNode } from 'react';
+import type { PartialTableTheme } from '../../types';
 export declare const mui5Theme: PartialTableTheme;
-export declare function Mui5TableThemeProvider({ theme, children }: {
+export declare function Mui5TableThemeProvider({ theme, children, }: {
     theme?: PartialTableTheme;
     children: ReactNode;
 }): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/theme/tableTheme.d.ts

@@ -1,9 +1,10 @@
-import { ReactNode } from 'react';
-import { PartialTableTheme } from '../types';
-export declare let globalTableTheme: PartialTableTheme;
+import type { ReactNode } from 'react';
+import { Store } from 'schummar-state/react';
+import type { PartialTableTheme } from '../types';
+export declare const globalTableTheme: Store<PartialTableTheme<unknown>>;
 export declare function configureTableTheme(tableTheme: PartialTableTheme): void;
 export declare const TableThemeContext: import("react").Context<PartialTableTheme<unknown>>;
-export declare function TableThemeProvider({ theme, children }: {
+export declare function TableThemeProvider({ theme, children, }: {
     theme: PartialTableTheme;
     children: ReactNode;
 }): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/types.d.ts

@@ -1,7 +1,8 @@
-import { CSSInterpolation } from '@emotion/serialize';
-import React, { ComponentType, DependencyList, ReactNode, Ref } from 'react';
-import { TableStateStorage } from './internalState/tableStateStorage';
-import { CsvExportOptions } from './misc/csvExport';
+import type { CSSInterpolation } from '@emotion/serialize';
+import type { ComponentType, DependencyList, ReactNode, Ref } from 'react';
+import type React from 'react';
+import type { TableStateStorage } from './internalState/tableStateStorage';
+import type { CsvExportOptions } from './misc/csvExport';
 export type Sort = {
     columnId: string | number;
     direction: SortDirection;
@@ -34,6 +35,8 @@ export interface TableTheme<T = unknown> {
         clearFilters: ReactNode;
         deselectAll: ReactNode;
         resetAll: ReactNode;
+        rangeMin: ReactNode;
+        rangeMax: ReactNode;
     };
     /** Define styles. */
     classes?: {
@@ -43,17 +46,19 @@ export interface TableTheme<T = unknown> {
         cell?: string | FunctionWithDeps<(item: T, index: number) => string | undefined>;
         evenCell?: string;
         oddCell?: string;
+        popover?: string;
+        popoverBackdrop?: string;
     };
     /** Define components to be used in the table. */
     components: {
         IconButton: ComponentType<{
             children: ReactNode;
-            onClick?: (e: React.MouseEvent<Element>) => void;
+            onClick?: (event: React.MouseEvent<Element>) => void;
             className?: string;
         }>;
         Button: ComponentType<{
             children: ReactNode;
-            onClick?: (e: React.MouseEvent<Element>) => void;
+            onClick?: (event: React.MouseEvent<Element>) => void;
             startIcon?: ReactNode;
             variant?: 'text' | 'outlined' | 'contained';
             disabled?: boolean;
@@ -61,7 +66,7 @@ export interface TableTheme<T = unknown> {
         }>;
         Checkbox: ComponentType<{
             checked: boolean;
-            onChange: (e: React.ChangeEvent) => void;
+            onChange: (event: React.ChangeEvent) => void;
             disabled?: boolean;
             className?: string;
         }>;
@@ -80,8 +85,10 @@ export interface TableTheme<T = unknown> {
             badgeContent: ReactNode;
         }>;
         TextField: ComponentType<{
-            value: string | null;
-            onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+            value?: string | null;
+            onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+            onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+            startIcon?: ReactNode;
             endIcon?: ReactNode;
             className?: string;
             inputRef?: Ref<HTMLInputElement>;
@@ -112,6 +119,8 @@ export interface TableTheme<T = unknown> {
     };
     /** Spacing. */
     spacing: string | number;
+    /** Locale for number and date rendering */
+    locale?: string;
 }
 export type PartialTableTheme<T = unknown> = {
     [K in keyof TableTheme<T>]?: TableTheme<T>[K] extends Record<string, any> ? Partial<TableTheme<T>[K]> : TableTheme<T>[K];

package/package.json

@@ -1,12 +1,21 @@
 {
   "name": "schummar-table",
-  "repository": "schummar/schummar-table",
-  "version": "0.18.0",
+  "version": "0.20.0",
   "description": "",
+  "license": "ISC",
+  "repository": "schummar/schummar-table",
+  "author": {
+    "name": "Marco Schumacher",
+    "email": "marco@schumacher.dev"
+  },
   "type": "module",
   "sideEffects": false,
+  "files": [
+    "dist"
+  ],
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",
+  "types": "dist/types/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/es/index.js",
@@ -24,7 +33,6 @@
       "default": "./dist/es/mui4Theme.js"
     }
   },
-  "types": "dist/types/index.d.ts",
   "typesVersions": {
     "*": {
       "*": [
@@ -38,11 +46,6 @@
       ]
     }
   },
-  "author": {
-    "name": "Marco Schumacher",
-    "email": "marco@schumacher.dev"
-  },
-  "license": "ISC",
   "scripts": {
     "start": "npm -w docs start",
     "build": "runp -k build:clean :p build:compile:* :s build:cjsPackage",
@@ -51,17 +54,11 @@
     "build:compile:types": "tsc",
     "build:cjsPackage": "echo '{\"type\":\"commonjs\"}' > dist/cjs/package.json",
     "lint": "runp lint:*",
-    "lint:eslint": "eslint src",
+    "lint:eslint": "lint .",
     "lint:tsc": "tsc --emitDeclarationOnly false --noEmit",
     "prepublishOnly": "runp lint build",
     "docs:build": "npm -w docs run build"
   },
-  "dependencies": {
-    "@emotion/react": "^11.10.5",
-    "dayzed": "^3.2.3",
-    "immer": "^9.0.16",
-    "schummar-state": "0.2.1-experimental-13"
-  },
   "peerDependencies": {
     "@material-ui/core": ">=4",
     "@mui/material": ">=5",
@@ -81,34 +78,56 @@
       "optional": true
     }
   },
+  "dependencies": {
+    "@emotion/react": "11.10.5",
+    "dayzed": "3.2.3",
+    "immer": "9.0.16",
+    "nanoid": "4.0.1",
+    "schummar-state": "0.2.1-experimental-13"
+  },
   "devDependencies": {
-    "@emotion/styled": "^11.10.5",
+    "@emotion/styled": "11.10.5",
     "@material-ui/core": "4.12.4",
-    "@mui/material": "^5.11.0",
-    "@schummar/runp": "^1.8.2",
-    "@types/react": "^18.0.26",
-    "@types/react-dom": "^18.0.9",
-    "@typescript-eslint/eslint-plugin": "^5.46.1",
-    "@typescript-eslint/parser": "^5.46.1",
-    "@vitejs/plugin-react": "^3.0.0",
-    "eslint": "^8.29.0",
-    "eslint-plugin-storybook": "^0.6.8",
-    "prettier": "^2.8.1",
+    "@mui/material": "5.11.0",
+    "@schummar/eslint-config": "github:schummar/eslint-config",
+    "@schummar/prettier-config": "github:schummar/prettier-config",
+    "@schummar/runp": "1.8.2",
+    "@types/react": "18.0.26",
+    "@types/react-dom": "18.0.9",
+    "@vitejs/plugin-react": "3.0.0",
+    "eslint": "8.29.0",
+    "eslint-plugin-storybook": "0.6.8",
+    "prettier": "2.8.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "rimraf": "3.0.2",
     "semantic-release": "19.0.5",
-    "typescript": "^4.9.4",
-    "vite": "^4.0.1"
+    "typescript": "4.9.4",
+    "vite": "4.0.1"
   },
-  "files": [
-    "dist"
-  ],
   "workspaces": [
     "docs"
   ],
   "volta": {
     "node": "16.17.0",
     "npm": "8.19.2"
-  }
+  },
+  "eslintConfig": {
+    "extends": [
+      "@schummar/eslint-config",
+      "plugin:storybook/recommended"
+    ],
+    "rules": {
+      "react/no-unknown-property": [
+        "error",
+        {
+          "ignore": [
+            "css"
+          ]
+        }
+      ],
+      "node/no-unpublished-import": "off"
+    }
+  },
+  "prettier": "@schummar/prettier-config"
 }