@vuu-ui/vuu-table 0.9.2 → 0.10.0

package/types/column-header-pill/GroupColumnPill.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { RuntimeColumnDescriptor } from "@vuu-ui/vuu-table-types";
 import { ColumnHeaderPillProps } from "./ColumnHeaderPill";
 export interface GroupColumnPillProps extends ColumnHeaderPillProps {
     column: RuntimeColumnDescriptor;
 }
-export declare const GroupColumnPill: ({ column, ...columnHeaderProps }: GroupColumnPillProps) => JSX.Element;
+export declare const GroupColumnPill: ({ column, ...columnHeaderProps }: GroupColumnPillProps) => import("react/jsx-runtime").JSX.Element;

package/types/column-header-pill/SortIndicator.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { RuntimeColumnDescriptor } from "@vuu-ui/vuu-table-types";
 export interface SortIndicatorProps {
     column: RuntimeColumnDescriptor;
 }
-export declare const SortIndicator: ({ column }: SortIndicatorProps) => JSX.Element | null;
+export declare const SortIndicator: ({ column }: SortIndicatorProps) => import("react/jsx-runtime").JSX.Element | null;

package/types/column-menu/ColumnMenu.d.ts

@@ -3,4 +3,4 @@ import { HTMLAttributes } from "react";
 export interface ColumnMenuProps extends HTMLAttributes<HTMLSpanElement> {
     column: RuntimeColumnDescriptor;
 }
-export declare const ColumnMenu: ({ className, column }: ColumnMenuProps) => JSX.Element;
+export declare const ColumnMenu: ({ className, column }: ColumnMenuProps) => import("react/jsx-runtime").JSX.Element;

package/types/column-resizing/ColumnResizer.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 export interface TableColumnResizerProps {
     onDrag: (evt: MouseEvent, moveBy: number, totalDistanceMoved: number) => void;
     onDragEnd: (evt: MouseEvent, totalDistanceMoved: number) => void;
     onDragStart: (evt: React.MouseEvent) => void;
 }
-export declare const ColumnResizer: ({ onDrag, onDragEnd, onDragStart, }: TableColumnResizerProps) => JSX.Element;
+export declare const ColumnResizer: ({ onDrag, onDragEnd, onDragStart, }: TableColumnResizerProps) => import("react/jsx-runtime").JSX.Element;

package/types/header-cell/GroupHeaderCell.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { ColumnDescriptor, GroupColumnDescriptor, HeaderCellProps, RuntimeColumnDescriptor } from "@vuu-ui/vuu-table-types";
 export interface GroupHeaderCellProps extends Omit<HeaderCellProps, "onDragStart" | "onDrag" | "onDragEnd"> {
     column: GroupColumnDescriptor;
     onMoveColumn?: (columns: ColumnDescriptor[]) => void;
     onRemoveColumn: (column: RuntimeColumnDescriptor) => void;
 }
-export declare const GroupHeaderCell: ({ column: groupColumn, className: classNameProp, onMoveColumn, onRemoveColumn, onResize, ...htmlAttributes }: GroupHeaderCellProps) => JSX.Element;
+export declare const GroupHeaderCell: ({ column: groupColumn, className: classNameProp, onMoveColumn, onRemoveColumn, onResize, ...htmlAttributes }: GroupHeaderCellProps) => import("react/jsx-runtime").JSX.Element;

package/types/header-cell/HeaderCell.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { HeaderCellProps } from "@vuu-ui/vuu-table-types";
-export declare const HeaderCell: ({ className: classNameProp, column, onClick, onResize, showMenu, ...htmlAttributes }: HeaderCellProps) => JSX.Element;
+export declare const HeaderCell: ({ className: classNameProp, column, onClick, onResize, showMenu, ...htmlAttributes }: HeaderCellProps) => import("react/jsx-runtime").JSX.Element;

package/types/index.d.ts

@@ -8,6 +8,7 @@ export * from "./table-config";
 export * from "./table-header";
 export * from "./useControlledTableNavigation";
 export * from "./useEditableCell";
+export * from "./useHighlighting";
 export * from "./useKeyboardNavigation";
 export * from "./useTableModel";
 export * from "./useTableScroll";

package/types/table-cell/TableCell.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { TableCellProps } from "@vuu-ui/vuu-table-types";
-export declare const TableCell: ({ column, columnMap, onClick, onDataEdited, row, }: TableCellProps) => JSX.Element;
+export declare const TableCell: ({ column, columnMap, onClick, onDataEdited, row, searchPattern, }: TableCellProps) => import("react/jsx-runtime").JSX.Element;

package/types/table-cell/TableGroupCell.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TableCellProps } from "@vuu-ui/vuu-table-types";
-export declare const TableGroupCell: ({ column, columnMap, onClick, row, }: TableCellProps) => JSX.Element;
+export declare const TableGroupCell: ({ column, columnMap, onClick, row, searchPattern, }: TableCellProps) => import("react/jsx-runtime").JSX.Element;

package/types/table-header/HeaderProvider.d.ts

@@ -1,4 +1,6 @@
 import { BaseRowProps } from "@vuu-ui/vuu-table-types";
-import { FC } from "react";
-export declare const HeaderProvider: FC<BaseRowProps>;
+import { FC, ReactNode } from "react";
+export declare const HeaderProvider: FC<BaseRowProps & {
+    children: ReactNode;
+}>;
 export declare const useHeaderProps: () => BaseRowProps;

package/types/table-header/TableHeader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { VuuSortType } from "@vuu-ui/vuu-protocol-types";
 import { ColumnDescriptor, CustomHeader, RuntimeColumnDescriptor, TableColumnResizeHandler, TableConfig, TableHeadings } from "@vuu-ui/vuu-table-types";
 export type ColumnSortHandler = (column: ColumnDescriptor, addToExistingSort: boolean, sortType?: VuuSortType) => void;
@@ -19,4 +18,4 @@ export interface TableHeaderProps {
     tableId: string;
     virtualColSpan?: number;
 }
-export declare const TableHeader: import("react").MemoExoticComponent<({ allowDragColumnHeader, classBase, columns, customHeader, headings, onHeightMeasured, onMoveColumn, onMoveGroupColumn, onRemoveGroupColumn, onResizeColumn, onSortColumn, showColumnHeaderMenus, tableConfig, tableId, virtualColSpan, }: TableHeaderProps) => JSX.Element>;
+export declare const TableHeader: import("react").MemoExoticComponent<({ allowDragColumnHeader, classBase, columns, customHeader, headings, onHeightMeasured, onMoveColumn, onMoveGroupColumn, onRemoveGroupColumn, onResizeColumn, onSortColumn, showColumnHeaderMenus, tableConfig, tableId, virtualColSpan, }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element>;

package/types/table-header/useTableHeader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColumnDescriptor, TableHeadings } from "@vuu-ui/vuu-table-types";
 import { TableHeaderProps } from "./TableHeader";
 export interface TableHeaderHookProps extends Pick<TableHeaderProps, "allowDragColumnHeader" | "columns" | "onMoveColumn" | "onSortColumn" | "tableConfig"> {

package/types/useCell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RuntimeColumnDescriptor } from "@vuu-ui/vuu-table-types";
 export declare const useCell: (column: RuntimeColumnDescriptor, classBase: string, isHeader?: boolean, hasError?: boolean) => {
     className: string;

package/types/useControlledTableNavigation.d.ts

@@ -1,5 +1,5 @@
 import { KeyboardEventHandler } from "react";
-export declare const isRowSelectionKey: (key: string) => boolean;
+export declare const isRowSelectionKey: (key: string) => key is "Enter" | " ";
 export declare const useControlledTableNavigation: (initialValue: number, rowCount: number) => {
     highlightedIndexRef: import("react").MutableRefObject<number | undefined>;
     onHighlight: (idx: number) => void;

package/types/useDataSource.d.ts

@@ -1,13 +1,11 @@
-/// <reference types="react" />
-import { DataSource, DataSourceRow, DataSourceSubscribedMessage } from "@vuu-ui/vuu-data-types";
+import { DataSourceRow, DataSourceSubscribedMessage } from "@vuu-ui/vuu-data-types";
 import { VuuRange } from "@vuu-ui/vuu-protocol-types";
-export interface DataSourceHookProps {
-    dataSource: DataSource;
+import { TableProps } from "./Table";
+export interface DataSourceHookProps extends Pick<TableProps, "dataSource" | "defaultSelectedIndexValues" | "defaultSelectedKeyValues" | "renderBufferSize" | "revealSelected"> {
     onSizeChange: (size: number) => void;
     onSubscribed: (subscription: DataSourceSubscribedMessage) => void;
-    renderBufferSize?: number;
 }
-export declare const useDataSource: ({ dataSource, onSizeChange, onSubscribed, renderBufferSize, }: DataSourceHookProps) => {
+export declare const useDataSource: ({ dataSource, defaultSelectedIndexValues, defaultSelectedKeyValues, onSizeChange, onSubscribed, renderBufferSize, revealSelected, }: DataSourceHookProps) => {
     data: DataSourceRow[];
     dataRef: import("react").MutableRefObject<DataSourceRow[]>;
     getSelectedRows: () => DataSourceRow[];

package/types/useHighlighting.d.ts

@@ -0,0 +1 @@
+export declare const useHighlighting: (value: string, pattern: Lowercase<string>) => string | JSX.Element;

package/types/useSelection.d.ts

@@ -1,15 +1,14 @@
 import { TableRowClickHandlerInternal, TableRowSelectHandlerInternal, TableSelectionModel } from "@vuu-ui/vuu-table-types";
-import { SelectionChangeHandler } from "@vuu-ui/vuu-data-types";
 import { KeyboardEventHandler, MutableRefObject, RefObject } from "react";
-export interface SelectionHookProps {
+import { TableProps } from "./Table";
+export interface SelectionHookProps extends Pick<TableProps, "defaultSelectedIndexValues" | "onSelectionChange"> {
     containerRef: RefObject<HTMLElement>;
     highlightedIndexRef: MutableRefObject<number | undefined>;
     selectionKeys?: string[];
     selectionModel: TableSelectionModel;
     onSelect?: TableRowSelectHandlerInternal;
-    onSelectionChange: SelectionChangeHandler;
 }
-export declare const useSelection: ({ containerRef, highlightedIndexRef, selectionKeys, selectionModel, onSelect, onSelectionChange, }: SelectionHookProps) => {
+export declare const useSelection: ({ containerRef, defaultSelectedIndexValues, highlightedIndexRef, selectionKeys, selectionModel, onSelect, onSelectionChange, }: SelectionHookProps) => {
     onKeyDown: KeyboardEventHandler<HTMLElement>;
     onRowClick: TableRowClickHandlerInternal;
 };

package/types/useTable.d.ts

@@ -8,13 +8,13 @@ type HeaderState = {
     height: number;
     count: number;
 };
-export interface TableHookProps extends MeasuredProps, Pick<TableProps, "allowCellBlockSelection" | "allowDragDrop" | "availableColumns" | "config" | "dataSource" | "disableFocus" | "highlightedIndex" | "id" | "navigationStyle" | "onAvailableColumnsChange" | "onConfigChange" | "onDataEdited" | "onDragStart" | "onDrop" | "onHighlight" | "onSelect" | "onSelectCellBlock" | "onSelectionChange" | "onRowClick" | "renderBufferSize" | "scrollingApiRef" | "selectionBookendWidth" | "showColumnHeaders" | "showPaginationControls"> {
+export interface TableHookProps extends MeasuredProps, Pick<TableProps, "allowCellBlockSelection" | "allowDragDrop" | "availableColumns" | "config" | "dataSource" | "defaultSelectedIndexValues" | "defaultSelectedKeyValues" | "disableFocus" | "highlightedIndex" | "id" | "navigationStyle" | "onAvailableColumnsChange" | "onConfigChange" | "onDataEdited" | "onDragStart" | "onDrop" | "onHighlight" | "onSelect" | "onSelectCellBlock" | "onSelectionChange" | "onRowClick" | "renderBufferSize" | "revealSelected" | "rowToObject" | "scrollingApiRef" | "selectionBookendWidth" | "showColumnHeaders" | "showPaginationControls"> {
     containerRef: RefObject<HTMLDivElement>;
     rowHeight: number;
     selectionModel: TableSelectionModel;
     size: MeasuredSize;
 }
-export declare const useTable: ({ allowCellBlockSelection, allowDragDrop, availableColumns, config, containerRef, dataSource, disableFocus, highlightedIndex: highlightedIndexProp, id, navigationStyle, onAvailableColumnsChange, onConfigChange, onDataEdited: onDataEditedProp, onDragStart, onDrop, onHighlight, onRowClick: onRowClickProp, onSelect, onSelectCellBlock, onSelectionChange, renderBufferSize, rowHeight, scrollingApiRef, selectionBookendWidth, selectionModel, showColumnHeaders, showPaginationControls, size, }: TableHookProps) => {
+export declare const useTable: ({ allowCellBlockSelection, allowDragDrop, availableColumns, config, containerRef, dataSource, defaultSelectedIndexValues, defaultSelectedKeyValues, disableFocus, highlightedIndex: highlightedIndexProp, id, navigationStyle, onAvailableColumnsChange, onConfigChange, onDataEdited: onDataEditedProp, onDragStart, onDrop, onHighlight, onRowClick: onRowClickProp, onSelect, onSelectCellBlock, onSelectionChange, renderBufferSize, revealSelected, rowHeight, rowToObject, scrollingApiRef, selectionBookendWidth, selectionModel, showColumnHeaders, showPaginationControls, size, }: TableHookProps) => {
     "aria-rowcount": number;
     cellBlock: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
     columnMap: import("@vuu-ui/vuu-utils").ColumnMap;
@@ -30,18 +30,18 @@ export declare const useTable: ({ allowCellBlockSelection, allowDragDrop, availa
     highlightedIndex: number | undefined;
     menuBuilder: import("@vuu-ui/vuu-data-types").MenuBuilder;
     onBlur: import("react").FocusEventHandler;
-    onDoubleClick: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
+    onDoubleClick: (e: import("react").MouseEvent<HTMLElement>) => void;
     onFocus: (e: FocusEvent<HTMLElement>) => void;
     onKeyDown: (e: KeyboardEvent<HTMLElement>) => void;
     onMouseDown: MouseEventHandler;
-    onContextMenu: (evt: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
+    onContextMenu: (evt: import("react").MouseEvent<HTMLElement>) => void;
     onDataEdited: (editState: DataCellEditEvent) => Promise<string | true | undefined>;
     onHeaderHeightMeasured: (height: number, count: number) => void;
     onMoveColumn: (columns: ColumnDescriptor[]) => void;
     onMoveGroupColumn: (columns: ColumnDescriptor[]) => void;
     onRemoveGroupColumn: (column: RuntimeColumnDescriptor) => void;
     onRowClick: TableRowClickHandlerInternal;
-    onSortColumn: (column: ColumnDescriptor, extendSort?: any, sortType?: VuuSortType) => void;
+    onSortColumn: (column: ColumnDescriptor, extendSort?: boolean, sortType?: VuuSortType) => void;
     onResizeColumn: TableColumnResizeHandler;
     onToggleGroup: (row: DataSourceRow, column: RuntimeColumnDescriptor) => void;
     rowClassNameGenerator: import("@vuu-ui/vuu-utils").RowClassNameGenerator | undefined;
@@ -53,12 +53,12 @@ export declare const useTable: ({ allowCellBlockSelection, allowDragDrop, availa
     };
     tableAttributes: {
         availableWidth: number;
-        columnDefaultWidth?: number | undefined;
-        columnFormatHeader?: "capitalize" | "uppercase" | undefined;
-        columnLayout?: import("@vuu-ui/vuu-table-types").ColumnLayout | undefined;
-        columnSeparators?: boolean | undefined;
-        rowSeparators?: boolean | undefined;
-        zebraStripes?: boolean | undefined;
+        columnDefaultWidth?: number;
+        columnFormatHeader?: "capitalize" | "uppercase";
+        columnLayout?: import("@vuu-ui/vuu-table-types").ColumnLayout;
+        columnSeparators?: boolean;
+        rowSeparators?: boolean;
+        zebraStripes?: boolean;
     };
     tableBodyRef: import("react").RefCallback<HTMLDivElement>;
     tableConfig: Readonly<TableConfig>;
@@ -77,8 +77,8 @@ export declare const useTable: ({ allowCellBlockSelection, allowDragDrop, availa
         viewportBodyHeight: number;
         viewportWidth: number;
     };
-    onClick: (evt: import("react").MouseEvent<Element, MouseEvent>) => void;
+    onClick: (evt: import("react").MouseEvent) => void;
     onMouseLeave: (() => void) | undefined;
-    onMouseMove: ((evt: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+    onMouseMove: ((evt: import("react").MouseEvent) => void) | undefined;
 };
 export {};

package/types/useTableModel.d.ts

@@ -89,18 +89,24 @@ export type PersistentColumnAction = ColumnActionPin | ColumnActionHide | Column
 export type GridModelAction = ColumnActionHide | ColumnActionInit | ColumnActionMove | ColumnActionPin | ColumnActionResize | ColumnActionSetTableSchema | ColumnActionShow | ColumnActionUpdate | ColumnActionUpdateProp | ColumnActionTableConfig;
 export type GridModelReducer = Reducer<InternalTableModel, GridModelAction>;
 export type ColumnActionDispatch = (action: GridModelAction) => void;
-export declare const useTableModel: (tableConfigProp: TableConfig, dataSource: DataSource, selectionModel: TableSelectionModel, availableWidth: number) => {
+export interface TableModelHookProps {
+    config: TableConfig;
+    dataSource: DataSource;
+    selectionModel: TableSelectionModel;
+    availableWidth: number;
+}
+export declare const useTableModel: ({ config: tableConfigProp, dataSource, selectionModel, availableWidth, }: TableModelHookProps) => {
     columns: RuntimeColumnDescriptor[];
     dispatchTableModelAction: import("react").Dispatch<GridModelAction>;
     headings: TableHeadings;
     tableAttributes: {
         availableWidth: number;
-        columnDefaultWidth?: number | undefined;
-        columnFormatHeader?: "capitalize" | "uppercase" | undefined;
-        columnLayout?: ColumnLayout | undefined;
-        columnSeparators?: boolean | undefined;
-        rowSeparators?: boolean | undefined;
-        zebraStripes?: boolean | undefined;
+        columnDefaultWidth?: number;
+        columnFormatHeader?: "capitalize" | "uppercase";
+        columnLayout?: ColumnLayout;
+        columnSeparators?: boolean;
+        rowSeparators?: boolean;
+        zebraStripes?: boolean;
     };
     tableConfig: Readonly<TableConfig>;
 };

package/cjs/bulk-edit/BulkEditPanelDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BulkEditPanelDialog.js","sources":["../../src/bulk-edit/BulkEditPanelDialog.tsx"],"sourcesContent":["import { DataSource } from \"@vuu-ui/vuu-data-types\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { HTMLAttributes, useCallback, useState } from \"react\";\n\nimport bulkEditPanelCss from \"./BulkEditPanel.css\";\nimport { BulkEditPanel } from \"./BulkEditPanel\";\nimport { Button, DialogActions } from \"@salt-ds/core\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { viewportRpcRequest } from \"@vuu-ui/vuu-utils\";\n\nexport interface BulkEditPanelDialogProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  columns?: ColumnDescriptor[];\n  sessionDs: DataSource;\n  parentDs: DataSource;\n  closeDialog: () => void;\n}\n\nexport const BulkEditPanelDialog = ({\n  columns,\n  sessionDs,\n  parentDs,\n  closeDialog,\n  //   ...htmlAttributes\n}: BulkEditPanelDialogProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-bulk-edit-row\",\n    css: bulkEditPanelCss,\n    window: targetWindow,\n  });\n\n  const [valid, setValid] = useState(true);\n  const handleValidationStatusChange = useCallback((isValid: boolean) => {\n    setValid(isValid);\n  }, []);\n\n  const handleSubmit = () => {\n    sessionDs?.rpcCall?.(viewportRpcRequest(\"VP_BULK_EDIT_SUBMIT_RPC\"));\n    closeDialog();\n  };\n\n  return (\n    <>\n      <BulkEditPanel\n        columns={columns}\n        dataSource={sessionDs}\n        onSubmit={handleSubmit}\n        parentDs={parentDs}\n        onValidationStatusChange={handleValidationStatusChange}\n      />\n      <DialogActions>\n        <Button key=\"cancel\" onClick={closeDialog}>\n          Cancel\n        </Button>\n        <Button key=\"submit\" onClick={handleSubmit} disabled={!valid}>\n          Save\n        </Button>\n      </DialogActions>\n    </>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","bulkEditPanelCss","useState","useCallback","viewportRpcRequest","jsxs","Fragment","jsx","BulkEditPanel","DialogActions","Button"],"mappings":";;;;;;;;;;;AAmBO,MAAM,sBAAsB,CAAC;AAAA,EAClC,OAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA;AAEF,CAAgC,KAAA;AAC9B,EAAA,MAAM,eAAeA,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAAC,aAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIC,eAAS,IAAI,CAAA,CAAA;AACvC,EAAM,MAAA,4BAAA,GAA+BC,iBAAY,CAAA,CAAC,OAAqB,KAAA;AACrE,IAAA,QAAA,CAAS,OAAO,CAAA,CAAA;AAAA,GAClB,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,MAAM,eAAe,MAAM;AACzB,IAAW,SAAA,EAAA,OAAA,GAAUC,2BAAmB,CAAA,yBAAyB,CAAC,CAAA,CAAA;AAClE,IAAY,WAAA,EAAA,CAAA;AAAA,GACd,CAAA;AAEA,EAAA,uBAEIC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,6BAAA;AAAA,MAAA;AAAA,QACC,OAAA;AAAA,QACA,UAAY,EAAA,SAAA;AAAA,QACZ,QAAU,EAAA,YAAA;AAAA,QACV,QAAA;AAAA,QACA,wBAA0B,EAAA,4BAAA;AAAA,OAAA;AAAA,KAC5B;AAAA,oCACCC,kBACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAAF,cAAA,CAACG,WAAoB,EAAA,EAAA,OAAA,EAAS,WAAa,EAAA,QAAA,EAAA,QAAA,EAAA,EAA/B,QAEZ,CAAA;AAAA,sBACAH,cAAA,CAACG,eAAoB,OAAS,EAAA,YAAA,EAAc,UAAU,CAAC,KAAA,EAAO,oBAAlD,QAEZ,CAAA;AAAA,KACF,EAAA,CAAA;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/esm/bulk-edit/BulkEditPanelDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BulkEditPanelDialog.js","sources":["../../src/bulk-edit/BulkEditPanelDialog.tsx"],"sourcesContent":["import { DataSource } from \"@vuu-ui/vuu-data-types\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { HTMLAttributes, useCallback, useState } from \"react\";\n\nimport bulkEditPanelCss from \"./BulkEditPanel.css\";\nimport { BulkEditPanel } from \"./BulkEditPanel\";\nimport { Button, DialogActions } from \"@salt-ds/core\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { viewportRpcRequest } from \"@vuu-ui/vuu-utils\";\n\nexport interface BulkEditPanelDialogProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  columns?: ColumnDescriptor[];\n  sessionDs: DataSource;\n  parentDs: DataSource;\n  closeDialog: () => void;\n}\n\nexport const BulkEditPanelDialog = ({\n  columns,\n  sessionDs,\n  parentDs,\n  closeDialog,\n  //   ...htmlAttributes\n}: BulkEditPanelDialogProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-bulk-edit-row\",\n    css: bulkEditPanelCss,\n    window: targetWindow,\n  });\n\n  const [valid, setValid] = useState(true);\n  const handleValidationStatusChange = useCallback((isValid: boolean) => {\n    setValid(isValid);\n  }, []);\n\n  const handleSubmit = () => {\n    sessionDs?.rpcCall?.(viewportRpcRequest(\"VP_BULK_EDIT_SUBMIT_RPC\"));\n    closeDialog();\n  };\n\n  return (\n    <>\n      <BulkEditPanel\n        columns={columns}\n        dataSource={sessionDs}\n        onSubmit={handleSubmit}\n        parentDs={parentDs}\n        onValidationStatusChange={handleValidationStatusChange}\n      />\n      <DialogActions>\n        <Button key=\"cancel\" onClick={closeDialog}>\n          Cancel\n        </Button>\n        <Button key=\"submit\" onClick={handleSubmit} disabled={!valid}>\n          Save\n        </Button>\n      </DialogActions>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAmBO,MAAM,sBAAsB,CAAC;AAAA,EAClC,OAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA;AAEF,CAAgC,KAAA;AAC9B,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAA,gBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,IAAI,CAAA,CAAA;AACvC,EAAM,MAAA,4BAAA,GAA+B,WAAY,CAAA,CAAC,OAAqB,KAAA;AACrE,IAAA,QAAA,CAAS,OAAO,CAAA,CAAA;AAAA,GAClB,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,MAAM,eAAe,MAAM;AACzB,IAAW,SAAA,EAAA,OAAA,GAAU,kBAAmB,CAAA,yBAAyB,CAAC,CAAA,CAAA;AAClE,IAAY,WAAA,EAAA,CAAA;AAAA,GACd,CAAA;AAEA,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,OAAA;AAAA,QACA,UAAY,EAAA,SAAA;AAAA,QACZ,QAAU,EAAA,YAAA;AAAA,QACV,QAAA;AAAA,QACA,wBAA0B,EAAA,4BAAA;AAAA,OAAA;AAAA,KAC5B;AAAA,yBACC,aACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAoB,EAAA,EAAA,OAAA,EAAS,WAAa,EAAA,QAAA,EAAA,QAAA,EAAA,EAA/B,QAEZ,CAAA;AAAA,sBACA,GAAA,CAAC,UAAoB,OAAS,EAAA,YAAA,EAAc,UAAU,CAAC,KAAA,EAAO,oBAAlD,QAEZ,CAAA;AAAA,KACF,EAAA,CAAA;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/types/bulk-edit/BulkEditPanelDialog.d.ts

@@ -1,10 +0,0 @@
-import { DataSource } from "@vuu-ui/vuu-data-types";
-import { HTMLAttributes } from "react";
-import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-export interface BulkEditPanelDialogProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
-    columns?: ColumnDescriptor[];
-    sessionDs: DataSource;
-    parentDs: DataSource;
-    closeDialog: () => void;
-}
-export declare const BulkEditPanelDialog: ({ columns, sessionDs, parentDs, closeDialog, }: BulkEditPanelDialogProps) => JSX.Element;