aio-table 12.0.0 → 12.0.2

package/index.css

@@ -91,6 +91,7 @@
 .aio-table-row {
     display: flex;
     min-width: fit-content;
+    height:40px;
 }
 .aio-table-cell {
     padding: 6px 12px;
@@ -181,22 +182,11 @@
     align-items: center;
     justify-content: center;
     width: 36px;
-    border: none;
-    background: none;
-}
-.aio-table-toolbar .aio-filter-icon-button{
-    border:none;
-    background: none;
-}
-.aio-table-toolbar-button .aio-input{
-    border:none;
-    background: none;
-    width:100%;
-    height:100%;
-    padding:0;
+    border: 1px solid #ddd;
+    background:#fff;
+    border-radius:100%;
+    width:36px;
 }
-
-
 .aio-table-remove {
     border: none;
     width: 36px;

package/index.js

@@ -319,7 +319,7 @@ const TableRows = () => {
 };
 const TableToolbar = () => {
     let { add, exportToExcel, search, rootProps, excelColumns, toggleColumns, getIcon, sortHook, getColumnOption, tableHook, filterHook } = useProvider();
-    let { toolbarAttrs, toolbar, onAdd, onSearch, value, onChangeColumns, columns = [] } = rootProps;
+    let { toolbarAttrs, toolbar, onAdd, onSearch, value, onChangeColumns, columns = [], fa } = rootProps;
     const columnsRef = useRef(columns);
     columnsRef.current = columns;
     toolbarAttrs = UT.AddToAttrs(toolbarAttrs, { className: 'aio-table-toolbar' });
@@ -338,21 +338,25 @@ const TableToolbar = () => {
         const column = columns.find((o) => o.id === columnId);
         return getColumnOption(key, tableHook.getCellDetail({ column }));
     };
-    return (_jsxs("div", Object.assign({}, toolbarAttrs, { children: [toolbar && _jsx("div", { className: 'aio-table-toolbar-content', children: typeof toolbar === 'function' ? toolbar() : toolbar }), !!rootProps.filter && filterHook.renderButton(), !!onSearch &&
-                _jsx("div", { className: 'aio-table-search', children: _jsx(AIOInput, { type: 'text', onChange: (value) => search(value), after: getIcon('mdiMagnify', 0.7) }) }), !!sortHook.sorts.length &&
-                _jsx("div", { className: 'aio-table-toolbar-button aio-table-sort-button', children: sortHook.renderSortButton() }), !!excelColumns.length && _jsx("div", { className: 'aio-table-toolbar-button aio-table-excel-button', onClick: () => exportToExcel(), children: getIcon('mdiFileExcel', 0.8) }), !!toggleColumns.length &&
-                _jsx("div", { className: 'aio-table-toolbar-button aio-table-toggle-button', children: _jsx(AISelect, { text: getIcon('mdiEye', 0.8), justify: true, hideTags: true, options: toggleColumns.map((o) => (Object.assign(Object.assign({}, o), { show: true }))), caret: false, option: {
-                            text: (column) => getColumnOptionWrapper(column.id, 'title'),
-                            checked: (column) => getColumnOptionWrapper(column.id, 'show'),
-                            onClick: (column) => {
-                                if (!onChangeColumns) {
-                                    return;
-                                }
-                                const columns = columnsRef.current || [];
-                                onChangeColumns(columns.map((o) => column.id === o.id ? Object.assign(Object.assign({}, o), { show: !getColumnOptionWrapper(o.id, 'show') }) : o));
-                            },
-                            close: () => false
-                        } }) }), !!onAdd && _jsx("div", { className: 'aio-table-toolbar-button aio-table-add-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 }), !!rootProps.filter && filterHook.renderButton({ className: 'aio-table-toolbar-button' }), !!onSearch && _jsx(AIOInput, { type: 'text', className: 'aio-table-search', onChange: (value) => search(value), after: getIcon('mdiMagnify', 0.7) }), !!sortHook.sorts.length && sortHook.renderSortButton({ className: 'aio-table-toolbar-button aio-table-sort-button' }), !!excelColumns.length && _jsx("div", { className: 'aio-table-toolbar-button aio-table-excel-button', onClick: () => exportToExcel(), children: getIcon('mdiFileExcel', 0.8) }), !!toggleColumns.length &&
+                _jsx(AISelect, { popover: {
+                        header: { title: fa ? 'نمایش ستون ها' : 'Show Columns', onClose: false },
+                        setAttrs: (key) => { if (key === 'header') {
+                            return { className: 'aio-table-dropdown-header' };
+                        } },
+                        limitTo: '.aio-table'
+                    }, className: 'aio-table-toolbar-button aio-table-toggle-button', text: getIcon('mdiEye', 0.8), justify: true, hideTags: true, options: toggleColumns.map((o) => (Object.assign(Object.assign({}, o), { show: true }))), caret: false, option: {
+                        text: (column) => getColumnOptionWrapper(column.id, 'title'),
+                        checked: (column) => getColumnOptionWrapper(column.id, 'show'),
+                        onClick: (column) => {
+                            if (!onChangeColumns) {
+                                return;
+                            }
+                            const columns = columnsRef.current || [];
+                            onChangeColumns(columns.map((o) => column.id === o.id ? Object.assign(Object.assign({}, o), { show: !getColumnOptionWrapper(o.id, 'show') }) : o));
+                        },
+                        close: () => false
+                    } }), !!onAdd && _jsx("div", { className: 'aio-table-toolbar-button aio-table-add-button', onClick: () => add(), children: getAddText() })] })));
 };
 const TableHeader = () => {
     let { rootProps, getColumnOption, tableHook } = useProvider();
@@ -544,12 +548,12 @@ const useTable = (getProps, getPaging, getColumnOption) => {
         return UT.AddToAttrs(attrs, { className, style, attrs: { title: typeof title === 'string' ? title : undefined } });
     };
     const getRowAttrs = (rowDetail, isOdd) => {
-        const { rowOption = {}, onSwap, value, gap = [0, 1] } = getProps();
+        const { rowOption = {}, onSwap, gap = [0, 1] } = getProps();
         const { attrs: rowAttrs } = rowOption;
         const attrs = rowAttrs ? rowAttrs(rowDetail) : {};
         let obj = UT.AddToAttrs(attrs, { className: ['aio-table-row', isOdd ? 'aio-table-row-odd' : 'aio-table-row-even'], style: { gap: gap[0] } });
         if (onSwap) {
-            obj = Object.assign(Object.assign(Object.assign({}, obj), DragRows.getDragAttrs({ dragIndex: rowDetail.rowIndex })), DragRows.getDropAttrs({ dropIndex: rowDetail.rowIndex, rows: value }));
+            obj = Object.assign(Object.assign(Object.assign({}, obj), DragRows.getDragAttrs(rowDetail.rowIndex)), DragRows.getDropAttrs(rowDetail.rowIndex));
         }
         return obj;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "aio-table",
-    "version": "12.0.0",
+    "version": "12.0.2",
     "description": "all in one table. tree mode , simple mode , tree mode, gantt mode , groupby mode, freeze mode.",
     "main": "index.js",
     "types": "index.d.ts",