@nuralyui/table 0.0.3 → 0.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nuralyui/table",
-    "version": "0.0.3",
+    "version": "0.0.7",
     "description": "",
     "main": "index.js",
     "type": "module",
@@ -11,5 +11,19 @@
         "test": "echo \"Error: no test specified\" && exit 1"
     },
     "author": "Labidi Aymen",
-    "license": "ISC"
+    "license": "ISC",
+    "exports": {
+        ".": {
+            "import": "./index.js"
+        },
+        "./bundle": {
+            "import": "./bundle.js"
+        }
+    },
+    "files": [
+        "bundle.js",
+        "*.js",
+        "*.d.ts",
+        "*.js.map"
+    ]
 }

package/react.js

@@ -2,13 +2,13 @@ import { createComponent } from '@lit-labs/react';
 import * as React from 'react';
 import { HyTable } from './table.component.js';
 export const HyTableComponent = createComponent({
-    tagName: 'hy-table',
+    tagName: 'nr-table',
     elementClass: HyTable,
     react: React,
     events: {
         rowClick: 'row-click',
         sortChange: 'sort-change',
-        selectionChange: 'selection-change',
+        selectionChange: 'nr-select',
     },
 });
 //# sourceMappingURL=react.js.map

package/react.js.map

@@ -1 +1 @@
-{"version":3,"file":"react.js","sourceRoot":"","sources":["../../../src/components/table/react.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC;IAC9C,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,OAAO;IACrB,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACN,QAAQ,EAAE,WAAW;QACrB,UAAU,EAAE,aAAa;QACzB,eAAe,EAAE,kBAAkB;KACpC;CACF,CAAC,CAAC","sourcesContent":["import { createComponent } from '@lit-labs/react';\nimport * as React from 'react';\nimport { HyTable } from './table.component.js';\n\nexport const HyTableComponent = createComponent({\n  tagName: 'hy-table',\n  elementClass: HyTable,\n  react: React,\n  events: {\n    rowClick: 'row-click',\n    sortChange: 'sort-change',\n    selectionChange: 'selection-change',\n  },\n});\n"]}
+{"version":3,"file":"react.js","sourceRoot":"","sources":["../../../src/components/table/react.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC;IAC9C,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,OAAO;IACrB,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACN,QAAQ,EAAE,WAAW;QACrB,UAAU,EAAE,aAAa;QACzB,eAAe,EAAE,WAAW;KAC7B;CACF,CAAC,CAAC","sourcesContent":["import { createComponent } from '@lit-labs/react';\nimport * as React from 'react';\nimport { HyTable } from './table.component.js';\n\nexport const HyTableComponent = createComponent({\n  tagName: 'nr-table',\n  elementClass: HyTable,\n  react: React,\n  events: {\n    rowClick: 'row-click',\n    sortChange: 'sort-change',\n    selectionChange: 'nr-select',\n  },\n});\n"]}

package/table.component.d.ts

@@ -1,39 +1,139 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
 import { LitElement, PropertyValueMap } from 'lit';
-import './components/hy-table-actions.js';
-import './components/hy-table-filter.js';
-import './components/hy-table-pagination.js';
-import './components/hy-table-content.js';
 import { IHeader, SelectionMode, Sizes, SortAttribute } from './table.types.js';
-export declare class HyTable extends LitElement {
+import '../select/select.component.js';
+import '../icon/icon.component.js';
+import '../radio/radio.component.js';
+import { TableHost } from './interfaces/index.js';
+declare const HyTable_base: (new (...args: any[]) => import("@nuralyui/common/mixins").DependencyAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").ThemeAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").EventHandlerCapable) & typeof LitElement;
+/**
+ * Advanced table component with sorting, filtering, pagination, selection, and fixed columns.
+ *
+ * @example
+ * ```html
+ * <!-- Basic table with fixed header -->
+ * <nr-table
+ *   .headers=${headers}
+ *   .rows=${data}
+ *   size="normal"
+ *   selectionMode="multiple"
+ *   fixedHeader
+ *   .scrollConfig=${{ y: 400 }}>
+ * </nr-table>
+ *
+ * <!-- Table with fixed columns -->
+ * <nr-table
+ *   .headers=${[
+ *     { name: 'ID', key: 'id', fixed: 'left', width: 80 },
+ *     { name: 'Name', key: 'name', fixed: 'left', width: 150 },
+ *     { name: 'Email', key: 'email' },
+ *     { name: 'Status', key: 'status' }
+ *   ]}
+ *   .rows=${data}
+ *   .scrollConfig=${{ x: 800 }}>
+ * </nr-table>
+ * ```
+ *
+ * @fires onPaginate - Fired when pagination changes
+ * @fires nr-select - Fired when row selection changes
+ * @fires onSearch - Fired when search/filter is applied
+ * @fires onSort - Fired when sorting is applied
+ */
+export declare class HyTable extends HyTable_base implements TableHost {
     static styles: import("lit").CSSResult;
     headers: IHeader[];
-    rows: [];
+    rows: any[];
     size: Sizes;
     withFilter: boolean;
     expandable: string | undefined;
+    expansionRenderer: ((row: any, index: number) => any) | undefined;
     selectionMode: SelectionMode | undefined;
+    fixedHeader: boolean;
+    scrollConfig: {
+        x?: number | string;
+        y?: number | string;
+    } | undefined;
+    loading: boolean;
+    emptyText: string;
+    emptyIcon: string | undefined;
     itemPerPage: number[];
     selectedItemPerPage: number;
-    displayedRows: never[];
+    displayedRows: any[];
     selectedItems: boolean[];
     currentPage: number;
-    rowsCopy: [];
+    rowsCopy: any[];
     activeSearch: boolean;
     sortAttribute: SortAttribute;
+    expand: boolean[];
+    showFilterInput: boolean;
+    filterValue: string;
+    columnFilters: Map<string, string | number>;
+    activeFilterColumn: string | null;
+    globalCheck?: HTMLElement;
+    requiredComponents: string[];
+    private selectionController;
+    private paginationController;
+    private sortController;
+    private filterController;
     connectedCallback(): void;
+    updated(_changedProperties: PropertyValueMap<this> | Map<PropertyKey, unknown>): void;
     willUpdate(_changedProperties: PropertyValueMap<this>): void;
-    _initSelection(): void;
-    _initPagination(): void;
+    /**
+     * Initialize or reset pagination state
+     */
+    private _initPagination;
+    /**
+     * Handle items per page change event
+     */
     _handleItemPerPage(itemPerPageEvent: CustomEvent): void;
+    /**
+     * Handle page navigation event
+     */
     _handleUpdatePage(updatePageEvent: CustomEvent): void;
+    /**
+     * Handle check all rows event
+     */
     _handleCheckAll(checkAllEvent: CustomEvent): void;
+    /**
+     * Handle check single row event
+     */
     _handleCheckOne(checkOneEvent: CustomEvent): void;
+    /**
+     * Handle select single row event (radio button mode)
+     */
     _handleSelectOne(selectOneEvent: CustomEvent): void;
+    /**
+     * Handle cancel selection action
+     */
     _handleCancelSelection(): void;
+    /**
+     * Handle search/filter input
+     */
     _handleSearch(searchEvent: CustomEvent): void;
+    /**
+     * Handle column sort order change
+     */
     _handleSortOrder(sortOrderEvent: CustomEvent): void;
-    _sort(): void;
-    _resetSort(): void;
+    /**
+     * Toggle expanded content for a row
+     */
+    private _showExpandedContent;
+    /**
+     * Toggle filter input visibility
+     */
+    private _toggleFilterInput;
+    /**
+     * Handle filter input change
+     */
+    private _handleFilterInputChange;
+    /**
+     * Render the table component with all templates
+     */
     render(): import("lit").TemplateResult<1>;
 }
+export {};
 //# sourceMappingURL=table.component.d.ts.map