asma-core-ui 2.19.67 → 2.19.69

package/dist/src/components/table/components/columns/action-column/components/RowActionMenu.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { CellContext, Row } from '@tanstack/react-table';
+export declare function RowActionMenu<TData>({ tableData, actions, }: {
+    tableData: CellContext<TData, TData>;
+    actions: (row: Row<TData>) => {
+        label: string;
+        className?: string;
+        disabled?: boolean;
+        hide?: boolean;
+        onClick?: (row: Row<TData>) => void;
+    }[];
+}): JSX.Element;

package/dist/src/components/table/components/columns/expandColumn.d.ts

@@ -0,0 +1,10 @@
+import { type CellContext } from '@tanstack/react-table';
+export declare function generateExpandColumn<TData>(): {
+    id: string;
+    maxSize: number;
+    size: number;
+    enableHiding: boolean;
+    enableSorting: boolean;
+    header: () => null;
+    cell: ({ cell }: CellContext<TData, TData>) => JSX.Element | null;
+};

package/dist/src/components/table/components/columns/injectColumns.d.ts

@@ -0,0 +1,2 @@
+import { type StyledTableProps } from '../../types';
+export declare function injectColumns<TData>({ columns, expandArrow, enableRowSelection, headerPin, actions, customActionsNode, }: Omit<StyledTableProps<TData, TData>, 'data'>): void;

package/dist/src/components/table/components/columns/selectColumn.d.ts

@@ -0,0 +1,8 @@
+import type { CellContext, HeaderContext } from '@tanstack/react-table';
+export declare function selectColumn<TData>(): {
+    id: string;
+    size: number;
+    maxSize: number;
+    header: ({ table }: HeaderContext<TData, TData>) => JSX.Element;
+    cell: ({ cell }: CellContext<TData, TData>) => JSX.Element;
+};

package/dist/src/components/table/index.d.ts

@@ -1,3 +1,3 @@
 export * from './types';
 export * from './StyledTable';
-export { createColumnHelper, type Table } from '@tanstack/react-table';
+export { createColumnHelper, type Table, type Row, type ColumnDef } from '@tanstack/react-table';

package/dist/src/components/table/story/components/useTableColumns.d.ts

@@ -0,0 +1,10 @@
+import type { Person } from '../helpers/makeData';
+import type { ColumnDef } from '@tanstack/react-table';
+/**
+ * Custom props:
+ * @param size. use NaN (width 100%) only one time for the main column. It will make the column very responsive
+ *
+ */
+export declare const useStyledTableColumns: () => {
+    columns: ColumnDef<Person, Person>[];
+};

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

@@ -1,7 +1,7 @@
-import type { CellContext, ColumnMeta, HeaderContext, Row } from '@tanstack/react-table';
+import type { CellContext, ColumnMeta, HeaderContext, Row, TableOptions, Table } from '@tanstack/react-table';
 import type { AccessorFn, ColumnDefTemplate } from '@tanstack/react-table';
 import type { ColumnPinningColumnDef, ColumnSizingColumnDef, FiltersColumnDef, GroupingColumnDef, RowData, SortingColumnDef, VisibilityColumnDef } from '@tanstack/react-table';
-import type { MouseEvent } from 'react';
+import type { MouseEvent, ReactElement, ReactNode } from 'react';
 declare module '@tanstack/react-table' {
     interface ColumnDefExtensions<TData extends RowData, TValue = unknown> extends VisibilityColumnDef, ColumnPinningColumnDef, FiltersColumnDef<TData>, SortingColumnDef<TData>, GroupingColumnDef<TData, TValue>, ColumnSizingColumnDef {
         className?: string;
@@ -15,4 +15,36 @@ declare module '@tanstack/react-table' {
         meta?: ColumnMeta<TData, TValue>;
     }
 }
-export type TableRowClickHandler<TData extends RowData> = (e: MouseEvent<HTMLTableRowElement, globalThis.MouseEvent>, row: Row<TData>) => void;
+export interface StyledTableProps<TData, TCustomData> extends Omit<TableOptions<TData>, 'getCoreRowModel' | 'getExpandedRowModel' | 'getFilteredRowModel' | 'getSortedRowModel'> {
+    locale?: 'no' | 'en';
+    height?: string | number;
+    actions?: (row: Row<TData>) => {
+        label: string;
+        className?: string;
+        disabled?: boolean;
+        hide?: boolean;
+        onClick?: (row: Row<TData>) => void;
+    }[];
+    customActionsNode?: (row: CellContext<TData, TData>) => ReactNode;
+    customSubRowData?: Map<string, TCustomData[]>;
+    headerPin?: boolean;
+    expandArrow?: boolean;
+    loading?: boolean;
+    noRowsOverlay?: ReactElement;
+    tableInstanceRef?: React.MutableRefObject<Table<TData> | null>;
+    className?: string;
+    rowHeight?: number;
+    tdClassName?: string;
+    focusable?: boolean;
+    stickyHeader?: boolean;
+    getRowClassName?: (row: Row<TData>) => string;
+    onRowClick?: (e: MouseEvent<HTMLTableRowElement, globalThis.MouseEvent>, row: Row<TData>) => void;
+    renderSubRows?: (props: {
+        rows: TCustomData[];
+        row: TData;
+    }) => ReactElement;
+    getRowSelectionIds?: (ids: string[]) => void;
+}
+export declare const SELECT_COLUMN_ID = "select";
+export declare const EXPAND_COLUMN_ID = "expand-column-id";
+export declare const ACTIONS_COLUMN_ID = "actions";

package/dist/src/helpers/date.helpers.d.ts

@@ -0,0 +1,2 @@
+export declare const setMidnightTime: (date: Date) => Date;
+export declare const setZeroTime: (date: Date) => Date;

package/dist/src/hooks/useWindowWidthSize.hook.d.ts

@@ -0,0 +1,5 @@
+export declare function useWindowWidthSize(): number;
+export declare const mobileView: (windowWidth: number | undefined) => boolean;
+export declare function useIsMobileView(): boolean;
+export declare function useIsTabletView(): boolean;
+export declare const tabletView: (windowWidth: number | undefined) => boolean;

package/dist/src/index.d.ts

@@ -6,7 +6,7 @@ export * from './components/data-display/chip';
 export * from './components/data-display/tooltip';
 export * from './components/data-display/icons';
 export * from './components/data-display/typography';
-export * from './components/data-grid';
+export * from './components/table/__deprecated-data-grid';
 export * from './components/feedback/dialog';
 export * from './components/feedback/alert';
 export * from './components/feedback/snack-bar';
@@ -17,8 +17,12 @@ export * from './components/inputs/input-field';
 export * from './components/inputs/textarea';
 export * from './components/inputs/rich-input';
 export * from './components/inputs/select';
+export * from './components/inputs/select-autocomplete';
 export * from './components/inputs/slider';
 export * from './components/inputs/switch';
+export * from './components/inputs/radio-button';
+export * from './components/pickers/date-picker';
+export * from './components/pickers/time-picker';
 export * from './components/miscellaneous/StyledFormControl';
 export * from './components/miscellaneous/StyledFormControlLabel';
 export * from './components/miscellaneous/StyledFormHelperText';
@@ -36,3 +40,4 @@ export * from './components/table';
 export * from './components/utils/popover';
 export * from './components/custom/widget/widget-title/StyledWidgetTitle';
 export * from './components/custom/module/module-title/StyledModuleTitle';
+export * from './components/filter-menu/StyledFilterMenu';