aio-table 9.2.0 → 9.3.0

package/index.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-import { I_filter, I_filter_item, I_filter_saved_item, I_paging, I_sort } from "aio-component-utils";
+import * as UT from 'aio-utils';
 import "./index.css";
 type I_rowOption<T, R> = (p: I_rowDetail<T>) => R;
 type I_cellOption<T, R> = ((p: I_cellDetail<T>) => R) | string;
@@ -14,11 +14,11 @@ type I_cellDetail<T> = I_rowDetail<T> & {
     change: (newRow: T) => void;
     isDate: boolean;
 };
-export type I_table_paging = I_paging;
-export type I_table_sort<T> = I_sort<T>;
-export type I_table_filter = I_filter;
-export type I_table_filter_item = I_filter_item;
-export type I_table_filter_saved_item = I_filter_saved_item;
+export type I_table_paging = UT.I_paging;
+export type I_table_sort<T> = UT.I_sort<T>;
+export type I_table_filter = UT.I_filter;
+export type I_table_filter_item = UT.I_filter_item;
+export type I_table_filter_saved_item = UT.I_filter_saved_item;
 export type I_table_column<T> = {
     title?: any;
     sort?: true | I_table_sort<T>;

package/index.js

@@ -13,7 +13,6 @@ import AIOInput from "aio-input";
 import * as UT from 'aio-utils';
 import usePopup from "aio-popup";
 import AIODate from "aio-date";
-import { Filterbar, usePaging, useSort } from "aio-component-utils";
 import "./index.css";
 const Context = createContext({});
 const Provider = (p) => _jsx(Context.Provider, { value: p.value, children: p.children });
@@ -33,7 +32,7 @@ const AIOTable = (props) => {
     const getRowsIndexDic = () => rowsIndexDicRef.current;
     const propsRef = useRef(props);
     propsRef.current = props;
-    const pagingHook = usePaging({ rows: props.value, paging: props.paging, onChange: props.onChangePaging });
+    const pagingHook = UT.usePaging({ rows: props.value, paging: props.paging, onChange: props.onChangePaging });
     const tableHook = useTable(() => propsRef.current, () => props.paging);
     const getIconRef = useRef(new UT.GetSvg());
     const getIcon = getIconRef.current.getIcon;
@@ -72,7 +71,7 @@ const AIOTable = (props) => {
         }
         return sorts;
     };
-    const sortHook = useSort({
+    const sortHook = UT.useSort({
         sorts: [],
         rows: propsRef.current.value,
         onChangeRows: props.onChange,
@@ -233,6 +232,7 @@ const AIOTable = (props) => {
         }
     }
     const changeCell = (cellDetail, cellNewValue) => {
+        if (cellNewValue) { }
         if (!props.onChange) {
             return;
         }
@@ -253,7 +253,7 @@ const AIOTable = (props) => {
         getRowsIndexDic, add, remove, search, exportToExcel, DragColumns, getIcon, popup,
     };
     return (_jsxs(Provider, { value: context, children: [_jsxs("div", Object.assign({}, attrs, { children: [_jsx(TableToolbar, {}), !!props.filter &&
-                        _jsx(Filterbar, { columns: filterColumns, filter: props.filter, fa: props.fa, columnOption: { text: (column) => column.title, id: (column) => column.filterId, type: (column) => column.type || 'text' } }), _jsxs("div", { className: 'aio-table-unit aio-table-scroll', style: { gap: gap[1] }, children: [_jsx(TableHeader, {}), _jsx(TableRows, {})] }), pagingHook.render()] })), popup.render()] }));
+                        _jsx(UT.Filterbar, { columns: filterColumns, filter: props.filter, fa: props.fa, columnOption: { text: (column) => column.title, id: (column) => column.filterId, type: (column) => column.type || 'text' } }), _jsxs("div", { className: 'aio-table-unit aio-table-scroll', style: { gap: gap[1] }, children: [_jsx(TableHeader, {}), _jsx(TableRows, {})] }), pagingHook.render()] })), popup.render()] }));
 };
 export default AIOTable;
 const TableRows = () => {
@@ -307,7 +307,8 @@ const TableToolbar = () => {
         }
         return typeof addText === 'function' ? addText(value) : addText;
     }
-    return (_jsxs("div", Object.assign({}, toolbarAttrs, { children: [toolbar && _jsx("div", { className: 'aio-table-toolbar-content', children: typeof toolbar === 'function' ? toolbar() : toolbar }), _jsx("div", { className: 'aio-table-search', children: !!onSearch && _jsx(AIOInput, { type: 'text', onChange: (value) => search(value), after: getIcon('mdiMagnify', 0.7) }) }), sortHook.renderSortButton(), !!excelColumns.length && _jsx("div", { className: 'aio-table-toolbar-button', onClick: () => exportToExcel(), children: getIcon('mdiFileExcel', 0.8) }), !!onAdd && _jsx("div", { className: 'aio-table-toolbar-button', onClick: () => add(), children: getAddText() })] })));
+    return (_jsxs("div", Object.assign({}, toolbarAttrs, { children: [toolbar && _jsx("div", { className: 'aio-table-toolbar-content', children: typeof toolbar === 'function' ? toolbar() : toolbar }), !!onSearch &&
+                _jsx("div", { className: 'aio-table-search', children: _jsx(AIOInput, { type: 'text', onChange: (value) => search(value), after: getIcon('mdiMagnify', 0.7) }) }), sortHook.renderSortButton(), !!excelColumns.length && _jsx("div", { className: 'aio-table-toolbar-button', onClick: () => exportToExcel(), children: getIcon('mdiFileExcel', 0.8) }), !!onAdd && _jsx("div", { className: 'aio-table-toolbar-button', onClick: () => add(), children: getAddText() })] })));
 };
 const TableHeader = () => {
     let { rootProps, columns } = useProvider();
@@ -318,7 +319,7 @@ const TableHeader = () => {
     return _jsxs("div", Object.assign({}, headerAttrs, { children: [Titles, RemoveTitle] }));
 };
 const TableTitle = (p) => {
-    const { column, isLast, colIndex } = p;
+    const { column, colIndex } = p;
     let { tableHook, DragColumns } = useProvider();
     const attrs = Object.assign(Object.assign(Object.assign({}, tableHook.getTitleAttrs(column)), DragColumns.getDragAttrs(colIndex)), DragColumns.getDropAttrs(colIndex));
     return _jsx("div", Object.assign({}, attrs, { children: attrs.title }));
@@ -330,9 +331,10 @@ const TableRow = (props) => {
     let { remove, rootProps, columns, tableHook, getIcon, isDate } = useProvider();
     const isOdd = rowIndex % 2 === 0;
     function getCells() {
-        return columns.map((column, i) => {
+        return columns.map((column) => {
             const key = rowId + ' ' + column._id;
             const cellDetail = Object.assign(Object.assign({}, rowDetail), { column, change: (cellNewValue) => {
+                    if (cellNewValue) { }
                     if (!rootProps.onChange) {
                         return;
                     }
@@ -352,7 +354,7 @@ const TableRow = (props) => {
 };
 const TableCell = (props) => {
     const { cellDetail, cellValue, isOdd } = props;
-    const { row, column, isLast } = cellDetail;
+    const { row, column } = cellDetail;
     const { tableHook, getTimeText, rootProps } = useProvider();
     const { template, before, after, subtext } = column;
     const rowId = row._id;
@@ -389,6 +391,7 @@ const useTable = (getProps, getPaging) => {
         let type = typeof cellValue;
         if (type === 'string') {
             const { row } = cellDetail;
+            if (row) { }
             let result = cellValue;
             if (getValue[cellValue]) {
                 result = getValue[cellValue](cellDetail);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "aio-table",
-    "version": "9.2.0",
+    "version": "9.3.0",
     "description": "all in one table. tree mode , simple mode , tree mode, gantt mode , groupby mode, freeze mode.",
     "main": "index.js",
     "types": "index.d.ts",
@@ -19,8 +19,7 @@
     "homepage": "https://github.com/mohammadFeiz/aio-table#readme",
     "dependencies": {
         "aio-input": "latest",
-        "aio-utils": "latest",
-        "aio-component-utils":"latest"
+        "aio-utils": "latest"
     },
     "devDependencies": {
         "react-scripts": "latest"