qucoon-components 0.0.3 → 0.0.4

package/dist/types/components/ui/form/EnterAddressForm.d.ts

@@ -0,0 +1,16 @@
+import { FormikValues } from 'formik';
+import { Formik } from '../../../utilities/types';
+import { HTMLAttributes } from 'react';
+type EnterAddressFormProps<T extends FormikValues> = {
+    formik: Formik<T>;
+    countryInputName: string;
+    stateInputName: string;
+    cityInputName?: string;
+    localGovernmentInputName?: string;
+    streetAddressInputName?: string;
+    postalCodeInputName?: string;
+    manuallyInputCity?: boolean;
+    requiredFields?: string[];
+} & React.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+declare const EnterAddressForm: <T extends FormikValues>({ formik, countryInputName, stateInputName, cityInputName, localGovernmentInputName, streetAddressInputName, postalCodeInputName, manuallyInputCity, requiredFields, }: EnterAddressFormProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default EnterAddressForm;

package/dist/types/components/ui/form/index.d.ts

@@ -1,4 +1,6 @@
 /**
  * Auto-generated barrel for src/components/ui/form
  */
+export { default as EnterAddressForm } from './EnterAddressForm';
+export * from './EnterAddressForm';
 export * from './dashboard';

package/dist/types/components/ui/table/BaseDataGrid.d.ts

@@ -1,91 +1,8 @@
-import { ColDef, GridOptions } from 'ag-grid-community';
+import { GridOptions } from 'ag-grid-community';
 import { CSSProperties } from 'react';
 import { DeleteActionRendererProps, EditActionRendererProps, HeaderControlsProps } from '../..';
 import { ViewActionRendererProps } from './renderers/ViewActionRenderer';
-export type ColumnType = Omit<ColDef, "field"> & {
-    field: string;
-    style?: React.CSSProperties;
-    onClick?: (data: any) => void;
-    path?: string;
-    isCurrency?: boolean;
-    isDate?: boolean;
-    statusIndicator?: "fail" | "success" | "normal";
-    sortable?: boolean;
-    filterable?: boolean;
-    filterType?: 'text' | 'number' | 'date' | 'select' | 'boolean';
-    filterOptions?: {
-        label: string;
-        value: any;
-    }[];
-    filterPlaceholder?: string;
-};
-export type ServerSideParams = {
-    pageNumber: number;
-    pageSize: number;
-    search?: string;
-    sortBy?: string;
-    sortDir?: 'ASC' | 'DESC';
-    filters?: Record<string, any>;
-    dateFilters?: Record<string, {
-        from?: string;
-        to?: string;
-    }>;
-};
-export type FilterState = {
-    searchText: string;
-    columnFilters: Record<string, any>;
-    dateFilters: Record<string, {
-        from?: string;
-        to?: string;
-    }>;
-    sort: {
-        field: string;
-        direction: "ASC" | "DESC";
-    };
-};
-export type FilterActions = {
-    setSearchText: (text: string) => void;
-    setColumnFilter: (field: string, value: any) => void;
-    setDateFilter: (field: string, range: {
-        from?: string;
-        to?: string;
-    }) => void;
-    setSort: (field: string, direction: "ASC" | "DESC") => void;
-    resetFilters: () => void;
-    applyFilters: () => void;
-};
-export type FilterPanelProps = FilterState & FilterActions & {
-    availableFields: Array<{
-        field: string;
-        label: string;
-        type: 'text' | 'select' | 'date';
-        options?: string[];
-    }>;
-    onClose?: () => void;
-    showGlobalSearch?: boolean;
-    showColumnFilters?: boolean;
-    showSortingControls?: boolean;
-};
-export type ServerSideOperations = "refresh" | "search" | "filter" | "sort" | "pagination";
-export type ServerSideOperationsConfig = Partial<Record<ServerSideOperations, {
-    fetchRows?: (params: ServerSideParams) => Promise<DataGridRows>;
-    onFetchRowsSuccess?: (response: DataGridRows) => void;
-    onFetchRowsError?: (error: unknown) => void;
-}>>;
-export type DataGridRows<T = any> = {
-    data: T[];
-    pageNumber?: number;
-    pageSize?: number;
-    totalPages?: number;
-    totalRecords?: number;
-};
-export type DefaultPaginationConfig = {
-    isPageZeroIndexed?: boolean;
-    pageNumber?: number;
-    pageSize?: number;
-    totalRecords?: number;
-    totalPages?: number;
-};
+import { ColumnType, DataGridCustomization, DataGridRows, DefaultPaginationConfig, FilterPanelProps, ServerSideOperationsConfig, ServerSideParams } from './types';
 export type BaseDataGridProps = {
     title?: string;
     uniqueRowId: string;
@@ -112,12 +29,17 @@ export type BaseDataGridProps = {
         optionName: string;
         onClick: (data: any) => void;
         optionStyle?: CSSProperties;
-    }[];
+    }[] | ((rowData: any) => {
+        optionName: string;
+        onClick: (data: any) => void;
+        optionStyle?: CSSProperties;
+    }[]);
     renderFilterPanel?: React.FC<FilterPanelProps>;
     availableFilterFields?: FilterPanelProps["availableFields"];
     defaultHeaderProps?: HeaderControlsProps;
     defaultFilterPanelProps?: FilterPanelProps;
     gridOptions?: GridOptions;
+    customization?: DataGridCustomization;
 };
 declare const BaseDataGrid: import('react').MemoExoticComponent<(props: BaseDataGridProps) => import("react/jsx-runtime").JSX.Element>;
 export default BaseDataGrid;

package/dist/types/components/ui/table/hooks/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Auto-generated barrel for src/components/ui/table/hooks
+ */
+export { default as useCellCopy } from './useCellCopy';
+export * from './useCellCopy';
+export { default as useDataGridDynamicStyles } from './useDataGridDynamicStyles';
+export * from './useDataGridDynamicStyles';
+export { default as useDataGridTheme } from './useDataGridTheme';
+export * from './useDataGridTheme';

package/dist/types/components/ui/table/hooks/useCellCopy.d.ts

@@ -0,0 +1,6 @@
+import { AgGridReact } from 'ag-grid-react';
+export declare const useCellCopy: (gridRef: React.RefObject<AgGridReact>) => {
+    copySelectedCells: () => void;
+    copySelectedRows: () => void;
+};
+export default useCellCopy;

package/dist/types/components/ui/table/hooks/useDataGridDynamicStyles.d.ts

@@ -0,0 +1,3 @@
+import { DataGridTheme } from '../types';
+declare const useDataGridDynamicStyles: (theme: DataGridTheme) => Record<string, string>;
+export default useDataGridDynamicStyles;

package/dist/types/components/ui/table/hooks/useDataGridTheme.d.ts

@@ -0,0 +1,3 @@
+import { DataGridTheme } from '../types';
+export declare const useDataGridTheme: (customTheme?: DataGridTheme) => DataGridTheme;
+export default useDataGridTheme;

package/dist/types/components/ui/table/index.d.ts

@@ -8,5 +8,7 @@ export * from './BaseTable';
 export { default as Table } from './Table';
 export * from './Table';
 export * from './components';
+export * from './hooks';
 export * from './renderers';
 export * from './tablePanels';
+export * from './types';

package/dist/types/components/ui/table/tablePanels/DefaultFilterPanel.d.ts

@@ -0,0 +1,3 @@
+import { FilterPanelProps } from '../types';
+declare const DefaultFilterPanel: React.FC<FilterPanelProps>;
+export default DefaultFilterPanel;

package/dist/types/components/ui/table/tablePanels/index.d.ts

@@ -5,3 +5,5 @@ export { default as BaseTableHeaderControls } from './BaseTableHeaderControls';
 export * from './BaseTableHeaderControls';
 export { default as BaseTablePaginationPanel } from './BaseTablePaginationPanel';
 export * from './BaseTablePaginationPanel';
+export { default as DefaultFilterPanel } from './DefaultFilterPanel';
+export * from './DefaultFilterPanel';

package/dist/types/components/ui/table/types/index.d.ts

@@ -0,0 +1,167 @@
+import { ColDef, GridOptions, SelectionChangedEvent } from 'ag-grid-community';
+import { CSSProperties } from 'react';
+import { HeaderControlsProps } from '../../..';
+export type ColumnType = Omit<ColDef, "field"> & {
+    field: string;
+    style?: React.CSSProperties;
+    onClick?: (data: any) => void;
+    path?: string;
+    isCurrency?: boolean;
+    isDate?: boolean;
+    statusIndicator?: "fail" | "success" | "normal";
+    sortable?: boolean;
+    filterable?: boolean;
+    filterType?: 'text' | 'number' | 'date' | 'select' | 'boolean';
+    filterOptions?: {
+        label: string;
+        value: any;
+    }[];
+    filterPlaceholder?: string;
+};
+export interface DataGridTheme {
+    container?: {
+        className?: string;
+        style?: CSSProperties;
+        borderRadius?: string;
+        backgroundColor?: string;
+        boxShadow?: string;
+    };
+    table?: {
+        className?: string;
+        style?: CSSProperties;
+        agThemeClass?: string;
+        customCssVariables?: Record<string, string>;
+    };
+    header?: {
+        className?: string;
+        style?: CSSProperties;
+        backgroundColor?: string;
+        fontWeight?: string | number;
+        fontSize?: string;
+        color?: string;
+    };
+    row?: {
+        className?: string;
+        style?: CSSProperties;
+        alternateRowBackgroundColor?: string;
+        hoverColor?: string;
+        selectedColor?: string;
+        borderColor?: string;
+    };
+    pagination?: {
+        className?: string;
+        style?: CSSProperties;
+    };
+    filterPanel?: {
+        className?: string;
+        style?: CSSProperties;
+        backgroundColor?: string;
+        borderRadius?: string;
+        boxShadow?: string;
+    };
+}
+export interface DataGridLayout {
+    containerHeight?: string | number;
+    containerMinHeight?: string | number;
+    containerMaxHeight?: string | number;
+    rowHeight?: number;
+    headerHeight?: number;
+    domLayout?: 'normal' | 'autoHeight' | 'print';
+    pagination?: {
+        pageSize?: number;
+        pageSizeSelector?: number[] | false;
+        suppressPaginationPanel?: boolean;
+    };
+}
+export interface DataGridCustomization {
+    theme?: DataGridTheme;
+    layout?: DataGridLayout;
+    defaultColDef?: Partial<ColDef>;
+    gridOptions?: Partial<GridOptions>;
+    containerStyle?: CSSProperties;
+    className?: string;
+    components?: {
+        header?: React.FC<HeaderControlsProps>;
+        filterPanel?: React.FC<FilterPanelProps>;
+        emptyState?: React.FC<any>;
+        loadingOverlay?: React.FC<any>;
+        pagination?: React.FC<any>;
+        cellRenderers?: Record<string, React.FC<any>>;
+    };
+    callbacks?: {
+        onRowClick?: (event: any) => void;
+        onRowDoubleClick?: (event: any) => void;
+        onCellClick?: (event: any) => void;
+        onSelectionChanged?: (event: SelectionChangedEvent) => void;
+        onColumnResized?: (event: any) => void;
+        onSortChanged?: (event: any) => void;
+        onFilterChanged?: (event: any) => void;
+    };
+}
+export type ServerSideParams = {
+    pageNumber: number;
+    pageSize: number;
+    search?: string;
+    sortBy?: string;
+    sortDir?: 'ASC' | 'DESC';
+    filters?: Record<string, any>;
+    dateFilters?: Record<string, {
+        from?: string;
+        to?: string;
+    }>;
+};
+export type FilterState = {
+    searchText: string;
+    columnFilters: Record<string, any>;
+    dateFilters: Record<string, {
+        from?: string;
+        to?: string;
+    }>;
+    sort: {
+        field: string;
+        direction: "ASC" | "DESC";
+    };
+};
+export type FilterActions = {
+    setSearchText: (text: string) => void;
+    setColumnFilter: (field: string, value: any) => void;
+    setDateFilter: (field: string, range: {
+        from?: string;
+        to?: string;
+    }) => void;
+    setSort: (field: string, direction: "ASC" | "DESC") => void;
+    resetFilters: () => void;
+    applyFilters: () => void;
+};
+export type FilterPanelProps = FilterState & FilterActions & {
+    availableFields: Array<{
+        field: string;
+        label: string;
+        type: 'text' | 'select' | 'date';
+        options?: string[];
+    }>;
+    onClose?: () => void;
+    showGlobalSearch?: boolean;
+    showColumnFilters?: boolean;
+    showSortingControls?: boolean;
+};
+export type ServerSideOperations = "refresh" | "search" | "filter" | "sort" | "pagination";
+export type ServerSideOperationsConfig = Partial<Record<ServerSideOperations, {
+    fetchRows?: (params: ServerSideParams) => Promise<DataGridRows>;
+    onFetchRowsSuccess?: (response: DataGridRows) => void;
+    onFetchRowsError?: (error: unknown) => void;
+}>>;
+export type DataGridRows<T = any> = {
+    data: T[];
+    pageNumber?: number;
+    pageSize?: number;
+    totalPages?: number;
+    totalRecords?: number;
+};
+export type DefaultPaginationConfig = {
+    isPageZeroIndexed?: boolean;
+    pageNumber?: number;
+    pageSize?: number;
+    totalRecords?: number;
+    totalPages?: number;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qucoon-components",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "private": false,
   "type": "module",
   "main": "dist/index.cjs.js",