@inceptionbg/iui 2.0.23 → 2.0.25

package/src/components/Table/components/header/TableHeaderRow.tsx

@@ -1,57 +1,57 @@
-import { FC } from 'react';
-import { ITableColumn } from '../../../../types/ITable';
-import clsx from 'clsx';
-
-interface Props {
-  row: ITableColumn[];
-  print?: boolean;
-}
-
-export const TableHeaderRow: FC<Props> = ({ row, print }) => {
-  // const { sortData } = useTableContext();
-  // const { sort, setSort, sortOptions } = sortData ?? {};
-  // const activeSortOption = sortOptions?.find(e => sort?.startsWith(e.value));
-
-  return (
-    <tr>
-      {row.map(col => (
-        <th
-          key={col.id}
-          colSpan={col.colSpan}
-          rowSpan={col.rowSpan}
-          className={
-            print
-              ? undefined
-              : clsx(col.color, col.className, {
-                  'sticky-column': col.sticky,
-                  'not-first-cell': col.notFirstCell,
-                })
-          }
-          // onClick={() => {
-          //   const sortValue = sortOptions?.find(e => col.label === e.label)?.value;
-          //   sortValue &&
-          //     setSort?.(sort === sortValue + desc ? sortValue + asc : sortValue + desc);
-          // }}
-          style={
-            print
-              ? undefined
-              : col.minWidth
-                ? { minWidth: col.minWidth }
-                : col.width
-                  ? { width: col.width }
-                  : undefined
-          }
-          // hidden={col.hidden}
-        >
-          <div className="flex align-center">
-            {typeof col.label === 'string' ? (
-              <p className={`full-width text-${col.align || 'left'}`}>{col.label}</p>
-            ) : (
-              <div className={`full-width text-${col.align || 'left'}`}>{col.label}</div>
-            )}
-          </div>
-        </th>
-      ))}
-    </tr>
-  );
-};
+import type { FC } from 'react';
+import type { ITableColumn } from '../../../../types/ITable';
+import clsx from 'clsx';
+
+interface Props {
+  row: ITableColumn[];
+  print?: boolean;
+}
+
+export const TableHeaderRow: FC<Props> = ({ row, print }) => {
+  // const { sortData } = useTableContext();
+  // const { sort, setSort, sortOptions } = sortData ?? {};
+  // const activeSortOption = sortOptions?.find(e => sort?.startsWith(e.value));
+
+  return (
+    <tr>
+      {row.map(col => (
+        <th
+          key={col.id}
+          colSpan={col.colSpan}
+          rowSpan={col.rowSpan}
+          className={
+            print
+              ? undefined
+              : clsx(col.color, col.className, {
+                  'sticky-column': col.sticky,
+                  'not-first-cell': col.notFirstCell,
+                })
+          }
+          // onClick={() => {
+          //   const sortValue = sortOptions?.find(e => col.label === e.label)?.value;
+          //   sortValue &&
+          //     setSort?.(sort === sortValue + desc ? sortValue + asc : sortValue + desc);
+          // }}
+          style={
+            print
+              ? undefined
+              : col.minWidth
+                ? { minWidth: col.minWidth }
+                : col.width
+                  ? { width: col.width }
+                  : undefined
+          }
+          // hidden={col.hidden}
+        >
+          <div className="flex align-center">
+            {typeof col.label === 'string' ? (
+              <p className={`full-width text-${col.align || 'left'}`}>{col.label}</p>
+            ) : (
+              <div className={`full-width text-${col.align || 'left'}`}>{col.label}</div>
+            )}
+          </div>
+        </th>
+      ))}
+    </tr>
+  );
+};

package/src/components/Table/components/items/TableItemActions.tsx

@@ -1,78 +1,78 @@
-import { type FC } from 'react';
-import { useTableContext } from '../../contexts/TableContext';
-import { IconButton } from '../../../Button/IconButton';
-import { faEllipsisVertical, faPen, faTrashCan } from '../../../../assets/icons';
-import { useIsMenuOpen } from '../../../../hooks/useIsMenuOpen';
-import { Menu } from '../../../Menu/Menu';
-import { ITableDataItem } from '../../../../types/ITable';
-
-export const TableItemActions: FC<{ tableDataItem: ITableDataItem<any> }> = ({
-  tableDataItem,
-}) => {
-  const { isOpen, onClose, onOpen } = useIsMenuOpen();
-
-  const { dataActions, itemDeleteData, editable } = useTableContext();
-
-  if (!dataActions?.hasItemActions) {
-    return null;
-  }
-
-  const filteredActions =
-    dataActions.actions?.(tableDataItem.item).filter(e => e.hasAccess) ?? [];
-
-  return (
-    <div className="table-item-actions">
-      {dataActions.isEditable && (
-        <IconButton
-          icon={faPen}
-          onClick={e => {
-            e.stopPropagation();
-            editable?.setSelectedItem(tableDataItem);
-          }}
-          size="s"
-        />
-      )}
-      {dataActions.isDeletable && (
-        <IconButton
-          icon={faTrashCan}
-          onClick={e => {
-            e.stopPropagation();
-            itemDeleteData?.setItemToDeleteUuids([tableDataItem.uuid]);
-          }}
-          size="s"
-          color="danger"
-        />
-      )}
-      {!!filteredActions?.length && (
-        <Menu
-          isOpen={isOpen}
-          onClose={onClose}
-          placement="bottom-right"
-          renderButton={ref => (
-            <IconButton
-              ref={ref}
-              icon={faEllipsisVertical}
-              active={isOpen}
-              onClick={e => {
-                e.stopPropagation();
-                onOpen();
-              }}
-              size="s"
-            />
-          )}
-          items={
-            filteredActions?.map(action => ({
-              label: action.label,
-              hidden: !action.hasAccess,
-              disabled: action.disabled,
-              onClick: () => {
-                action.onClick();
-                onClose();
-              },
-            })) ?? []
-          }
-        />
-      )}
-    </div>
-  );
-};
+import type { ITableDataItem } from '../../../../types/ITable';
+import { type FC } from 'react';
+import { faEllipsisVertical, faPen, faTrashCan } from '../../../../assets/icons';
+import { useIsMenuOpen } from '../../../../hooks/useIsMenuOpen';
+import { IconButton } from '../../../Button/IconButton';
+import { Menu } from '../../../Menu/Menu';
+import { useTableContext } from '../../contexts/TableContext';
+
+export const TableItemActions: FC<{ tableDataItem: ITableDataItem<any> }> = ({
+  tableDataItem,
+}) => {
+  const { isOpen, onClose, onOpen } = useIsMenuOpen();
+
+  const { dataActions, itemDeleteData, editable } = useTableContext();
+
+  if (!dataActions?.hasItemActions) {
+    return null;
+  }
+
+  const filteredActions =
+    dataActions.actions?.(tableDataItem.item).filter(e => e.hasAccess) ?? [];
+
+  return (
+    <div className="table-item-actions">
+      {dataActions.isEditable && (
+        <IconButton
+          icon={faPen}
+          onClick={e => {
+            e.stopPropagation();
+            editable?.setSelectedItem(tableDataItem);
+          }}
+          size="s"
+        />
+      )}
+      {dataActions.isDeletable && (
+        <IconButton
+          icon={faTrashCan}
+          onClick={e => {
+            e.stopPropagation();
+            itemDeleteData?.setItemToDeleteUuids([tableDataItem.uuid]);
+          }}
+          size="s"
+          color="danger"
+        />
+      )}
+      {!!filteredActions?.length && (
+        <Menu
+          isOpen={isOpen}
+          onClose={onClose}
+          placement="bottom-right"
+          renderButton={ref => (
+            <IconButton
+              ref={ref}
+              icon={faEllipsisVertical}
+              active={isOpen}
+              onClick={e => {
+                e.stopPropagation();
+                onOpen();
+              }}
+              size="s"
+            />
+          )}
+          items={
+            filteredActions?.map(action => ({
+              label: action.label,
+              hidden: !action.hasAccess,
+              disabled: action.disabled,
+              onClick: () => {
+                action.onClick();
+                onClose();
+              },
+            })) ?? []
+          }
+        />
+      )}
+    </div>
+  );
+};