@tap-payments/os-micro-frontend-shared 0.1.374 → 0.1.375-test.1-test.2

package/build/components/TableHeader/TableView/types.d.ts

@@ -0,0 +1,183 @@
+/// <reference types="react" />
+import type { ColumnViewProps, TableMode } from '../../../types/index.js';
+import type { TableHeaderProps, ViewOption } from '../type';
+export interface ViewMenuItem {
+    label: string;
+    id: string;
+    templateId?: string;
+    columns?: string[];
+    submenu?: ColumnViewProps[];
+    isCustom?: boolean;
+    default?: boolean;
+}
+export interface FieldItem {
+    code: string;
+    name: {
+        text: string;
+        lang: string;
+    }[];
+    order?: number | null;
+    default?: boolean;
+}
+export interface ColumnItem {
+    code: string;
+    name: {
+        text: string;
+        lang: string;
+    }[];
+    order?: number;
+    default?: boolean;
+    fields?: FieldItem[];
+}
+export interface LayoutSection {
+    code: string;
+    columns: ColumnItem[];
+}
+export interface TemplateAPIMetadata {
+    segment: string;
+    app: string;
+    service: string;
+    user: {
+        id: string;
+    };
+    master_template_id?: string;
+}
+export interface CreateTemplatePayload extends TemplateAPIMetadata {
+    name: string;
+    layout: LayoutSection[];
+}
+export interface UpdateTemplatePayload extends TemplateAPIMetadata {
+    name: string;
+    layout: LayoutSection[];
+}
+export interface Template {
+    templateId: string;
+    segment: string;
+    app: string;
+    service: string;
+    name: string;
+    layout: LayoutSection[];
+    id: {
+        timestamp: number;
+        date: string;
+    };
+    masterTemplateId: string;
+    user: {
+        id: string;
+    };
+    created: number;
+    updated: number;
+    default: boolean;
+}
+export interface TemplatesList {
+    object: string;
+    live_mode: boolean;
+    api_version: string;
+    feature_version: string;
+    count: number;
+    has_more: boolean;
+    templates: Template[];
+}
+export interface CreateCustomViewDialogProps {
+    open: boolean;
+    onClose: () => void;
+    onCreate?: (data: {
+        name: string;
+        selectedColumns: ColumnViewProps[];
+        layout: LayoutSection;
+    }) => Promise<void>;
+    availableColumns?: ColumnViewProps[];
+    defaultColumns?: ColumnViewProps[];
+    editingView?: {
+        id: string;
+        label: string;
+        templateId?: string;
+        submenu?: ColumnViewProps[];
+    } | null;
+    onDelete?: (viewId: string) => Promise<void>;
+    tableViews?: ColumnViewProps[];
+    mode?: TableMode;
+}
+export interface ColumnCheckState {
+    checked: boolean;
+    indeterminate: boolean;
+}
+export interface ViewSelectorProps {
+    onViewChange?: TableHeaderProps['onViewChange'];
+    onCreateCustomView?: (data: {
+        name: string;
+        selectedColumns: ColumnViewProps[];
+        layout: LayoutSection;
+    }) => Promise<void>;
+    onEditCustomView?: (viewId: string, data: {
+        name: string;
+        selectedColumns: ColumnViewProps[];
+        layout: LayoutSection;
+    }) => Promise<void>;
+    onDeleteCustomView?: (viewId: string) => Promise<void>;
+    tableMode?: TableMode;
+    templates: Template[];
+    lang?: string;
+}
+export interface ViewsDropdownProps {
+    open: boolean;
+    selectedViewInfo: ViewOption;
+    setSelectedViewInfo: (selected: ViewOption, viewMenuItem?: ViewMenuItem) => void;
+    onSelect: (e: React.MouseEvent<HTMLDivElement>) => void;
+    setViews?: (views: string[]) => void;
+    anchorEl: Element | null;
+    onCreateCustomView?: (useCurrentState?: boolean) => void;
+    customViews?: ViewMenuItem[];
+    onEditCustomView?: (view: ViewMenuItem) => void;
+    onSaveDefaultColumns?: (columns: ColumnViewProps[]) => void;
+    defaultColumns?: ColumnViewProps[];
+    setDefaultColumns?: (columns: ColumnViewProps[]) => void;
+    updateSelectedView?: (view: ViewMenuItem) => void;
+    mode?: TableMode;
+    defaultTemplate?: ViewMenuItem;
+}
+export interface ColumnListProps {
+    selectedColumns: ColumnViewProps[];
+    columnNames: string[];
+    allSelected: boolean;
+    someSelected: boolean;
+    hoveredColumn: string | null;
+    anchorEl: HTMLElement | null;
+    onReorder: (reorderedNames: string[]) => void;
+    onColumnToggle: (columnName: string) => void;
+    onSubItemToggle: (columnName: string, subItemName: string) => void;
+    onSelectAll: () => void;
+    onResetToDefault: () => void;
+    onSubmenuEnter: (columnName: string, element: HTMLElement) => void;
+    onSubmenuLeave: () => void;
+    onCancelClose: () => void;
+    hasChanges?: boolean;
+}
+export interface ViewsSubmenuProps {
+    columns: ColumnViewProps[];
+    allCurrentSelected: boolean;
+    someCurrentSelected: boolean;
+    onSelectAll: () => void;
+    onReset: () => void;
+    onColumnToggle: (columnName: string) => void;
+    onNestedItemToggle: (columnName: string, subItemName: string) => void;
+    onReorder: (reorderedColumnNames: string[]) => void;
+    anchorEl: HTMLElement | null;
+    isModified?: boolean;
+}
+export interface UseCreateViewDialogProps {
+    open: boolean;
+    availableColumns: ColumnViewProps[];
+    defaultColumns: ColumnViewProps[];
+    editingView?: {
+        id: string;
+        label: string;
+        submenu?: ColumnViewProps[];
+    } | null;
+    tableViews?: ColumnViewProps[];
+}
+export interface UseViewsManagerProps {
+    tableMode: TableMode;
+    templates: Template[];
+    lang?: string;
+}

package/build/components/TableHeader/TableView/types.js

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

package/build/components/TableHeader/TableView/utils.d.ts

@@ -0,0 +1,121 @@
+import type { ColumnViewProps, TableMode } from '../../../types/index.js';
+import type { LayoutSection, ViewMenuItem, ColumnCheckState } from './types';
+/**
+ * Transform API layout response to internal ColumnViewProps format
+ */
+export declare const transformLayoutToColumns: (layout: LayoutSection[], lang?: string) => ColumnViewProps[];
+export declare const getColumnsByMode: (mode: TableMode, layoutData?: LayoutSection[]) => ColumnViewProps[];
+export declare const isDateColumn: (name: string) => boolean;
+export declare const getColumnCheckState: (column: ColumnViewProps) => ColumnCheckState;
+export declare const createCustomViewMenuItem: (name: string, selectedColumns: ColumnViewProps[], isDefault?: boolean) => ViewMenuItem;
+/**
+ * Extract layout data from templates (combine all sections from all templates)
+ * This is used for the built-in "Default" view's layoutData prop
+ */
+export declare const getLayoutDataFromTemplates: (templates: Array<{
+    layout: LayoutSection[];
+}>) => LayoutSection[];
+/**
+ * Set a view as default and ensure only one view is default at a time
+ */
+export declare const setViewAsDefault: (views: ViewMenuItem[], viewId: string) => ViewMenuItem[];
+/**
+ * Transform API templates response to ViewMenuItem array
+ * Filters templates by mode and only shows the section matching the current mode
+ * Separates default templates (to be merged into built-in Default view) from custom views
+ */
+export declare const transformTemplatesToViewMenuItems: (templates: Array<{
+    id: string | {
+        timestamp: number;
+        date: string;
+    };
+    name: string;
+    default: boolean;
+    layout: LayoutSection[];
+    templateId: string;
+}>, mode?: TableMode, lang?: string) => {
+    customViews: ViewMenuItem[];
+    defaultTemplateColumns?: ColumnViewProps[] | undefined;
+    defaultTemplate?: ViewMenuItem | undefined;
+};
+/**
+ * Convert ColumnViewProps back to LayoutSection format for API requests
+ */
+export declare const convertColumnsToLayoutSection: (columns: ColumnViewProps[], mode: TableMode, lang?: string) => LayoutSection;
+/**
+ * Initialize columns for editing mode
+ */
+export declare const initializeEditingColumns: (editingColumns: ColumnViewProps[], availableColumns: ColumnViewProps[]) => ColumnViewProps[];
+/**
+ * Initialize columns for create mode (all unchecked except date)
+ */
+export declare const initializeCreateColumns: (availableColumns: ColumnViewProps[]) => ColumnViewProps[];
+/**
+ * Initialize columns for create mode with current tableViews state (preserves checked/unchecked values)
+ */
+export declare const initializeCreateColumnsWithCurrentState: (availableColumns: ColumnViewProps[], currentTableViews: ColumnViewProps[]) => ColumnViewProps[];
+/**
+ * Reset columns to their default selection state
+ */
+export declare const resetColumnsToDefault: (columns: ColumnViewProps[]) => ColumnViewProps[];
+/**
+ * Toggle a column's selection (including all children if present)
+ */
+export declare const toggleColumn: (columns: ColumnViewProps[], columnName: string) => ColumnViewProps[];
+/**
+ * Toggle a sub-item's selection and update parent state
+ */
+export declare const toggleSubItem: (columns: ColumnViewProps[], columnName: string, subItemName: string) => ColumnViewProps[];
+/**
+ * Select or deselect all columns (except date)
+ */
+export declare const toggleAllColumns: (columns: ColumnViewProps[], selectAll: boolean) => ColumnViewProps[];
+/**
+ * Check if all non-date columns are selected
+ */
+export declare const areAllColumnsSelected: (columns: ColumnViewProps[]) => boolean;
+/**
+ * Check if some (but not all) non-date columns are selected
+ */
+export declare const areSomeColumnsSelected: (columns: ColumnViewProps[], allSelected: boolean) => boolean;
+/**
+ * Validate template name
+ */
+export declare const isValidTemplateName: (name: string, maxLength: number) => boolean;
+/**
+ * Deep clone columns array with all nested properties
+ */
+export declare const deepCloneColumns: (columns: ColumnViewProps[]) => ColumnViewProps[];
+/**
+ * Toggle a single column's selection state
+ */
+export declare const toggleSingleColumn: (columns: ColumnViewProps[], columnName: string) => ColumnViewProps[];
+/**
+ * Get submenu items for a view menu item
+ * Always includes the date column at the beginning
+ */
+export declare const getSubmenuItems: (item: ViewMenuItem, defaultColumns: ColumnViewProps[]) => ColumnViewProps[];
+/**
+ * Check if a view menu item has submenu
+ */
+export declare const hasSubmenu: (item: ViewMenuItem, defaultColumns: ColumnViewProps[]) => boolean;
+/**
+ * Check if all columns in current state are selected
+ */
+export declare const areAllCurrentColumnsSelected: (columns: ColumnViewProps[]) => boolean;
+/**
+ * Check if some (but not all) columns in current state are selected
+ */
+export declare const areSomeCurrentColumnsSelected: (columns: ColumnViewProps[], allSelected: boolean) => boolean;
+/**
+ * Toggle all columns selection (select all or unselect all)
+ */
+export declare const toggleAllCurrentColumns: (columns: ColumnViewProps[], shouldSelect: boolean) => ColumnViewProps[];
+/**
+ * Normalize columns by converting undefined selected values to false for consistent comparison
+ */
+export declare const normalizeColumnsSelected: (columns: ColumnViewProps[]) => ColumnViewProps[];
+/**
+ * Compare two columns arrays to check if they are equal (same order, same selection states)
+ */
+export declare const areColumnsEqual: (cols1: ColumnViewProps[], cols2: ColumnViewProps[]) => boolean;