@apple-pie/slice 0.1.40 → 0.1.42

package/dist/types/components/DataTable/_types.d.ts

@@ -0,0 +1,51 @@
+import type { ReactNode } from 'react';
+export type CellContext<T, V> = {
+    row: T;
+    value: V;
+    rowIndex: number;
+};
+export type HeaderContext<T, V> = {
+    column: ColumnDefinition<T, V>;
+    sortKey?: SortKey<T>;
+};
+export type ColumnDefinition<T, V = unknown> = {
+    id: string;
+    title: string;
+    width?: number | string;
+    justify?: 'start' | 'center' | 'end';
+    align?: 'start' | 'center' | 'end';
+    padding?: number | string;
+    nowrap?: boolean;
+    sort?: keyof T;
+    accessor: (row: T) => V;
+    renderHeader?: (ctx: HeaderContext<T, V>) => ReactNode;
+    renderCell?: (ctx: CellContext<T, V>) => ReactNode;
+};
+export interface DataTableProps<T> {
+    height: number | string;
+    width: number | string;
+    headerSticky: boolean;
+    freezeColumn: boolean;
+    backgroundColor?: string;
+    backgroundColorHoverRow?: string;
+    freezeColumnBackgroundColor?: string;
+    headerBackgroundColor?: string;
+    candyStripeBackgroundColor?: string;
+    borderStyle?: 'box' | 'row' | 'none';
+    borderColor?: string;
+    tableData?: T[];
+    columnDefinitions: ColumnDefinition<T, any>[];
+    getRowId?: (row: T, index: number) => string | number;
+    filter?: (row: T, index: number, array: T[]) => boolean;
+    sort?: SortKey<T>;
+    onSortChange?: (sort: SortKey<T>) => void;
+    caption?: string;
+    onClick?: (col: ColumnDefinition<T>, colId: number, row: T, rowIndex: number) => void;
+    onDoubleClick?: (col: ColumnDefinition<T>, colId: number, row: T, rowIndex: number) => void;
+    onMouseOver?: (col: ColumnDefinition<T>, colId: number, row: T, rowIndex: number) => void;
+    onMouseOut?: (col: ColumnDefinition<T>, colId: number, row: T, rowIndex: number) => void;
+}
+export type SortKey<T> = {
+    key?: keyof T;
+    dir: 'asc' | 'desc';
+} | undefined;

package/dist/types/components/DataTable/columnHelper.d.ts

@@ -0,0 +1,5 @@
+import type { ColumnDefinition } from './_types';
+export declare function createColumnHelper<T>(): {
+    accessor<V>(accessor: (row: T) => V, def: Omit<ColumnDefinition<T, V>, "accessor">): ColumnDefinition<T, V>;
+};
+export declare const resolveAlignValue: (value?: "start" | "center" | "end") => "center" | "flex-end" | "flex-start";

package/dist/types/components/DataTable/index.d.ts

@@ -0,0 +1,5 @@
+export { DataTable } from './DataTable';
+export type { DataTableProps, ColumnDefinition, CellContext, HeaderContext, SortKey, } from './_types';
+export { createColumnHelper } from './columnHelper';
+export type { DataTableViewState } from './viewState';
+export { applyDataTableViewState, createDefaultViewState, resolveSortFromViewState, captureSortToViewState, } from './viewState';

package/dist/types/components/DataTable/viewState.d.ts

@@ -0,0 +1,14 @@
+import type { ColumnDefinition, SortKey } from './_types';
+export type DataTableViewState = {
+    columnOrder: string[];
+    hiddenColumns?: string[];
+    columnWidths?: Record<string, number | string>;
+    sort?: {
+        columnId: string;
+        dir: 'asc' | 'desc';
+    };
+};
+export declare function createDefaultViewState<T>(columns: ColumnDefinition<T, any>[]): DataTableViewState;
+export declare function applyDataTableViewState<T>(columns: ColumnDefinition<T, any>[], state?: DataTableViewState | null): ColumnDefinition<T, any>[];
+export declare function resolveSortFromViewState<T>(columns: ColumnDefinition<T, any>[], state?: DataTableViewState | null): SortKey<T>;
+export declare function captureSortToViewState<T>(columns: ColumnDefinition<T, any>[], sort: SortKey<T>): DataTableViewState['sort'];

package/dist/types/components/DataTable/viewState.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/TextArea/_types.d.ts

@@ -3,6 +3,7 @@ type TextAreaBaseProps = {
     value?: string;
     name?: string;
     width?: number | string;
+    height?: number | string;
     minWidth?: number | string;
     rows?: number;
     focused?: boolean;

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

@@ -2,34 +2,34 @@ type PlayContext<TArgs = unknown> = {
     args: TArgs;
     canvasElement: HTMLElement;
 };
-export declare function runAvatarGroupPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
-export declare function runBadgePlay<TArgs>({ canvasElement, args, }: PlayContext<TArgs>): Promise<void>;
-export declare function runCheckBoxPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
-export declare function runDivInputPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runAvatarGroupPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runBadgePlay<TArgs>({ canvasElement, args }: PlayContext<TArgs>): Promise<void>;
+export declare function runCheckBoxPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runDivInputPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
 export declare function runDotPlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runDraggablePanelPlay<TArgs>({ canvasElement, args, }: PlayContext<TArgs>): Promise<void>;
-export declare function runDropDownPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
-export declare function runErrorSummaryPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
-export declare function runFlexDivPlay<TArgs>({ canvasElement, }: PlayContext<TArgs>): Promise<void>;
-export declare function runGrouperPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
-export declare function runIconPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
-export declare function runIconButtonPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
-export declare function runLogosPlay<TArgs>({ canvasElement, }: PlayContext<TArgs>): Promise<void>;
-export declare function runOverlayPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
-export declare function runPagerPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
-export declare function runProgressIndicatorPlay<TArgs>({ canvasElement, }: PlayContext<TArgs>): Promise<void>;
-export declare function runRadioButtonPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
-export declare function runRadioButtonListPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
-export declare function runSliderPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
-export declare function runSpacerPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
-export declare function runSwitchPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
-export declare function runTabBarPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
-export declare function runTextAreaPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
-export declare function runTextFieldPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
-export declare function runButtonPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
-export declare function runButtonBarPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
-export declare function runCardPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
-export declare function runChipPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
-export declare function runUIFileIconPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
-export declare function runLabelPlay<TArgs>({ args, canvasElement, }: PlayContext<TArgs>): Promise<void>;
+export declare function runDraggablePanelPlay<TArgs>({ canvasElement, args }: PlayContext<TArgs>): Promise<void>;
+export declare function runDropDownPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runErrorSummaryPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runFlexDivPlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runGrouperPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runIconPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runIconButtonPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runLogosPlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runOverlayPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runPagerPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runProgressIndicatorPlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runRadioButtonPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runRadioButtonListPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runSliderPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runSpacerPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runSwitchPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runTabBarPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runTextAreaPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runTextFieldPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runButtonPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runButtonBarPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runCardPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runChipPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runUIFileIconPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
+export declare function runLabelPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
 export {};

package/dist/types/index.d.ts

@@ -88,3 +88,7 @@ export { Video } from './components/Video';
 export type { CustomVideoControls, PlayState, VideoElement, VideoProps, } from './components/Video';
 export { VideoController } from './components/VideoController';
 export type { VideoControllerProps } from './components/VideoController';
+export { DataTable } from './components/DataTable';
+export type { DataTableProps, ColumnDefinition, CellContext, HeaderContext, SortKey, } from './components/DataTable';
+export { createColumnHelper, applyDataTableViewState, createDefaultViewState, resolveSortFromViewState, captureSortToViewState, } from './components/DataTable';
+export type { DataTableViewState } from './components/DataTable';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@apple-pie/slice",
-	"version": "0.1.40",
+	"version": "0.1.42",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.mjs",
 	"exports": {
@@ -120,11 +120,11 @@
 		"build-storybook": "storybook build"
 	},
 	"keywords": [],
-	"author": "",
+	"author": "Uris Dacosta",
 	"license": "ISC",
 	"type": "commonjs",
 	"types": "dist/types/index.d.ts",
-	"description": "",
+	"description": "React UI SDK",
 	"devDependencies": {
 		"@biomejs/biome": "^1.9.4",
 		"@chromatic-com/storybook": "^5.0.1",