@apple-pie/slice 0.1.42 → 0.1.43

package/dist/esm/utils/objects/index.mjs

@@ -1,13 +1,13 @@
-export { I as IndexedDB } from "../../chunks/IndexedDB-45_U7IIq.mjs";
+export { I as IndexedDB } from "../../chunks/IndexedDB-Vmrc6oKn.mjs";
 
-export { A as AudioVisualizer } from "../../chunks/audioVisualizer-DqfUbZLW.mjs";
+export { A as AudioVisualizer } from "../../chunks/audioVisualizer-CXLuOPl4.mjs";
 
-export { M as MdBuffer } from "../../chunks/MdStreamBuffer-HPGHLqiC.mjs";
+export { M as MdBuffer } from "../../chunks/MdStreamBuffer-C3z6-LpW.mjs";
 
-export { S as SSEConnection } from "../../chunks/SSEConnection-kEyZEEEm.mjs";
+export { S as SSEConnection } from "../../chunks/SSEConnection-BtDJoiup.mjs";
 
-export { W as WSConnection } from "../../chunks/WSConnection-CCW9XDFQ.mjs";
+export { W as WSConnection } from "../../chunks/WSConnection-zS21YO-b.mjs";
 
-export { W as WebRTCConnection } from "../../chunks/WebRTCConnection-Bj2D6Sa_.mjs";
+export { W as WebRTCConnection } from "../../chunks/WebRTCConnection-YLZJFmHZ.mjs";
 
-import "../../chunks/tslib.es6-l-UorzsO.mjs";
+import "../../chunks/tslib.es6-BdBaT9_q.mjs";

package/dist/esm/workers/uploads/uploads.mjs

@@ -1,5 +1,5 @@
-import { r as registerUploadsWorker } from "../../chunks/uploads-worker-BJooptoF.mjs";
+import { r as registerUploadsWorker } from "../../chunks/uploads-worker-BYZjIzhr.mjs";
 
-import "../../chunks/tslib.es6-l-UorzsO.mjs";
+import "../../chunks/tslib.es6-BdBaT9_q.mjs";
 
 registerUploadsWorker();

package/dist/styles.css

@@ -8963,16 +8963,32 @@ line {
 	border-right-width: var(--table-border-sides);
 }
 
+.DataTable-module_resizeBar__LmzEF {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: -500px;
+	width: 3px;
+	min-width: 2px;
+	max-width: 2px;
+	background: var(--table-handle-hover-color);
+	cursor: col-resize;
+	z-index: 20;
+	pointer-events: none;
+}
+
 .DataTable-module_table__oL4Dz {
+	table-layout: fixed; /* stop auto-recalculating from content */
+	flex-shrink: 0; /* stop flexbox squeezing the table */
 	box-sizing: border-box;
 	border-collapse: collapse;
-	width: 100%;
+	min-width: 100%;
 	padding: 0;
 	margin: 0;
 	color: var(--core-text-primary);
 }
 
-/* hide caption - in code for accessbibility */
+/* hide caption - in code for accessibility */
 
 .DataTable-module_table__oL4Dz caption {
 	display: none;
@@ -9043,6 +9059,8 @@ line {
 }
 
 .DataTable-module_baseCell__DQl-z {
+	box-sizing: border-box;
+	position: relative;
 	padding: 0;
 	margin: 0;
 	border: 0;
@@ -9053,11 +9071,19 @@ line {
 .DataTable-module_headerCellWrapper__ytVYY {
 	box-sizing: border-box;
 	position: relative;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	width: 100%;
 	height: 100%;
+	width: 100%;
+}
+
+.DataTable-module_colResizeHandle__dF5Es {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	right: 0;
+	width: 5px;
+	background-color: rgba(255, 255, 255, 0);
+	cursor: col-resize;
+	z-index: 10;
 }
 
 .DataTable-module_xs__P-Ize {

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

@@ -31,9 +31,12 @@ export interface DataTableProps<T> {
     freezeColumnBackgroundColor?: string;
     headerBackgroundColor?: string;
     candyStripeBackgroundColor?: string;
+    handleHoverColor?: string;
     borderStyle?: 'box' | 'row' | 'none';
     borderColor?: string;
     tableData?: T[];
+    colResize?: boolean;
+    onColumnResize?: (columnId: string, width: number) => void;
     columnDefinitions: ColumnDefinition<T, any>[];
     getRowId?: (row: T, index: number) => string | number;
     filter?: (row: T, index: number, array: T[]) => boolean;

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

@@ -0,0 +1,14 @@
+export type DragColumnElement = {
+    id: string;
+    cell: HTMLElement;
+    col: HTMLTableColElement;
+    handle?: HTMLDivElement | null;
+    parent?: HTMLDivElement | null;
+};
+export declare function useDragColumn(element: DragColumnElement | null, onResizeEnd?: (id: string, width: number) => void): {
+    client: {
+        x: number;
+        y: number;
+    } | null;
+    dragging: boolean;
+};

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

@@ -3,3 +3,8 @@ 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";
+export declare const resolveDragHandleXPos: (elements: {
+    cell?: HTMLElement | null;
+    handle?: HTMLDivElement | null;
+    parent?: HTMLDivElement | null;
+}) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@apple-pie/slice",
-	"version": "0.1.42",
+	"version": "0.1.43",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.mjs",
 	"exports": {