@skalfa/skalfa-component 1.0.14 → 1.0.15

package/dist/supervision/TableSupervision.component.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-import { conversion, ShortcutHandler, UseResourceProps } from "@utils";
+import { conversion, UseResourceProps } from "@utils";
 import { FloatingPageProps, FormType, ButtonProps, ModalConfirmProps, TableProps, ControlBarOptionType, SwipeActionType, BottomSheetProps } from "../";
 export interface TableSupervisionColumnProps {
     selector: string;
@@ -54,7 +54,7 @@ export type TableSupervisionProps = {
             key: string;
             description: string;
         };
-    } | ((row: object, setModal?: (type: "EDIT" | "DELETE") => void, setDataSelected?: () => void, setShortcut?: (key: string, handler: ShortcutHandler, description?: string) => void, size?: string) => ReactNode))[];
+    } | ((row: object, setModal?: (type: "EDIT" | "DELETE") => void, setDataSelected?: () => void, reset?: () => void, size?: string) => ReactNode))[];
     block?: boolean;
     noIndex?: boolean;
     actionBulkingControl?: TableProps["actionBulking"];

package/dist/supervision/TableSupervision.component.js

@@ -112,7 +112,7 @@ function TableSupervisionComponent({ title, id, fetchControl, columnControl, for
                                     setToggle(`MODAL_DELETE_${toggleKey}`);
                                     item && setSelected?.(item);
                                 }
-                            }, () => item && setSelected?.(item), () => { }, options?.size) }, `action-fn-${key}`));
+                            }, () => item && setSelected?.(item), () => reset?.(), options?.size) }, `action-fn-${key}`));
                     }
                     return (0, jsx_runtime_1.jsx)("span", {}, `action-default-${key}`);
                 }) }) }));

package/dist/table/Table.component.js

@@ -92,7 +92,7 @@ function TableComponent({ id, controlBar, columns, data, pagination, loading, so
                 } : undefined, children: (0, jsx_runtime_1.jsx)("div", { onClick: () => onRowClick?.(item, itemKey), children: responsiveControl?.mobile?.item ? responsiveControl?.mobile?.item(item, itemKey) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("p", { className: "font-semibold", children: Object.values(itemMapping)[0] }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm", children: Object.values(itemMapping)[1] })] })) }) }));
         }
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, _utils_1.cn)("relative", (0, _utils_1.pcn)(className, "base")), children: [controlBar != false && ((0, jsx_runtime_1.jsx)(ControlBar_component_1.ControlBarComponent, { id: id, options: !controlBar ? ["SEARCH", "SELECTABLE", "REFRESH"] : controlBar, searchableOptions: columns?.filter((c) => c.searchable), onSearchable: (e) => onChangeSearchableColumn?.(String(e)), searchable: searchableColumn || [], onSearch: (e) => setKeyword(e), search: keyword, selectableOptions: columns, onSelectable: (e) => setDisplayColumns(e), selectable: displayColumns, sortableOptions: columns?.filter((c) => c.sortable), sort: sortBy, onSort: (sort) => onChangeSortBy?.(sort), onRefresh: () => onRefresh?.(), filterableColumns: columns?.filter((c) => !!c?.filterable)?.map((c) => ({
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, _utils_1.cn)("relative table-container", (0, _utils_1.pcn)(className, "base")), children: [controlBar != false && ((0, jsx_runtime_1.jsx)(ControlBar_component_1.ControlBarComponent, { id: id, options: !controlBar ? ["SEARCH", "SELECTABLE", "REFRESH"] : controlBar, searchableOptions: columns?.filter((c) => c.searchable), onSearchable: (e) => onChangeSearchableColumn?.(String(e)), searchable: searchableColumn || [], onSearch: (e) => setKeyword(e), search: keyword, selectableOptions: columns, onSelectable: (e) => setDisplayColumns(e), selectable: displayColumns, sortableOptions: columns?.filter((c) => c.sortable), sort: sortBy, onSort: (sort) => onChangeSortBy?.(sort), onRefresh: () => onRefresh?.(), filterableColumns: columns?.filter((c) => !!c?.filterable)?.map((c) => ({
                     label: c.label,
                     selector: c.selector,
                     type: typeof c?.filterable == "object" ? c?.filterable?.type : "text",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skalfa/skalfa-component",
-  "version": "1.0.14",
+  "version": "1.0.15",
   "description": "Reusable UI components for Skalfa App.",
   "license": "MIT",
   "keywords": [

package/src/supervision/TableSupervision.component.tsx

@@ -63,7 +63,7 @@ export type TableSupervisionProps = {
       row              :  object,
       setModal        ?:  (type: "EDIT" | "DELETE") => void,
       setDataSelected ?:  () => void,
-      setShortcut     ?:  (key: string, handler: ShortcutHandler, description?: string) => void,
+      reset           ?:  () => void,
       size            ?:  string,
     ) => ReactNode)
   )[];
@@ -259,7 +259,7 @@ export function TableSupervisionComponent({
                       setToggle(`MODAL_DELETE_${toggleKey}`);
                       item && setSelected?.(item);
                     }
-                  }, () => item && setSelected?.(item), () => {}, options?.size)}
+                  }, () => item && setSelected?.(item), () => reset?.(), options?.size)}
                 </span>
               )
             }

package/src/table/Table.component.tsx

@@ -261,7 +261,7 @@ export function TableComponent({
 
 
   return (
-    <div className={cn("relative", pcn<CT>(className, "base"))}>
+    <div className={cn("relative table-container", pcn<CT>(className, "base"))}>
       {controlBar != false && (
         <ControlBarComponent 
           id={id}