@inshapardaz/likhari-react 0.1.7-dev.79 → 0.1.7-dev.84

package/dist/components/TableDialog.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { Button, Checkbox, Group, Modal, NumberInput } from '@mantine/core';
-import { useUiStrings } from '../i18n/useStrings.js';
-import { usePortalTarget } from '../PortalTargetContext.js';
-const MIN_DIMENSION = 1;
-const MAX_DIMENSION = 20;
-const DEFAULT_ROWS = 3;
-const DEFAULT_COLUMNS = 3;
-/**
- * Insert-table dialog: rows x columns and an optional header row. Cell
- * merge/split is intentionally not offered anywhere in this dialog or the
- * table it creates — see the comment on `TablePlugin` in `EditorRoot.tsx`.
- */
-export function TableDialog({ opened, onSubmit, onClose }) {
-    const strings = useUiStrings();
-    const portalTarget = usePortalTarget();
-    const [rows, setRows] = useState(DEFAULT_ROWS);
-    const [columns, setColumns] = useState(DEFAULT_COLUMNS);
-    const [headerRow, setHeaderRow] = useState(true);
-    useEffect(() => {
-        if (!opened)
-            return;
-        setRows(DEFAULT_ROWS);
-        setColumns(DEFAULT_COLUMNS);
-        setHeaderRow(true);
-    }, [opened]);
-    const handleSubmit = (e) => {
-        e.preventDefault();
-        onSubmit({ rows, columns, headerRow });
-    };
-    return (_jsx(Modal, { opened: opened, onClose: onClose, title: strings.tableDialog.title, centered: true, size: "sm", portalProps: { target: portalTarget }, children: _jsxs("form", { onSubmit: handleSubmit, children: [_jsxs(Group, { grow: true, align: "flex-end", children: [_jsx(NumberInput, { label: strings.tableDialog.rows, min: MIN_DIMENSION, max: MAX_DIMENSION, value: rows, onChange: (v) => setRows(typeof v === 'number' ? v : DEFAULT_ROWS), "data-autofocus": true }), _jsx(NumberInput, { label: strings.tableDialog.columns, min: MIN_DIMENSION, max: MAX_DIMENSION, value: columns, onChange: (v) => setColumns(typeof v === 'number' ? v : DEFAULT_COLUMNS) })] }), _jsx(Checkbox, { mt: "sm", label: strings.tableDialog.headerRow, checked: headerRow, onChange: (e) => setHeaderRow(e.currentTarget.checked) }), _jsxs(Group, { justify: "flex-end", gap: "xs", mt: "md", children: [_jsx(Button, { variant: "default", onClick: onClose, children: strings.common.cancel }), _jsx(Button, { type: "submit", children: strings.common.insert })] })] }) }));
-}