-
- {formatter ? (
- React.createElement(formatter, {
- value,
- rowIdx: 0,
- column: {
- type,
- key: field,
- name,
- config: { options: [] },
- editable: false,
- } as any,
- row: { [field]: value },
- isRowSelected: false,
- onRowSelectionChange: () => {},
- isSummaryRow: false,
- } as any)
- ) : typeof value === "string" ||
- typeof value === "number" ||
- value === undefined ||
- value === null ? (
- value
- ) : typeof value === "boolean" ? (
- value.toString()
- ) : (
-
- )}
-
-
-
- {!isXs && (
-
-
- Select columns ({config.pairs.length} of {csvData.columns.length})
-
-
- )}
-
-
- Table columns
-
-
-
-
-
-
-
- {csvData.columns.map((field) => {
- const selected = selectedFields.indexOf(field) > -1;
- const columnKey =
- _find(config.pairs, { csvKey: field })?.columnKey ?? null;
- const matchingColumn = columnKey
- ? tableState?.columns[columnKey] ??
- _find(config.newColumns, { key: columnKey }) ??
- null
- : null;
- const isNewColumn = !!_find(config.newColumns, { key: columnKey });
-
- return (
-
-
-
- }
- label={}
- classes={{
- root: classes.formControlLabel,
- label: classes.columnLabel,
- }}
- sx={{
- alignItems: "center",
- "& .MuiFormControlLabel-label": { mt: 0 },
- }}
- />
-
-
-
-
-
-
-
- {selected && (
- {
- if (!columnKey) return "Select or add column";
- else
- return (
- <>
- {matchingColumn?.name}
- {isNewColumn && (
-
- )}
-
- );
- },
- },
- InputProps: {
- classes: {
- root: clsx(
- classes.multiSelectInput,
- !columnKey && classes.noneSelected
- ),
- inputHiddenLabel: classes.multiSelectInputLabel,
- },
- },
- }}
- clearable={false}
- displayEmpty
- labelPlural="columns"
- freeText
- AddButtonProps={{ children: "Add new column…" }}
- AddDialogProps={{
- title: "Add new column",
- textFieldLabel: "Column name",
- }}
- />
- )}
-
-
- );
- })}
-
-
-
-
-
- New table columns
-
-
-
-
- {config.newColumns.map(({ key, name, type }, i) => (
-
- setFieldToEdit(i)}
- aria-label={`Edit column ${key}`}
- focusRipple
- >
- }
- />
-
-
- ))}
-
-
-
-
- Column type: {config.newColumns[fieldToEdit].name}
-
-
-
-
-
-
-
- {!isXs && (
-
-
- Raw data
-
-
- )}
-
-
- Column preview
-
-
-
-
-
-
- {!isXs && (
-
-
-
- )}
-
-
-
-
-
- {rowData.slice(0, 20).map((cell, i) => (
-
- {!isXs && (
-
- |
-
- )}
-
- {!isXs && }
-
-
- |
-
-
- ))}
-
-
-
- );
-}
diff --git a/src/components/Wizards/ImportCsvWizard/Step3Preview.tsx b/src/components/Wizards/ImportCsvWizard/Step3Preview.tsx
deleted file mode 100644
index 66faa4fe9..000000000
--- a/src/components/Wizards/ImportCsvWizard/Step3Preview.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-import _find from "lodash/find";
-import { parseJSON } from "date-fns";
-
-import { makeStyles, createStyles } from "@mui/styles";
-import { Grid } from "@mui/material";
-
-import { IStepProps } from ".";
-import Column from "../Column";
-import Cell from "../Cell";
-
-import { useProjectContext } from "@src/contexts/ProjectContext";
-import { FieldType } from "@src/constants/fields";
-
-const useStyles = makeStyles((theme) =>
- createStyles({
- root: {
- minHeight: 300,
- height: "calc(100% - 80px)",
- },
-
- container: {
- height: "100%",
- display: "flex",
- flexDirection: "column",
- overflow: "scroll",
- },
-
- spacer: {
- width: theme.spacing(3),
- height: theme.spacing(3),
- flexShrink: 0,
- },
-
- header: {
- position: "sticky",
- top: 0,
- zIndex: 1,
- },
- data: {
- flexGrow: 1,
- },
-
- column: {
- width: 200,
- flexShrink: 0,
- marginLeft: -1,
-
- "&:first-of-type": { marginLeft: 0 },
- },
- })
-);
-
-export default function Step4Preview({ csvData, config }: IStepProps) {
- const classes = useStyles();
- const { tableState } = useProjectContext();
-
- if (!tableState) return null;
-
- const columns = config.pairs.map(({ csvKey, columnKey }) => ({
- csvKey,
- columnKey,
- ...(tableState!.columns[columnKey] ??
- _find(config.newColumns, { key: columnKey }) ??
- {}),
- }));
-
- return (
-
-
-
- {columns.map(({ key, name, type }) => (
-
-
-
- ))}
-
-
-
-
- {columns.map(({ csvKey, name, columnKey, type }) => (
-
- {csvData.rows.slice(0, 50).map((row, i) => (
- |
- ))}
-
-
- ))}
-
-
-
-
- {selectedFields.map((field, i) => (
-
-
- {(provided, snapshot) => (
-
- }
- />
-
- )}
-
-
- ))}
- {provided.placeholder}
-
-
- {!isXs && (
-
-
- Field names
-
-
- )}
-
-
- Set column names
-
-
-
-
-
-
-
- {Object.entries(config).map(([field, { name }]) => (
-
- {!isXs && (
-
-
-
- )}
- {!isXs && }
-
- {fieldToRename === field ? (
- setRenameTextField(e.target.value)}
- onKeyDown={(e) => {
- if (e.key === "Enter") handleRename();
- }}
- InputProps={{
- endAdornment: (
-
-
-
-
-
- ),
- classes: {
- root: classes.inputBaseRoot,
- inputHiddenLabel: classes.inputHiddenLabel,
- },
- }}
- hiddenLabel
- fullWidth
- autoFocus
- classes={{ root: classes.textField }}
- />
- ) : (
- {
- setFieldToRename(field);
- setRenameTextField(name);
- }}
- aria-label={`Rename column ${field}`}
- focusRipple
- >
- } />
-
- )}
-
-
- ))}
-
-
-
-
-
- Table columns
-
-
-
-
- {Object.entries(config).map(([field, { name, type }]) => (
-
- setFieldToEdit(field)}
- aria-label={`Edit column ${field}`}
- focusRipple
- >
-
- }
- />
-
-
- ))}
-
-
-
-
- Column type: {config[fieldToEdit].name}
-
-
-
-
-
-
-
- {!isXs && (
-
-
- Raw data
-
-
- )}
-
-
- Column preview
-
-
-
-
-
-
- {!isXs && (
-
-
-
- )}
-
-
-
-
-
- {tableState!.rows!.slice(0, 20).map((row) => (
-
- {!isXs && (
-
- |
-
- )}
-
- {!isXs && }
-
-
- |
-
-
- ))}
-
-
-
-
- {Object.entries(config).map(([field, { name, type }]) => (
-
-
-
- ))}
-
-
-
-
- {Object.entries(config).map(([field, { name, type }]) => (
-
- {tableState!.rows!.slice(0, 20).map((row) => (
- |
- ))}
-
-
- ))}
-
-
-
-
- Your callable function must be compatible with Rowy Action
- columns.{" "}
-
- View requirements
-
-
-
- }
- />
- ) : (
- <>
-
- Action script
- }>
-
-
-
-
-
-
-
-
- onChange("redo.enabled")(
- !Boolean(config.redo?.enabled)
- )
- }
- name="redo"
- />
- }
- label={
- <>
-
- User can redo
-
-
- Re-runs the script above
-
-
- }
- style={{ marginLeft: -11 }}
- />
-
-
-
- onChange("undo.enabled")(
- !Boolean(config.undo?.enabled)
- )
- }
- name="undo"
- />
- }
- label={
- <>
-
- User can undo
-
-
- Runs a new script
-
-
- }
- style={{ marginLeft: -11 }}
- />
-
-
-
- )}
-
- ),
- },
- config.isActionScript &&
- _get(config, "undo.enabled") && {
- id: "undo",
- title: "Undo action",
- content: (
-
- {(showConfirmationField ||
- !config.friction ||
- config.friction === "none") && (
- {
- onChange("undo.confirmation")(e.target.value);
- }}
- fullWidth
- helperText={
- <>
- {showConfirmationField &&
- "Override the confirmation message above. "}
- The action button will not ask for confirmation if this
- is left empty{showConfirmationField && "."}
-
- }
- />
- )}
-
-
- Undo script
- }>
-
-
-
-
-
- ),
- },
- {
- id: "customization",
- title: "Customization",
- content: (
- <>
-
- onChange("customIcons.enabled")(e.target.checked)
- }
- name="customIcons.enabled"
- />
- }
- label="Customize button icons with emoji"
- style={{ marginLeft: -11 }}
- />
-
- {config.customIcons?.enabled && (
-
-
-
-
- onChange("customIcons.run")(e.target.value)
- }
- label="Run:"
- className="labelHorizontal"
- inputProps={{ style: { width: "3ch" } }}
- />
-
- {_get(config, "customIcons.run") || }
-
-
-
-
-
-
-
- onChange("customIcons.redo")(e.target.value)
- }
- label="Redo:"
- className="labelHorizontal"
- inputProps={{ style: { width: "3ch" } }}
- />
-
- {_get(config, "customIcons.redo") || }
-
-
-
-
-
-
-
- onChange("customIcons.undo")(e.target.value)
- }
- label="Undo:"
- className="labelHorizontal"
- inputProps={{ style: { width: "3ch" } }}
- />
-
- {_get(config, "customIcons.undo") || }
-
-
-
-
- )}
-
- ),
- },
- ].filter(Boolean)}
- />
- );
-};
-export default Settings;
diff --git a/src/components/fields/Action/SideDrawerField.tsx b/src/components/fields/Action/SideDrawerField.tsx
deleted file mode 100644
index bacffa5da..000000000
--- a/src/components/fields/Action/SideDrawerField.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import { Controller, useWatch } from "react-hook-form";
-import { ISideDrawerFieldProps } from "../types";
-
-import { Stack, Link } from "@mui/material";
-
-import ActionFab from "./ActionFab";
-import { useFieldStyles } from "@src/components/SideDrawer/Form/utils";
-import { sanitiseCallableName, isUrl } from "@src/utils/fns";
-
-export default function Action({
- column,
- control,
- docRef,
- disabled,
-}: ISideDrawerFieldProps) {
- const fieldClasses = useFieldStyles();
-
- const row = useWatch({ control });
-
- return (
- {
- const hasRan = value && value.status;
-
- return (
-
-
- {hasRan && isUrl(value.status) ? (
-
- {value.status}
-
- ) : hasRan ? (
- value.status
- ) : (
- sanitiseCallableName(column.key)
- )}
-
-
-
-
- );
- }}
- />
- );
-}
diff --git a/src/components/fields/Action/TableCell.tsx b/src/components/fields/Action/TableCell.tsx
deleted file mode 100644
index 6a0496cb0..000000000
--- a/src/components/fields/Action/TableCell.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { IHeavyCellProps } from "../types";
-
-import { Stack } from "@mui/material";
-
-import ActionFab from "./ActionFab";
-import { sanitiseCallableName, isUrl } from "@src/utils/fns";
-
-export default function Action({
- column,
- row,
- value,
- onSubmit,
- disabled,
-}: IHeavyCellProps) {
- const hasRan = value && ![null, undefined].includes(value.status);
-
- return (
-
-
- {hasRan && isUrl(value.status) ? (
-
- {value.status}
-
- ) : hasRan ? (
- value.status
- ) : (
- sanitiseCallableName(column.key)
- )}
-
- {value}
-
- );
-}
diff --git a/src/components/fields/Code/Settings.tsx b/src/components/fields/Code/Settings.tsx
deleted file mode 100644
index 60adcee4b..000000000
--- a/src/components/fields/Code/Settings.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import MultiSelect from "@rowy/multiselect";
-
-const languages = [
- "javascript",
- "typescript",
- "json",
- "html",
- "css",
- "scss",
- "shell",
- "yaml",
- "xml",
- "ruby",
- "python",
- "php",
- "markdown",
- "rust",
- "csharp",
- "cpp",
- "c",
- "java",
- "go",
- "plaintext",
-];
-export default function Settings({ config, onChange }) {
- return (
- {
- onChange("language")(value);
- }}
- label="Language"
- />
- );
-}
diff --git a/src/components/fields/Code/SideDrawerField.tsx b/src/components/fields/Code/SideDrawerField.tsx
deleted file mode 100644
index 6e10fce33..000000000
--- a/src/components/fields/Code/SideDrawerField.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { Controller } from "react-hook-form";
-import { ISideDrawerFieldProps } from "../types";
-
-import CodeEditor from "@src/components/CodeEditor";
-
-export default function Code({
- control,
- column,
- disabled,
-}: ISideDrawerFieldProps) {
- return (
- (
-
- )}
- />
- );
-}
diff --git a/src/components/fields/Code/index.tsx b/src/components/fields/Code/index.tsx
deleted file mode 100644
index e541631fb..000000000
--- a/src/components/fields/Code/index.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { lazy } from "react";
-import { IFieldConfig, FieldType } from "@src/components/fields/types";
-import withBasicCell from "../_withTableCell/withBasicCell";
-
-import CodeIcon from "@mui/icons-material/Code";
-import BasicCell from "./BasicCell";
-import withSideDrawerEditor from "@src/components/Table/editors/withSideDrawerEditor";
-
-const Settings = lazy(
- () => import("./Settings" /* webpackChunkName: "Settings-ConnectService" */)
-);
-
-const SideDrawerField = lazy(
- () =>
- import("./SideDrawerField" /* webpackChunkName: "SideDrawerField-Code" */)
-);
-
-export const config: IFieldConfig = {
- type: FieldType.code,
- name: "Code",
- group: "Code",
- dataType: "string",
- initialValue: "",
- initializable: true,
- icon: ,
- description: "Raw code edited with the Monaco Editor.",
- TableCell: withBasicCell(BasicCell),
- TableEditor: withSideDrawerEditor(BasicCell),
- SideDrawerField,
- settings: Settings,
-};
-export default config;
diff --git a/src/components/fields/Color/InlineCell.tsx b/src/components/fields/Color/InlineCell.tsx
deleted file mode 100644
index 2fb6dce70..000000000
--- a/src/components/fields/Color/InlineCell.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import { forwardRef } from "react";
-import { IPopoverInlineCellProps } from "../types";
-
-import { ButtonBase, Box } from "@mui/material";
-
-export const Color = forwardRef(function Color(
- { value, showPopoverCell, disabled }: IPopoverInlineCellProps,
- ref: React.Ref
-) {
- return (
- showPopoverCell(true)}
- ref={ref}
- disabled={disabled}
- className="cell-collapse-padding"
- sx={{
- font: "inherit",
- letterSpacing: "inherit",
- p: "var(--cell-padding)",
- justifyContent: "flex-start",
- height: "100%",
- }}
- >
- `0 0 0 1px ${theme.palette.divider} inset`,
- borderRadius: 0.5,
- }}
- />
-
- {value?.hex}
-
- );
-});
-
-export default Color;
diff --git a/src/components/fields/Color/PopoverCell.tsx b/src/components/fields/Color/PopoverCell.tsx
deleted file mode 100644
index 6607b0b41..000000000
--- a/src/components/fields/Color/PopoverCell.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { IPopoverCellProps } from "../types";
-import { ColorPicker, toColor } from "react-color-palette";
-import { useDebouncedCallback } from "use-debounce";
-import "react-color-palette/lib/css/styles.css";
-import { useEffect, useState } from "react";
-
-export default function Color({ value, onSubmit }: IPopoverCellProps) {
- const [localValue, setLocalValue] = useState(value);
- const [handleChangeComplete] = useDebouncedCallback((color) => {
- onSubmit(color);
- }, 400);
- useEffect(() => {
- handleChangeComplete(localValue);
- }, [localValue]);
- return (
-
- );
-}
diff --git a/src/components/fields/Color/SideDrawerField.tsx b/src/components/fields/Color/SideDrawerField.tsx
deleted file mode 100644
index 6aa5d2ed8..000000000
--- a/src/components/fields/Color/SideDrawerField.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import { useState } from "react";
-import { Controller } from "react-hook-form";
-import { ISideDrawerFieldProps } from "../types";
-import { ColorPicker, toColor } from "react-color-palette";
-import "react-color-palette/lib/css/styles.css";
-
-import { ButtonBase, Box, Collapse } from "@mui/material";
-
-import { useFieldStyles } from "@src/components/SideDrawer/Form/utils";
-
-export default function Color({
- column,
- control,
- disabled,
-}: ISideDrawerFieldProps) {
- const fieldClasses = useFieldStyles();
-
- const [showPicker, setShowPicker] = useState(false);
- const toggleOpen = () => setShowPicker((s) => !s);
-
- return (
- {
- return (
- <>
- {
- toggleOpen();
- onBlur();
- }}
- component={ButtonBase}
- focusRipple
- disabled={disabled}
- sx={{
- justifyContent: "flex-start",
- "&&": { pl: 0.75 },
- color: value?.hex ? "textPrimary" : "textSecondary",
- }}
- >
-
- `0 0 0 1px ${theme.palette.divider} inset`,
- borderRadius: 0.5,
- }}
- />
-
- {value?.hex ?? "Choose a color…"}
-
-
- `0 0 0 1px ${theme.palette.divider}`,
- m: 1 / 8,
- },
- "& .rcp-saturation": {
- borderRadius: 1,
- borderBottomLeftRadius: 0,
- borderBottomRightRadius: 0,
- },
- }}
- >
-
-
-
- );
- }}
- />
- );
-}
diff --git a/src/components/fields/Color/index.tsx b/src/components/fields/Color/index.tsx
deleted file mode 100644
index 6e98ccfa9..000000000
--- a/src/components/fields/Color/index.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { lazy } from "react";
-import { IFieldConfig, FieldType } from "@src/components/fields/types";
-import withPopoverCell from "../_withTableCell/withPopoverCell";
-
-import ColorIcon from "@mui/icons-material/Colorize";
-import BasicCell from "../_BasicCell/BasicCellNull";
-import InlineCell from "./InlineCell";
-import NullEditor from "@src/components/Table/editors/NullEditor";
-
-const PopoverCell = lazy(
- () => import("./PopoverCell" /* webpackChunkName: "PopoverCell-Color" */)
-);
-const SideDrawerField = lazy(
- () =>
- import("./SideDrawerField" /* webpackChunkName: "SideDrawerField-Color" */)
-);
-
-export const config: IFieldConfig = {
- type: FieldType.color,
- name: "Color",
- group: "Numeric",
- dataType: "Record",
- initialValue: {},
- initializable: true,
- icon: ,
- description:
- "Color stored as Hex, RGB, and HSV. Edited with a visual picker.",
- TableCell: withPopoverCell(BasicCell, InlineCell, PopoverCell, {
- anchorOrigin: { horizontal: "left", vertical: "bottom" },
- }),
- TableEditor: NullEditor as any,
- SideDrawerField,
-};
-export default config;
diff --git a/src/components/fields/ConnectService/ConnectServiceSelect/PopupContents.tsx b/src/components/fields/ConnectService/ConnectServiceSelect/PopupContents.tsx
deleted file mode 100644
index a2472d2e3..000000000
--- a/src/components/fields/ConnectService/ConnectServiceSelect/PopupContents.tsx
+++ /dev/null
@@ -1,202 +0,0 @@
-import React, { useEffect, useState } from "react";
-import clsx from "clsx";
-import { useDebouncedCallback } from "use-debounce";
-import _get from "lodash/get";
-
-import {
- Button,
- Checkbox,
- Divider,
- Grid,
- InputAdornment,
- List,
- ListItemIcon,
- ListItemText,
- MenuItem,
- TextField,
- Typography,
- Radio,
-} from "@mui/material";
-import SearchIcon from "@mui/icons-material/Search";
-
-import { IConnectServiceSelectProps } from ".";
-import useStyles from "./styles";
-import Loading from "@src/components/Loading";
-
-export interface IPopupContentsProps
- extends Omit {}
-
-// TODO: Implement infinite scroll here
-export default function PopupContents({
- value = [],
- onChange,
- config,
- docRef,
-}: IPopupContentsProps) {
- const url = config.url;
- const titleKey = config.titleKey ?? config.primaryKey;
- const subtitleKey = config.subtitleKey;
- const resultsKey = config.resultsKey;
- const primaryKey = config.primaryKey;
- const multiple = Boolean(config.multiple);
-
- const classes = useStyles();
-
- // Webservice search query
- const [query, setQuery] = useState("");
- // Webservice response
- const [response, setResponse] = useState(null);
-
- const [docData, setDocData] = useState(null);
- useEffect(() => {
- docRef.get().then((d) => setDocData(d.data()));
- }, []);
-
- const hits: any["hits"] = _get(response, resultsKey) ?? [];
- const [search] = useDebouncedCallback(
- async (query: string) => {
- if (!docData) return;
- if (!url) return;
- const uri = new URL(url),
- params = { q: query };
- Object.keys(params).forEach((key) =>
- uri.searchParams.append(key, params[key])
- );
-
- const resp = await fetch(uri.toString(), {
- method: "POST",
- body: JSON.stringify(docData),
- headers: { "content-type": "application/json" },
- });
-
- const jsonBody = await resp.json();
- setResponse(jsonBody);
- },
- 1000,
- { leading: true }
- );
-
- useEffect(() => {
- search(query);
- }, [query, docData]);
-
- if (!response) return ;
-
- const select = (hit: any) => () => {
- if (multiple) onChange([...value, hit]);
- else onChange([hit]);
- };
- const deselect = (hit: any) => () => {
- if (multiple)
- onChange(value.filter((v) => v[primaryKey] !== hit[primaryKey]));
- else onChange([]);
- };
-
- const selectedValues = value?.map((item) => _get(item, primaryKey));
-
- const clearSelection = () => onChange([]);
-
- return (
-
-
- setQuery(e.target.value)}
- fullWidth
- variant="filled"
- margin="dense"
- label="Search items"
- className={classes.noMargins}
- InputProps={{
- endAdornment: (
-
-
-
- ),
- }}
- onClick={(e) => e.stopPropagation()}
- onKeyDown={(e) => e.stopPropagation()}
- />
-
-
-
-
- {hits.map((hit) => {
- const isSelected =
- selectedValues.indexOf(_get(hit, primaryKey)) !== -1;
- return (
-
-
-
-
- );
- })}
-
-
-
- {multiple && (
-
-
-
- {value?.length} of {hits?.length}
-
-
-
-
-
- )}
-
- );
-}
diff --git a/src/components/fields/ConnectService/ConnectServiceSelect/index.tsx b/src/components/fields/ConnectService/ConnectServiceSelect/index.tsx
deleted file mode 100644
index 90a66ddee..000000000
--- a/src/components/fields/ConnectService/ConnectServiceSelect/index.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import { Suspense } from "react";
-import clsx from "clsx";
-
-import { TextField, TextFieldProps } from "@mui/material";
-
-import useStyles from "./styles";
-import Loading from "@src/components/Loading";
-import ErrorBoundary from "@src/components/ErrorBoundary";
-import PopupContents from "./PopupContents";
-
-export type ServiceValue = {
- value: string;
- [prop: string]: any;
-};
-
-export interface IConnectServiceSelectProps {
- value: ServiceValue[];
- onChange: (value: ServiceValue[]) => void;
- config: {
- displayKey: string;
- [key: string]: any;
- };
- editable?: boolean;
- /** Optional style overrides for root MUI `TextField` component */
- className?: string;
- /** Override any props of the root MUI `TextField` component */
- TextFieldProps?: Partial;
- docRef: firebase.default.firestore.DocumentReference;
- disabled?: boolean;
-}
-
-export default function ConnectServiceSelect({
- value = [],
- className,
- TextFieldProps = {},
- disabled,
- ...props
-}: IConnectServiceSelectProps) {
- const classes = useStyles();
-
- const sanitisedValue = Array.isArray(value) ? value : [];
-
- return (
- `${(value as any[]).length} selected`,
- displayEmpty: true,
- classes: { select: classes.selectRoot },
- ...TextFieldProps.SelectProps,
- // Must have this set to prevent MUI transforming `value`
- // prop for this component to a comma-separated string
- MenuProps: {
- classes: { paper: classes.paper, list: classes.menuChild },
- MenuListProps: { disablePadding: true },
- anchorOrigin: { vertical: "bottom", horizontal: "center" },
- transformOrigin: { vertical: "top", horizontal: "center" },
- ...TextFieldProps.SelectProps?.MenuProps,
- },
- }}
- disabled={disabled}
- >
-
- }>
-
-
-
-
- );
-}
diff --git a/src/components/fields/ConnectService/ConnectServiceSelect/styles.ts b/src/components/fields/ConnectService/ConnectServiceSelect/styles.ts
deleted file mode 100644
index 8398b4684..000000000
--- a/src/components/fields/ConnectService/ConnectServiceSelect/styles.ts
+++ /dev/null
@@ -1,83 +0,0 @@
-import { makeStyles, createStyles } from "@mui/styles";
-
-export const useStyles = makeStyles((theme) =>
- createStyles({
- root: { minWidth: 200 },
- selectRoot: { paddingRight: theme.spacing(4) },
-
- paper: { overflow: "hidden", maxHeight: "calc(100% - 48px)" },
- menuChild: {
- padding: `0 ${theme.spacing(2)}`,
- minWidth: 340,
- // Need to set fixed height here so popup is positioned correctly
- height: 340,
- },
-
- grid: { outline: 0 },
-
- noMargins: { margin: 0 },
-
- searchRow: { marginTop: theme.spacing(2) },
-
- listRow: {
- background: `${theme.palette.background.paper} no-repeat`,
- position: "relative",
- margin: theme.spacing(0, -2),
- maxWidth: `calc(100% + ${theme.spacing(4)})`,
-
- "&::before, &::after": {
- content: '""',
- position: "absolute",
- top: 0,
- left: 0,
- right: 0,
- zIndex: 9,
-
- display: "block",
- height: 16,
-
- background: `linear-gradient(to bottom, ${theme.palette.background.paper}, rgba(255, 255, 255, 0))`,
- },
-
- "&::after": {
- top: "auto",
- bottom: 0,
- background: `linear-gradient(to top, ${theme.palette.background.paper}, rgba(255, 255, 255, 0))`,
- },
- },
- list: () => {
- let maxHeightDeductions = 0;
- maxHeightDeductions -= 64; // search box
- maxHeightDeductions -= 48; // multiple
- maxHeightDeductions += 8; // footer padding
-
- return {
- padding: theme.spacing(2, 0),
- overflowY: "auto" as "auto",
- // height: `calc(340px - ${-maxHeightDeductions}px)`,
- height: 340 + maxHeightDeductions,
- };
- },
-
- checkboxContainer: { minWidth: theme.spacing(36 / 8) },
- checkbox: {
- padding: theme.spacing(6 / 8, 9 / 8),
- "&:hover": { background: "transparent" },
- },
-
- divider: { margin: theme.spacing(0, 2, 0, 6.5) },
-
- footerRow: { marginBottom: theme.spacing(2) },
- selectedRow: {
- "$listRow + &": { marginTop: -theme.spacing(1) },
- "$footerRow + &": { marginTop: -theme.spacing(2) },
-
- marginBottom: 0,
- "& > div": { height: 48 },
- },
- selectAllButton: { marginRight: -theme.spacing(1) },
- selectedNum: { fontFeatureSettings: '"tnum"' },
- })
-);
-
-export default useStyles;
diff --git a/src/components/fields/ConnectService/InlineCell.tsx b/src/components/fields/ConnectService/InlineCell.tsx
deleted file mode 100644
index 95a93c34b..000000000
--- a/src/components/fields/ConnectService/InlineCell.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import { forwardRef } from "react";
-import { IPopoverInlineCellProps } from "../types";
-
-import { ButtonBase, Grid, Chip } from "@mui/material";
-import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown";
-
-import ChipList from "@src/components/Table/formatters/ChipList";
-import { get } from "lodash";
-
-export const ConnectService = forwardRef(function ConnectService(
- { value, showPopoverCell, disabled, column }: IPopoverInlineCellProps,
- ref: React.Ref
-) {
- const config = column.config ?? {};
- const displayKey = config.titleKey ?? config.primaryKey;
- return (
- showPopoverCell(true)}
- ref={ref}
- disabled={disabled}
- className="cell-collapse-padding"
- sx={{
- height: "100%",
- font: "inherit",
- color: "inherit !important",
- letterSpacing: "inherit",
- textAlign: "inherit",
- justifyContent: "flex-start",
- }}
- >
-
- {Array.isArray(value) &&
- value.map((snapshot) => (
-
-
-
- ))}
-
-
- {!disabled && (
-
- )}
-
- );
-});
-
-export default ConnectService;
diff --git a/src/components/fields/ConnectService/PopoverCell.tsx b/src/components/fields/ConnectService/PopoverCell.tsx
deleted file mode 100644
index 229a2f083..000000000
--- a/src/components/fields/ConnectService/PopoverCell.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { IPopoverCellProps } from "../types";
-
-import ConnectServiceSelect from "./ConnectServiceSelect";
-
-export default function ConnectService({
- value,
- onSubmit,
- column,
- parentRef,
- showPopoverCell,
- disabled,
- docRef,
-}: IPopoverCellProps) {
- const config = column.config ?? {};
- if (!config) return null;
-
- return (
- showPopoverCell(false),
- },
- }}
- />
- );
-}
diff --git a/src/components/fields/ConnectService/Settings.tsx b/src/components/fields/ConnectService/Settings.tsx
deleted file mode 100644
index f0ed6d685..000000000
--- a/src/components/fields/ConnectService/Settings.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import { TextField, FormControlLabel, Switch, Grid } from "@mui/material";
-
-export default function Settings({ config, onChange }) {
- return (
- <>
- {
- onChange("url")(e.target.value);
- }}
- />
- {
- onChange("resultsKey")(e.target.value);
- }}
- />
- {
- onChange("primaryKey")(e.target.value);
- }}
- />
-
-
- {
- onChange("titleKey")(e.target.value);
- }}
- />
-
-
- {
- onChange("subtitleKey")(e.target.value);
- }}
- />{" "}
- {" "}
-
- onChange("multiple")(!Boolean(config.multiple))}
- name="select-multiple"
- />
- }
- label="Enable multiple item selection"
- sx={{
- alignItems: "center",
- "& .MuiFormControlLabel-label": { mt: 0 },
- }}
- />
-
- );
-}
diff --git a/src/components/fields/ConnectService/SideDrawerField.tsx b/src/components/fields/ConnectService/SideDrawerField.tsx
deleted file mode 100644
index 9237a0c36..000000000
--- a/src/components/fields/ConnectService/SideDrawerField.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import { Controller } from "react-hook-form";
-import { ISideDrawerFieldProps } from "../types";
-import { get } from "lodash";
-
-import { useTheme, Grid, Chip } from "@mui/material";
-
-import ConnectServiceSelect from "./ConnectServiceSelect";
-
-export default function ConnectService({
- column,
- control,
- disabled,
- docRef,
-}: ISideDrawerFieldProps) {
- const theme = useTheme();
-
- const config = column.config ?? {};
- const displayKey = config.titleKey ?? config.primaryKey;
-
- return (
- {
- const handleDelete = (hit: any) => () => {
- // if (multiple)
- onChange(
- value.filter(
- (v) => get(v, config.primaryKey) !== get(hit, config.primaryKey)
- )
- );
- // else form.setFieldValue(field.name, []);
- };
-
- return (
- <>
- {!disabled && (
- `${value?.length ?? 0} selected`,
- // },
- }}
- />
- )}
-
- {Array.isArray(value) && (
-
- {value.map((snapshot) => (
-
-
-
- ))}
-
- )}
-
- );
- }}
- />
- );
-}
diff --git a/src/components/fields/ConnectService/index.tsx b/src/components/fields/ConnectService/index.tsx
deleted file mode 100644
index 5efd260b4..000000000
--- a/src/components/fields/ConnectService/index.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { lazy } from "react";
-import { IFieldConfig, FieldType } from "@src/components/fields/types";
-import withPopoverCell from "../_withTableCell/withPopoverCell";
-
-import ConnectServiceIcon from "@mui/icons-material/Http";
-import BasicCell from "../_BasicCell/BasicCellNull";
-import InlineCell from "./InlineCell";
-import NullEditor from "@src/components/Table/editors/NullEditor";
-
-const PopoverCell = lazy(
- () =>
- import("./PopoverCell" /* webpackChunkName: "PopoverCell-ConnectService" */)
-);
-const SideDrawerField = lazy(
- () =>
- import(
- "./SideDrawerField" /* webpackChunkName: "SideDrawerField-ConnectService" */
- )
-);
-const Settings = lazy(
- () => import("./Settings" /* webpackChunkName: "Settings-ConnectService" */)
-);
-
-export const config: IFieldConfig = {
- type: FieldType.connectService,
- name: "Connect Service (Alpha)",
- group: "Connection",
- dataType: "{ docPath: string; snapshot: Record; }[]",
- initialValue: [],
- icon: ,
- description:
- "Connects to an external web service to fetch a list of results.",
- TableCell: withPopoverCell(BasicCell, InlineCell, PopoverCell, {
- anchorOrigin: { horizontal: "left", vertical: "bottom" },
- transparent: true,
- }),
- TableEditor: NullEditor as any,
- SideDrawerField,
- requireConfiguration: true,
- settings: Settings,
-};
-export default config;
diff --git a/src/components/fields/ConnectService/utils.ts b/src/components/fields/ConnectService/utils.ts
deleted file mode 100644
index d2feec47b..000000000
--- a/src/components/fields/ConnectService/utils.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export const sanitiseValue = (value: any) => {
- if (value === undefined || value === null || value === "") return [];
- else return value as string[];
-};
diff --git a/src/components/fields/ConnectTable/ConnectTableSelect.tsx b/src/components/fields/ConnectTable/ConnectTableSelect.tsx
deleted file mode 100644
index 2127a4127..000000000
--- a/src/components/fields/ConnectTable/ConnectTableSelect.tsx
+++ /dev/null
@@ -1,327 +0,0 @@
-import { useState, useEffect } from "react";
-import { useDebounce } from "use-debounce";
-import useAlgolia from "use-algolia";
-import _find from "lodash/find";
-import _get from "lodash/get";
-import _pick from "lodash/pick";
-import createPersistedState from "use-persisted-state";
-import { useSnackbar } from "notistack";
-
-import { Button } from "@mui/material";
-import MultiSelect, { MultiSelectProps } from "@rowy/multiselect";
-import Loading from "@src/components/Loading";
-import InlineOpenInNewIcon from "@src/components/InlineOpenInNewIcon";
-
-import { useProjectContext } from "@src/contexts/ProjectContext";
-import { runRoutes } from "@src/constants/runRoutes";
-import { WIKI_LINKS } from "@src/constants/externalLinks";
-
-const useAlgoliaSearchKeys = createPersistedState(
- "__ROWY__ALGOLIA_SEARCH_KEYS"
-);
-const useAlgoliaAppId = createPersistedState("__ROWY__ALGOLIA_APP_ID");
-
-export type ConnectTableValue = {
- docPath: string;
- snapshot: Record;
-};
-
-const replacer = (data: any) => (m: string, key: string) => {
- const objKey = key.split(":")[0];
- const defaultValue = key.split(":")[1] || "";
- return _get(data, objKey, defaultValue);
-};
-
-export interface IConnectTableSelectProps {
- value: ConnectTableValue[] | ConnectTableValue | null;
- onChange: (value: ConnectTableValue[] | ConnectTableValue | null) => void;
- column: any;
- config: {
- filters: string;
- primaryKeys: string[];
- secondaryKeys?: string[];
- snapshotFields?: string[];
- trackedFields?: string[];
- multiple?: boolean;
- searchLabel?: string;
- [key: string]: any;
- };
- disabled?: boolean;
- /** Optional style overrides for root MUI `TextField` component */
- className?: string;
- row: any;
- /** Override any props of the root MUI `TextField` component */
- TextFieldProps?: MultiSelectProps["TextFieldProps"];
- onClose?: MultiSelectProps["onClose"];
- /** Load the Algolia index before the MultiSelect onOpen function is triggered */
- loadBeforeOpen?: boolean;
-}
-
-export default function ConnectTableSelect({
- value = [],
- onChange,
- column,
- row,
- config,
- disabled,
- className,
- TextFieldProps = {},
- onClose,
- loadBeforeOpen,
-}: IConnectTableSelectProps) {
- const { enqueueSnackbar } = useSnackbar();
- const { rowyRun } = useProjectContext();
- const [algoliaAppId, setAlgoliaAppId] = useAlgoliaAppId(
- undefined
- );
- useEffect(() => {
- if (!algoliaAppId && rowyRun) {
- rowyRun({ route: runRoutes.algoliaAppId }).then(
- ({ success, appId, message }) => {
- if (success) setAlgoliaAppId(appId);
- else
- enqueueSnackbar(
- message.replace("not setup", "not set up") +
- ": Failed to get app ID",
- {
- variant: "error",
- action: (
-
- ),
- }
- );
- }
- );
- }
- }, []);
-
- const filters = config.filters
- ? config.filters.replace(/\{\{(.*?)\}\}/g, replacer(row))
- : "";
-
- const algoliaIndex = config.index;
- const [algoliaSearchKeys, setAlgoliaSearchKeys] = useAlgoliaSearchKeys(
- {}
- );
-
- const [algoliaState, requestDispatch, , setAlgoliaConfig] = useAlgolia(
- "",
- "",
- // Don’t choose the index until the user opens the dropdown if !loadBeforeOpen
- loadBeforeOpen ? algoliaIndex : "",
- { filters }
- );
-
- const setAlgoliaSearchKey = async (algoliaIndex: string) => {
- const requestedAt = Date.now() / 1000;
- if (
- algoliaSearchKeys &&
- (algoliaSearchKeys?.[algoliaIndex] as any)?.key &&
- requestedAt <
- (algoliaSearchKeys?.[algoliaIndex] as any).requestedAt + 3600
- ) {
- //'use existing key'
- setAlgoliaConfig({
- appId: algoliaAppId,
- indexName: algoliaIndex,
- searchKey: (algoliaSearchKeys?.[algoliaIndex] as any).key,
- });
- } else {
- //'get new key'
- if (rowyRun) {
- const resp = await rowyRun({
- route: runRoutes.algoliaSearchKey,
- params: [algoliaIndex as string],
- });
- const { key } = resp;
- if (key) {
- const newKey = {
- key,
- requestedAt,
- };
- setAlgoliaSearchKeys(
- algoliaSearchKeys
- ? { ...algoliaSearchKeys, [algoliaIndex]: newKey }
- : { [algoliaIndex]: newKey }
- );
- setAlgoliaConfig({ indexName: algoliaIndex, searchKey: key });
- }
- }
- }
- };
-
- useEffect(() => {
- setAlgoliaSearchKey(algoliaIndex);
- }, [algoliaIndex]);
-
- const options = algoliaState.hits.map((hit) => ({
- label: config.primaryKeys?.map((key: string) => hit[key]).join(" "),
- value: hit.objectID,
- }));
-
- // Store a local copy of the value so the dropdown doesn’t automatically close
- // when the user selects a new item and we allow for multiple selections
- let initialLocalValue: any;
- if (config.multiple !== false) {
- initialLocalValue = Array.isArray(value)
- ? value
- : value?.docPath
- ? [value]
- : [];
- } else {
- initialLocalValue = Array.isArray(value)
- ? value[0]
- : value?.docPath
- ? value
- : null;
- }
- const [localValue, setLocalValue] = useState(initialLocalValue);
-
- // Pass objectID[] | objectID | null to MultiSelect
- const sanitisedValue =
- config.multiple !== false
- ? localValue.map((item) => item.docPath.split("/").pop())
- : localValue?.docPath?.split("/").pop() ?? null;
-
- const handleChange = (_newValue: string[] | string | null) => {
- let newLocalValue: any;
- if (config.multiple !== false && Array.isArray(_newValue)) {
- newLocalValue = (_newValue as string[])
- .map((objectID) => {
- const docPath = `${algoliaIndex}/${objectID}`;
-
- // Try to find the snapshot from the current Algolia query
- const match = _find(algoliaState.hits, { objectID });
-
- // If not found and this objectID is already in the previous value,
- // use that previous value’s snapshot
- // Else return null
- if (!match) {
- const existingMatch = _find(localValue, { docPath });
- if (existingMatch) return existingMatch;
- else return null;
- }
-
- const { _highlightResult, ...snapshot } = match;
-
- // Use snapshotFields to limit snapshots
- let partialSnapshot = snapshot;
- if (
- Array.isArray(config.snapshotFields) &&
- config.snapshotFields.length > 0
- )
- partialSnapshot = _pick(snapshot, config.snapshotFields);
-
- return { snapshot: partialSnapshot, docPath };
- })
- .filter((x) => x !== null);
- } else if (config.multiple === false && typeof _newValue === "string") {
- const docPath = `${algoliaIndex}/${_newValue}`;
-
- // Try to find the snapshot from the current Algolia query
- const match = _find(algoliaState.hits, { objectID: _newValue });
-
- // If not found and this objectID is the previous value, use that or null
- if (!match) {
- if (localValue?.docPath === docPath) newLocalValue = localValue;
- else newLocalValue = null;
- } else {
- const { _highlightResult, ...snapshot } = match;
-
- // Use snapshotFields to limit snapshots
- let partialSnapshot = snapshot;
- if (
- Array.isArray(config.snapshotFields) &&
- config.snapshotFields.length > 0
- )
- partialSnapshot = _pick(snapshot, config.snapshotFields);
-
- newLocalValue = { snapshot: partialSnapshot, docPath };
- }
- } else if (config.multiple === false && _newValue === null) {
- newLocalValue = null;
- }
-
- // Store in `localValue` until user closes dropdown and triggers `handleSave`
- setLocalValue(newLocalValue);
-
- // If !multiple, we MUST change the value (bypassing localValue),
- // otherwise `setLocalValue` won’t be called in time for the new
- // `localValue` to be read by `handleSave` because this component is
- // unmounted before `handleSave` is called
- if (config.multiple === false) onChange(newLocalValue);
- };
-
- // Save when user closes dropdown
- const handleSave = () => {
- if (config.multiple !== false) onChange(localValue);
- if (onClose) onClose();
- };
- // Change MultiSelect input field to search Algolia directly
- const [search, setSearch] = useState("");
- const [debouncedSearch] = useDebounce(search, 1000);
- useEffect(() => {
- requestDispatch({ query: debouncedSearch });
- }, [debouncedSearch]);
-
- return (
- {
- setAlgoliaConfig({ indexName: algoliaIndex });
- requestDispatch({ filters });
- }}
- onClose={handleSave}
- options={options}
- TextFieldProps={{
- className,
- hiddenLabel: true,
- SelectProps: {
- renderValue: () => {
- if (Array.isArray(localValue)) {
- if (localValue.length !== 1)
- return `${localValue.length} selected`;
- return config.primaryKeys
- ?.map((key: string) => localValue[0]?.snapshot?.[key])
- .join(" ");
- } else {
- if (!localValue?.snapshot) return "0 selected";
- return config.primaryKeys
- ?.map((key: string) => localValue?.snapshot?.[key])
- .join(" ");
- }
- },
- },
- ...TextFieldProps,
- }}
- label={column?.name}
- labelPlural={config.searchLabel}
- multiple={config.multiple !== false}
- {...({
- AutocompleteProps: {
- loading: algoliaState.loading,
- loadingText: ,
- inputValue: search,
- onInputChange: (_, value, reason) => {
- if (reason === "input") setSearch(value);
- },
- filterOptions: () => options,
- },
- } as any)}
- countText={
- Array.isArray(localValue)
- ? `${localValue.length} of ${algoliaState.response?.nbHits ?? "?"}`
- : undefined
- }
- disabled={disabled}
- />
- );
-}
diff --git a/src/components/fields/ConnectTable/InlineCell.tsx b/src/components/fields/ConnectTable/InlineCell.tsx
deleted file mode 100644
index 583404130..000000000
--- a/src/components/fields/ConnectTable/InlineCell.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import { forwardRef } from "react";
-import { IPopoverInlineCellProps } from "../types";
-
-import { ButtonBase, Grid, Chip } from "@mui/material";
-import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown";
-
-import ChipList from "@src/components/Table/formatters/ChipList";
-
-export const ConnectTable = forwardRef(function ConnectTable(
- { value, showPopoverCell, disabled, column }: IPopoverInlineCellProps,
- ref: React.Ref
-) {
- const config = column.config ?? {};
-
- return (
- showPopoverCell(true)}
- ref={ref}
- disabled={disabled}
- className="cell-collapse-padding"
- sx={{
- height: "100%",
- font: "inherit",
- color: "inherit !important",
- letterSpacing: "inherit",
- textAlign: "inherit",
- justifyContent: "flex-start",
- }}
- >
-
- {Array.isArray(value) ? (
- value.map((item: any) => (
-
- item.snapshot[key])
- .join(" ")}
- />
-
- ))
- ) : value ? (
-
- value.snapshot[key])
- .join(" ")}
- />
-
- ) : null}
-
-
- {!disabled && (
-
- )}
-
- );
-});
-
-export default ConnectTable;
diff --git a/src/components/fields/ConnectTable/PopoverCell.tsx b/src/components/fields/ConnectTable/PopoverCell.tsx
deleted file mode 100644
index 619709695..000000000
--- a/src/components/fields/ConnectTable/PopoverCell.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { IPopoverCellProps } from "../types";
-
-import ConnectTableSelect from "./ConnectTableSelect";
-
-export default function ConnectTable({
- value,
- onSubmit,
- column,
- parentRef,
- showPopoverCell,
- row,
- disabled,
-}: IPopoverCellProps) {
- const config = column.config ?? {};
- if (!config || !config.primaryKeys) return null;
-
- return (
- showPopoverCell(false)}
- loadBeforeOpen
- />
- );
-}
diff --git a/src/components/fields/ConnectTable/Settings.tsx b/src/components/fields/ConnectTable/Settings.tsx
deleted file mode 100644
index c220f109a..000000000
--- a/src/components/fields/ConnectTable/Settings.tsx
+++ /dev/null
@@ -1,195 +0,0 @@
-import { useEffect, useState } from "react";
-import { ISettingsProps } from "../types";
-import _sortBy from "lodash/sortBy";
-
-import {
- Typography,
- Link,
- TextField,
- FormControlLabel,
- Checkbox,
- FormHelperText,
-} from "@mui/material";
-import MultiSelect from "@rowy/multiselect";
-import InlineOpenInNewIcon from "@src/components/InlineOpenInNewIcon";
-import WarningIcon from "@mui/icons-material/WarningAmberOutlined";
-
-import { FieldType } from "@src/constants/fields";
-import { db } from "@src/firebase";
-import { useProjectContext } from "@src/contexts/ProjectContext";
-import { TABLE_SCHEMAS } from "@src/config/dbPaths";
-import { WIKI_LINKS } from "@src/constants/externalLinks";
-import { useRowyRunModal } from "@src/atoms/RowyRunModal";
-
-export default function Settings({ onChange, config }: ISettingsProps) {
- const { tables, settings } = useProjectContext();
-
- const openRowyRunModal = useRowyRunModal();
- useEffect(() => {
- if (!settings?.rowyRunUrl) openRowyRunModal("Connect Table fields");
- }, [settings?.rowyRunUrl]);
-
- const tableOptions = _sortBy(
- tables?.map((table) => ({
- label: table.name,
- value: table.id,
- section: table.section,
- collection: table.collection,
- })) ?? [],
- ["section", "label"]
- );
-
- const [columns, setColumns] = useState<
- { value: string; label: string; type: FieldType }[]
- >([]);
- const getColumns = async (table) => {
- const tableConfigDoc = await db.doc(`${TABLE_SCHEMAS}/${table}`).get();
- const tableConfig = tableConfigDoc.data();
- if (tableConfig && tableConfig.columns)
- setColumns(
- Object.values(tableConfig.columns).map((c: any) => ({
- label: c.name,
- value: c.key,
- type: c.type,
- }))
- );
- };
- useEffect(() => {
- if (config.index) {
- getColumns(config.index);
- }
- }, [config.index]);
-
- return (
- <>
-
- Connect Table requires additional setup.{" "}
-
- Instructions
-
-
-
-
- ) => (
- <>
- {option.section} > {option.label}{" "}
- {option.collection}
-
- )}
- TextFieldProps={{
- helperText:
- "Make sure this table is being synced to an Algolia index",
- }}
- />
-
- onChange("multiple")(e.target.checked)}
- />
- }
- label={
- <>
- Multiple selection
-
- {config.multiple === false ? (
- <>
- Field values will be either{" "}
-