@inceptionbg/iui 2.0.7 → 2.0.10

package/idea/Table2/hooks/useTableKeyboard.ts

@@ -1,115 +0,0 @@
-import { useEffect, useState } from 'react';
-import { ITableDataItem } from '../../../types/ITable';
-import { IKeyboardAction, ITableKeyboardActionsProp } from '../../../types/IKeyboard';
-import { useDialogObserver } from '../../Dialog/hooks/useDialogObserver';
-import { scrollToRow } from '../../../utils/TableUtils';
-
-export const useTableKeyboard = ({
-  enabled,
-  rows,
-  actions,
-}: {
-  enabled: boolean;
-  rows: ITableDataItem[];
-  actions: ITableKeyboardActionsProp;
-}) => {
-  const [focusedRow, setFocusedRow] = useState<ITableDataItem | null>(null);
-  const isDialogOpen = useDialogObserver();
-
-  useEffect(() => {
-    if (enabled && !isDialogOpen) {
-      const isEditing = !!actions.edit?.item;
-      const isAdding = !!actions.add?.isAdding;
-
-      const handleKeyDown = (event: KeyboardEvent) => {
-        const isControlKeyPressed = event.ctrlKey || event.metaKey;
-        const rowIndex = focusedRow
-          ? rows.findIndex(row => row.uuid === focusedRow.uuid)
-          : -1;
-
-        const allActions: IKeyboardAction[] = [
-          {
-            key: 'ArrowDown',
-            isActive: !isEditing && !actions.moveDisabled,
-            onAction: () => {
-              // Leave action enabled to prevent default scroll movement
-              const nextRow = rowIndex + 1;
-              if (nextRow < rows.length) {
-                // rowIndex will be -1 if no row is selected so the next row will be 0
-                setFocusedRow(rows[nextRow]);
-                scrollToRow(rows[nextRow].uuid);
-              }
-            },
-          },
-          {
-            key: 'ArrowUp',
-            isActive: !isEditing && !actions.moveDisabled,
-            onAction: () => {
-              if (rowIndex !== 0) {
-                const prevRow = rowIndex > 0 ? rowIndex - 1 : rows.length - 1;
-                setFocusedRow(rows[prevRow]);
-                scrollToRow(rows[prevRow].uuid);
-              }
-            },
-          },
-          {
-            key: 'e',
-            normalizedKey: true,
-            ctrl: true,
-            isActive: !!actions.edit?.enabled && !!focusedRow,
-            onAction: () => !isEditing && actions.edit?.setItem(focusedRow?.item ?? null),
-          },
-          {
-            key: 'Enter',
-            isActive: !isEditing && !isAdding && !!focusedRow?.onRowClick,
-            onAction: focusedRow?.onRowClick!,
-          },
-          {
-            key: 'Escape',
-            isActive: !!focusedRow || !!isAdding,
-            onAction: () =>
-              isAdding
-                ? actions.add?.setIsAdding(false)
-                : actions.edit?.item
-                ? actions.edit?.setItem(null)
-                : setFocusedRow(null),
-          },
-          {
-            key: 'Insert',
-            isActive: !!actions.add?.enabled && !isAdding,
-            onAction: () => {
-              actions.add?.setIsAdding(true);
-              setFocusedRow(null);
-            },
-          },
-          {
-            key: 'Delete',
-            isActive: !isEditing && !!actions.delete?.enabled && !!focusedRow,
-            onAction: () =>
-              actions.delete?.onAction ?? actions.delete?.setItemUuid(focusedRow!.uuid),
-          },
-          ...(actions?.additional?.({ focusedRow, isEditing, isAdding }) || []),
-        ];
-
-        allActions.forEach(item => {
-          if (
-            item.isActive &&
-            item.key === (item.normalizedKey ? event.key.toLowerCase() : event.key) &&
-            !!item.ctrl === isControlKeyPressed
-          ) {
-            event.preventDefault();
-            event.stopPropagation();
-            item.onAction();
-          }
-        });
-      };
-
-      window.addEventListener('keydown', handleKeyDown);
-      return () => {
-        window.removeEventListener('keydown', handleKeyDown);
-      };
-    }
-  }, [enabled, rows, focusedRow, actions, isDialogOpen]);
-
-  return focusedRow;
-};

package/src/assets/icons/light/faPenField.ts

@@ -1,15 +0,0 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-
-const prefix = "fal";
-const iconName = "pen-field";
-const width = 640;
-const height = 512;
-const unicode = "e211";
-const svgPathData =
-  "M560 256C551.2 256 544 263.2 544 272V448c0 17.67-14.33 32-32 32H64c-17.67 0-32-14.33-32-32V192c0-17.67 14.33-32 32-32h240C312.8 160 320 152.8 320 144S312.8 128 304 128H63.1C28.65 128 0 156.7 0 192v256c0 35.35 28.65 64 63.1 64h447.1c35.35 0 63.1-28.65 63.1-63.1L576 272C576 263.2 568.8 256 560 256zM640 76.14c0-12.28-4.686-24.57-14.06-33.94l-28.13-28.14C588.4 4.688 576.2 0 563.9 0s-24.57 4.688-33.94 14.06l-207.5 207.5C313.5 230.5 307.4 241.9 304.9 254.3l-16.66 83.35c-.162 .8104-.2393 1.612-.2393 2.396C288 346.6 293.4 352 299.1 352c.7852 0 1.586-.0781 2.398-.2402l83.35-16.67c12.39-2.479 23.77-8.566 32.7-17.5l207.5-207.5C635.3 100.7 640 88.42 640 76.14zM395.8 294.1c-4.48 4.48-10.13 7.506-16.35 8.748L325.5 314.5l10.78-53.93c1.244-6.219 4.27-11.88 8.754-16.36l146.3-146.3l50.76 50.76L395.8 294.1zM603.3 87.45l-38.62 38.62l-50.76-50.76l38.62-38.62C556.6 32.61 561.4 32 563.9 32s7.236 .6094 11.31 4.686l28.13 28.14C607.4 68.9 608 73.66 608 76.14C608 78.61 607.4 83.38 603.3 87.45zM104 320c0 13.25 10.75 24 24 24S152 333.3 152 320c0-13.26-10.75-24-24-24S104 306.7 104 320zM200 320c0 13.25 10.75 24 24 24S248 333.3 248 320c0-13.26-10.75-24-24-24S200 306.7 200 320z";
-
-export const faPenField: IconDefinition = {
-  prefix,
-  iconName,
-  icon: [width, height, [], unicode, svgPathData],
-};

package/src/assets/icons/solid/faMagnifyingGlass.ts

@@ -1,15 +0,0 @@
-import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
-
-const prefix = 'fas';
-const iconName = 'magnifying-glass';
-const width = 512;
-const height = 512;
-const unicode = 'f002';
-const svgPathData =
-  'M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z';
-
-export const faMagnifyingGlass: IconDefinition = {
-  prefix,
-  iconName,
-  icon: [width, height, [], unicode, svgPathData],
-};

package/src/components/Dialog/DeleteItemDialog.tsx

@@ -1,52 +0,0 @@
-import { Dispatch, FC, SetStateAction, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Dialog } from './Dialog';
-import { faTrashCan } from '../../assets/icons';
-
-interface Props {
-  textId: string;
-  itemUuid: string;
-  setItemUuid: Dispatch<SetStateAction<string>>;
-  reloadItems: () => void;
-  deleteItemFunction: (itemUuid: string) => Promise<any>;
-}
-
-export const DeleteItemDialog: FC<Props> = ({
-  textId,
-  itemUuid,
-  setItemUuid,
-  reloadItems,
-  deleteItemFunction,
-}) => {
-  const [isLoading, setIsLoading] = useState(false);
-
-  const { t } = useTranslation();
-
-  const handOnDelete = () => {
-    setIsLoading(true);
-    deleteItemFunction(itemUuid)
-      .then(() => {
-        reloadItems();
-        setItemUuid('');
-      })
-      .catch(() => {})
-      .finally(() => setIsLoading(false));
-  };
-
-  return (
-    <Dialog
-      isOpen={!!itemUuid}
-      onClose={() => setItemUuid('')}
-      title={t(`Delete${textId}Title`)}
-      desc={t(`Delete${textId}Desc`)}
-      isLoading={isLoading}
-      type="info"
-      confirmButton={{
-        label: t('Delete'),
-        icon: faTrashCan,
-        keepOpen: true,
-        onClick: handOnDelete,
-      }}
-    />
-  );
-};

package/src/components/Dialog/hooks/useDialogObserver.ts

@@ -1,21 +0,0 @@
-import { useEffect, useState } from 'react';
-import { rootDir } from '../../../utils/RootDir';
-
-export const useDialogObserver = () => {
-  const [isDialogOpen, setIsDialogOpen] = useState(false);
-
-  useEffect(() => {
-    const observer = new MutationObserver(mutationsList => {
-      if (mutationsList.find(mutation => mutation.type === 'childList')) {
-        const isDialogInRoot = rootDir.getElementsByClassName('iui-dialog').length > 0;
-        setIsDialogOpen(isDialogInRoot);
-      }
-    });
-
-    observer.observe(rootDir, { childList: true });
-
-    return () => observer.disconnect();
-  }, []);
-
-  return isDialogOpen;
-};