import React from 'react';
import { css, spacing, Accordion, Body } from '@mongodb-js/compass-components';
import { CreateIndexFields } from '../create-index-fields';
import { hasColumnstoreIndexesSupport } from '../../utils/columnstore-indexes';
import CheckboxInput from './checkbox-input';
import CollapsibleInput from './collapsible-input';
const createIndexModalFieldsStyles = css({
margin: `${spacing[4]}px 0 ${spacing[5]}px 0`,
});
const indexFieldsHeaderStyles = css({
marginBottom: spacing[1],
});
const createIndexModalOptionStyles = css({
paddingLeft: spacing[1] + 2,
});
type IndexField = { name: string; type: string };
type CreateIndexFormProps = {
fields: IndexField[];
schemaFields: string[];
serverVersion: string;
updateFieldName: (idx: number, name: string) => void;
updateFieldType: (idx: number, fType: string) => void;
addField: () => void; // Plus icon.
removeField: (idx: number) => void; // Minus icon.
};
function CreateIndexForm({
fields,
schemaFields,
serverVersion,
updateFieldName,
updateFieldType,
addField,
removeField,
}: CreateIndexFormProps) {
return (
<>
Index fields
{fields.length > 0 ? (
1)}
updateFieldName={updateFieldName}
updateFieldType={updateFieldType}
addField={addField}
removeField={removeField}
/>
) : null}
{hasColumnstoreIndexesSupport(serverVersion) && (
)}
);
}
export { CreateIndexForm };